/* CSS File for ContractorPro */

/* global css settigns */
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:#000034;
	text-align:center;
	margin:0;
	padding:0;
	font-size:10pt;
}
textarea { 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

img {
	border:0px;
	margin:0px;
	padding:0px;
}

a {
	text-decoration:none;
}

li {
	list-style-type:none;
}

a:hover {
	text-decoration:underline;
}

h1 {
	margin:0px;
	padding:0px;
	font-size:1.1em;
	font-weight:bolder;
}

h2 {
	font-size: 1.4em;
	font-weight: bold;
}

h3 {
   font-size: 1.1em;
}

.required {
	line-height: 1.3em;
	color: #FF6600;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
	font-weight: bold;
	background-position: right;
}

p.contractor-websites-text {
	line-height: 1.3em;
	color: #000000;
	padding-top: 0;
	padding-bottom: 0;
	text-align: left;
   margin-bottom: 0;
}

.contractor-websites-text-bold {
	color:#000066;
	font-size:12px;
	font-weight:bold;
	line-height:19px;
	padding-bottom:0px;
	padding-top:0px;
	text-align:left;
}

.contractor-websites-text-right {
	font-size: 12px;
	line-height: 19px;
	color: #666666;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: right;
}

a.contractor-websites-text-right:link, a.contractor-websites-text-right:visited {
	font-size: 12px;
	line-height: 19px;
	color: #FF9900;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: right;
}

.subtitle {
	font-size: 1.1em;
	font-weight: bold;
	color: #000066;
}

.address {
	font-size: 13px;
	font-weight: bold;
	color: #CCCCCC;
	line-height: 20px;
}

.title {
	color:#000066;
	font-size:18px;
	font-weight:bold;
	text-align:left;
}

.text-nav {
	font-size: 12px;
	line-height: 20px;
	color: #006699;
}

a.text-nav:link {
	color:#006699;
	font-size:12px;
	line-height:20px;
}

.copyright {
	font-size: 10px;
	line-height: 20px;
	color: #CCCCCC;
}

#container {
	width:800px;
	margin: 0 auto;
}

#top_nav {
	font-size: 12px;
	line-height: 19px;
	color: #666666;
	padding: 3px;
	text-align: right;
}

#header {
	width:800px;
	height:123px;
	margin:0px;
	padding:0px;
	background-color:#CCC;
}

#header img {
	border-top:1px solid #FFF;
}

#main_nav {
	width:800px;
	height:34px;
	margin:0px;
	padding:0px;
	background-color:#FFF;
   font-size: 0em;
}
#main_nav ul {
	margin:0px;
	padding:0px;
}
#main_nav li {
	display:inline;
	margin:0px;
	padding:0px;
}

#content {
	background-color:#FFF;
	width:800px;
	height:1500px;
}

#top_content {
	width:800px;
	height:375px;
}
#top_content #top_content_left {
	width:410px;
	height:375px;
	display:inline;
	float:left;
	padding-left:0px;
}

#top_content #top_content_left p {
	margin-left:35px;
}

#top_content #top_content_right {
	width:390px;
	height:375px;
	display:inline;
	float:right;
}

#feature_list_content {
	width:800px;
	height:550px;
}

#bottom_content {
	width:800px;
	height:150px;
}

#bottom_content_left {
 .padding-top:15px;
	width:600px;
	height:150px;
	display:inline;
	float:left;
}

#bottom_bottom_right {
	width:200px;
	height:150px;
	display:inline;
	float:right;
}

#footer {
	margin-top:7px;
	background-color:#000034;
	width:800px;
	height:70px;
   clear: both;
}

/* end of global settings */

/* designs page */



.left_div_designs, .right_div_designs {
	float:left;
	height:150px;
}
.left_div_designs {
	width:600px;
}
.right_div_designs {
	width:200px;
}

#bottom_div_designs p {
	padding:25px;
	padding-left:45px;
	padding-top:0px;
}

/* end of designs page */


/* designs-step1  */

.wrapper_div_step1 p, .wrapper_div_step2 p, .wrapper_div_step3 p {
	text-align:left;
	padding:0 10 0;
}

