html {
	background: #001669 url(images/top_repeat_03.jpg) repeat-x;
}

body {
	background: url(images/top_graphic_02.jpg) no-repeat top center;
	font: 62.5% "Arial Narrow", Helvetica Neue, Helvetica, Arial, sans-serif;
}
p {
	font: 1.2em/1em "Arial Narrow";
	margin: 0.6em 0;
}
a {
	color: white;
	text-decoration: none;
	cursor: hand;
}
a:hover {
	color: gray;
}
a:visited {
	color: white;
}
h2 {
	font-size: 2em;
	font-weight: 900;
	margin: 1em 0;
}

#container {
	position: relative;
	width: 900px;
	margin: 0 auto;
}

#header {
	height: 165px;
	width: 900px;
	position: relative;
}
#header h1#logoMain {
	position: absolute;
	top: 36px;
	left: 31px;
	width: 485px;
	height: 119px;
	background: url(images/logoMain-trans.png) no-repeat;
	text-indent: -9999px;
}

#secondarycontent {

	position: absolute;
	width: 335px;
	top: 0;
	bottom: 0;
	right: 0; /* Needed for IE */
}


#primarycontent {
	color: #cdc;
}


/************************
TOP MENU
************************/

#nav-left {
	padding: 24px 0 0 38px;
	margin: 0;
}
#nav-left li {
	background: none;
	padding: 0 0;
	margin: 0 0;
}
#nav-left a {
	width: 116px;
	height: 30px;
	text-indent: -900em;
	display: block;
}
#nav-left .home {
	background: url(images/nav_left_01-trans.png) no-repeat top left;
}
#nav-left .aboutus {
	background: url(images/nav_left_02-trans.png) no-repeat top left;
}
#nav-left .services {
	background: url(images/nav_left_03-trans.png) no-repeat top left;
}
#nav-left .testimonials {
	background: url(images/nav_left_04-trans.png) no-repeat top left;
}
#nav-left .current, #nav-left a:hover {
	background-position: top right;
}




#nav-right {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 22px;
	left: 185px;
}
#nav-right li {
	background: none;
	padding: 0 0;
	margin: 0 0;
}
#nav-right a {
	width: 126px;
	height: 30px;
	text-indent: -900em;
	display: block;
}
#nav-right .gallery {
	background: url(images/nav_right_02-trans.png) no-repeat top left;
}
#nav-right .accreditations {
	background: url(images/nav_right_03-trans.png) no-repeat top left;
}
#nav-right .contact {
	background: url(images/nav_right_04-trans.png) no-repeat top left;
}
#nav-right .current, #nav-right a:hover {
	background-position: top right;
}

/************************
BOTTOM MENU
************************/
#footer {
	background: none;
	height: 40px;
	margin-top: 2em;
	width: 100%;
	position: relative;
	overflow: hidden;
	border-top: 1px gray solid;
}

#footer-menu-wrap {
	float: left;
	position: relative;
	left: 50%;
	text-align: left;
}

#footer ul {
	list-style: none;
	position: relative;
	left: -50%;
}

#footer ul li {
	float: left;
	position: relative;
}
#footer a, #footer a:visited {
	float: left;
	font-size: 1.3em;
	background-color: #001669;
	padding: 10px 13px 5px;
	white-space: nowrap;
}
#footer a:hover, #footer a:focus, #footer a:active {
	color: red;
}
#footer span#bottomline {
	position: absolute;
	width: 900px;
	height: 20px;
	top: 18px;
	background: none;
	border-top: 1px gray solid; 
	display: none;
}

