
@charset "utf-8";
/* CSS Document */
/*
Theme Name: Florida DUI and Criminal Defense Attorney 
Theme URI: 
Description: New wordpress theme 
Version: 1.0
Author: CPC Computer Consultants	
Author URI: www.cpccci.com 
Tags: blue, custom header, fixed width, two columns, widgets

	This theme was developed by CPC Computer Consultants (www.cpccci.com)	
	
*/

/* ----------------------- General ----------------------- */
body {  }
* { font-family:Geneva,Arial,Helvetica,sans-serif !important; }
.bg { background: #110e2f url(mages/bg.png) repeat-x top left;  margin:0px; padding:0px; }
#content{width: 994px; margin: 0 auto; padding: 0 16px 0 14px; background: url(images/bg-header.jpg) no-repeat top left; text-align:left; } 
#info{width: 994px; margin: 0; padding: 0; float: left; background: url(images/bg-info-middle.jpg) repeat-y top right;} 
#info .top{width: 994px; margin: 0; padding: 0; float: left; background: url(images/bg-info-top.jpg) no-repeat top right;} 
#info .top .down{width: 994px; margin: 0; padding: 0 0 30px; float: left; background: url(images/bg-info-down.jpg) no-repeat bottom right;} 
/* ----------------------- Top ----------------------- */
#top{width: 994px; margin: 0; padding: 0; float: left; height: 206px;} 
#logo{float: left; margin: 30px 0 0 0; width: 610px; height: 130px; padding: 0 0 0 42px;}
#top .phone{float: right; width: 230px; margin: 100px 0 0;}
#menu{width: 919px; margin: 0; float: left; padding: 15px 0 0 75px; background: url(images/bg-menu.jpg) no-repeat top right; height: 32px;}
#menu ul {padding: 0; margin: 0; list-style: none;}
#menu ul li{float: left; padding: 0 30px 0 0; margin: 0; list-style: none;}
#menu ul li a{ text-decoration: none; color: #fff; font-size: 16px; display: block; float: left; margin: 0; padding: 0;line-height: 20px; text-transform: uppercase; letter-spacing: -1px;}
#menu ul li a:hover, #menu ul li a.select{ color: #cad06c;}

/* ----------------------- Column left ----------------------- */
#column-left{float: left; width: 232px; padding: 37px 0 0 0;}
#column-left .row{float: left; width: 232px; padding: 0; margin: 0 0 55px;}
#column-left .row .title{float: left; width: 207px; background: url(images/bg-title-left.jpg) no-repeat top right; height: 24px; padding: 9px 0 0 25px; text-transform: uppercase; font-family:Geneva,Arial,Helvetica,sans-serif; font-weight: bold; color: #e5e8b6; font-size: 17px; line-height: 19px; letter-spacing: 1px; margin: 0 0 18px;}
#column-left .row .text{float: left; width: 199px; padding: 0 15px 0 18px;}
#column-left .row .text p{color: #FFF; font-size: 12px; line-height: 16px;}
#column-left .row .text ul{margin-left:-20px; margin-bottom:0;}
#column-left .row .text li{color:#fff; font-size:11px; padding:3px 0; line-height:16px; list-style-image:url(images/bullet.png);}


/* ----------------------- Column Right ----------------------- */
#column-right{float: right; width: 762px; padding: 0;}
#banner{float: left; width: 762px; background: url(images/banner.jpg) no-repeat top left; height: 394px;}
#banner .text{
	float: left;
	width: 520px;
	margin: 290px 0 0 0;
	height: 68px;
	padding: 0 0 0 242px;
	font-size: 25px;
	line-height: 18px;
	color: #FFF;
	letter-spacing: 1px;
}
#banner .text .title{
	display: block;
	color: #d0d67e;
	font-size: 22px;
	line-height: 26px;
	margin: 0 0 5px;
	font-family:Geneva,Arial,Helvetica,sans-serif;
	text-transform: uppercase;
	font-weight: bold;
}
#banner .btn{display: block; float: left; text-transform: uppercase; font-family:Geneva,Arial,Helvetica,sans-serif; font-weight: bold; color: #e5e8b6; font-size: 17px; line-height: 19px; letter-spacing: 1px; background: url(images/btn-contact.jpg) no-repeat top left; width: 226px; height: 24px; padding: 9px 0 0 28px; text-decoration: none;}
#banner .btn:hover{ text-decoration: underline;}
#column-right .box{float: left; width: 742px; background: url(images/bg-text.jpg) no-repeat 0 7px; padding: 2px 10px 0;}
#column-right .box .contact{float: left; width: 742px; margin: 0 0 52px;}
/*#column-right .box .contact .row{float: left; width: 156px;	background: url(images/bg-home.jpg) no-repeat top left;	padding: 10px 19px 12px 10px; height: 58px; font-size: 11px; line-height: 13px;	color: #FFF;}
#column-right .box .contact .row_phone{float: left; width: 156px;	background: url(images/bg-phone.jpg) no-repeat top left;	padding: 10px 19px 12px 10px; height: 58px; font-size: 11px; line-height: 13px;	color: #FFF;}
#column-right .box .contact .row_email{
	float: left;
	width: 156px;
	background: url(images/bg-email.jpg) no-repeat top left;
	padding: 10px 19px 12px 10px;
	height: 58px;
	font-size: 11px;
	line-height: 13px;
	color: #FFF;
}*/
#column-right .box .contact .row{
	float: left;
	width: 163px;
	background: url(images/bg-call.png) no-repeat top left;
	padding: 37px 19px 12px 60px;
	height: 90px;
	font-size: 11px;
	line-height: 13px;
	color: #333;
}
#column-right .box .contact .row_phone{
	float: left;
	width: 150px;
	background: url(images/bg-write.png) no-repeat top left;
	padding: 37px 8px 12px 110px;
	height: 90px;
	font-size: 11px;
	line-height: 13px;
	color: #333;
}
#column-right .box .contact .row_phone a.a{
	display: block;
	width: 130px;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 13px;
	color: #333;
	text-align: right;
	padding: 0 10px 0 0;
	background: url(images/icon.png) no-repeat right;
	text-decoration: none;
	margin: 12px 0 0 0;
	}
