/* CSS Document */


body{
	
 	font-family: Georgia, serif;
}
 



/*------Standard Layout Styles------*/
/*----------------------------------*/
 
.no-border{border: none;}
.vertical-rule{ border-right: solid 1px #d1d3d4; margin-right:9px;}

.padding{padding:20px;}
.margin{margin:20px;}

.no-padding{padding:0px;}
.no-margin{margin:0px;}

.margin-top{margin-top:20px;}
.margin-bottom{margin-bottom:20px;}
.margin-right{margin-right:20px;}
.margin-left{margin-left:20px;}

.no-margin-top{margin-top:0px;}
.no-margin-bottom{margin-bottom:0px;}
.no-margin-left{margin-left:0px;}
.no-margin-right{margin-right:0px;}

.no-padding-top{padding-top:0px;}
.no-padding-bottom{padding-bottom:0px;}
.no-padding-right{padding-right:0px;}
.no-padding-left{padding-left:0px;}

.col{ position:relative; float:left;}


.middle{ position:relative; float:left;}
.top, 
.bottom{ position:relative; float:left; height:8px; line-height:1px; font-size:1px;}
.seperator{ display:block;width:100%; height:2px; margin: 10px 0 10px 0; border:none; border-bottom:solid 1px #d1d3d4; font-size:1px; line-height:1px;}




/*--Standard Typographic Styles-----*/
/*----------------------------------*/

a{border-bottom:solid 1px #6a94ba; color: #6a94ba; text-decoration:none;}
a:hover{border-bottom:none;}
 blockquote{ font-size:18px; line-height:24px; padding:20px; border-top:solid 1px #d1d3d4; border-bottom:solid 1px #d1d3d4; margin: 30px 0 30px 0; font-style: italic; text-align:center;}
 blockquote h2{font-size:18px; line-height:24px; padding:20px; margin:0px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif;}
 
  
h1{color: #6d6f71;font-size:28px; line-height:40px; font-weight:normal; font-style:italic; margin:40px;}
h2{color: #000;font-size:24px; line-height:26px; margin: 0px 0 18px 0; font-family:Arial, Helvetica, sans-serif;}
h3{color: #fe821d;font-size:18px; line-height:24px; margin: 6px 0 18px 0; font-family:Arial, Helvetica, sans-serif;}
h4{color: #000;font-size:16px; line-height:20px; margin: 0px 0 18px 0; font-family:Arial, Helvetica, sans-serif;}
h5{color: #000; font-size:18px; font-family:Arial, Helvetica, sans-serif; padding-bottom:24px; text-align:center;}
h6{color: #191919;font-size:14px; line-height:18px; margin: 9px 0 9px 0; font-weight:normal;}
 
p{font-size:15px; line-height:22px; margin: 0 0 18px 0; color:#191919;}
 ul.list{ margin:0 0 20px 20px; list-style:disc;}
 ul.list li{font-size:15px; line-height:22px; margin: 0 0 3px 0; color:#191919;} 
 
 /*--------Header-------------------*/
/*----------------------------------*/

.header{background:url(../images/bg-header.gif) repeat-x bottom #373961; position:relative; float:left; width:100%; padding:40px 0 40px 0;}
.header .grid_12{ background:#fff;}
.header .call-us{ background:none;}
.header .grey{ background:#ebecee;height:80px}


.header p{font-family:Arial, Helvetica, sans-serif; position:relative; float:left; margin:0 20px 0 20px; top:20px; }
.header p span{display:block; position:absolute; left:0px; top:0px; width:100%;
height:100%;} 

.header p.logo{ text-align:center; display:block; width:255px; height:43px; left:40px;}
.header p.logo span{background:url(../images/lawyer-marketing-solutions.gif) no-repeat;}

.header p.call-us{ text-align:right; width:500px; height:50px; display:block; float:right; top:20px; text-transform:uppercase; color:#000; font-size:16px; font-weight:bold; right:-45px;}


.header p.call-us strong{color:#fa584a;}
.header p.no-var{width:364px; height:24px; right:0px; top:30px;font-size:13px;}
.header p.call-us span{ background:url(../images/call-us.gif) no-repeat;}

.header .call-us p.call-us{ color:#fff; top:-10px; right:0px; letter-spacing:1px; height:30px;}

.home h1{ font-size:24px; line-height:38px; margin:30px 20px 30px 20px; letter-spacing:1px;}
.home h1 span{ position:relative; float:left; width:170px;}
.home h1 strong{ font-weight:normal; color:#000;}
 /*--------Navigation----------------*/
/*----------------------------------*/
ul.nav{ position:relative; float:right; list-style:none;  width:100%; left:40px; top:12px;}
ul.nav li{ position:relative; float:left; list-style:none; width:135px; }
 


ul.nav li a{ display:block; position:relative; float:left; line-height:60px; width:100%; border:none; text-align:center; text-transform:uppercase; color:#000; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
ul.nav li a span{ position:absolute; top:0px; left:0px; width:100%; height:100%;background:url(../images/bg-nav.gif) no-repeat;} 
ul.nav li.home a span{background-position: 20px 0px;}
ul.nav li.services a span{ background-position: -130px 0px;}
ul.nav li.about a span{background-position: -280px 0px;}
ul.nav li.contact a span{background-position: -430px 0px;}

ul.nav li.home a:hover span,
body.home ul.nav li.home a span
{background-position: 20px -60px;}

ul.nav li.services a:hover span,
body.services ul.nav li.services a span
{background-position: -130px -60px;}

ul.nav li.about a:hover span,
body.about ul.nav li.about a span
{background-position: -280px -60px;}

ul.nav li.contact a:hover span,
body.contact ul.nav li.contact a span
{background-position: -430px -60px;}

  

 /*--------Main Body Content--------*/
/*----------------------------------*/

.body{background:url(../images/bg-body.gif) repeat-x top #faf6ed; position:relative; float:left; width:100%; border-top:solid 1px #d1d3d4; border-bottom:solid 1px #d1d3d4; padding:40px 0 40px 0;}
.body .grid_6{ left:20px; position:relative; float:left;}

.body .col {width:47%;}
.body .first{margin-right:25px;}

.container_12 div.services{background:#fff; width:946px; left:-3px; position:relative; float:left;background:url(../images/bg-services-middle.gif) repeat-y;}

div.services .top{width:946px; background:url(../images/bg-services-top.gif) no-repeat;}
div.services .middle{}
div.services .bottom{width:946px;background:url(../images/bg-services-bottom.gif) no-repeat;}

div.services .padding{ padding: 20px 5px 20px 5px;}

div.services h2{font-size:28px; line-height:40px;font-style:italic; font-family:Georgia, serif; border-bottom:solid 1px #f1f1f2; position:relative; float:left; width:940px; left:2px;font-weight:normal;color: #6d6f71; text-align:center;}

div.services h2 span{ padding:40px 0 40px 0; display:block; position:relative; float: left; width:100%; text-align:center;}



div.services .col {width:33%; margin:0px; border-right: solid 1px #f1f1f2;}
body.home div.services .col{ width:24%;}
div.services .no-border{border:none;}

div.services .margin{margin: 0 15px 15px 15px;}
div.services img{ display:block;  border:solid 1px #e6e6e6; width:99%;; text-align:center;}
div.services h4{ margin: 0 20px 18px 20px;}
div.services p{ margin: 0 20px 18px 20px; color:#4e4e50;}

div.service-description{background:#fff; width:600px; position:relative; float:left;background:url(../images/bg-white-middle.gif) repeat-y; margin-bottom:20px;}
div.service-description div.top{width:100%; background:url(../images/bg-white-top.gif) no-repeat; height:5px; line-height:5px;}
 div.service-description div.bottom{width:100%; background:url(../images/bg-white-bottom.gif) no-repeat; height:5px; line-height:1px;}


a.button-big{ display:block; height:140px; width:300px; background:url(../images/bg-button-big.gif) no-repeat top; color:#fff; border:none; font-size:16px; line-height:24px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-align:center;}
a.button-big strong{ font-size:24px;}
a.button-big span{ display:block; position:relative; float:left;}
a.button-big .seperator{ width:100%; height:2px; border:none; border-bottom:solid 1px #fff; margin:10px 0 10px 0; padding:0px;}
a.button-big:hover{background-position:bottom;}


a.button-middle{ display:block; height:90px; width:340px; background:url(../images/bg-button-middle.gif) no-repeat top; color:#fff; border:none; font-size:16px; line-height:24px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-align:center;}
a.button-middle:hover{background-position:bottom; cursor:pointer;}
 a.button-middle span{ display:block; position:relative; float:left; font-size:20px; font-weight:bold; top:20px; left:60px;}


img.big{ width:295px;  border:solid 1px #e6e6e6; margin-top:20px;}
 /*--------Footer-------------------*/
/*----------------------------------*/

.footer{background: url(../images/bg-footer.gif) repeat-x top #151528; position:relative; float:left; width:100%;}
.footer p{color:#fff; margin: 40px 0 20px 0; text-align:center;}
.footer p a{color:#fff; border-color:#FFF;}

 /*--------Contact Form-------------*/
/*----------------------------------*/
img.arrow{ position:relative; float:left; top:10px; left:8px;}
.contact-form{ position:relative; float:right; width: 402px; right:20px;background:url(../images/bg-contact-middle.gif) repeat-y;}

.contact-form .top{width:402px; background:url(../images/bg-contact-top.gif) no-repeat;}
.contact-form .middle{padding:15px 25px 0px 25px;}
.contact-form .bottom{width:402px;background:url(../images/bg-contact-bottom.gif) no-repeat;}

.contact-form p{ font-size:13px; font-family:Arial, Helvetica, sans-serif;  display:block; position:relative; float:left; width:100%;}
.contact-form p.error{ color:#000; font-size:14px; font-weight:bold; background:#FF9999; border:solid 1px #FF0000; padding:10px; width:90%;}

.contact-form p label{ display:block; position:relative; float:left; width:105px; font-size:14px; top:3px;}
.contact-form p input.text{ position:relative; float:left; width:65%; padding:3px; line-height:20px; color:d2d2d2; font-size:14px; color:#999999;}
.contact-form p input.text:focus{ color:#000;}
.contact-form p input.submit{ position:relative; float:left; width:350px; background:none; border:none; height:43px; background:url(../images/bg-button.gif) top; font-size:20px; color:#fff; cursor:pointer; font-weight:bold;}
.contact-form p input.submit:hover{background-position:bottom;}
.contact-form p textarea{position:relative; float:left; width:96%; height:70px; font-family:Arial, Helvetica, sans-serif; font-size:13px; }

.contact-form p.border-top{ text-align:center; border-top:solid 1px #999; padding:15px 0 5px; 0; font-size:16px; text-transform:uppercase; color:#666; width:350px; display:block;}
.contact-form p.border-top strong{color:#CC0000;}