html { height: 100%; }
body { height: auto; }
body { margin: 0; padding: 0; color: #414141; font: 12px/1.5em Arial, Helvetica, sans-serif; float: left; width: 100%; position: relative; min-height: 100%; }
/* background: url("bg_race_stripe2.png") repeat-y scroll 0 0 #2E8B57; background-position:center; */

/* Backgrounds */
body { background: #ccc url(../img/bg_services.jpg) no-repeat center top; background-size: 100%; }
body#index { background-image: url(../img/bg_home.jpg); }
body#about-us { background-image: url(../img/bg_about.jpg); }
body#testimonials { background-image: url(../img/bg_testimony.jpg); }
body#contact-us { background-image: url(../img/bg_contact.jpg); }

/* HTML5 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

/* Lists */
ul, ol, li { list-style: none; list-style-image: none; margin: 0; padding: 0; }
#content ul, ol, li { list-style-type: circle; margin-left: 25px; }
#feature ul, ol, li { margin: 0; }

/* Links */
a:link, a:visited { color: #0076A7; text-decoration: none; }
a:hover, a:focus, a:active { color: #e5ca71; outline: none; text-decoration: underline; }

/* Forms */
form { margin: 0; padding: 0; }
fieldset { margin: 0; border: 0; }
button, input, select, textarea { border: 1px solid #CCCCCC; border-radius: 3px; margin: 0; padding: 0.4em; vertical-align: baseline; }
label { color: #555555; display: block; padding-bottom: 0.5em; }

#header, #main-area, #footer { float: left; width: 100%; clear: left; }
.wrap { width: 960px; margin: 0 auto; }
.access { height: 0; left: -9000em; line-height: 0; position: absolute; top: 0; }

#header .transparent { background-color: #000; filter: alpha(opacity=85); opacity: 0.85; -moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000; box-shadow: 0px 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

#header .transparent { position: relative; height: 85px; }
#header #logo { position: absolute; top: 0px; }

#main-area {
	margin-bottom: 0px;
}

#footer {
	border-top: 1px solid #111;
	box-shadow: 0px -1px 4px 3px #111;
}

#feature-wrap { position: relative; background: #fff; text-align: center;	}
	
#feature-wrap:before, #feature-wrap:after {	position: absolute; top: 80%; bottom: 15px; left: 10px; content: ""; width: 50%; max-width:300px; background: rgba(0, 0, 0, 0.7); z-index: -1;
	-webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.7); -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7); box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
	-webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg);
}

#feature-wrap:after { right: 10px; left: auto;
	-webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg);
}

/* Main Area */
#main-area { margin-top: 10px; }

/* Header */
#main-nav { position: absolute; right: 50%; margin-right: -498px; top: 53px; z-index: 800; }
#main-nav li { position: relative; display: inline-block; text-align: center; margin: 0px; padding: 2px 20px; border-right: 1px solid #c1b85b; }
#main-nav ul li a { display: block; }
#main-nav li.last { border-right: none; }
#main-nav li a { font-weight: 700; font-size: 1.2em; color: #fff; }
#main-nav li a:hover { font-weight: 700; font-size: 1.2em; text-decoration: none; color: #e5ca71; }
#main-nav li.drop:hover a { border: none; }

/* Drop Down Nav */
#main-nav ul ul a { border-right: none; }
#main-nav li ul { display: block; position: absolute; right: auto; left: -9000em; top: 22px; margin: 0; }
#main-nav li:hover ul { z-index: 900; left: 0; }
#main-nav li ul { background-color: #fff; padding: 10px 0px 10px 0px; }
#main-nav li ul li { display: block; text-align: left; width: 200px; border-top: 1px dashed #ddd; }
#main-nav li ul li.first { border: none; }
#main-nav li ul li { padding: 5px 5px 5px 10px; }
#main-nav li.drop:hover { background-color: #fff; -moz-box-shadow: 0 1px 3px rgba(0,0,0,.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.5); box-shadow: 0 1px 3px rgba(0,0,0,.5); -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
#main-nav li.drop:hover ul a { color: #414141; font-size: 1em; }
#main-nav li.drop:hover a { color: #e5ca71; }
#main-nav li.drop:hover a:hover { color: #e5ca71; }
#main-nav li ul li:hover { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
#main-nav li ul { -moz-box-shadow: 0 5px 4px rgba(0,0,0,.5); -webkit-box-shadow: 0 5px 4px rgba(0,0,0,.5); box-shadow: 0 5px 4px rgba(0,0,0,.5); -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 5px 5px 5px; }

/* Footer */
#footer { margin-top: 10px; background: url("../img/footer.png") repeat scroll 0 0 #000; color: #fff; }
#footer .wrap { position: relative; height: 158px; }
#footer .vcard { margin: 10px; float: right; }
#footer .vcard a.org { font-weight: 700; }
#footer .contact { margin-bottom: 10px; float: right; padding: 10px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4); -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; }
#footer .social { clear: right; float: right; margin-right: 107px; }
#footer .social .stButton { margin: 0px; }
#footer .social .chicklets { text-indent: -9000em; padding-left: 14px; }
#footer-nav { margin: 10px; }
#footer-nav #footer-services { float: left; margin: 10px; width: 600px; }
#footer-nav #footer-services li { float: left; margin: 0px; width: 150px; }
#footer-nav #footer-services li a { color: #fff; }
#footer-nav { width: 520px; }
#footer-nav li { display: inline-block; margin-right: 20px; }
#site-copyright { position: absolute; bottom: 10px; left: 10px; }
#footer-nav a { color: #BFB35A; }

/* Featured Images */
#feature-wrap { float: left; margin-top: 30px; background-color: #fff; padding: 6px; }
#feature li { text-align: left; }
#feature > li { position: relative; height: 480px; width: 314px; float: left; margin: 0 3px 0 0; background: url(../img/sp_features.jpg) no-repeat 0 0 white; list-style-type: none; }
#feature > li#insurance { margin: 0; }
#feature li#collector { background-position: -321px 0; }
#feature li#insurance { background-position: -642px 0; }
#feature li .feature-content { position: absolute; background: #000; color: #fff; padding: 10px 20px 20px 20px; width: 230px; height: 170px; opacity: 0.8; bottom: 20px; right: 0px; }
#feature > li:hover .feature-content { opacity: 0.90; }
#feature li .feature-content h2 { padding: 5px 10px 5px 10px; width: 230px; }
#feature li#individual .feature-content h2  { background-color: #f6b417; }
#feature li#collector .feature-content h2  { background-color: #1169a1; }
#feature li#insurance .feature-content h2  { background-color: #0a492d; }
#feature ul { margin-left: 15px; }
#feature ul li { list-style-type: square; }
#feature .feature-content a { color: #fff; }
#feature .feature-content a:hover { color: #f6b417; }
#feature .feature-content a:hover { color: #f6b417; }
#feature #individual .feature-content a:hover { color: #f6b417; }
#feature #collector .feature-content a:hover { color: #1169a1; }
#feature #insurance .feature-content a:hover { color: #0a492d; }

/* Content */
#index #content { width: 610px;}
#content { float: left; width: 930px; margin: 10px 0px; padding: 10px; background: white; border: 5px solid #ddd; }
#content h2 { border-bottom: 1px solid grey; margin: 0px; padding-bottom: 5px; color: #1169A1; }
#secondary-content { float: right; width: 310px; margin: 10px 0px; padding: 0px; background: #ddd; position: relative; }
#secondary-content h2 { display: block; padding: 10px 10px 10px 10px; margin: 0px; background-color: #F6B417; color: white; } 
.hp-testimonial a.more { float: right; font-weight: bold; margin: 0 10px 10px 0; }
.hp-testimonial a.more:hover { color: #000; }

/* Inner */
figure.featured { z-index: 1; width: 200px; float: left; padding: 0px; margin: 15px 20px 5px 0px; }
figure.featured img { border: 5px solid black; }

img { max-width: 100%; border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
/*	
figure { position: relative; padding: 8px; background: #fff; text-align: center;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}
figure img { max-width: 100%; }
	
figure:before, figure:after {	position: absolute; top: 80%; bottom: 15px; left: 10px; content: ""; width: 50%; max-width:300px; background: rgba(0, 0, 0, 0.7); z-index: -1;
	-webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.7); -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7); box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
	-webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg);
}
figure:after { right: 10px; left: auto;
	-webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg);
}*/

#content .button { padding: 7px 5px; border-radius: 0px; background-color: #1169A1; color: #fff; font-weight: bold; cursor: pointer; text-decoration: none; }

/* =Home
==================================================================================================================*/
#index .testimonial { margin-top: -10px; margin-bottom: 10px; }

/* =About Us
==================================================================================================================*/
#about-us .featured { margin: 0px 20px 10px 0px }
#about-us #content h2 { clear: left; }
#qualifications { margin: 0px 5px; }
#qualifications li { float: left; list-style: none; }
#qualifications li figure { width: 130px; height: 130px; padding: 10px; }
#qualifications li .caption { width: 130px; padding: 5px 10px; margin: 0px; font-size: 0.8em; }

/* =Testimonials
==================================================================================================================*/
#write-testimony { border: 1px solid #222; padding: 10px; background-color: #eee; }
#write-testimony h3 { display: inline-block; margin: 8px; }
#write-testimony a { float: right; padding: 7px 5px; border: 1px solid #fff; background-color: #F6B417; color: #fff; font-weight: bold; }

article.testimonial blockquote:after { color: #A0B0C0; content: "”"; font-size: 3em; position: absolute; right: 10px; bottom: 0px; }
article.testimonial blockquote:before { color: #A0B0C0; content: "“"; font-size: 3em; position: absolute; left: 10px; top: 15px; }
article.testimonial blockquote { background: none repeate scroll 0 0 #EEE; border: 1px solid #DDD; margin: 1em 0 0; padding: 1em 3em; position: relative; }
article.testimonial cite { margin-left: 37px; display: block; font-weight: bold; }
article.testimonial .car-type { margin-left: 37px; display: block; }

/* =Contour
==================================================================================================================*/
#contour .contourPageName { display: none; }
#contour .contourFieldSet legend { display: none; }
#contour .contourNavigation input { padding: 7px 5px; border-radius: 0px; background-color: #1169A1; color: #fff; font-weight: bold; cursor: pointer; }
#contour span.contourError { margin-left: 200px; }

/* =Contact Us
==================================================================================================================*/
#contact-us #content { width: 610px; }
#contact-us #secondary-content { width: 300px; padding: 5px; }
#contact-us #secondary-content .vcard .fn { font-weight: bold; font-size: 1.4em; }
#contact-us #secondary-content .vcard { margin-bottom: 10px; background-color: #fff; padding: 10px; }




/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
