body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #c0c0c0;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #666666;
}
#container {
	width: 800px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#header {
	padding: 0 12px 0 19px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	position: relative;
	margin-bottom: 10px;
}

#header #logo{ float: right; margin: 4px 0 10px 0; padding-left: 3px;}
#header #tel{font-size: 12px; font-family: helvetica,arial,sans-serif; margin-top: 0; color: #0b77d1; font-weight:600;}
#header #email{ margin: 8px 0 3px 0; font-weight: 300; color:#999999;}
#header #email a{color: #999999; }



#headercontact{ float: left; color: black; font-size:14px; 
				font-family: Verdana,Helvetica,Arial,sans-serif;
				text-align: left;}
#headercontact a{ font-size:14px; text-decoration: none;}

#header ul#menu li{ float: left; border-right: solid 1px #999999; }
#header ul#menu a { color: #0b77d1; padding: 0 10px 0 10px; font-weight: 600; text-decoration: none; font-size: 14px; font-family: helvetica,arial,sans-serif; }
#header ul#menu { list-style: none; padding: 0; clear: left; /*position: absolute; top: 70px; left: 19px;*/ margin-left: -10px; clear: right; }
#header ul#menu li.last{border-right: none;}

#mainContent {
	padding: 0 19px 14px 19px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
	font-size: 70%;
}

h1{color: #0b77d1; font-size: 22px; font-family: helvetica,arial,sans-serif; margin-top: 0;}
/*h1{font-family:	Georgia,times; }*/
h3{color: #0b77d1; font-family: helvetica,arial,sans-serif; margin-top: 0; }


span.client{color: #0b77d1; font-size: 16px; font-family: helvetica,arial,sans-serif; font-weight: 600; }
span.clientname { font-size: 14px; font-family: helvetica,arial,sans-serif; font-weight: 600;}
span.projecttype {color: #0b77d1; font-weight: 600;}
span.projectname { font-weight: 600; }
.testimonialend { width: 100%; border-top: solid 1px #0b77d1; height: 5px;} 


#photos{font-size: 10px; color:#0b77d1; width: 100%; text-align: right; margin-bottom: 20px;}

#footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
}

#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

#col-right{
	float: right;
	width: 210px;
}

#col-left{
	margin-right: 230px;
	width: 525px;
}

a img{border: none;}
a {color: #666666; }
#col-left p a{color: #0b77d1;}

#casestudies{ border: solid 1px #d4d4d4; padding: 5px; margin-top: 20px; }
#casestudies img.thumb{ float:left; margin-right: 10px; padding-bottom: 5px; }
#casestudies h3{margin-bottom: 0; font-size: 14px;}
#casestudies p{margin-top: 0;}
#casestudies .case{clear: left; padding-bottom: 5px; min-height: 135px;}
#casestudies a{color: #0b77d1; font-weight:600; }
#casestudies a img{ text-decoration: none; margin-right: 10px;}
#casestudies a.more { position: relative; top: -5px;}
.case{ position: relative; height: 127px; }
.case p{margin-bottom: 3px; }
.case p.download{position: absolute; bottom: 10px; left: 200px;}


.final{font-size: 10px; width: 800px; margin: 3px auto 0 auto;}
#address{float: right; text-align: right; margin-bottom: 10px;}
#copyright{ font-size: 10px; text-align: left; margin: 20px 0 3px 5px; }
#signoff{float: left;}


.slideshow { height: 250px; width: 762px; }
.slideshow img { height: 250px; width: 762px; }


.contactlabel{ width: 100px; float:left; font-weight:600; }
.contactdetail{ margin: 20px 0 0 100px; }



		
#dialog { font-size: 62.5%; z-index: 10; }
#dialog label, input { display:block; }
#dialog input.text { margin-bottom:12px; width:95%; padding: .4em; margin: 0 auto 12px auto; }
#dialog input#submit{ width:200px; margin: 0 auto; }


#dialog fieldset { padding:0; border:0; margin-top:25px; }
#dialog h1 { font-size: 1.2em; margin: .6em 0; }
#dialog div#users-contain {  width: 350px; margin: 20px 0; }
#dialog div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
#dialog div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
#dialog .ui-button { outline: 0; margin:0; padding: .4em 1em .5em; text-decoration:none;  !important; cursor:pointer; position: relative; text-align: center; }
#dialog .ui-dialog .ui-state-highlight, .ui-dialog .ui-state-error { padding: .3em;  }

		
#commitment{background: url(../images/commitment2.jpg); width: 208px; height: 248px; background-repeat:no-repeat; position: relative; left: 2px; bottom: -3px;}
#commitmenttext{ width: 172px; padding: 45px 0 0 18px; color: white; 
}