/* CSS Document */

/* !!! NOTE !!! only edit styles before sparingly when you see this: /**/

/* resets and standards */

* {margin:0;padding:0;} 
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}

/* clearfix */
.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 */

/* Clears header (from Paramore|Redd) */
.float-cleared{ clear: both; height: 0; font-size: 0; } /* use sparingly */ 
.float-clear:after{ content: "."; clear: both; display: block; height: 0; font-size: 0; visibility: hidden;}

/* Body and Wrap */

body { background:#efefef;}

#wrap { margin:0px auto;}

/** Header **/

	#header {width:100%; clear:both; height:auto; /**/ margin-bottom:10px; padding:15px 0px 30px 0px; background:#24376d url(images/vert-seperator.jpg) bottom center repeat-x; }
		#headerwrap { background:url(images/header.png) top center no-repeat; margin:0px auto; width:1000px; clear:both;}
	
		#top-bar {margin:0px auto; width:960px; background: url(images/header.png) top center no-repeat; height:70px; padding-top:44px}
			#header h1.logo{ background: no-repeat 0 0; float: left; height: auto; margin: 0 0; text-indent: 0px; width: auto; width:305px; text-align:center; }

			#nav {float:right;  height:37px; margin:15px 20px 0 0;}
			#nav ul, #nav li {list-style-type:none; height:37px; background: url(images/nav-bg.jpg) repeat-x;}		
			#nav li {float:left; line-height:2.3em; padding-left:.4em; }		
			#nav li a, #nav li a.nav-final {display:inline-block; height:37px; padding:9px 15px 0 5px;}
			#nav li a { background:url(images/nav-sep.jpg) no-repeat right top; font-weight:bold;}
			#nav li.nav-first {background:url(images/nav-left.jpg) no-repeat right top; padding-left:.75em;}
			#nav li a.nav-final {background:url(images/nav-right.jpg) no-repeat right top; background-position:right 1px;}

/** Main **/

	#main {margin:0px auto; width:960px; padding-bottom:180px;}  /* must be same height as the footer */
		#main img, .content-box {margin-bottom:0.69em;}

/*** Content **/

		#content {width:590px; float:left;}
			.content-box {width:560px; border:#818181 1px solid; background:#d3cfc7; padding:15px;}			
			
			.test-content-box {width:560px; border:#818181 1px solid; background:#d3cfc7; padding:15px; margin:0px;}			
			.testimonials {width:560px; border:1px solid #818181; border-bottom:#fff; border-top:#fff; background:url(images/repeating-metal.jpg) #999999 repeat; padding:15px;}
			.testimonials img {width:105px; height:70px; border:1px solid #818181; vertical-align:baseline;}
			.testimonials li {display:inline-block; list-style-type:none; color:#eee;}
			
			/* Testimonial Gallery */
	
			#mask {position:absolute; left:0; top:0; z-index:9000; background-color:#000;display:none;}
			#boxes .window {position:absolute;left:0;top:100;width:600px;height:600px;display:none;z-index:9999;padding:20px;}
			#boxes img {border:1px solid #818181;}
			#boxes #one, #boxes #two, #boxes #three, #boxes #four, #boxes #five  {width:512px; height:380px; padding:20px; background:url(images/repeating-metal.jpg) #999999 repeat;}
			
			#closebox {text-align:right;}
			#boxes .close {border:1px solid #818181; padding:5px; -webkit-border-radius: 25px; -moz-border-radius:25px; background-color: #fff; margin: auto; font-size:12px; font-weight:bold;}
			#boxes .close:hover { background-color: #25b74b; text-decoration:none;}
			

			ul.content-tick-list {list-style-image:url(images/tick-icon.gif); list-style-type:square; list-style-position:inside;  margin-bottom:1.38em}
			
/**** 2 column list of services ***/
			/* allow room */
			ul.full-services {width: 570px; list-style-image:url(images/tick-icon.gif); list-style-type:square; list-style-position:inside;}
			/* float & allow room for the widest item */
			ul.full-services li { float: left; width: 285px;}
			/* stop the float */
			br { clear: left; }
			/* separate the list from subsequent markup */
			div#full-services-wrap { margin-bottom: 1em; }

/*** Side Bar **/
		
		#sidebar {width:350px; float:right;}
			.sidebar-box {width:348px; border:1px solid #818181; background:url(images/repeating-metal.jpg) #999999 repeat; margin-bottom:10px;}
			.sidebar-content {width:278px; border:1px solid #818181;  background:#fff; margin:20px; padding:15px;}
			.sidebar-content, .footer-left {filter: alpha(opacity=70); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 0.70; opacity:0.70;} /* transparency */
			
				#accreditation {width:100%}
				#accreditation img { float:left; border:1px solid #ccc;}
				#accreditation ul { float:left; border-left:1px solid #ccc; padding-left:10px; margin-left:10px;}
				#accreditation li { list-style-position:inside; list-style-type:none; font-weight:bold;}
				#accreditation lt { font-size:0.81em;}
				
				p.services-intro {margin-bottom:0;}
				ul.services {list-style-image:url(images/tick-icon.gif); list-style-type:square; list-style-position:inside;}
				
				dl.phone { width:247px; height:37px; background:url(images/call-now.png); padding-top:10px; margin-bottom:0.69em;}
				dl.phone dt, dl.phone dd {display:inline; font-weight:bold; margin-left:15px;}
				dl.contact { width:254px; height:91px; background:url(images/contact-us.png); padding:10px 25px 0px 0px; text-align:right;}
				dl.contact dt, dl.contact dd {display:block; font-weight:bold;}			
				dl.contact dt {margin-bottom:30px;}
				dl.contact dd {margin-right:30px;}
				
				dl.phone dt, dl.contact dt {font-size:0.81em; font-style:oblique;}
				dl.phone dd, dl.contact dd {font-size:1em; text-indent:10px; margin-left:32px;}
				
/* Footer */

#footer {position: relative; clear:both; background:url(images/footer.png) top center no-repeat #BCB5C0; height: 180px; margin-top: -180px; /* negative value of footer height */ } 
	#footerwrap {margin:0px auto; width:960px; padding:50px 0 0 0; }
		.footer-left {float:left; margin:0px; width:325px; padding:10px; border:1px solid #5c5c5c;  background:#ccc;}
			#foot-nav {width:auto; float:right; font-weight:bold;}
			.foot-text {font-size:0.71em;}
			#foot-nav ul, #foot-nav li {list-style-type:none; height:37px;}		
			#foot-nav li {float:left; line-height:2.3em; color:#777; }		
			#foot-nav li a {display:block; padding:0 15px 0 0;}

/* Base Typography */

* { font-family:Arial, Helvetica, sans-serif; line-height:1.38em; }
h1, h2, h3{ font-family:Helvetica, Arial, sans-serif; margin-bottom:0.69em;}
h1, h2, h3, h4 { color:#174b78;}
h1 {font-size:1.13em;}
h2 {font-size:1em;}
h3 {font-size:0.88em;}
h4 {font-size:0.88em;}

h1 span {font-weight:normal; color:#313131}

p, li {font-size:0.81em; color:#313131;}
p {margin-bottom:1.38em;}
.no-margin {margin-bottom:0;}
.half-margin {margin-bottom:0.69em}
.margin {margin-bottom:1.38em;}

a { color:#174b78; text-decoration:none; }
a:link {text-decoration:none; color:#174b78}
a:visited { }
a:hover {text-decoration:underline;}
a:active { }

blockquote {border-left:2px solid #000000; padding-left:10px;}
blockquote p { font-style:italic; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
p.cite { color:#000000; font-size:0.81em; text-indent:1.38em; margin-bottom:0px;}
p.cite span {font-weight:bold;}


/* Contact Form */

.contact-form {background-color:#f1f2f3; border:1px solid #5c5c5c; padding:2px 2px; margin:3px 0px;
					font-size:13px;font-family:"Trebuchet MS", Verdana; font-weight:bold; color:#174b78;}

.contact-form {width:554px;}
input .contact-form, input .sidebar-contact-form {height:18px; }
.contact-form-text{ font-size:10px; text-align:left;}
.contact-item { color:#a52821; font-size:14px; font-weight:bold;}

.submit {width:230px; height:65px; background-image:url(images/submit.png); border:0px; font-weight:bold; font-size:1em; text-align:right; padding-right:28px; color:#174b78}