html, body {
	margin: 0px;
	padding: 0px;
	font-size: 0.83em;
	line-height: 1.3em;
	font-family: arial, sans-serif;
	background-color: #d2d2d2;
	color: #000000;
	height: 99%;
}

/* ---------------headers--------------- */

h1 {
	margin: 0;
	padding: 0;
	font-size: 1.3em;
	font-family: arial, sans-serif;
}

h2 {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	font-family: arial, sans-serif;
}

#logo_panel h1{
	width: 217px;
	height: 30px;
	margin: 0;
	padding: 0;
}

#logo_panel h1 span { display: none; }

#logo_panel h1 a {
	width: 217px;
	height: 30px;
	display: block;
	background: url(../global/logo.gif) no-repeat;
}

h2.home_about {
	width: 125px;
	height: 13px;
	display: block;
	background: url(../home/about_h.gif) no-repeat;
}

h2.home_news {
	width: 43px;
	height: 12px;
	display: block;
	background: url(../home/news_h.gif) no-repeat;
}

h2.home_geo {
	width: 96px;
	height: 13px;
	display: block;
	background: url(../home/geo_h.gif) no-repeat;
}

h2.about_title {
	float: left;
	width: 187px;
	height: 23px;
	padding: 0px;
	margin: 10px 0px 60px 6px;
	background: url(../home/aboutstockton_h.gif) no-repeat;
}

*html h2.about_title {
	float: left;
	width: 187px;
	height: 23px;
	padding: 0px;
	margin: 10px 0px 60px 3px;
	background: url(../home/aboutstockton_h.gif) no-repeat;
}

h2.clients_title {
	float: left;
	width: 129px;
	height: 23px;
	padding: 0px;
	margin: 10px 0px 60px 6px;
	background: url(../home/clients_h.gif) no-repeat;
}

*html h2.clients_title {
	float: left;
	width: 129px;
	height: 23px;
	padding: 0px;
	margin: 10px 0px 60px 3px;
	background: url(../home/clients_h.gif) no-repeat;
}

h2.services_title {
	float: left;
	width: 105px;
	height: 23px;
	padding: 0px;
	margin: 10px 0px 60px 6px;
	background: url(../home/services_h.gif) no-repeat;
}

*html h2.services_title {
	float: left;
	width: 105px;
	height: 23px;
	padding: 0px;
	margin: 10px 0px 60px 3px;
	background: url(../home/services_h.gif) no-repeat;
}

h2.geo_title {
	float: left;
	width: 231px;
	height: 23px;
	padding: 0px;
	margin: 10px 0px 60px 6px;
	background: url(../home/geothermal_h.gif) no-repeat;
}

*html h2.geo_title {
	float: left;
	width: 231px;
	height: 23px;
	padding: 0px;
	margin: 10px 0px 60px 3px;
	background: url(../home/geothermal_h.gif) no-repeat;
}

h2.news_title {
	float: left;
	width: 65px;
	height: 23px;
	padding: 0px;
	margin: 10px 0px 60px 6px;
	background: url(../home/news1_h.gif) no-repeat;
}

*html h2.news_title {
	float: left;
	width: 65px;
	height: 23px;
	padding: 0px;
	margin: 10px 0px 60px 3px;
	background: url(../home/news1_h.gif) no-repeat;
}

h2.gallery_title {
	float: left;
	width: 86px;
	height: 23px;
	padding: 0px;
	margin: 10px 0px 60px 6px;
	background: url(../home/gallery_h.gif) no-repeat;
}

*html h2.gallery_title {
	float: left;
	width: 86px;
	height: 23px;
	padding: 0px;
	margin: 10px 0px 60px 3px;
	background: url(../home/gallery_h.gif) no-repeat;
}

h2.contact_title {
	float: left;
	width: 128px;
	height: 23px;
	padding: 0px;
	margin: 10px 0px 60px 6px;
	background: url(../home/contact_h.gif) no-repeat;
}

*html h2.contact_title {
	float: left;
	width: 128px;
	height: 23px;
	padding: 0px;
	margin: 10px 0px 60px 3px;
	background: url(../home/contact_h.gif) no-repeat;
}

h2.project_title {
	float: left;
	width: 187px;
	height: 23px;
	padding: 0px;
	margin: 10px 0px 60px 6px;
	background: url(../home/project-profiles_h.gif) no-repeat;
}

*html h2.project_title {
	float: left;
	width: 187px;
	height: 23px;
	padding: 0px;
	margin: 10px 0px 60px 3px;
	background: url(../home/project-profiles_h.gif) no-repeat;
}

span.home_about { display: none; }
span.home_news { display: none; }
span.home_geo { display: none; }
span.about_title { display: none; }
span.clients_title { display: none; }
span.services_title { display: none; }
span.geo_title { display: none; }
span.news_title { display: none; }
span.contact_title { display: none; }
span.gallery_title { display: none; }
span.project_title { display: none; }

/* ----------------links---------------- */

