/* Global Reset */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }

body {
    font:normal 75% Verdana,Arial,Helvetica,sans-serif;
} 

 a{
 
 font-size:1.1em;
 color:#3d6188;
 text-decoration:none;
 }
 
 a:hover{
 
 font-size:1.1em;
 color:#3d6188;
 text-decoration:underline;
 }

#flashholder{
width:840px;
height:336px;
margin:0 0 18px 18px;
background-image:url(images/seperator2.gif);
background-position:bottom;
background-repeat:no-repeat;
cursor:pointer;
}

li{
padding:10px;
margin:0 0 0 23px;
}

h1{
font-size:1.8em;
color:#003163;
padding-top:0;
margin:0 0 8px 0;
}
 
#pagewidth{ 
 width:876px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 height:85px;
 background-image:url(images/banner.png);
 background-repeat:no-repeat;
/* width:169px;*/
 width: 876px;
 margin:20px 0 20px 0;
/* padding-left:707px;*/
/* padding-top:15px;*/
} 

#logo {
	position: relative;
	float: left;
	width: 232px;
	margin:10px 0 0 10px;
}

#bannercontact{
position:relative;
float:right;
margin: 5px 20px 0 0;
}

#bannercontact li{
list-style:none;
}

#nav{ 
 height:36px;
 width:876px;
 margin: 0 0 18px 0;
}

#navtext{
color:#4a78a9;
font-size:1.1em;
}

#leftnav{
background-image:url(images/leftnav.jpg);
width:147px;
height:26px;
text-align:center;
padding-top:10px;
float:left;
}

#leftnavhover{
background-image:url(images/leftnavover.jpg);
width:147px;
height:26px;
text-align:center;
padding-top:10px;
float:left;
}

#leftnav a{
 text-decoration:none;
 font-size:1.1em;
 color:#000000;
 }
 
 #leftnav a:hover{
 text-decoration:underline;
 font-size:1.1em;
 color:#000000;
 }
 
 #mainnav{
background-image:url(images/midnav.jpg);
width:147px;
height:26px;
text-align:center;
padding:10px 0 0 0;
float:left;
}

#mainnavhover{
background-image:url(images/navover.jpg);
width:147px;
height:26px;
text-align:center;
padding:10px 0 0 0;
float:left;
}

#mainnav a{
 text-decoration:none;
 font-size:1.1em;
 color:#000000;
 }
 
 #mainnav a:hover{
 text-decoration:underline;
 font-size:1.1em;
 color:#000000;
 }
 
 #rightnav{
background-image:url(images/rightnav.jpg);
width:141px;
height:26px;
text-align:center;
padding:10px 0 0 0;
float:left;
}

#rightnavhover{
background-image:url(images/rightnavover.jpg);
width:141px;
height:26px;
text-align:center;
padding:10px 0 0 0;
float:left;
}

#rightnav a{
 text-decoration:none;
 font-size:1.1em;
 color:#000000;
 }
 
 #rightnav a:hover{
 text-decoration:underline;
 font-size:1.1em;
 color:#000000;
 }

#header a{
 color:#3d6188;
 font-size:1.2em;
 text-decoration:none;
 }
 
 #header a:hover{
 color:#3d6188;
 font-size:1.2em;
 text-decoration:underline;
 }

 
#leftcol{
 width:600px; 
 float:left; 
 position:relative;
 padding:0 18px 0 18px;
 color:#666666;
  }
  
  #leftcol img {
  border:2px #e0e0e0 solid;
  margin:0 18px 18px 0;
  float:left;
  }
  
  #leftcol strong{
  color:#555555;
  }
  
  #homeonecol{
 width:262px; 
 float:left; 
 position:relative;
 padding:0 0 0 18px;
 color:#666666;
 border-right: 1px solid #e0e0e0;
 min-height:164px;
  }
  
  #homeonecol img {
  border:2px #e0e0e0 solid;
  margin:0 18p 18px 0x;
  float:left;
  }
  
  #hometwocol{
 width:262px; 
 float:left; 
 position:relative;
 padding:0 0 0 18px; 
 color:#666666;
 border-right: 1px solid #e0e0e0;
  min-height:164px;
  }
  
  #hometwocol img {
  border:2px #e0e0e0 solid;
  margin:0 18px 18px 0;
  float:left;
  }
  
  #homethreecol{
 width:262px; 
 float:left; 
 position:relative;
 padding:0 18px 0 18px;
 color:#666666;
  }
  
  #homethreecol img {
  border:2px #e0e0e0 solid;
  margin:0 0 18px 18px;
  float:right;
  }
  
  #contactbox{
  background: transparent url(images/contactback.jpg) 0 0 repeat-y;
  width:400px;
  min-height:200px;
  padding:0 0 0 10px;
  }
  
  button {
  color: #003163;
  border-left: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  border-top: 1px solid #d0d0d0;
  border-right: 1px solid #d0d0d0;
  background-color:#FFFFFF;
  height:20px;
  width:85px;
}