#column-right .box .contact .row_email{
	float: left;
	width: 140px;
	background: url(images/bg-blog.png) no-repeat top left;
	padding: 42px 0 12px 90px;
	height: 85px;
	font-size: 11px;
	line-height: 13px;
	color: #333;
}
#column-right .box .contact .row_email a.a{
	display: block;
	width: 125px;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 13px;
	color: #333;
	text-align: right;
	padding: 0 10px 0 0;
	background: url(images/icon.png) no-repeat right;
	text-decoration: none;
	margin: 12px 0 0 0;
	}


#column-right .box .contact .row_user{float: left; width: 156px;	background: url(images/bg-user.jpg) no-repeat top left;	padding: 10px 19px 12px 10px; height: 58px; font-size: 13px; line-height: 13px;	color: #FFF;}
.row_user p { color:#fff; font-size:11px; margin:0px; }
#column-right .box .contact .row_user a{	color:#fff;	font-size:12px;	line-height:18px; text-decoration:none;}
#column-right .box .contact .row_user a:hover {color:#FF9;}
#column-right .box .contact .row strong{font-size: 11px; line-height: 17px; color: #FFF;}
#column-right .box .contact .row a{font-size: 11px; line-height: 13px; color: #FFF;}
#column-right .box .text{float: left; width: 702px; padding: 0 20px;}
#column-right .box .text .title{display: block; margin: 0 0 13px; color: #b49b21; font-family:Geneva,Arial,Helvetica,sans-serif; line-height: 18px; font-size: 14px;}
#column-right .box .text li {font-size:1.2em; line-height:1.8em; color:#333; padding:3px 0; list-style-image:url(images/bullet1.gif);}

/* ----------------------- Text ----------------------- */
p{
	margin: 0 0 15px 0;
	padding :0;
	text-align: left;
	color: #333;
	font-size: 1.2em;
	line-height: 1.8em;
}
a{text-decoration: underline; font-size: inherit; color:#336;}
a:visited{
	color: #110F30;
}
a:hover{text-decoration: none;}

textarea{width:260px;font-size:11px;color:#666;margin:0 0 7px 0;height:150px; background: #FFFFFF; outline: none; border: #999999 1px solid;}
strong{font-size: inherit;}
h1{
	color: #5D6C92;
	font-size: 2.2em;
	margin: 0 0 20px;
	font-weight: bold;
	padding: 1px 0;
	line-height: 24px;
	border-bottom: 1px dashed #5d6c92;
}
h2{
	color: #09244a;
	font-size: 2em;
	margin: 0;
	padding: 1px 0 5px;
	font-weight: bold;
}
h3{
	font-size: 1.8em;
	color: #036;
	margin: 0 0 10px;
	padding: 10px 0;
	background: url(images/vinieta.gif) no-repeat center left;
	font-weight: bold;
}
h4{
	font-size: 1.6em;
	color: #00335e;
	font-weight: bold;
	margin: 0px 0 15px 0;
	padding: 3px 0;
}
h5{ font-size: 12px; color: #a47711; text-transform: uppercase; margin: 0px 0 5px 0;}

/* ----------------------- Footer ----------------------- */  
#footer{
	width: 994px;
	float: left;
	padding: 20px 0 0 0;
	text-align: center;
	font-size: 12px;
	color: #fff;
	line-height: 16px;
	height: 150px;
	text-align: center;
	background: url(images/logo-footer.png) no-repeat 45px 0px;
}
#footer a{ text-align: center; padding: 0 42px; font-size: 11px; color: #fff; text-decoration: none; letter-spacing: normal; line-height: 16px;}
#footer a.a{ text-align: center; padding: 0; font-size: 11px; color: #fff; text-decoration: none; letter-spacing: normal; line-height: 16px;}
#footer ul {padding: 0; margin: 0 0 15px; list-style: none; display: block; width: 794px; padding: 0 0 0 200px;}
#footer ul li{float: left; padding: 0 30px 0 0; margin: 0; list-style: none;}
#footer ul li a{ text-decoration: none; color: #fff; font-size: 12px; display: block; float: left; margin: 0; padding: 0; line-height: 14px; text-transform: uppercase; letter-spacing: -1px;}
#footer ul li a:hover, #footer ul li a.select{ color: #cad06c;}

/* ----------------------- Clearfix ----------------------- */ 
/* slightly enhanced, universal clearfix hack */
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;line-height: 0; }
.clearfix {display: inline-block;}

/* start commented backslash hack \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* close commented backslash hack */


.imgright {float:right; padding:0 0 10px 10px;}

.calltoaction {
	margin:10px 80px;
	background-color: #EDECFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #666;
	padding: 10px;
}

.label {
	float:left;
	width:60px;
	color:#182350;
	font-weight:normal;
}


/*########################################
               BREADCRUMB
########################################*/
#breadcrumb {
	padding:0px;
	font-size:10px;
	color: #666;
	height: 30px;
	margin:20px 30px 0px 30px;
	line-height:30px;
	clear:both;

}
#breadcrumb a { text-decoration:none; color: #666; font-weight: normal; font-size:10px; }
#breadcrumb a:hover { text-decoration:underline; }

#breadcrumb .active {font-weight:bold;}



/*########################################
               CONTACT PAGE
########################################*/

.textbox{ background:#ffffff; border:1px solid #dadada; color: #333333; width:260px; float:left; height:18px; }
.textarea{ background:#ffffff; border:1px solid #dadada; color: #333333; width:260px; float:left; height:100px; }
#form .submit-holder{ width:360px; text-align:left; float:left; }
#form .submit{ border:1px solid #dadada; background:#ffffff;  color: #00bbf2; width:100px; height:30px; font-weight:bold; cursor:pointer; font-size:11px;}
.form-error{ color:#ff0000; font-weight:bold; }
.form-correct{	color:#336699; font-weight:bold; font-size: 120%;}

.label-holder {
	height: 20px;
	width: 200px;
	float: left;
}
fieldset		{

!important;

	padding-left: 10px;

	padding-bottom: 10px;


	width: 100%;
	border: 1px solid #002f6d;
}
.recaptchatable #recaptcha_response_field {
	!important;
float:left;
font-size:10pt;
left:0;
margin:7px 0 0 !important;
padding:0 !important;
position: relative !important;
top:0;
width:145px !important;
}

/*fieldset.active		{border:2px solid #999}*/



label {
	color: #666;
	display:block;
	float:left;
	font-family:Geneva,Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:bold;
	height:17px;
	letter-spacing:2px;
	line-height:1.1;
	width: 200px;
	margin-top: 3px;
	margin-right: 2px;
}

.buttons {
	color:#FFF;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	text-transform:uppercase;
	background-attachment: scroll;
	background-color: #162350;
	background-image: none;
	background-repeat: repeat;
	background-position: 0%;
	padding:5px 45px;
	float: left;
	cursor:pointer;
	margin-top:10px;
	border:1px solid #000;
}
.buttons:hover {
	background-color:#0F152B;
	color:#FFF;
	border-color: #0F1326;
}


.info_messages		{
	color: #333333;
	background-attachment: scroll;
	background-color: #FFC;
	background-image: url(images/Help.png);
	background-repeat: no-repeat;
	background-position: 5px 7px;
	border:1px solid #FC3;
	margin:10px 0 10px 20px;
	padding:7px 15px 7px 60px;
	width: 80%;
}

.validMsg{
	width:16px;
	height:16px;
	margin-left:6px;
	margin-top:-2px;
	display:none;
}


.textfieldValidState .validMsg, .textareaValidState .validMsg, .selectValidState .validMsg, .checkboxValidState .validMsg, .radioValidState .validMsg{
	display:inline;
}
.checkboxRequiredState .checkboxRequiredMsg, .checkboxMaxSelectionsState .checkboxMaxSelectionsMsg, .selectRequiredState .selectRequiredMsg, .textareaRequiredState .textareaRequiredMsg, .textareaMinCharsState .textareaMinCharsMsg, .textareaMaxCharsState .textareaMaxCharsMsg, .textfieldRequiredState .textfieldRequiredMsg, .textfieldInvalidFormatState .textfieldInvalidFormatMsg, .radioRequiredState .radioRequiredMsg{
	border:0px;	
	padding-left:22px;
	margin-left:4px;
	background-image:url(images/error.png);
	background-repeat:no-repeat;
}

.required {
	color: #CC3300;
	font-family: "Courier New", Courier, monospace;
	font-size: large;
	font-weight: bold;
}
/***************************************************
VARIOS
***************************************************/
.roundedborder {
	margin-left:50px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #999;
	padding: 15px;
}

/* Clear */
.clear { clear:both; overflow:hidden; height:0px; }

#contactform {
	margin-left:0px;
}
#contactform img {float:left; padding:0; margin:0;}
input {float:left;}
textarea {float:left;}

.qanda {
	font-size:1.35em;
	color:#BC0814;
	font-weight: bold;
}

#cities ul li {
	width:200px;
	float:left;
}


#disclaimer {
	color:#FFF;
	text-align:justify;
	margin-left: 20px;
	margin-right: 10px;
}
#disclaimer p {
	font-size:9px;
	color:#717171;
	line-height:14px;
	text-align: justify;
}



/***************************************Blog Css**************************************/
#column-left a {
color:#FFFFFF;
text-decoration:none;
}
#column-left a:hover {
	text-decoration:underline;
}
h2 a { text-decoration:none; text-transform:capitalize; }
#column-right .box { font-size:11px !important;  }
#column-right .box .text { padding-top:10px; }
.postmetadata
{
	padding-right:3px;
	text-align:right;
}
.post 
{
	display:block;
	clear:both;
	padding:5px;
	background:#f3f3f3;
	color:#000 !important;
	margin:0px;
	margin-bottom:15px;
	border:solid 1px #afafaf;
}
#commentbar
{
	height:25px;
	line-height:25px;
	background:none;
	color:#000;
	text-align:right;
	padding-right:3px;
}
#commentbar a
{

}

#respond
{
	background:#f3f3f3;
	margin:0px;
	padding:5px;
	border: solid 1px #afafaf;
}
#respond h3 { text-align:left;}

.entry p { padding-left:5px; padding-right:5px;}
#searchsubmit { background:#4579B3; border:solid 1px #666666; color:#fff;  margin-left:5px; 	border-top:solid 4px #c3cfdf;
	border-left:solid 4px #c3cfdf; cursor:pointer;}
/***********************************************************
				commennt Form
*************************************************************/
#commentform p { clear:both;}
#commentform label { width:150px; display:block; float:left;}
#commentform label small
{
	font-size:11px;
	font-weight:bold;
}
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 300px;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 15px 225px 15px auto;
	float: right;
	background:#4579b3;
	color:#fff;
	border-top:solid 4px #c3cfdf;
	border-left:solid 4px #c3cfdf;
	border-right:none;
	border-bottom:none;
	cursor:pointer;
	}
.commentlist { margin-left:0px; padding-left:0px; list-style:none !important;}
.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;

	}
.commentlist li
{
	list-style:none;
	background-color:#f3f3f3;
	padding:5px !important;
	margin:0px;
	border:solid 1px #afafaf;
	font-size:11px !important;
	list-style-image:none !important;
}	

.navigation
{
	padding:10px 5px;
}
.navigation_nspace
{
	padding-bottom:2px;
}
#comments
{
	padding:5px;
	margin: 0px 0px 0px 0px;
}
.calendar_wrap { font-weight:normal !important; font-family:Geneva, Arial, Helvetica, sans-serif; color:#fff !important; text-align:center; }
#wp-calendar {  clear:both; }
#wp-calendar th { color:#fff; }
#wp-calendar caption { font-weight:normal !important; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#fff; text-align:left !important; padding-left:30px; }
#wp-calendar tr th { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; caption-side:#fff; }
#wp-calendar tr td { font-weight:normal !important; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#fff; }
.widgetbox ,.screen-reader-text { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#fff !important}
.screen-reader-text { display:none; }
#searchform #s { width:130px; margin-left:5px;}
#wg_searchbox { margin-bottom:10px; }
/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}