/* Default */
a:link { color: #000000; text-decoration: underline; }
a:visited { color: #000000; text-decoration: underline; }
a:hover { color: #EF9F18; }

/* Others */
#right_footer_panel a, #right_footer_panel a:link, #right_footer_panel a:visited { color: #C1C1C1; text-decoration: none; }
#right_footer_panel a:hover { color: #000000; }

#left_footer_panel a, #left_footer_panel a:link, #left_footer_panel a:visited { color: #000000; text-decoration: none; }
#left_footer_panel a:hover { text-decoration: underline; }

#home_about_panel a:link, #home_about_panel a:visited { color: #ffffff; font-weight: bold; text-decoration: none; }
#home_about_panel a:hover { color: #000000; }
#home_news_panel a:link, #home_news_panel a:visited { color: #ffffff; font-weight: bold; text-decoration: none; }
#home_news_panel a:hover { color: #000000; }
#home_geo_panel a:link, #home_geo_panel a:visited { color: #ffffff; font-weight: bold; text-decoration: none; }
#home_geo_panel a:hover { color: #000000; }

a:link.right_panel_orange_link { color: #EF9F18; text-decoration: underline; }
a:visited.right_panel_orange_link { color: #EF9F18; text-decoration: underline; }
a:hover.right_panel_orange_link { color: #000000; }

a:link.right_panel_black_link { color: #000000; text-decoration: underline; }
a:visited.right_panel_black_link { color: #000000; text-decoration: underline; }
a:hover.right_panel_black_link { color: #EF9F18; }

/* -----------------misc---------------- */

.hide {
	position: absolute;
	left: -3000px;
	top: -3000px;
}

img { border: 0px; }

.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
}

a#skiptocontent {display: block; width:748px; height: 8px; margin: auto; padding: 0; font-weight: bold; text-align: center; background-color: #01013D;}
a#skiptocontent:link, a#skiptocontent:visited {color: #01013D; height: auto;}
a#skiptocontent:hover, a#skiptocontent:focus, a#skiptocontent:active { background-color: #01013D; color: #ffffff; height: auto; }

#crumbtrail {
	float: left;
	width: 362px;
	height: 18px;
	margin: 0px;
	padding: 5px 0px 0px 8px;
	border-top: 1px dashed #000000;
	border-bottom: 1px dashed #000000;
}

.divider {
	float: left;
	width: 370px;
	height: 1px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	border-top: 1px dashed #000000;
}

.orange_text { color: #EF9F18; }
.right_panel_selected { color: #EF9F18; text-decoration: underline; }


/* -------------navigation-------------- */

#button1 a {
	float: left;
	width: 34px;	
	height: 13px;
	padding: 0px;
	background: url(../global/home_b.gif) no-repeat;
}
	
#button1 a:hover { background-position: -34px 0%; }

#button1_in a {
	float: left;
	width: 34px;	
	height: 13px;
	padding: 0px;
	background: url(../global/home_b.gif) no-repeat;
	background-position: -34px 0%;
}

#button2 a {
	float: left;
	width: 37px;	
	height: 13px;
	padding: 0px;
	background: url(../global/clients_b.gif) no-repeat;
}
	
#button2 a:hover { background-position: -37px 0%; }

#button2_in a {
	float: left;
	width: 37px;	
	height: 13px;
	padding: 0px;
	background: url(../global/clients_b.gif) no-repeat;
	background-position: -37px 0%;
}

#button3 a {
	float: left;
	width: 63px;	
	height: 13px;
	padding: 0px;
	background: url(../global/geo_b.gif) no-repeat;
}
	
#button3 a:hover { background-position: -63px 0%; }

#button3_in a {
	float: left;
	width: 63px;	
	height: 13px;
	padding: 0px;
	background: url(../global/geo_b.gif) no-repeat;
	background-position: -63px 0%;
}

#button4 a {
	float: left;
	width: 39px;	
	height: 13px;
	padding: 0px;
	margin: 0px;
	background: url(../global/gallery_b.gif) no-repeat;
}
	
#button4 a:hover { background-position: -39px 0%; }

#button4_in a {
	float: left;
	width: 39px;	
	height: 13px;
	padding: 0px;
	margin: 0px;
	background: url(../global/gallery_b.gif) no-repeat;
	background-position: -39px 0%;
}

#button5 a {
	float: left;
	width: 82px;	
	height: 10px;
	padding: 0px;
	background: url(../global/about_b.gif) no-repeat;
}
	
#button5 a:hover { background-position: -82px 0%; }

#button5_in a {
	float: left;
	width: 82px;	
	height: 10px;
	padding: 0px;
	background: url(../global/about_b.gif) no-repeat;
	background-position: -82px 0%;
}

#button6 a {
	float: left;
	width: 47px;	
	height: 10px;
	padding: 0px;
	background: url(../global/services_b.gif) no-repeat;
}
	
#button6 a:hover { background-position: -47px 0%; }

#button6_in a {
	float: left;
	width: 47px;	
	height: 10px;
	padding: 0px;
	background: url(../global/services_b.gif) no-repeat;
	background-position: -47px 0%;
}

#button7 a {
	float: left;
	width: 32px;	
	height: 10px;
	padding: 0px;
	background: url(../global/news_b.gif) no-repeat;
}
	
#button7 a:hover { background-position: -32px 0%; }

#button7_in a {
	float: left;
	width: 32px;	
	height: 10px;
	padding: 0px;
	background: url(../global/news_b.gif) no-repeat;
	background-position: -32px 0%;
}

#button8 a {
	float: left;
	width: 42px;	
	height: 10px;
	padding: 0px;
	margin: 0px;
	background: url(../global/contact_b.gif) no-repeat;
}
	
#button8 a:hover { background-position: -42px 0%; }

#button8_in a {
	float: left;
	width: 42px;	
	height: 10px;
	padding: 0px;
	margin: 0px;
	background: url(../global/contact_b.gif) no-repeat;
	background-position: -42px 0%;
}

#button9 a {
	float: left;
	width: 82px;	
	height: 13px;
	padding: 0px;
	margin: 0px;
	background: url(../global/project_b.gif) no-repeat 1px 0;
}
	
#button9 a:hover { background-position: -81px 0%; }

#button9_in a {
	float: left;
	width: 82px;	
	height: 13px;
	padding: 0px;
	margin: 0px;
	background: url(../global/project_b.gif) no-repeat;
	background-position: -81px 0%;
}