@import url("lightbox.css");

html,body{margin:0;padding:0}
body{
	background:url('../images/body-bg.jpg') repeat-x;
	font: 62.5% arial,sans-serif;
	height:100%;
	text-align:center
}

div#container{
	width:820px;
	margin:0 auto;
	 text-align:left;
 }

		div#header{
		 height:135px;
		 background-color:transparent;
		 position:relative;
		}
		
				div#navigation{ 
					height:20px; 
					position:absolute; top:100px; left:0px;
					padding:0; margin:0;
				 }
				
						ul#topmenu{
							list-style:none;
							margin:0; padding:10px 0 0 0;
							height:100%;
						}
						
						ul#topmenu li{
						
							display:inline;	float:left;
							margin: 0 3px 0 0; padding: 0 0 0 8px;
						}
						
						ul#topmenu a{
							display:block;	float:left;
							background-position:right top;
							margin: 0;	padding: 5px 10px;
							font-weight:700;	color:#FFFFFF;
							font-size:13px;
							text-decoration:none;
						}
						
						ul#topmenu a.selected{
						text-decoration:underline;
						}

				
		div#wrapper{padding:10px; height:100%;}

			div#content{
				background: #fff; background-position:top left;
				float:left;
				margin-right:10px; padding:20px;padding-bottom:50px;
				width:483px;
			}
			
			.popup{
				margin-right:10px; margin-left:15px; padding:20px;padding-bottom:50px;
				width:483px;
				text-align: left;
			}
			
			#view-offices div#content{
				background: #fff; background-position:top left;
				width:683px;
			}
			
			#view-offices div#content-popup{
				background: #fff ; background-position:top left;
				width:683px;
			}
			
			div.office{width:100%; margin-bottom:20px; border-bottom:2px dotted #dcdcdc; padding-bottom:20px;}
			div.office-info{ width:100%;float:left; margin-right:20px; padding-top:5px; position:relative;}
			div.office-info img{float:right; margin-left:10px;}
			div.office-info p{float:left; width:60%;}
			div#content div.office-info h3{float:left; width:60%;}
			

		div#sidebar{float:right;clear:right;width:260px}
				div.sidebar-item{
					background: #fff ; 
					margin-bottom:15px;
					padding:10px;
					width:235px;
				}

	div#footer{clear:both;width:100%; background-color:transparent; color:#0071C3; padding-left:10px; margin-top:10px; padding-top:10px;}
	#footer a{color:#0071C3;}
	
div#form input#submit{
 width:100px; height:30px; color:#fff; background-color:#0071BC; border:none;

}
/*Typography styles */
p{line-height:16.8px; font-size:11.2px; font-family:verdana, arial, helvetica; color:#333;}

a{color: #8D9CC4;}

div#header a#logo{
  height:80px; width:320px;
  display:block;
  margin:0; padding-left:10px;
  background:transparent url('../images/logo.jpg') no-repeat;
  color: #fff;  line-height:80px; text-indent:-9999px;
  position:relative; top:30px; left:10px;
  
  }
  
div#content h1#welcome{
	 background: url('../images/welcome-h1.jpg') no-repeat;
	 width:480px; height:70px;
	 padding:30px 10px;
	 color:#65718B;
	 font-size:22px; 

 }
 h2{ font-size:16px; color:#5F6A86;}
 
 div#content h3{ 
 color:#0071bc;
 border-bottom:1px dotted #dcdcdc;
 font-size:13px;
 margin-top:20px;
 padding:10px 0px;
 
 }
div#sidebar h4{
  background-color:#0071bc;
  color:#FFFFFF;  font-size:13px;  line-height:30px;
  padding: 0 0 0 5px;
  } 
 
div#sidebar h4 a{ color:#fff; } 
 
div#content ul li{font-size:1.2em; line-height:1.4em;color:#333;}

#inclusive { float: right; margin-left: 5px; margin-top: -12px; width: 200px; height: 120px; }
#inclusive img { padding: none; border: none;}
  
div#footer p{margin:0;padding:5px 10px; color:#666666;}

img{ padding:10px; border:1px solid #dcdcdc; background-color:#FFFFFF;}

.fltl{float:left;}
.fltr{float:right;}


span.cost{font-size:14px;}

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