/*
Theme Name: Accident Help Now Theme
 Description: Theme created for Accident Help Now Website.
Version: 1.2
Author: Chris Micek
Author URI: http://www.micekdesign.com.com/
 
*/





/*------Standard Layout Styles------*/
/*----------------------------------*/



body{
	background: url(images/bg-body.gif);
	color: #454441;
 	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 	font-size: 13px;
 	line-height: 18px;
 	}
 	
 div.container{
	width: 960px;
	margin: 0 auto;
 }	
 
 



/*--Standard Typographic Styles-----*/
/*----------------------------------*/

a{border-bottom:solid 1px; color: #6a94ba; text-decoration:none;}
a:hover{border-bottom:none;}
blockquote{
	margin: 20px;
	border: solid 1px #e6e6e6;
	padding: 20px 20px 6px 20px;
	font-family: georgia;
	font-style: italic;
	font-size: 16px;
	line-height: 20px;
}

 
  
h1{color: #2d2c29;font-size:26px; line-height:30px; margin:0 0 15px 0;}
h2{color: #2d2c29;font-size:18px; line-height:20px; margin: 18px 0 15px 0;}
h3{color: #2d2c29;font-size:15px; line-height:24px; margin: 18px 0 18px 0;}
h4{color: #2d2c29;font-size:14px; line-height:20px; margin: 18px 0 18px 0; }
h5{font-size:13px; line-height:18px; margin: 0 0 14px 0; }
h6{font-size:13px; line-height:18px; margin: 0 0 14px 0; font-weight: normal; }
p{color: #454441;font-size:14px; line-height:20px; margin: 0 0 14px 0; }

ul{
color: #454441;
	display: list-item;
	 	margin:15px 0 20px 20px;
}
	ul li{
	color: #454441;
		display: list-item;
		list-style: disc;
		margin: 0 0 3px 0px;
 	
	}
ol{
color: #454441;
	display: list-item;
	 	margin:0 0 20px 20px;
}
	ol li{
	color: #454441;
	display: list-item;
	list-style: decimal;
	margin: 0 0 3px 0;

}

  
 .phone,
div.title h1.phone,
div.title h2.phone {
 color: #ce000a;
}
div.title h1,
div.title h2
{color: #2d2c29;font-size:26px; line-height:30px;
}

.separator{
 background: #ccc;
	display: block;
	width: 100%;
	margin: 10px 0 10px 0;
	height: 2px;
	font-size: 1px;
	line-height: 1px;
	position: relative;
	float: left;
}
 
/*--------Header-------------------*/
/*----------------------------------*/

div.header{
background: url(images/bg-nav.gif) repeat-x;
height: 55px;
width: 100%;
	}
	
		div.header a.logo {
	background: url(images/logo.png) no-repeat;
	border: none;
	color: #fff;
	display: inline;
	position:relative;
	float:left;
	left: 20px;
	width:300px;
	height:45px;
	font-size:22px;
	font-weight:bold;
	margin-top: 5px;
	line-height:51px;}
  

  
	div.header ul{
	display: inline;
	position: relative;
	list-style: none;
	margin: 0;
	float: right;
	right:20px;}
	
	div.header ul li {
	color:#e6e6e6;
	list-style: none;
	position: relative;
	float: left;
	line-height:55px;}
	
	div.header ul li a{
	
	color:#e6e6e6;
	font-size: 13px;
	}
	div.header ul li.current_page_item a{
	font-weight: bold;
	border: none;
	color: #FFF;
}
	
	div.header ul li span{
	margin: 0 20px 0 20px;
}
 /*--------Main Body Content--------*/
/*----------------------------------*/
div.content-background{
 display: inline;
 float: left;
 background:  #fff;
 border: solid 3px #cad0d9;
 width: 920px;
 margin: 0px 0 20px 20px;
 padding: 20px 0 20px 0;
 }

  
div.title{
	background: url(images/bg-header.png);
	position: relative;
	float: left;
	margin: 20px 0 -20px 0;
	height: 155px;
	width: 100%;
}
	div.short-title{
	background: url(images/bg-header-short.png);
	position: relative;
	float: left;
	margin: 20px 0 -20px 0;
	height: 118px;
	width: 100%;}

div.secondary{
	margin-top: 0;
	font-size: 24px;
}
	div.secondary h2{
	margin: 0 0 15px 0;
	font-size: 24px;
	}

div.content{
	display: inline;
	float:left;
	width: 515px;
 }
 	div.content img{
	display: none;}
	div.article img{
	display: inline;}

div.sidebar{
display:inline;
float: left;
width: 400px;}

	

div.bottom-half .pi img{
	position: relative;
	float: right;
	margin: 20px 0px 20px 20px;
	padding-right: 20px;
}

	div.locations{
	
	background: #d0dae6;
	display: inline;
	float: left;
	 	padding: 0 0 25px 0;
	 	margin: 0 0 25px 0;
	}
	div.article-sidebar div.locations{
	margin: 20px;
	background: #fff;
	border: solid 1px #cad0d9;
}

	 
	div.locations span{
	display: list-item;
	list-style: disc;
	width: 45%;
	 position: 	relative;
	float: left;
	left: 15px;
}

div.content span.pi {
	display:none;}

div.article span.pi {
	display: inline;
	position:relative;
	float:left;
	width:100%;
	border:solid 1px #ccc;
	text-align:center;
	padding:20px 0 20px 0px;
	text-align:center;
	margin: 20px 0 20px 0;}
	 
	span.pi img {
		width:auto;
		margin: 0 auto;
		text-align:center;}

span.wp-caption {
	border:solid 1px #ccc; 
	margin: 20px 0 20px 0;}
	span.wp-caption span.pi{
		background: #fff;
		border: none;
		margin: 0 0 3px 0;} 
	span.wp-caption dfn {
		background: 1px #e6e6e6; 
		display: block; 
		padding: 5px 20px 0px 20px; 
		font-size: 13px; 
		font-style: italic;}



/*--------Testimonials--------------*/
/*----------------------------------*/

div.testimonial{
	position: relative;
	float: left; width: 305px;
	margin: 0px 0 20px 0;
	left: 6px;
}
div.long{
 	float: left; width: 425px;
 	left: 40px; 
}


div.testimonial .padding{
padding: 12px 20px 12px 20px;
}
div.testimonial p{
color: #969ea7;
	margin: 0px;
	text-transform:uppercase;
	font-size: 12px;
	font-weight: bold;
}
div.testimonial blockquote{
color: #2d2c29;
font-size: 16px;
line-height: 24px;
font-style: italic;
font-weight: bold;
font-family: Georgia;
margin: 5px 0;
padding: 0;
border: none;
	
}
div.testimonial .top,
div.testimonial .bottom{
 	position: relative;
	float: left;
	width: 100%;
	height: 8px;
	font-size: 1px;
	line-height: 1px;
}
div.testimonial .middle{
background: url(images/bg-testimonial-middle.png) repeat-y;
position: relative;
	float: left;
width:100%;
}

div.testimonial .top{
background: url(images/bg-testimonial-top.png) no-repeat;
}
div.testimonial .bottom{
background: url(images/bg-testimonial-bottom.png) no-repeat;
}

div.long .top{
background: url(images/bg-testimonial-long-top.png) no-repeat;
}
div.long .middle{
background: url(images/bg-testimonial-long-middle.png) repeat-y;
}
div.long .bottom{
background: url(images/bg-testimonial-long-bottom.png) no-repeat;
}


/*--------Services-------------------*/
/*----------------------------------*/

.service{
	position: relative;
	float: left;
	left: 10px;
	width: 290px;
}
.service h3,
.service p{
	margin-right:25px;
}

/*--------Main Articles-------------*/
/*----------------------------------*/
div.article{
	background: url(images/bg-articles.gif) repeat-y #fff;
	padding: 20px 0 0 0;
}
.article h1 a{
	color: #444;
	border-bottom: solid 2PX;
}
	.article h1 a:hover{
	border: none;
	}

.article p.meta{
	margin: 0 0 5px 0;
}
.article p small{
	color: #999;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 1.5px;
 }


  /*--------Footer-------------------*/
/*----------------------------------*/
div.footer{
	
	position: relative;
	float: left;
	width: 100%;
	margin: 25px 0;
}
div.footer p{
	text-align: center;
	margin: 10px 0 0 0;

	
}
div.footer ul{
	display: block;
	position: relative;
	float: left; text-align: center;
	width: 100%;
	margin: 5px 0 0 0;
}
	div.footer ul li{
	display: inline;	
	margin: 0 10px 0 10px;
	}
	div.footer ul li a{
	color: #454441;
	line-height: 40px;
	font-size: 13px;

}
 /*--------Sidebar------------------*/
/*----------------------------------*/
div.sidebar {
	padding: 25px 0 25px 0;
}
div.sidebar img{
	border: solid 1px #e6e6e6;
	margin: 0 0 25px 0;
}
div.sidebar div.accident_widget{
	background: #fff;
	border: solid 1px #cad0d9;
	position: relative;
	float: left;
	margin: 0 0 25px 0;
	margin: 0px 10px 10px 20px;
}
div.sidebar div.accident_widget h4{
display: block;
margin: 20px 0 5px 20px;	
}
div.sidebar div.accident_widget div.textwidget{
padding: 0 20px 20px 20px;
}
 
 
 /*--------Contact Form-------------*/
/*----------------------------------*/
 .cform{
 display: inline;
 border: solid 1px #e6e6e6;
 float: left;
	padding: 10px;
	margin: 0 0 25px 0;
}
	div.article .cform{
	border: none;
	margin: 10px 10px 10px 15px;
}

ol.cf-ol{
background: url(images/bg-contact-form.gif) repeat-x #2c2b28;
display: block;
color: #f2f2f2;
list-style: none;
font-weight: bold;
margin: 0;
padding: 20px 0 20px 0;
} 
ol.cf-ol li{ padding: 3px 20px 3px 20px; list-style: none; }
ol.cf-ol li label{
color: #f2f2f2;
 display: block; 
 position: relative;
 float: left;
 width: 100px;
}
	ol.cf-ol li#li--1 {
	color: #f2f2f2;
	font-size: 22px;
	line-height: 26px;
	padding-bottom: 20px;
}
	ol.cf-ol li#li--1 span{
	display: none;
}
	ol.cf-ol li#li--5 label{
	color: #f2f2f2;
	padding: 8px 0 0 0;
	width: 100%;
	
}
ol.cf-ol li input,
ol.cf-ol li textarea{
color: #666;
font-weight: bold;
font-size: 12px;
 	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	width: 60%;
	letter-spacing: .5px;
} 
	ol.cf-ol li textarea{
	width: 98%;
}

ol.cf-ol li small, 
ol.cf-ol li small a{
font-size:12px;
color: #F2F2F2; 
font-weight:normal;}

.reqtxt,
.emailreqtxt,
.cf_hidden,
.linklove{
	display: none;
}

p.cf-sb{
display: block;
		background: #2c2b28;
		padding: 10px 0px 10px 0px;
		margin: 0;
		font-size: 17px;
	 	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #fff;
	width: 100%;

}
ol.cf-ol input.sendbutton{
	display: block;
	 cursor: pointer;
	font-size: 16px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #fff;
	height: 37px;
	line-height: 37px;
	border: none;
	background: url(images/bg-submit.gif) repeat-x;
	padding: 0 10px 0 10px;
	width: 300px;
	text-align: center;
	margin:  0 auto;

}
div.failure{
	background: #f1c2c7;
	border: solid 1px #c04c5b;
	margin: 0 0 15px 0;
	padding: 10px;
	font-size: 15px;
	 font-weight: bold;
	 text-align: center;
}
