@import url("lightbox.css");

html,body{margin:0;padding:0}
body{
	background:#00A9E0 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:145px;
		 background-color:transparent;
		 position:relative;
		}
		
				div#navigation{ 
					height:20px; 
					position:absolute; top:110px; left:10px;
					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;
							background:url('../images/button_left.jpg') no-repeat;
							margin: 0 3px 0 0; padding: 0 0 0 8px;
						}
						
						ul#topmenu a{
							display:block;	float:left;
							background:url('../images/button_right.jpg') no-repeat;
							background-position:right top;
							margin: 0;	padding: 3px 10px 5px 0;
							font-weight:700;	color:#FFFFFF;
						}

						#home ul#topmenu li.home,
						#offices ul#topmenu li.offices,
						#view-offices ul#topmenu li.offices,
						#about ul#topmenu li.about,
						#contact ul#topmenu li.contact{
						background-image:url('../images/button_left_active.jpg');
						}
						#home ul#topmenu li.home a,
						#offices ul#topmenu li.offices a,
						#view-offices ul#topmenu li.offices a,
						#about ul#topmenu li.about a,
						#contact ul#topmenu li.contact a{
						background-image:url('../images/button_right_active.jpg');
						background-color:transparent;
						}

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

			div#content{
				background: #fff url('../images/content-top.jpg') no-repeat; background-position:top left;
				float:left;
				margin-right:10px; padding:20px;padding-bottom:50px;
				width:483px;
			}
			
			#view-offices div#content{
				background: #fff url('../images/content-top-large.jpg') no-repeat; 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:430px; float:left; margin-right:20px; padding-top:5px;}
			

		div#sidebar{float:right;clear:right;width:260px}
				div.sidebar-item{
					background: #fff url('../images/sidebar-item-top.jpg') no-repeat; 
					margin-bottom:15px;
					padding:10px;
					width:235px;
				}

	div#footer{clear:both;width:100%; background-color:transparent; color:#FFFFFF; padding-left:10px;}
	
div#form input#submit{
 width:100px; height:30px; color:#fff; background-color:#8D9CC4; 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;
  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;
  
  }
  
div#content h1#welcome{
	 background: url('../images/welcome-h1.jpg') no-repeat;
	 width:460px; height:70px;
	 padding:20px;
	 color:#65718B;

 }
 h2{ font-size:16px; color:#5F6A86;}
 
 div#content h3{ 
 color:#50CBF4;
 border-bottom:1px dotted #dcdcdc;
 font-size:13px;
 margin-top:20px;
 padding:10px 0px;
 
 }
div#sidebar h4{
  background-color:#8d9cc4;
  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;}
  
div#footer p{margin:0;padding:5px 10px; color:#fff;}
div#footer a:link{color:#fff;}
div#footer a:visited{color:#fff;}

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

div.office img{ margin-top:30px;}

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