/* GENERAL ************************************************************************************************************** */

	body { font: 12px Trebuchet MS; background: #efefef; margin: 0; padding: 0;}

	#shell { width: 900px; background: #fff; margin: 25px auto; padding:8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border-bottom:1px solid #ccc;
	position:relative
}

	#printtitle { display: none;}

	a { color:#7fa8b7; }
	a:hover { text-decoration: none; color:#000;}
	
	a:focus{outline:none;}
	a img { border: none; margin: 0 1px 0 0;}
	a span { text-align: none; display: block;}
	
	.imgLeft { float: left; margin: 0 25px 25px;}
	.imgRight { float: right; margin: 0 0 25px 25px; }
	
/* HEADER ************************************************************************************************************** */

	#titlebar { height: 109px; background: #fff}

		#logo { position: absolute; margin: 0; width: 600px; height: 99px; background: url(../img/content/logo.gif);}
		#logo a { width: 600px; height: 99px; display: block;}

		#phonenumber { position: absolute; top:40px; right:86px;  width: 153px; height: 33px; text-align:right}
		#phonenumber p{
			margin:0;	
		}
		#phonenumber h2{color:#6392a3; margin:0;}
		
		#facebook{
			width: 55px;
			height:42px;
			text-indent:-9999px;
			position: absolute; 
			top:38px; 
			right:16px;
			border-left:1px solid #ccc;
		}
		#facebook a{
			margin-left:13px;
			width: 42px;
			height:42px;
			display:block;
			background:url(../img/content/facebook.gif) no-repeat
		}
	
		

	#header { display: none;height: 286px;}
	#home #header, #contact #header { display: block; border-top:1px solid #ccc; padding-top:1px; }

	
	#nav {height: 38px; 
		background:#89bccc; 
		margin: 0; 
		border-top:1px solid #fff;
	}
	#home #nav { 
		-webkit-border-bottom-right-radius: 8px;
		-webkit-border-bottom-left-radius: 8px;
		-moz-border-radius-bottomright: 8px;
		-moz-border-radius-bottomleft: 8px;
		border-bottom-right-radius: 8px;
		border-bottom-left-radius: 8px;
	}
	#nav ul { margin: 0; padding: 11px 0; text-align: center;}
	#nav ul li { display:inline; margin: 0; padding:0; list-style:none; border-right:1px solid #fff; }
	#nav ul li a { padding: 11px 22px; color:#fff; font: 13px Georgia; text-transform: uppercase; font-weight: bold; letter-spacing: -1px; text-decoration: none; }
	#ouroffice #nav ul li#nouroffice a, 
	#services #nav ul li#nservices a, 
	#faqs #nav ul li#nfaqs a,
	#gallery #nav ul li#ngallery a,
	#meet #nav ul li#nmeet a, 
	#contact #nav ul li#ncontact a 	
	{ color:#346f84; font: 13px Georgia; text-transform: uppercase; font-weight: bold; letter-spacing: -1px; text-decoration: none; text-shadow:1px 1px 0px rgba(255, 255, 255, 0.3); }
	
	#contact #nav ul li#ncontact,
	#nav ul li#ncontact{
		border-right:none;	
	}
	
	
	#nav ul li a:hover {color:#000} 

/* BODY **************************************************************************************************************** */

	#contentShell { padding: 20px 45px; }
	
		#sub_nav { display: none;}
		
		#content {}
		#content h1 { color:#769962; font-family: Georgia; font-weight: normal; font-size: 29px;}
		#content h2 { color:#6392a3; font-size: 14px;}
		#content p { color: #333; line-height: 180%; }
		#content li { line-height: 240%; }
		
		#team_links { position: absolute; margin: -40px 0 0 220px;}
		
		#homeFlash { float: right; margin: -45px 0 0 20px;}


/* FOOTER ************************************************************************************************************** */

	#footer { clear: both; border-top:1px solid #efefef; margin:10px 0; overflow:hidden;}
	
		#footer_nav { 
			float:left; 
			clear:both;
			width:100%; 
			padding:20px 0 0;
			border-top:1px solid #efefef;
			}
		#footer_nav ul { margin: 0; padding: 0 0 10px 20px; text-align:center; }
		#footer_nav ul li { display: inline; margin: 0 5px; font:12px Georgia, "Times New Roman", Times, serif; display:inline }
		#footer_nav ul li a {}
		#footer_nav ul li a:hover {}
		
		#footer-logos{
			clear:both;
			width:100%;
			text-align:center;
			padding:10px 0;
			overflow:hidden;
		}
		#footer-logos img{
			margin:5px;	
		}
		#logo_dip {  width: 151px; height: 37px; background:url(../img/design/logo_dip.gif); float:right; margin:10px 10px 0 0;}	
		#logo_aao { width: 183px; height: 37px; background:url(../img/design/logo_aao.jpg); float:right; margin:10px 10px 0 0;}	
		#sig { text-align: center; padding: 0px 0 20px 0; /*position: absolute; margin: -28px 0 0 685px;*/}	
		#sig a { color:#769962; font-size:11px;}

/* Popup Image Viewer ****************************************************************************************************** */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #443b2c;
padding: 20px;
left: -1000px;
border: none;
visibility: hidden;
color: white;
text-decoration: bold;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 10px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
position: absolute; 
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
}