/**********************
HOME PAGE
**********************/
h2.home_title {
	font: 2em Arial Narrow;
	letter-spacing: 0.4em;
	font-variant: small-caps;
	text-align: center;
	font-weight: 600;
	color: #cdc;
}
h3.home_text {
	text-align: center;
	font-variant: small-caps;
	font-size: 2.8em;
	letter-spacing: 0.2em;
	margin: 0 0 0.7em 0;
}
p.home_body_text {
	text-align: center;
	font: 1.3em/1.3em "Arial Narrow";
	text-transform: uppercase;
	padding: 0 5em;
	letter-spacing: 0.1em;
	font-weight: 100;
	margin-bottom: 1.2em;
}

p.home_body_text span#mini_logos {
	display: block;
	width: 775px;
	height: 78px;
	background: url(images/mini-logos_09-trans.png) no-repeat 159px 25px;
}

/**********************
ABOUT PAGE
**********************/
#columnleft {
	background: url(images/about_pic_08.jpg) no-repeat;
	position: absolute;
	width: 226px;
	height: 377px;
	top: 0;
	bottom: 0;
	left: 0; /* Needed for IE */
}
#columnright {
	background: url(images/about_pic_10.jpg) no-repeat;
	position: absolute;
	width: 226px;
	height: 377px;
	top: 0;
	bottom: 0;
	right: 0; /* Needed for IE */
}

body.aboutus #main {
	min-height: 380px;
	position: relative;
}
body.aboutus #primarycontent {
	margin-left: 230px;
	margin-right: 232px;
}
.menu_list {	
	width: 440px;
}
.menu_head {
	padding: 6px 10px;
	cursor: pointer;
	position: relative;
	margin: 0;
	color: white;
    font-weight:200;
    font-size: 1.35em;
    text-align: center;
    letter-spacing: 0.2em;
    background: url(images/normal.jpg) center repeat-x;
}
.menu_body {
	display:none;
	padding: 2px 15px;
	text-align: center;
	font: 1.2em/1.4em Verdana;
}
.menu_body p{
  display:block;
  color: #FF5392;
  font-weight:200;
  font: 1.1em Verdana;
  letter-spacing: -0.1em;
}
.menu_body ul li{
  color: #9da4bf;
  }

.menu_body a:hover{
  color: gray;
  text-decoration:underline;
  }

/**********************
SERVICES PAGE
**********************/
p.services_body_text {
	text-align: center;
	font: 1.5em/1.5em "Arial Narrow";
	text-transform: none;
	padding: 0 5em;
	letter-spacing: 0.1em;
	font-weight: 100;
	margin-bottom: 1.1em;
}
ul#services-menu {
	height: 221px;
}
ul#services-menu li {
	float: left;
}

#piccontainer {
	position: relative;
	padding-left: 28px;
	height: 305px;
}
#piccontainer span.bg {
	position: absolute;
	top: 208px;
	left: 28px;
	display: block;
	width: 842px;
	height: 159px;
	background: url(images/services_pic_shadow-trans.png) no-repeat top center;
}



#commercial, #commercial span{
	display:block;
	width:284px;
	height:205px;
	position:relative;
	overflow: hidden;
	float: left;
}

#commercial span{
	height:410px;
	background: url(images/commercial%20sprite.jpg) 0 0 no-repeat;
	text-indent:-9000px;
}

#commercial:hover span{
	top:-205px;
}

#commercial:active span, #commercial:focus span{
	top: 0;
}


#industrial, #industrial span{
	display:block;
	width:284px;
	height:205px;
	position:relative;
	overflow: hidden;
	float: left;
}

#industrial span{
	height:410px;
	background: url(images/industrial%20sprite.jpg) 0 0 no-repeat;
	text-indent:-9000px;
}

#industrial:hover span{
	top:-205px;
}

#industrial:active span, #industrial:focus span{
	top: 0;
}

#residential, #residential span{
	display:block;
	width:284px;
	height:205px;
	position:relative;
	overflow: hidden;
	float: left;
}

#residential span{
	height:410px;
	background: url(images/residential%20sprite.jpg) 0 0 no-repeat;
	text-indent:-9000px;
}

#residential:hover span{
	top:-205px;
}

