/*********************
* Globals
*********************/

*{margin: 0; padding: 0; border: 0}

body{
	background: #DFDADA url(img/bg-body.gif) repeat-x;
	color: #403E37;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	line-height:17px;
	font-size:11px;
}


h1{
color:#783231;
font-weight:bold;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px !important;
margin: 10px;
}

h2{
color:#783231;
font-weight:bold;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px !important;
margin: 10px;
}




a:link,a:visited	{ color:#243C66; text-decoration:underline; outline:none; }
a:hover,a:active	{ color:#1C59C7; text-decoration:underline; outline:none; }

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

img.img-right {
	float:right; 
	margin:5px; 
	}
	
img.img-left {
	float:left; 
margin: 0px 5px 0 0;	}
	
p.dark{
color:#1C59C7;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:17px;
}

p.red{
color:#783231;
font-weight:bold;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px !important;
}

#right-col table{
margin-left:70px;
text-align:center;
}

/*********************
* Structural
*********************/

#subhead{ height:45px;}
body#index #subhead{background: url(img/subhead-index.gif) no-repeat;}
body#divorce #subhead{background: url(img/subhead-divorce.gif) no-repeat;}
body#about #subhead{background: url(img/subhead-about.gif) no-repeat;}
body#contact #subhead{background: url(img/subhead-contact.gif) no-repeat;}
body#thankyou #subhead{background: url(img/subhead-thankyou.gif) no-repeat;}



#subhead-qc{background: url(img/subhead-qc.gif) no-repeat; height:35px;}

#wrap{
	width: 845px;
	background: url(img/bg-wrap.gif) repeat-y;
}

#bottom-wrap {
	background:url(img/bottom-wrap.gif); 
	clear:both;
	width:100%; /* fix for Safar */
	}
 



#header{
	width: 845px;
	height: 288px;
	background: url(img/header.jpg) no-repeat top left;
}

#button{
	height: 47px;
	background: url(img/btn-visit-site.gif) no-repeat;
	}
	
#list{
	height: 205px;
	background: url(img/img-divorce-services.gif) no-repeat;
	}

#left-col{
	width: 308px;
	float: left;
	text-align: left;
}


#left-col p, #left-col h2, #left-col form{
margin: 5px 65px 8px 60px;
}


#right-col{
	width:537px;
	float: right;
	text-align: left;
}

	
	#right-col p{
	margin: 5px 35px 8px 18px;  
	font-size:12px;
	text-align:justify;
	}


/*********************
* Navigation
*********************/

#nav {
	background:url(img/nav.gif) top left no-repeat;	
	width:308px;		/* Width of buttons, not entite image (or half of entire image) */
	height:140px;		/* Height of entire image */
	margin:0;
	padding:0;
	}

#nav li span { display: none; }

#nav li {
	float:left;
	list-style:none;
	}

#nav li, #nav a { 
	height:25px;			/* Each button must have the same height, define it here */
	display:block;

	}

/* margin-top to set where the nav should begin */

#nav-01 { margin-top:15px; width:308px; }

/* margin-top if there is a spacing between each nav button */

#nav-02, #nav-03, #nav-04{ margin-top:0; width:308px; }

#nav-01 a:hover { background:url(img/nav.gif) -308px  -0px no-repeat; }
#nav-02 a:hover { background:url(img/nav.gif) -308px  -0px no-repeat; }
#nav-03 a:hover { background:url(img/nav.gif) -308px  -0px no-repeat; }
#nav-04 a:hover { background:url(img/nav.gif) -380px  -0px no-repeat; }



/*********************
* Contact Form
*********************/
body#contact form{
margin-left: 150px;
}

body#contact form label{
color: #251501 !important;
}



form {
	width:170px;
	margin:0 0 15px 0;
	}
	
form p{
	color:#000;
	font-size:11px;
	line-height: 12px;
	}



form label	{ font-size:11px; color:#000; }



form br { line-height:0; height:0; } /* defaults vertical spacing between fields */



input, textarea, select { 

	background-color:#E7E3E3 !important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #CFCAC6;
	color:#000;
	width:165px; /* 5 pixles smaller than form width !important */
	height:20px;
	line-height:20px;
	vertical-align: middle;
	margin-bottom:4px; /* sets vertical spacing between fields */
	padding-top:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
	}

.qc-right {
	float:right; 
	width:150px; 
	padding:0px 10px; 
	margin:8px 15px 20px 20px; 
	border-left:1px solid #ccc;}

.qc-right-field {
	background-color:#E7E3E3 !important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #CFCAC6;
	color:#000;
	width:150px; /* 5 pixles smaller than form width !important */
	height:20px;
	line-height:20px;
	vertical-align: middle;
	margin-bottom:4px; /* sets vertical spacing between fields */
	padding-top:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;}
	
.qc-right-msg {
	width:150px;}
	
#right-col form {

	margin:0px;
	padding:0px;}

select { width:170px; padding:0; } /* same width as form - !important */



textarea { height:90px; overflow:auto; }

input.submit{ 
	width:87px;
	height:20px;
	cursor:pointer; 
	padding:0; 
	background-color:#99A3B5 !important;
	border:1px solid #CFCAC6;
	color:#FFFFFF;
	}

	
/*********************
* Footer
*********************/
#footer {
	width:845px;
	margin:0 auto;
	text-align:center;
	height:200px;
	}

#footer p{ margin-bottom:10px; font-family:"Times New Roman", Times, serif; text-transform:uppercase; }