/* ------------------------ Structure ----------------- */
body {
	margin: 0;
	padding: 0;
	font-size: x-small;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #8e8e8e; 	
	background-color: #9acccd;
	background-image: url(../images/squiggle.gif); 
	background-repeat: no-repeat;
	background-position: -175px -160px;
	} 	

#wrapper{ 
	height: 691px;
	width: 704px;; 
	margin: 0 auto;
	border-top: 1px solid #9acccd;
	}

#content{ 
	width: 704px; 
	height: 293px; 
	margin: 0 auto; 
	background-color: #FFFFFF;
	margin-top: 117px;
	}
	
#footer {
	width: 704px;
	height: 124px;
	margin: 12px auto;
	background-color: #FFFFFF;
	}

#lhc { 
	width: 180px; 
	float: left;
	margin-top: 20px;
	}
	
#rhc { 
	width: 520px; 
	float: right; 
	margin-top: 20px; 
	}

#client { 
	width: 520px; 
	float: right; 
	margin-top: 20px; 
	}	
	
#about #about_text { 
	overflow: hidden;
	height: 160px;
	}

#services #services_text { 
	overflow: auto; 
	height: 160px;
	padding-top: 2px;
	}

#clients #clients_text { 
	overflow: auto; 
	height: 160px;
	padding-top: 2px;
	}
	
#rhc #newsletter_text { 
	overflow: auto; 
	height: 160px;
	padding-top: 20px;
	}	

#portfolio #about_text { 
	overflow: auto;
	height: 272px;
	padding-top: 1px;
	}
	
#awards #awards_text { 
	overflow: auto; 
	height: 160px;
	} 

#news #about_text { 
	overflow: auto; 
	height: 272px; 
	padding-top: 1px; 	
	} 		

/* ----- the graphical headers / footers on each page ---- */
	
#index #wrapper  { 
	background-image: url(../images/bg_home.gif); 
	background-position: 0 56px;
	background-repeat: no-repeat;
	}
	
#about #wrapper { 
	background-image: url(../images/bg_about.gif); 
	background-repeat: no-repeat;
	background-position: 0 511px; 
	}
	
#services #wrapper { 
	background-image: url(../images/bg_services.png); 
	background-repeat: no-repeat;
	background-position: 0 511px; 
	}	
	
#portfolio #wrapper { 
	background-image: url(../images/bg_portfolio.gif); 
	background-repeat: no-repeat;
	background-position: 0 508px;
	}
	
#contact #wrapper { 
	background-image: url(../images/bg_contact.gif); 
	background-repeat: no-repeat; 
	background-position: 0 508px; 
	}	
	
#clients #wrapper { 
	background-image: url(../images/bg_clients.png);
	background-repeat: no-repeat; 
	background-position: 0 508px;
	}	
	
#awards #wrapper { 
	background-image: url(../images/bg_awards.gif);
	background-repeat: no-repeat; 
	background-position: 0 508px;
	} 	
	
#news #wrapper { 
	background-image: url(../images/bg_home.gif);
	background-repeat: no-repeat; 
	background-position: 0 56px;
	} 	
	
	
#team #wrapper { 
	background-image: url(../images/bg_team.gif);
	background-repeat: no-repeat; 
	background-position: 0 508px;
	}	
	
#copyright {  
	font-size: 90%;
	color: #FFFFFF;
	font-weight: normal;
	text-align:center;
	margin-top: 150px;
	} 
	
#ccKeywords {  
	font-size: 1px;
	color: #9acccd;
	font-weight: normal;
	text-align:center;
	padding-top: 5px;
}	
	

/* ----- these structural div's are on homepage only ---- */
	
#content_home {
	height: 293px;
	width: 704px;
	margin: 0 auto;
	background-color: #FFFFFF;
	margin-top: 117px;
	padding-top: 0px;
	}	 	
	
	
/* ------------------------ Main Navigation ----------- */
#mainnav { 
	font-size: 130%;
	font-weight: bolder;
	list-style: none; 
	text-transform: uppercase; 
	float: right; 
	margin-top: 54px; 
	margin-right: 15px;
	color: #999999;
	} 

#mainnav li { 
	display: inline;  
	//padding: 0 0 0 10px; 
	}
	
.on {color: #91cccd !important;}

.rightline {
	display: inline; 
	border-right: 2px solid #999999;
	padding-right: 15px; 
	} 
	
	
/*------------------------ Side Nav ----------- */
#sidenav, #newsnav { 
	list-style: none; 
	font-size: 110%; 
	padding-left: 0;
	padding-top: 0; 
	margin-top: 0px; 
	margin-left: 20px; 
	line-height: 150%;
	} 
	
#newsnav li {margin-bottom: 10px; }	

#teamnav { 
	list-style: none; 
	font-size: 105%; 
	padding-left: 0;
	padding-top: 0; 
	margin-top: 0px; 
	margin-left: 20px; 
	line-height: 130%;
	}	
	
	

	/* --- Side Nav Pictures Nav --*/

#pp_nav { 	
	font-size: 120%;
	line-height: 140%;  
	margin-top: 25px;
	list-style: none; 
	}
	
.arrow_r { 
	background-image: url(../images/arrow_r.gif); 
	background-repeat: no-repeat; 
	background-position: left;
	list-style: none; 
	padding-left: 15px; 
	text-transform: uppercase; 
	} 
	
.arrow_d { 
	background-image: url(../images/arrow_d.gif); 
	background-repeat: no-repeat; 
	background-position: left;
	list-style: none; 
	padding-left: 15px; 
	text-transform: uppercase; 
	margin-bottom: 10px; 
	} 
	
	