#residential:active span, #residential:focus span{
	top: 0;
}


/************************
TESTIMONIALS PAGE
************************/

body.testimonials #primarycontent {
	min-height: 330px;
	background: url(images/testimpic_main_04.jpg) no-repeat;
}
body.testimonials #main {
	position: relative;
}

#testimonials_menu_container {
	position: absolute;
	top: 60px;
	left: 90px;
}

#testimonials_menu blockquote {
	font: italic 1.1em/1.4em "Futura", Verdana;
	color: #cdc;
}

#testimonials_menu {
	padding: 0;
	margin: 0;
}
#testimonials_menu li {
	position: relative;
	background: none;
	padding: 3px 0;
	margin: 0 0 0 4px;
}
#testimonials_menu a {
	font: 1.3em/2em "Futura", Verdana;
	width: 73px;
	height: 31px;
	text-indent: 30px;
	display: block;
	padding-top: 2px;
}
#testimonials_menu a:hover, #testimonials_menu a.current, #preview {
	color: maroon;
}
#testimonials_menu .one {
	background: url(images/testim_button2-trans.png) no-repeat top left;
	color: maroon;
}
#testimonials_menu .two {
	background: url(images/testim_button1-trans.png) no-repeat top left;
}
#testimonials_menu .three {
	background: url(images/testim_button1-trans.png) no-repeat top left;
}
#testimonials_menu .four {
	background: url(images/testim_button1-trans.png) no-repeat top left;
}
#testimonials_menu .current, #testimonials_menu a:hover {
	background: url(images/testim_button2-trans.png) no-repeat top left;
}

#testimonials_menu span {
	position: absolute;
	width: 580px;
	height: 200px;
	left: 105px;
	display: none;
	padding-left: 10px;
}
span.tone {
	position: absolute;
	width: 580px;
	height: 200px;
	top: 85px;
	left: 200px;
	display: block;
	padding-left: 10px;
	text-indent: 30px;
}
span.tone blockquote {
	font: italic 1.4em/1.4em "Futura", Verdana;
	color: #cdc;
}
span.tone strong {
	font: bold 1.5em "Futura", Verdana;
	
}

#testimonials_menu a span.tone {
	top: -10px;
	display: block;
}

#testimonials_menu a:hover span.ttwo {
	top: -50px;
	display: block;
}

#testimonials_menu a:hover span.tthree {
	top: -90px;
	display: block;
}

#testimonials_menu a:hover span.tfour {
	top: -130px;
	display: block;
}

/**********************
ACCREDITATIONS PAGE
**********************/
p.accredit_body_text {
	text-align: center;
	font: 1.6em/1.9em "Futura Condensed", Arial Narrow;
	color: #cdc;
	text-transform: none;
	padding: 1em 5em 0;
	letter-spacing: 0.1em;
	font-weight: 100;
	margin-bottom: 1.1em;
}
#accreditpic_container {
	position: relative;
	left: 76px;
	z-index: 5;
}

#accredit_menu {
	padding: 0;
	margin: 0;
	z-index: 9999;
}
#accredit_menu li {
	position: absolute;
	top: 191px;
	width: 100px;
	height: 150px;
	z-index: 99999;
}
#accredit_menu li.one {
	left: 70px;
}
#accredit_menu li.two {
	left: 280px;
}
#accredit_menu li.three {
	left: 470px;
	
}
#accredit_menu li.four {
	left: 706px;
	
}
#accredit_menu a {
	font: 1.3em/2em "Futura", Verdana;
	width: 156px;
	height: 132px;
	text-indent: 30px;
	display: block;
	padding-top: 2px;
}
#accredit_menu a:hover, #testimonials_menu a.current {
	color: red;
}
#accredit_menu a {
	background: url(images/clear.gif) no-repeat top left;
	width: 150px;
	height: 150px;
}

/******************
EXTRA STYLES
*******************/
#map {
	margin: 0 auto;
}