.left_div_step1, .right_div_step1, .left_div_step2, .right_div_step2, .left_div_step3, .right_div_step3 {
	float:left;
	height:420px;
}
.left_div_step1, .left_div_step2, .left_div_step3 {
	width: 560px;
}
.right_div_step1, .right_div_step2, .right_div_step3 {
	width: 205px;
	padding: 50px 20px 0 15px;
   text-align: justify;
}

.selection-left-box {
	border:1px solid #000066;
	height: auto;
	padding: 10px;
	width: auto;
   margin: 0 10px 0 20px;
}

/* end of designs-step1 page */

/* designs-step2 */

#wrapper_div_step2 {
	padding:0px;
	width:800px;
	margin-top:15px;
	margin-bottom:0px;
	height: auto;
}


#left_div_step2 fieldset{
   border: 1px solid black;
   padding: 10px;
}
#left_div_step2 fieldset label{
   float: left;
}
#left_div_step2 legend{
   margin: 10px;
   font-size: 1.2em;
}

#left_div_step2 {
	padding:25px;
	display:inline;
	float:left;
	width:475px;
	height:auto;
}
#right_div_step2 {
	padding:25px;
	display:inline;
	float:left;
	width:212px;
	height:auto;
}
#websitecustomizeform {
	display:inline;
	float:left;
	width:450px;
}
#websitecustomizeform label {
	width: 170px; /* label width *//* label margin = (input left margin) - (label width) */
	margin-right: 10px; /* label margin */
}
#websitecustomizeform input, .websitecustomizeform textarea, .websitecustomizeform select {
	margin-left: 10px; /* (label width) + (label margin) */
   margin-right: 50px;
	width: 180px; /* subjective, only applies to non-checkbox or radio inputs */
}
#websitecustomizeform {
	margin: 0 0 1em;
}
#websitecustomizeform label {
	/* 

		A label must precede the form element in the HTML

		You must keep the top padding for some browsers to keep the label and the form element looking on the same line

	*/

	color:#000066;
	font-size:12px;
	float: left;
	text-align: right;
	padding-top: 0.5em;
	font-weight: bold;
}
#websitecustomizeform input, #websitecustomizeform textarea, #websitecustomizeform select {
	/*

		These items must immediately follow the LABEL item associated with it and followed by a BR (see below).

		The following width must be 10pixels wider than the width of the LABEL.

	*/

	display: block;
   float: right;
	margin-bottom: 0;
}
#websitecustomizeform br {
	/* 

		Always include a BR tag at the end of a line of items -- generally immediately following one of an INPUT, SELECT or TEXTAREA.

		Within div.checks, include the BR after the LABEL

	*/

	clear: left;
}
#websitecustomizeform input[type="hidden"] {
	/* 

		Keeps Mozilla browsers (and others) from making the RADIO and CHECKBOXES too wide and/or tall.

		Also removes unnecessary borders from these browsers (They don't respond as expected) 

	*/

	width: auto;
	height: 0.8em;
	border: 0;
}
#websitecustomizeform input[type="hidden"] {
	/*

		Firefox doesn't want to make them actually hidden, so I'll force it.

	*/

	display: none;
}
#websitecustomizeform input {
	margin-top: 0;
	margin-bottom: 0;
}
* html #websitecustomizeform br {
	line-height: 1em;
	font-size: 0.5em;
}

/* end of designs-step2 page */

/* benefits page */

.wrapper_div_benefits {
	padding:0px;
	width:800px;
	margin-top:15px;
	margin-bottom:0px;
	height: 150px;
}
.left_div_benefits, .right_div_benefits {
	float:left;
	width:370px;
	height:150px;
}
.left_div_benefits {
	margin-left: 20px;
}
.left_div_benefits img, .right_div_benefits img {
	margin-left:25px;
	padding-top:0px;
}
.left_div_benefits p, .right_div_benefits p {
	padding:25px;
	padding-top:0px;
	margin:0px
}

.wrapper_div_benefits img {
	margin-right:7px;
}

/* end of  benefits page */


/* pricing page */

.odd, .even {
	text-align:left;
	margin:auto;
	width:700px;
	margin:5px;
	padding: 10px;
}
.odd {
	background-color:#CCC;
}
.border {
	border: 1px solid #FFFFFF;
	background-position: center;
}

/* end of pricing page */

/* how it works page */