.slider {margin-left: 50px; }
#lhc img { border: none; } 
.portpic { float: right; } 
.aboutpic { float: right;}	
	
/* --------------- Header Image Replacements ---------- */
h1 span  {display: none;} 

h1 { 
	width: 175px; 
	height: 19px; 
	float: right;
	margin-right: 30px; 
	margin-top: 85px; 
	}

#about h1 { background-image: url(../images/header_about.gif); }
#team h1 {background-image: url(../images/header_team.png);}
#services h1 { background-image: url(../images/header_services.png); }
#contact h1 {background-image: url(../images/header_contact.gif);}
#portfolio h1 {background-image: url(../images/header_port.gif);}

#clients h1 {
	background-image: url(../images/header_clients.png); 
	width: 206px; 
	height: 19px;
	}

#awards h1 {
	background-image: url(../images/header_awards.gif); 
	width: 206px; 
	height: 19px;
	}
	
#news h1 {
	background: url(../images/header_news.gif);
	width: 100px;
	height: 19px;
	}
	

.home span { display: none;}
.home { 
	width: 112px; 
	height: 13px; 
	background-image:url(../images/home.gif);
	float: left; 
	margin-left: 30px; 
	margin-top: 55px; 
	}
	
	/* ----- on homepage only ----- */

\#tagline span {display: none; } 
#tagline h3 { 
	width: 704px; 
	height: 58px; 
	background-image:url(../images/company.gif);
	}
	
.mantra span { display: none;}
.mantra { 
	width: 203px; 
	height: 123px; 
	background-image:url(../images/tagline.gif);
	float: left; 
	margin: 0; 
	padding: 0; 
	}
	
h2 { 
	margin: 0; 
	padding: 0; 
	}
	
#index h2 span { display: none;}

#index h2 {
	background-image: url(../images/index_header.gif);
	width: 599px;
	height: 107px;
	margin-left: 20px;
	}
	
#about h2 span {display: none;}

#about h2 {
	background-image: url(../images/about_header.gif);
	width: 491px;
	height: 52px;
	margin-bottom: 30px; 
	}
	
#services h2 span {display: none;}

#services h2 {
	background-image: url(../images/services_header.gif);
	width: 403px;
	height: 17px;
	margin-bottom: 30px; 
	}	
	
#clients h2 span {display: none; }

#clients h2 { 
	background-image: url(../images/clients_header.gif);
	width: 415px;
	height: 70px;
	margin-bottom: 15px; 
	}	
	
#contact h2 span {display: none;}

#contact h2 {
	background-image: url(../images/contact_header.gif);
	width: 241px;
	height: 25px;
	margin-bottom: 15px; 
	}
	
#portfolio h2 span {display: none; } 

#portfolio h2 { 
	background-image:url(../images/portfolio_header.gif);
	width: 444px;
	height: 52px; 
	}
	
#awards h2 span {display: none; }

#awards h2 { 
	background-image: url(../images/awards_header.gif);
	width: 387px;
	height: 70px;
	margin-bottom: 15px; 
	} 
	
#team h2 span {display: none; }

#team h2 { 
	background-image: url(../images/team_header.gif);
	width: 488px;
	height: 131px;
	} 	
	
#news h2 span {display: none; }

#news h2 {
	background: url(../images/news_header.gif);
	width: 424px;
	height: 52px;
}
	
h3 {margin: 0; padding: 0; }

h4 { 
	font-size: 120%; 
	color: #333;
	} 	

h4 .date { color: #999;} 


	
/* ------------------------ Typography ---------------- */
#rhc p { 
	font-size: 120%; 
	line-height: 140%;
	width: 480px; 
	margin-top: -4px;
}

#client p { 
	font-size: 100%; 
	line-height: 140%;
	width: 480px; 
	margin-top: -4px;
}

#services p {
	font-weight: bold;
	color: #333333;
	}
	
#about p {
	font-weight: bold;
	color: #333333;
	} 
	
	
#rhc h3 { 
	color: #333;
	font-size: 120%;
	text-transform: capitalize; 
	margin-bottom: 10px; 
	}
	
#rhc h3 span { 
	color: #666; 
	text-transform: none; 
	
	} 	
	
	 	
#about span{ color: #8e8e8e;}
#services span{ color: #8e8e8e;}
	
#awards p {color: #999;}
#awards strong {color: #333;}	
#awards .indent {margin-left: 50px; }	

.newNews {
	font-size:9px;
	text-transform:capitalize;
	color:#99CCCC;
}
	
/* ------------------------ Links ---------------------- */	
a:link {color: #999; text-decoration: none;}
a:visited {color: #999;	text-decoration: none;}
a:hover {color: #666; text-decoration: none;}
a:active { color: #999;	text-decoration: none;}

a.textlink:link {color: #999; text-decoration: underline;}
a.textlink:visited {color: #999; text-decoration: underline;}
a.textlink:hover {color: #333; text-decoration: none;}
a.textlink:active { color: #999; text-decoration: underline;}

a.callout:link {color: #FF6600; text-decoration: none;}
a.callout:visited {color: #FF6600; text-decoration: none;}
a.callout:hover {color: #FF6600; text-decoration: underline;}
a.callout:active { color: #FF6600; text-decoration: none;}

/* ------------------------ About - Map ---------------------- */	

.dir { 
	float: left; 
	margin-left: 10px;
	}
	
.map {
	float: left; 
	margin-top: -5px; 
	border: 0px; 
	}
	
/* ------------------------ one off fix for picture of karen in news section---------------------- */	
.newspic_sm {float: right; margin-bottom: 50px;}