/*
main.css
Strategis
16.11.2006
Chris Armstrong - Thoughtbubble Ltd
*/

/* main */
body { 
	font-family: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	/* font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif; */
	margin:0 0 20px 0;
	color:#999999;
	font-size:100%;
	background:#999999;
	background-image:url(/images/1px_white.gif);
	background-repeat:repeat-y;
}

p { margin-top:0px; margin-bottom:8px; }
h1 { font-size:100%; font-weight:bold; margin:0 0 8 0; }
h2 { font-size:100%; font-weight:bold; margin:0 0 5 0; }

/* structure */
/*
#mainWrapper { width:100%; text-align:center; }
#pageWrapper { width:780px; background-color:#FFFFFF; text-align:left; margin:auto; }
*/

#mainWrapper { width:100%;  }
#pageWrapper { width:780px; background-color:#FFFFFF; }

#topBar { width:780px; }
#siteLogo { margin-top:0px; margin-bottom:20px; }
#navBar { width:780px; }
.navLink150 { float:left; width:150px; }
.navLink120 { float:left; width:120px; }
#mainBar { width:780px; }
#footerBar { width:780px; text-align:right; margin-top:40px; font-size:80%; }

#leftNavCol { float:left; width:150px; overflow:hidden; font-size:70%; }
.mainCol { float:left; width:630px; font-size:80%; }

.pageText { width:480px; }
.topLineMain { width:480px; margin-bottom:5px; }
.mapLine { width:100px; margin-bottom:5px; }

.newsBox { width:120px; height:120px; color:#FFFFFF; }
.newsBox a:link, .newsBox a:visited { color:#FFFFFF; text-decoration:none; }
.newsBox a:hover { color:#FFFFFF; text-decoration:underline; }

.newsBoxTitle { font-size:120%; padding-top:4px; }
.newsBoxText { font-size:75%; margin-top:4px; }

.news1 { background-color:#DEB789; }
.CaseStudy1 { background-color:#B69654; }
.CaseStudy2 { background-color:#B5896B; }

.quoteBox1 { background-color:#B69654; color:#FFFFFF; }
.quoteBox2 { background-color:#B5896B; color:#FFFFFF; }

.subNavLink { float:left; }
.subNavLink a:link, .subNavLink a:visited { color:#999999; text-decoration:none; }
.subNavLink a:hover { color:#999999; text-decoration:underline; }

.subNavLinkOn { float:left; }
.subNavLinkOn a:link, .subNavLinkOn a:visited { color:#8E4130; text-decoration:none; }
.subNavLinkOn a:hover { color:#8E4130; text-decoration:underline; }

.subNavArrow { 
	float:left; 
	width:10px;
	height:6px;
	margin-left:30px; 
	margin-top:4px; 
	display:inline;
	background-image:url(/images/arrow_sm.gif);
	background-repeat:no-repeat;
}
.subNavArrowOff { 
	float:left; 
	width:10px;
	height:6px;
	margin-left:30px; 
	margin-top:4px; 
	display:inline;
}

.tertiary { margin-left:35px; }

/* links */
a:link, a:visited { color:#0000FF; text-decoration:underline; }
a:hover { color:#FF0000; text-decoration:underline; }

/* text styles */
.errorText { color:#FF0000; }
.goldText { color:#B69654; }
.oliveText { color:#807538; }
.redText { color:#8E4130; }
.purpleText { color:#70535C; }
.orangeText { color:#B35638; }
.titleText { font-size:140%; }
.boldText { font-weight:bold; }
 
/* team page */
.teamName { float:left; width:130px; font-size:140%; }
.teamPhoto { float:left; width:150px; }
.teamDesc { float:left; width:300px; }
.teamLine { width:580px; }

/* contact us page */
.contactAddressCol { float:left; width:250px; }
.contactMapCol { float:left; width:250px; }
.contactAddressCol a:link, .contactAddressCol a:visited { color:#999999; text-decoration:none; }
.contactAddressCol a:hover { color:#999999; text-decoration:underline; }
.contactFormCol { float:left; width:230px; }
.contactFieldName { float:left; width:80px; margin-bottom:4px; }
.contactFormField { float:left; width:150px; margin-bottom:4px; text-align:right; }
.contactTextInput { border:1px solid #999999; width:140px; }
.mandatory { font-weight:bold; }
 
 /* leadership page */
.leaderLeftCol { float:left; width:200px; }
.leaderRightCol { float:left; width:280px; font-size:90%; height:400px; overflow:visible; }
.leaderShipLink { font-size:90%; }

a.redLink:link, a.redLink:visited { color:#8E4130; text-decoration:none; }
a.redLink:hover { color:#8E4130; text-decoration:underline; }

a.orangeLink:link, a.orangeLink:visited { color:#B35638; text-decoration:none; }
a.orangeLink:hover { color:#B35638; text-decoration:underline; }

a.oliveLink:link, a.oliveLink:visited { color:#807538; text-decoration:none; }
a.oliveLink:hover { color:#807538; text-decoration:underline; }

a.goldLink:link, a.goldLink:visited { color:#B69654; text-decoration:none; }
a.goldLink:hover { color:#B69654; text-decoration:underline; }

a.purpleLink:link, a.purpleLink:visited { color:#70535C; text-decoration:none; }
a.purpleLink:hover { color:#70535C; text-decoration:underline; }

.greyLink:link, .greyLink:visited { color:#999999; text-decoration:none; }
.greyLink:hover { color:#999999; text-decoration:underline; }

.greyLinkUnderline:link, .greyLinkUnderline:visited { color:#999999; text-decoration:underline; }
.greyLinkUnderline:hover { color:#999999; text-decoration:underline; }

/* experiential section */
.exampleLinkCol { float:left; width:230px; }
.exampleColRight { margin-left:20px; display:inline; }

.exampleLinkCol a:link { color:#8E4130; text-decoration:none; font-weight:bold; }
.exampleLinkCol a:visited { color:#70535C; text-decoration:none; font-weight:bold; }
.exampleLinkCol a:hover { text-decoration:underline; font-weight:bold; }

.exampleLinkCol ul {
	padding:0px;
	margin:0 0 0 1.2em;
	color:#8E4130;
}

.exampleLinkCol ul li {
	margin-bottom:8px;
}

.backLink { text-align:right; }
.backLink a:link, .backLink a:visited { color:#8E4130; text-decoration:none; }
.backLink a:hover { text-decoration:underline; }