.left_div, .right_div {
	height:175px;
}
.left_div {
	float:left;
	width:300px;
}
.right_div {
	float:left;
	width:500px;
}
.right_div p {
	padding:10px;
	clear:both;
	text-align:left;
	padding-right:25px;
}
.right_div img {
	margin-top:3px;
}
.wrapper_div {
	margin-bottom:35px;
	padding:0px;
	height:175px;
}

/* end of how it works page */


/* contact page */

#contact_left {
	margin:25px;
	.margin-top:0px;
	display:inline;
	float:left;
	width:375px;
	height:441px;
	border-right:1px solid #CCC;
}
#contact_right {
	margin:25px;
	.margin-top:0px;
	display:inline;
	float:left;
	width:312px;
	height:441px;
}
#contactform {
	display:inline;
	float:left;
   margin-top: 1em;
	width:350px;
}
#contactform label {
	width: 120px; /* label width *//* label margin = (input left margin) - (label width) */
	margin-right: 10px; /* label margin */
}
#contactform input, #contactform textarea, #contactform select {
	margin-left: 130px; /* (label width) + (label margin) */
	width: 200px; /* subjective, only applies to non-checkbox or radio inputs */
}
#contactform textarea {
   margin-left: 0;
}
.contactform {
	margin: 0 0 1em;
}
.contactform label {
	/* 

		A label must precede the form element in the HTML

		You must keep the top padding for some browsers to keep the label and the form element looking on the same line

	*/

	color:#000066;
	font-size:12px;
	float: left;
	text-align: right;
	padding-top: 0.2em;
	font-weight: bold;
}
.contactform input, .contactform textarea, .contactform select {
	/*

		These items must immediately follow the LABEL item associated with it and followed by a BR (see below).

		The following width must be 10pixels wider than the width of the LABEL.

	*/

	display: block;
	margin-bottom: 0;
}
.contactform br {
	/* 

		Always include a BR tag at the end of a line of items -- generally immediately following one of an INPUT, SELECT or TEXTAREA.

		Within div.checks, include the BR after the LABEL

	*/

	clear: left;
}
.contactform input[type="hidden"] {
	/* 

		Keeps Mozilla browsers (and others) from making the RADIO and CHECKBOXES too wide and/or tall.

		Also removes unnecessary borders from these browsers (They don't respond as expected) 

	*/

	width: auto;
	height: 0.8em;
	border: 0;
}
.contactform input[type="hidden"] {
	/*

		Firefox doesn't want to make them actually hidden, so I'll force it.

	*/

	display: none;
}
.contactform input, .contactform textarea {
	margin-top: 0;
	margin-bottom: 0;
}
* html .contactform br {
	line-height: 1em;
	font-size: 0.5em;
}

/* End of Contact Page */

/* 110guarantee page */

#wrapper_div_110guarantee {
	padding:0px;
	width:800px;
	margin-top:0px;
	margin-bottom:0px;
	height: 150px;
}
#left_div_110guarantee {
	float:left;
	width:570px;
	height:225px;
}
#right_div_110guarantee {
	float:left;
	width:200px;
	height:225px;
}
#left_div_110guarantee p, #right_div_110guarantee p {
	margin:0px;
	padding:7 25 10 20;
}

#wrapper_div_110guarantee img {
	margin-right:7px;
}

/* end of  110guarantee page */

/* customerservice page */

#wrapper_div_customerservice {
	padding:0px;
	width:800px;
	margin-top:0px;
	margin-bottom:0px;
	height: 150px;
}
#left_div_customerservice {
	float:left;
	width:565px;
	height:225px;
}

#right_div_customerservice {
	float:left;
	width:200px;
	height:225px;
}

#left_div_customerservice p, #right_div_customerservice p {
	margin:0px;
	padding:7 25 10 20;
}

#wrapper_div_customerservice img {
	margin-right:7px;
}

/* end of  customerservice page */

/* about page */

#wrapper_div_about {
	padding:0px;
	width:800px;
	margin-top:15px;
	margin-bottom:0px;
	/* height: 300px; */
}
#left_div_about {
	float:left;
	width:450px;
	height:300px;
}

#right_div_about {
	float:left;
	width:350px;
	height:300px;
}


#wrapper_div_about p {
	margin:0px;
	padding:7 25 10 20;
	text-align:left;
}

#wrapper_div_about img {
	margin-right:7px;
}


/* end of  about page */
.smaller { font-size: .8em; }
a.classic { text-decoration: underline; } 
a.fresh { color: blue; }