* {
	margin: 0;
	padding: 0;
	border: 0;
}

img {
	margin: 0px;
	padding: 0px;
	display: block;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 18pt;
	background-color: white;
	color: #586b7d;
}

#container{
    position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -365px;
	margin-top: 0px;
	width: 731px;
	height: 100px;
	
}





/*------------------------------------------------------------- GENERAL STYLES--------------------------------------------*/

.hover_container {
	height: 140px; 
	width: 196px;
	position: relative;
	float:left;
}
	
.hover_container a.view_icon {
	display:none;
	height: 140px; 
	width: 196px;
	position:absolute;
	top:0; 
	left:0;
	margin-top:-1px;
	margin-left:-1px;
}

.hover_container:hover a.view_icon {
	display: block;
}

.bodyText{
padding-left: 20px;
}

.galleryTextBold{
font-size: 9pt;
line-height: 10pt;
font-weight: bold;
}

.galleryText{
font-size: 8pt;
line-height: 10pt;
}

.spotText{
font-size: 7.6pt;
line-height: 14pt;

}

.spot{
font-size: 8pt;
line-height: 14pt;
color: white;
letter-spacing: -0.5pt;
}

.slider_item{
	width:730px;
	height:212px;
	margin-top:33px;
}

.smallNav{
font-size: 8pt;
color: #586b7d;
}

.projectTitle{
font-weight: bold;
font-size: 13pt;
}

.viewWebsite{
font-weight:bold;
color: red;
}

.quoteNormal{
font-size: 8.5pt;
line-height: 14pt;
}
.quoteBold{
font-size: 8.5pt;
line-height: 14pt;
font-weight: bold;
font-style: italic;
}

.pageHeading{
	color:#315b8b;
	font-size:22px;
	font-weight:bold;
	padding-top:10px;
	height:34px;
}

.subHeading{
	font-size:12px;
	font-weight:bold;
	padding:0px;
	margin:0px;
}

#servicesContentLeft{
	float:left;
	width:374px;
	padding-right:25px;
}

#servicesContentRight{
	float:left;
	width:148px;
}

/*------------------------------------------------------------- PAGE STYLES--------------------------------------------*/
#header{
width: 731px;
height: 130px;
}

#nav{
width: 731px;
}

#subNav{
width: 731px;

}

#content{
float: left;
width: 731px;
}
#contentLeft{
float: left;
width: 490px;
margin-top: 10px;
}
#contentLeft2{
float: left;
width: 380px;
margin-top: 10px;
}

#contentGallery{
float: left;
width: 731px;
margin-top: 5px;
margin-bottom: 15px;
}

#contentRight{
float: right;
width: 210px;
}
#contentRight2{
float: right;
width: 320px;
}

#contentLeftDetail{
float: left;
width: 430px;
margin-left: 10px;
margin-top: 10px;
}

#contentRightDetail{
float: right;
width: 259px;
margin-right: 10px;
margin-top: 10px;
}

#contentTop{
float: left;
width: 731px;
margin-top: 10px;
margin-bottom: 15px;
}
#contentFlash{
float: left;
width: 731px;
height: 210px;
}
#contentText{
float: left;
width: 731px;
margin-top: 20px;
margin-bottom: 15px;
}

#footer{
float: left;
width: 731px;
height: 229px;
}

.footerText{
color: #afbac4;
font-size: 7.5pt;
}

.footerText2{
color: #d1d7dd;
font-size: 7.5pt;
}

.showcaseTitle{
	color:#27496f;
	font-size:18px;
	font-weight:bold;
}

.showcaseText{
	color:#315b8b;
	font-size:12px;
	line-height:26px;
}

#popOutArrow a{
	position:absolute;
	width:40px;
	height:37px; 
	margin-bottom:20px;
	background-color:#ffffff;
}

#popOutArrow a:hover{
	position:absolute;
	padding-left:150px;
	height:37px; 
	margin-bottom:20px;
	background:#ffffff no-repeat url(../images/back_to_gallery_btn.gif) 40% 51%;
}

.error{
	color:#ff0000;
}

#servicesMenu{
	width:135px;
	font-family:arial;
}

#servicesMenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	cursor: hand;
	cursor: pointer;
	width:135px;
	margin-left:12px;
}

#servicesMenu ul li a{
	color:#fff;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	display:block;
}

#servicesMenu ul li a:HOVER {
	color:#2c5179;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
}

#servicesMenu .servicesSelected a{
	height:51px;
	background: no-repeat url(../images/services_menu_hover.gif);
	padding:27px 0 0 12px;
	margin-left:-12px;
	margin-right:-12px;
	color:#2c5179;
}

/*-------------------------------------------- LINK STYLES---------------------------------------------*/

.mainMenu ul{
list-style: none;
margin: 0;
padding: 0;
width: 100%;
vertical-align: middle;
}

.mainMenu li{
display: inline;
width: 100%;
height: 50px;
margin: 0;
padding: 0;
}

.mainMenu li a{
width: 731px;
height: 39px;
text-align: center;
padding: 9px 12px 9px 12px;
text-decoration: none;
color: #40a4ec;
font-size: 8.5pt;
line-height: 30pt;
}

.mainMenu li a:hover{
width: 731px;
height: 39px;
text-decoration: none;
color: #28638e;
font-size: 8.5pt;
line-height: 30pt;
background: no-repeat url(../images/subnav_arrow.gif);
background-position: bottom center;
}

a{
color: #40a4ec;
text-decoration: none;
}

a:HOVER{
color: #28638e;
text-decoration: none;
}

a.red_link{
color: red;
font-size: 7.5pt;
text-decoration: none;
}
a.red_link:HOVER{
text-decoration: underline;
}

a.footerText{
color: #afbac4;
text-decoration: none;
}
a.footerText:HOVER{
color: #afbac4;
text-decoration: underline;
}

a.footerText2{
color: #d1d7dd;
text-decoration: none;
}
a.footerText2:HOVER{
color: #d1d7dd;
text-decoration: underline;
}

a.smallwht{
font-size: 9px;
color: #FFFFFF;
text-decoration: none;
}
a.smallwht:HOVER{
font-size: 9px;
color: #ffcd8b;
text-decoration: underline;
}

a.smallNav{
text-decoration: none;
}
a.smallNav:HOVER{
text-decoration: underline;
}

.viewWebsite{
text-decoration: none;
}
.viewWebsite:HOVER{
text-decoration: underline;
}

.galleryText{
color: #586b7d;
text-decoration: none;
}

.galleryText:HOVER{
color: #586b7d;
text-decoration: underline;
}

.spotText{
color: #586b7d;
text-decoration: none;
}

.spotText:HOVER{
color: #586b7d;
text-decoration: underline;
}

.showcaseGalleryLink {
color: #88b1d7;
font-size:8px;
}

.showcaseGalleryLink a{
color: #88b1d7;
font-size:8px;
text-decoration: none;
font-weight:bold;
}
.showcaseGalleryLink a:HOVER{
color: #27496f;
font-size:8px;
text-decoration: none;
font-weight:bold;
}

input.button {
	margin:0px;
	padding:0px;
	border:1px solid #333;
	background:#CFCFCF;
	color:#333;
	text-decoration:none;
	font-weight:bold;
	cursor:default;
}

input.button:hover {
	margin:0px;
	padding:0px;
	background:#eee;
	color:#333;
	text-decoration:underline;
	cursor:default;
	font-weight:bold;
}


/*******************  CSS for the MooTools Pop up  ********************/
.tip {
	background: url(../images/popup_bg.gif);
	padding: 5px 5px 5px 15px;
	width:297px;
	height:110px;
}

.tip-title {
	color: #27496f;
	font-size: 13px;
	line-height:30px;
	font-weight:bold;
}

.tip-text {
	color: #315b8b;
	font-size: 11px;
	line-height:18px;
	font-weight:normal;
}

/*******************  CSS for the MooTools Slidey Boxes  ********************/
.imageMenu {
	position: relative;
	width: 731px;
	height: 154px;
	overflow: hidden;
	margin-left:2px;
}

.imageMenu ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 154px;
	width: 1000px;
}

.imageMenu ul li {
    float: left;
}

.imageMenu ul li div {
	background:#FFFFFF none repeat scroll 0%;
	display:block;
	overflow:hidden;
	width:208px;
	height: 154px;
}

.imageMenu ul li.blue div {
	background: repeat-x url(../images/blue_mid.jpg) scroll 0%;
	width:208px;
}

.imageMenu ul li.green div {
	background: repeat-x url(../images/green_mid.jpg) scroll 0%;
	width:208px;
}

.imageMenu ul li.orange div {
	background: repeat-x url(../images/orange_mid.jpg) scroll 0%;
	width:208px;
}

.clear {
	clear: both;
}

/*******************  CSS for the MooTools Showcase Rotator  ********************/
#showcase_container {
	width: 691px;
	height: 210px;
	position: relative;
	margin: 0 auto;
}

#items_container {
	width: 691px;
	height: 210px;
	overflow: hidden;
	position: absolute;
	left:0px;
	top: 0px;
}

#controls {
	display:none;
}

#num_nav {
	display:none;
}

div.slide_item {
	width: 691px;
	height: 210px;
	position: absolute;
	left:0px;
	top: 29px;
	background:#b9d3e8 no-repeat url(../images/showcase_bg2.jpg);
}