button:hover{
  color: #3d6188;
  border-top: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  border-left: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
  background-color:#FFFFFF;
  cursor: pointer; /* cursor: hand; for IE5 */
}
  
  #panecontact{
width:429px;
margin-bottom:0 0 0 18px;
padding:0 18px 0 20px;
margin:0 0 0 135px;
}

#panecontact img{
border:0;
}

#wrapper{
margin:-18px 0 0 0;
padding:0;
}
  
  #twocolstop{
 width:876px; 
 height:15px;
 float:left; 
 position:relative;
 background:transparent url(images/main-top.png) 0 0  no-repeat;
 height:9px;
  }
 
#twocols{
 width:876px; 
 float:left; 
 position:relative;
 background: transparent url(images/main-back.png) 0 0 repeat-y;
 padding:11px 0 0 0;
 margin:0 0 0 0;
  }
  
  #twocolsbottom{
 width:876px; 
 height:13px;
 float:left; 
 position:relative;
 background: transparent url(images/main-bottom.png) 0 0 no-repeat;
 height:13px;
  }
 
#maincoltop{
	background-image:url(images/cta-top.png);  
	float: left; 
	display:inline; 
	position: relative; 
	width:202px;
	height:31px;
	padding:16px 0 0 18px; 
	font-size:14px;
	color:#003163;
	font-weight:bolder;
	margin:12px 0 0 0;
 }
 
#maincol{
background: transparent url(images/cta-back.png) 0 0 repeat-y;  
 float: left; 
 display:inline; 
 position: relative; 
 width:204px;
 padding:10px 8px 0 8px;
 font-size:11px;
 color:#666666;
 }
 
 #maincol a{
 
 font-size:1em;
 color:#3d6188;
 text-decoration:none;
 }
 
  #maincol a:hover{
 
 font-size:1em;
 color:#3d6188;
 text-decoration:underline;
 }
 
 #maincolbottom{
background-image:url(images/cta-bottom.png);
 float: left; 
 display:inline; 
 position: relative; 
 width:220px;
 height:11px;
 margin:0 0 0 -8px;
 }
 
  #maincol img {
  border:2px #e0e0e0 solid;
  margin:0 0 18px 10px;
  float:left;
  }
 

 
 #pane{
 width:572px;
min-height:110px;
background-image:url(images/seperator.gif);
background-position:bottom;
background-repeat:no-repeat;
margin:0 0 18px 0;
}

#panegallery{
 width:572px;
min-height:670px;
background-position:bottom;
background-repeat:no-repeat;
margin:18px 0 18px 40px;
}

#shortpane{
position:relative;
float:left;
height:600px;
}

#panehome{
 width:100%;
min-height:190px;
background-image:url(images/seperator2.gif);
background-position:bottom;
background-repeat:no-repeat;
margin:0 0 18px 0;
}

#paneclients{
width:100%;
min-height:90px;
margin:0 0 18px 0;
padding:0 18px 0 18px;
}

#clientinfo{
background-image:url(images/clientback.gif);
width:822px;
padding:0 0 0 18px;
}

#clientinfo img {
margin:0 60px 0 0;
}



#footer{
 height:26px;
 background-image:url(images/footer.png); 
 clear:both;
 margin:20px 0 18px 0;
 font-size:.8em;
 color:#999999;
 padding:14px 0 0 18px;
 } 
 
 #copyrighttext{
 font-size:.9em;
 color:#999999;
 float:right;
 margin:-12px 20px 0 0;
 }
 
 #footer a{
 font-size:.9em;
 color:#999999;
 text-decoration:none;
 }
 
 #footer a:hover{
 font-size:.9em;
 color:#999999;
 text-decoration:underline;
 }
 
 label{
 width:150px;
 float:left;
 }
 
 input{
 margin:0 0 10px 0;
 float:left;
 }
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }