/*   
Theme Name: Driving Risk Management
Theme URI: www.chrisholbrook.com
Description: Theme for Driving Risk Management
Author: Chris Holbrook
Author URI: www.chrisholbrook.com
.
.
*/

/* General */
*{margin:0;padding:0}
.skip{display:block;height:0;text-indent:-9999px;}
body{position:relative;background:#292929 url(images/header_bg.jpg) left top repeat-x;font-size:62.5%;font-family:  Arial, sans-serif;}
img{border:none;}

/* Header */
#header{width:960px;margin:0 auto;padding:10px 0 7px 0;}
#header #logo{width:294px;float:left;margin-bottom:2px;position:relative;right:16px}
#header #logo a{display:block;text-indent:-9999px; height:80px;width:310px;background:url(images/logo.jpg) left bottom no-repeat;}
#header #logo a:hover{background:url(images/logo.jpg) left 0px no-repeat;bottom:2px;position:relative}

/* Global Nav */
#header ul{float:left;width:636px;padding-left:30px;padding-top:12px}
#header li{float:left;display:inline;}
#header li a{display:block;width:117px;height:34px;background:url(images/nav_bg.gif) left top no-repeat;font-style:italic;text-decoration:none;color:#899c6e;padding:21px 0 0 7px;font-size:1.5em;line-height:0.85em;text-align:center;text-transform:uppercase}
#header li a:hover{background:url(images/nav_bg.gif) left -55px no-repeat;}
#header li.current_page_item a, #header li.current_page_item a:hover{background:url(images/nav_curr.gif) left top no-repeat;padding:20px 0 0 7px;height:38px;color:#fff}
#header li.page-item-3 a{padding:15px 12px 0 22px;width:90px;text-align:left;height:40px}
#header li.page-item-3.current_page_item a{padding:14px 9px 0 25px;height:44px;position:relative;bottom:2px}

/* Welcome */

/* Local Nav */
#container{background:#599887 url(images/local_nav_bg.jpg) left top repeat-x;}
#container.narrow{background:#292929 url();border-top:solid 4px #599887;border-bottom:solid 4px #599887}
#container.narrow .call span{color:#fff}
#container.narrow #local_nav{padding:0}
.hr{border-bottom:4px solid #599887}
.hr{border-bottom:4px solid #599887}
#local_nav{position:relative;width:960px;margin:0 auto;padding:16px 0 6px 0;}
#local_nav p, #local_nav ul{width:225px; float:left; margin-right:20px}
#local_nav ul.last{margin-right:0px}
#local_nav ul li{list-style-type:none;font-size:1.3em;margin-bottom:10px;}
#local_nav ul li a{text-decoration:none;color:#fff}
#local_nav ul li a:hover{text-decoration:underline}
#container  #local_nav p.quote{font-size:1.6em;color:#dde2b0;line-height:1.3em;margin: 16px 0}
#placeholder{font-size:1.4em;color:#333;padding:0px;width:620px;height:173px;margin-right:20px;float:left;background:#000 url(images/flash.jpg) left top no-repeat;}
#flash{height:173px;background:#292929 url() left top no-repeat;width:960px;margin:0 auto}

/* Content */
#main{border-bottom:4px solid #599887;background:#fff url(images/content_bg.jpg) left bottom repeat-x;padding-top:12px;}
#content{padding:0 0 20px 0;width:960px;margin:0 auto;min-height:350px}
#cone{position:absolute;left:177px;top:65px}
#left, #right, #middle{width:470px;float:left;}
#left, #middle{margin-right:20px}
#right{position:relative}
.three_columns #left, #right, #middle{width:300px;}
h1{width:960px;font-size:2.4em; font-weight:bold;color:#599887;margin:0 auto 3px auto;}
h2,h3{font-size:1.6em;color:#1d495a;margin-top:10px}
#content p, #content ul li{color:#666;font-size:1.3em;line-height:1.5em;margin-bottom:1.5em}
#content ul{margin-top:10px;}
#content ul li{margin-bottom:0.75em;margin-left:16px}
#content .fact{color:#f6f8e6;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;padding:10px;background-color: #599887;width:440px}
#content p a img{padding:1px;border:solid 1px #292929;margin:10px}
#content p em{font-style:normal;font-size:1.2em;color:#1d495a;font-weight:bold}
.alignleft{float:left;}
.alignright{float:right;}
.call, .email{font-size:1.6em;}
#content .call{background:url(images/phone_white.gif) left top no-repeat;width:295px;height:29px;padding:13px 10px 20px 82px;margin-bottom:10px;position:relative;left:-8px;font-weight:bold;color:#f36426}

#content .call span{font-weight:normal;color:#1d495a;}
#container{position:relative;}
body div#container.black{background-color:#292929;background-image:none;border-bottom:4px solid #599887;border-top:4px solid #599887}  
#container.black .call{float:left;color:#f36426;background:url(images/phone_black.gif) left center no-repeat;padding:32px 0 13px 80px;height:46px}
#container.black .email{float:left;color:#f36426;background:url(images/email_black.gif) 14px center no-repeat;padding:20px 0 3px 80px;height:40px;width:235px;text-decoration:none;}
#container.black .email span{color:#1d495a}
#container .call{float:left;color:#f36426;background:url(images/phone_black.gif) left center no-repeat;padding:32px 0 13px 80px;height:46px}
#container .email{float:left;color:#1d495a;background:url(images/email_black.gif) 14px center no-repeat;padding:18px 0 5px 80px;height:40px;width:235px;text-decoration:none;}
#container .email span{color:#f36426;font-weight:bold}
#container #local_nav .quote, #container #local_nav .call, #container #local_nav .email{width:320px;margin:0;padding:0}
#container #local_nav.menu p.quote{width:210px;padding-right:15px}
#container #local_nav .call{width:220px;padding:14px 0 0 80px;margin-left:20px;display:inline;margin-top:15px}
#container #local_nav .email{padding:26px 0 2px 80px;width:240px;height:47px;margin-top:4px}

#container.black .call span{color:#fff;}
#container .call #phone_number{font-weight:bold;color:#f36426}
#content #form_intro{color:#1d494a;font-size:1.6em;margin-bottom:5px}
#content #benefits{margin-top:0;}
#content #benefits li{background:url(images/tick_orange.gif) left center no-repeat; padding-left:20px;font-size: 1.5em;list-style-type:none;color:#599887;font-weight:bold;margin-bottom:5px;}

#name, #details, span input{display:block;color:#fff;background:url(images/input.gif) left top no-repeat; width:444px;height:20px; padding:8px;border:none;margin-bottom:0px;font-size:1.6em}

#name.error, #email.error{background-position:left -37px}
#name.success, #email.success{background-position:left -74px}

#submit{width:148px;height:37px;padding:8px;position:relative;bottom:47px; left:313px;background:url(images/send.gif) left 0px no-repeat;border:none;text-indent:-9999px}
#submit:hover{background-position:left -38px;cursor:pointer;}
form ul{list-style-type:none;}
#content form ul li{margin-left:0}
textarea{width:444px;padding:8px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;height:146px}
.address{margin-top:10px;}
#content .address li{list-style-type:none;margin:0}
#content a{color:#599887;text-decoration:none;}
#content a:hover{color:#292929;text-decoration:underline;}
#content_footer{position:relative;background-color:#fff;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;clear:left;padding:20px;min-height:110px}
#content_footer div{ display:block; float:left;  text-align:center;text-indent:-9999px;margin-right:8px;}
#content_footer div:hover{background-position:left -100px}
#content_footer #hse:hover{background-position:left -94px}
#content_footer #orsa:hover{background-position:left -105px}

#content_footer ul,#content_footer h3{width:250px; text-align:center;margin:0 auto;}
#orsa{height:105px;width:214px;background:url(images/orsa.gif) left top no-repeat;}
#think{height:100px;width:190px;background:url(images/think.gif) left top no-repeat;}
#hse{height:94px;width:94px;background:url(images/hse.gif) left top no-repeat;height:86px;}
#safed{height:98px;width:230px;background:url(images/safed.gif) left top no-repeat;}
#act{height:100px;width:150px;background:url(images/act.gif) left top no-repeat;}

/* Footer */
#footer{ position:relative;height:250px;background:#292929 url(images/footer_bg.jpg) left -1px repeat-x;padding-top:26px}
#footer ul, #footer-menu{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;width:391px;margin:0 auto;padding:10px 20px 10px 40px;background-color:#292929}
#footer ul li{float:left;margin-right:40px;list-style-type:none;}
#footer ul li a{font-size:1.3em;color:#999;text-decoration:none;}
#footer ul li a:hover{text-decoration:underline}
#copyright, #designed_by{color:#666;position:absolute;font-size:1.2em}
#copyright{left:20px;bottom:20px}
#designed_by{right:20px;display:block;text-decoration:none;bottom:20px}
#footer ol{float:left;list-style-type:none;padding:0;margin:0;width:153px;}
#footer ol li {margin-bottom:10px;}
#footer ol li a{color:#999;text-transform:capitalize;text-decoration:none;}
#footer ol li a:hover{color:#fff;text-decoration:underline;}
#footer-menu{margin:20px auto;width:920px;padding:20px;font-size:1.1em;}



#main div.wpcf7-mail-sent-ok{
-moz-border-radius:12px 12px 12px 12px;
-webkit-border-radius:12px 12px 12px 12px;
border-radius:12px 12px 12px 12px;
background-color:#599887;
clear:left;
color:#FFFFFF;
font-size:1.6em;
margin-bottom:20px;
padding:20px;
border:none;
}

#main div.wpcf7-validation-errors{
    -moz-border-radius:12px 12px 12px 12px;
-webkit-border-radius:12px 12px 12px 12px;
border-radius:12px 12px 12px 12px;
background-color:#f00;
clear:left;
color:#FFFFFF;
font-size:1.6em;
margin-bottom:20px;
padding:20px;
border:none;
}

/* Fixes */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */