/*-----------------------------------------------------------------*/
/*                       HUGHES AND COLEMAN    				   	   */
/*-----------------------------------------------------------------*/


body {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 13px;
	line-height:16px;
	color: #000000;
	padding:0;
	margin:0;
	background: url(../images/bg.jpg) no-repeat center top fixed;
}

#center{
	margin: 0 80px;
}

ul {
        padding-left: 30px;
}

ol {
        padding-left: 30px;
}


/*-----------------------------------------------------------------*/
/*                       jQuery Elements     				   	   */
/*-----------------------------------------------------------------*/

#switch{background-color:#ccc;
		border-width: 1px;
		border:1px solid #666;
		padding: 10px 10px;
}

#toggle{}

/*----------------------------------*/
/*       GLOBAL DEFINITIONS         */
/*----------------------------------*/

a {
  color: #990000;
  text-decoration: none;
}

a:hover {
	color: #660000;
}  

a img {
  border-width: 0;
}

p {
	padding: 0px 5px 0px 2px;
	margin: 3px 0px 15px 0px;
}

.center {
	text-align: center;
}

.clear{
	clear: both;
}

.tiny{
	font-size: 9px;
}

/*----------------------------------*/
/*       GLOBAL POSITIONING         */
/*----------------------------------*/

#container {
	margin: 0 auto;
	padding: 0;
	width: 962px;
}
	
#header {
	float: left;
	width: 962px;
	height: 148px;
	padding: 0;
	margin: 0;
	background: url(../images/header.jpg) no-repeat;
}

#header-subpage {
	float: left;
	width: 962px;
	height: 200px;
	padding: 0;
	margin: 0;
	background: url(../images/header-sub.jpg) no-repeat;
	border-bottom:3px solid #000;
}	
	
#flash-area {
	float: left;
	width: 962px;
	height: 468px;
	padding: 0;
	margin: 0;
	background: url(../images/flash-area.jpg) no-repeat;
}

#flash-header {
	float: left;
	width: 654px;
	height: 468px;
	padding: 0;
	margin: 0;
	background: url(../images/header-bg.jpg) no-repeat;
}

#exp-header {
	float: left;
	width: 308px;
	height: 305px;
	padding: 0;
	margin: 0;
	background-color:#000;
}

#exp-header2 {
	float: left;
	width: 308px;
	height: 163px;
	padding: 0;
	margin: 0;
	background: url(../images/exp-bg.jpg) no-repeat 0 0;
}
	
.exp {
	border:none;
	margin-left: 5px;
}

#content-right {
	float: right;
	/*margin: 0 2px 0 0;
	padding: 0;*/
	padding: 0 2px 0 0;
	width: 289px;
}
	
#content-left {
	float: left;
	margin: 0;
	padding: 0 2px 0 5px;
	width: 641px;
	height: auto;
}
#chat-box {
	height: 100px;
	width: 289px;
	background-image: url(http://www.hughesandcoleman.com/images/chat-box-bg.jpg);
	margin-bottom: 5px;
	margin-top: 5px;
}
#hiddenModalContent {
	visibility: hidden;
}




/*----------------------------------*/
/*           NAVIGATION             */
/*----------------------------------*/

#nav {
	float: left;
	width: 962px;
	height: 66px;
	padding: 0;
	font-size:16px;
	text-transform: uppercase;
	font-weight: bold;
	/*background: url(../images/nav.jpg) no-repeat;*/
	background: url(../images/nav-bg.jpg) repeat-x 0 0;
	/*border-left:1px solid #030514;
	border-right:1px solid #537dad;
	*/}



/*----------------------------------*/
/*           LEFT COLUMN            */
/*----------------------------------*/

#right-photo {
	float:left;
	width: 286px;
	height:200px;
	border:1px solid #666;
}

#ht-title {
	background: #fff url(../images/ht-title.jpg) no-repeat;
	height: 47px;
	width: 289px;
	float: left;
	/*padding: 0;
	margin: 1px 0 0 0;*/
	margin: 0;
	padding 1px 0 0 0;
} 
	
#hot-topics {
	float: left;
	width: 289px;
	padding: 0 0 6px 0;
	margin: 0;
}

.hot-topics2 {
	float: left;
	width: 289px;
	padding: 0 0 6px 0;
	margin: 0;
}

#hot-topics ul {
	float: left;
	width: 289px;
	margin: 0;
	padding: 0;
}

#hot-topics li {
	float: left;
	background: url(../images/ht-box.jpg) no-repeat;
	list-style: none;	
	padding: 0;
	margin: 0;
	width: 289px;
	height: 36px;
}

#hot-topics li a {
	display: block;
	padding: 7px 0 0 32px;
	margin: 0;
	text-decoration: none;
	color: #084694;
	font-size: 16px;
	font-weight: bold;
	list-style: none;
	text-transform: uppercase;
}

#hot-topics li a:hover {
	color: #1368d8;
}
	
#hot-topics #ht-box-bottom {
	background: url(../images/ht-box-bottom.jpg) no-repeat;
	padding: 0;
	margin: 0;
	width: 289px;
	height: 38px;
}


#quick-contact-title {
	background: #fff url(../images/quick-contact-title.jpg) no-repeat;
	height: 47px;
	width: 289px;
	float: left;
	padding: 0;
	margin: 1px 0 0 0;
} 
	
#quick-contact-form {
	float: left;
	width: 289px;
	padding: 0 0 6px 0;
	margin: 0;
	background:#f5f5f5;
}

/*----------------------------------*/
/*           RIGHT COLUMN           */
/*----------------------------------*/

#partners-title {
	background: #fff url(../images/partners-title.jpg) no-repeat;
	height: 48px;
	width: 289px;
	float: left;
	/*padding: 0;
	margin: 1px 0 0 0;*/
	padding: 1px 0 0 0;
	margin: 0;}

#attorney-title {
	background: #fff url(../images/attorney-title.jpg) no-repeat;
	height: 48px;
	width: 289px;
	float: left;
	/*padding: 0;
	margin: 1px 0 0 0;*/
	padding: 1px 0 0 0;
	margin: 0;}

#free-bar {
	margin: 0;
	padding: 0;
}
/*	
#h1-area {
	float: left;
	width: 666px;
	height: 60px;
	padding: 0 0 13px 0;
	margin: 0;
	background: url(../images/h1.jpg) no-repeat;
}
*/
h1 {
	padding: 13px 0 0 0px;
	margin: 0;
	font-weight: bold;
	font-size: 19px;
	text-transform: uppercase;
	color: #084694;
	background: url(../images/h1.jpg) no-repeat top left;
}

h2 {
	padding: 3px 0 10px 0px;
	margin: 0 0 3px 0;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #434343;
	background: url(../images/h1.jpg) no-repeat bottom left;
}
	
h3 {
 	float: left;
	width: 305px;
	height: 37px;
	padding: 5px 0px 0px 5px;
	margin: 0;
	color: #084694;
	font-size: 16px;
	font-weight: bold;
	background: url(../images/h3.jpg) no-repeat;
	
}

h5 {
	float:left;
	/*width:660px;*/
	width:638px;
	height:25px;
	padding: 10px 0 10px 1px;
	margin: 0;
	color: #084694;
	font-size: 16px;
	font-weight: bold;
	background: url(../images/h5.jpg) no-repeat;
}

h6 {
	padding: 15px 0 0 1px;
	margin: 0;
	color: #084694;
	font-size: 14px;
	font-weight: bold;
}
	
.exp-table {
	float: right;
	margin: 5px 10px 10px 7px;
	padding: 0 0 5px 0;
	background-color: #000000;
}

#legal-news {
	height: auto;
	float: left;
	width: 300px;
	padding: 14px 0 0 0px;
	margin: 0;
}
	
#free-paragraph {
	float: right;
	width: 321px;
	padding: 14px 0 0 9px;
	margin: 0;
}

#wrap-left {
	float: left;
	/*width: 325px;
	padding: 0 0 0 5px;
	margin: 0 0 10px 0;*/
	width:310px;
}

#wrap-left2 {
	float: left;
	/*width: 325px;
	padding: 0 0 0 5px;
	margin: 0 0 10px 0;*/
	width:634px;
}

#wrap-right {
	float: right;
	/*width: 325px;
	padding: 0 0 0 5px;
	margin: 0 0 10px 0;*/
	width:315px;
}

.float-left{
	float:left;
	margin:0 5px 0 0;
	
}

#facebook{	
	background: url(../images/facebook.png) no-repeat left top;
	float: right;
	height: 55px;
	width: 58px;
	text-indent: -9999px;
	padding: 10px 0 0;
	margin-top: 20px;
}

#twitter{	
	background: url(../images/twitter.png) no-repeat left top;
	float: right;
	height: 55px;
	width: 58px;
	text-indent: -9999px;
	padding: 10px 0 0;
	margin-top: 20px;
}

#youtube{	
	background: url(../images/youtube.png) no-repeat left top;
	float: right;
	height: 55px;
	width: 58px;
	text-indent: -9999px;
	padding: 10px 0 0;
	margin: 20px 50px 0 0;
}
	
/*----------------------------------*/
/*              FOOTER              */
/*----------------------------------*/

#footer {
	float: left;
	width: 962px;
	height: 350px;
	padding: 0;
	margin: 0;
	background: url(../images/footer2.jpg) no-repeat center bottom;
}
	
#footer p {
	line-height: 12px;
	margin: 0;
	padding: 44px 0 0 257px;
	font-size: 10px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: bold;
}
	
#footer a {
	margin: 0;
	padding: 0;
	color: #084694;
}

#footer a:hover {
	color: #1475F0;
}

#footer-links a {
	margin: 0;
	padding: 0;
	color: #ffffff;
}
	
#footer #locations-table {
	float: left;
	margin: 25px 0 0 0;
	padding: 0;
}
	
#footer #locations-table p {
	margin: 0;
	padding: 0;
	color: #000000;
	text-align: center;
	font-weight: normal;
}
	
#footer #locations-table p strong{
	font-size: 14px;
	font-weight: bold;
	color: #122f53;
}

/*----------------------------------*/
/*              FORMS               */
/*----------------------------------*/


.smallForm {
	padding-top: 5px;
	}

.smallForm .formInput, .smallForm textarea {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-transform:uppercase;
	color: #666666;
	border: 1px solid #666666;
	text-align: left;
	width: 275px;
	padding:3px;
	margin:0 0 3px 0;
	}

.smallForm textarea {
    height: 50px;
	}

.smallForm p { 
	padding: 0; 
	margin: 0;
	}

.smallForm .formButton  {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
	font-weight:bold;
	text-transform:uppercase;
	width: 95px;
	background-color:#014694;
	color: #ffffff;
	padding:5px;
	margin-bottom: 10px;
	}
	
/*------------------------------BIG FORM-------------------------------*/

.bigForm {
	padding: 0 0 0 10px;
	}

.bigForm .formInput, .bigForm select {
	font: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	border: 1px solid #999999;
	text-align: left;
	width: 275px;
	margin: 5px 0;
	}

.bigForm textarea {
	font: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	border: 1px solid #999999;
	text-align: left;
	width: 275px;
	height: 50px;
	}
	
#bigForm-div{
	float: left;
	width: 400px;
	height: 350px;
	
}

.bigForm #p_how_found label{
	width: 190px;
}

.bigForm #p_other_injury label{
	width: 180px;
}

.bigForm #p_injury_description label{
	width: 150px;
}

.bigForm #p_specific_questions label{
	width: 150px;
}

.bigForm #p_work_status label{
	padding:0px 20px 10px 0;
	width: 50px;
}
.bigForm #p_medical_treatment label{
	padding:0px 20px 10px 0;
	width: 50px;
}
.bigForm #p_in_treatment label{
	padding:0px 20px 10px 0;
	width: 50px;
}
.bigForm #p_contact_by label{
	padding:0px 0 10px 0;
	width: 100px;
	}

.bigForm #p_work_status label{padding:0px 20px 10px 0;}
.bigForm #p_medical_treatment label{padding:0px 20px 10px 0;}
.bigForm #p_in_treatment label{padding:0px 20px 10px 0;}
.bigForm #p_contact_by label{padding:0px 0 10px 0;}

.bigForm p { padding: 5px 0; margin: 0; clear: both; }
.bigForm label { display: block; width: 120px; font-weight: bold; float: left; }
.bigForm br { display: none; }
.bigForm .formInput, .bigForm textarea, .bigForm select, .bigForm option { width: 250px !important; }
#bigForm .input{clear:both;}

.bigForm #divLeft { width: 44%; margin: none; float: left; }
.bigForm #divRight { width: 48%; margin: none; float: right; }


/*------------------------------BIG FORM END-------------------------------*/







/*------------------------------BIG FORM 2 (FREE.PHP PAGE)-------------------------------*/

.bigForm2 {
	padding: 0 0 0 10px;
	}

.bigForm2 .formInput, .bigForm2 select {
	font: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	border: 1px solid #999999;
	text-align: left;
	width: 275px;
	margin: 5px 0;
	}

.bigForm2 textarea {
	font: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	border: 1px solid #999999;
	text-align: left;
	width: 275px;
	height: 50px;
	}
	
#bigForm-div{
	float: left;
	width: 400px;
	height: 350px;
	
}

.bigForm2 #p_how_found label{
	width: 190px;
}

.bigForm2 #p_other_injury label{
	width: 180px;
}

.bigForm2 #p_injury_description label{
	width: 150px;
}

.bigForm2 #p_specific_questions label{
	width: 150px;
}

.bigForm2 #p_work_status label{
	padding:0px 0 10px 0;
	width: 50px;
}
.bigForm2 #p_medical_treatment label{
	padding:0px 0 10px 0;
	width: 50px;
}
.bigForm2 #p_in_treatment label{
	padding:0px 0 10px 0;
	width: 50px;
}
.bigForm2 #p_contact_by label{
	padding:0px 0 10px 0;
	width: 50px;
	}


.bigForm2 p { padding: 5px 0; margin: 0; clear: both; }
.bigForm2 label { display: block; width: 120px; font-weight: bold; float: left; }
.bigForm2 br { display: none; }
.bigForm2 .formInput, .bigForm2 textarea, .bigForm2 select, .bigForm2 option { width: 250px !important; }
#bigForm2 .input{clear:both;}

.bigForm2 #divLeft { width: 44%; margin: none; float: left; }
.bigForm2 #divRight { width: 48%; margin: none; float: right; }


/*------------------------------BIG FORM 2 (FREE.PHP PAGE) END-------------------------------*/
#p_work_status {font-weight:bold;}
#p_work_status label {font-weight:normal;}
#p_work_status input{
	float:left;
	clear:none;
}
#p_medical_treatment {font-weight:bold;}
#p_medical_treatment label {font-weight:normal;}
#p_medical_treatment input{
	float:left;
	clear:none;
}
#p_in_treatment {font-weight:bold;}
#p_in_treatment label{font-weight:normal;}
#p_in_treatment input{
	float:left;
	clear:none;
	
}
#p_contact_by {
	font-weight:bold;
	height:80px;
	width:135px;
}
#p_contact_by label{width:50px; font-weight:normal;}
#p_contact_by input{
	float:left;
	clear:none;
}



#p_injury_description label{
	float:left;
	clear:none;
}

.bigForm2 br{
	display:block;
}



.form_dropdown p { padding: 5px 0; margin: 0; clear: both; }
.form_dropdown label { display: block; width: 150px; font-weight: bold; float: left; }
/*.form_dropdown br { display: none; }*/
.form_dropdown .formInput, .form_dropdown textarea, .form_dropdown select, .form_dropdown option { width: 250px !important; }


#p_work_status input{
	float:left;
	clear:none;
}

#p_medical_treatment input{
	float:left;
	clear:none;
}

#p_in_treatment input{
	float:left;
	clear:none;
}

#p_contact_by input{
	float:left;
	clear:both;
}

#p_contact_by label{width:50px;}

#p_injury_description label{
	float:left;
	clear:none;
}




.form_dropdown p { padding: 5px 0; margin: 0; clear: both; }
.form_dropdown label { display: block; width: 150px; font-weight: bold; float: left; }
/*.form_dropdown br { display: none; }*/
.form_dropdown .formInput, .form_dropdown textarea, .form_dropdown select, .form_dropdown option { width: 250px !important; }







/*----------------------------------*/

/*     TABLE STUFF / Settlements    */

/*----------------------------------*/

.exp-table {
	border:2px solid #fed811;
	background:#000000;
	margin:0 0 15px 0;
}

.table {
	border:1px solid #dfdfdf;
}

.table a {
  color:#990000;
  text-decoration:none;
}

.table a:hover {
	color: #660000;
	text-decoration:underline;
}  

.tableHeader {
	background:#dfdfdf;
	color:#696969;
	font-size:14px;
	font-weight:bold;
}

.tableBGcolor {
	background:#f7f7f7;
}

.smallText {
	font-size:11px;
}


#clear {
	clear:both;
}

.photo {
	border:1px solid #666;
	margin:2px;
}

#player {
	float:right;
	width:340px;
	height:230px;
	padding:0;
	margin:5px 5px 5px 5px;
	text-align:center;
}

#nursing-form {
	float:left;
	width:275px;
	padding:0;
	text-align:left;
}

.super-lawyers {
	margin-top: 25px;
}

.locations {
	border: 1px solid #666;
}


/*--------------------------------------------------------*/
                        /*IE6 FIXES*/
/*--------------------------------------------------------*/

*html #header {
	float: left;
	width: 962px;
	height: 148px;
	padding: 0;
	margin: 0;
	background: url(../images/header.jpg) no-repeat;
}

/*--------------------------------------------------------*/
                         /*Misc*/
/*--------------------------------------------------------*/

.img-thumb {
	float: left;
	border: 1px #004b91 solid;
	margin: 7px 15px 15px 0;
}
