@charset "UTF-8";

/* CSS Document */



/*



Eric Meyer's CSS 

Reset (tweaked a little)



*/



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-weight: inherit;

	font-style: inherit;

	font-size: 100%;

	font-family: {font-family: 'Lucida Sans', Verdana, Arial, Helvetica, sans-serif;};

	vertical-align: baseline;

}



/* remember to define focus styles! */

:focus {

	outline: 0;

}

body, html {

	color: black;

	background: white;

	text-align: center;

}

ol, ul {

	list-style: none;

}

/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: separate;

	border-spacing: 0;

}

caption, th, td {

	text-align: left;

	font-weight: normal;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: "";

}

blockquote, q {

	quotes: "" "";

}



/* end Reset styles */





body {background: #fff url(images/bg.png) repeat-x;}



.container {

	width: 860px;

	margin: auto;

	text-align: left;

}



#headerUpper {width: 860px;height: 43px;margin: -20px auto 0 auto;}



#header {height: 309px; width: 860px; margin: auto; background: url(images/header.jpg) no-repeat; }

#header img {display: none;}

#header h1, #header h2, #header p {margin-left: -9999px;}



#content {background: #fff; width: 860px; height: 500px;margin: auto; text-align: left;}



#mainContent {float: left; width: 504px; background: #fff; margin: 0 18px; display: inline;}



#mainContent #hgtv {height: 152px; margin-top: -20px; background: url(images/hgtv.png) no-repeat center left;}

#mainContent #hgtv p {float: right;width: 246px; margin-top: 44px; margin-right: 30px; display: inline; line-height: 16px;}

#mainContent #hgtv p strong {display: block; font-weight: bold; font-size: 16px;}



#mainContent #bullets {border-bottom:1px solid #999;height:100px;margin-bottom:15px;}

#mainContent #bullets ul li {list-style-type: none; display: inline; text-indent: 16px; margin-left: 12px; background: url(images/square.png) no-repeat center left; float: left; width: 240px;}





/* Required Fields Pop-Up */



div#requiredfields { margin: 0 auto 15px auto; border:4px solid #cc0000; text-align: center; padding: 2px; width:280px; }

div#requiredfields p {font-size: 12px;}





/*Form Styles */





form {float: right; display: inline; margin-right: 1px!important; width:319px; min-height: 431px; padding-bottom: 20px; background: url(images/formbg.png);}

* html form {margin-right: 10px;}

form h3 {text-align: left; font-size: 11px; width: 280px; margin: 0 auto 10px auto; color: #333;}

form h3 strong { font-weight: bold; color: #000; }

form fieldset {}



form label {display: block;}



form fieldset input {margin-bottom: 12px; margin-top: 3px; padding: 5px 0 5px 3px; border: 1px solid #999; width:274px; color: #666; font-size:14px;}

form fieldset input#email {
	display: none;
}



form fieldset input#first-name, form fieldset input#last-name, form fieldset.bottom p {width: 130px; }



form fieldset label {

	font-size: 12px;

	font-weight: bold;

	color: #000;

}



form fieldset label span {

	font-weight: 100;

}



form fieldset.bottom p { margin: 0; padding: 0 10px 0 0; float: left; }



form fieldset label.email {clear: both;}



form input.focus {background: #FEFDEA;}



form #projecttype, form fieldset.bottom {

	position: relative;

	left: 18px;

}



form #projecttype p {border: none; font-size: 14px; font-weight: bold; line-height: 20px; letter-spacing: -0.25px;}



form fieldset#projecttype {margin-bottom: 15px;}

form fieldset#projecttype label {

	display: block;

	float: left;

	width: 140px;

	letter-spacing:-0.15px;

	color: rgb(102, 102, 102);

	font-size: 10px; 

	font-weight: 100; 

	margin: 10px 0 0 3px; 

	line-height: 12px;

}

form fieldset#projecttype input { float: left; border: none; width: 12px; height: 12px; padding: 0; margin: 8px 0 8px 0;}



input#submit {margin-left: 10px; width: 300px;}



form p.submit {border: none;}



form p.disclaimer {width: 230px; clear: both; text-align: center; font-size: 10px; color: #666; margin: 0 auto; line-height: 12px;}



input.error {border-color: #f00;}

label.error {display: none!important;}





#footer {}



#footer ul#seals {margin: 0 auto; width: 410px;}

#footer ul#seals li {float: left;}



#footerinfo {width: 425px; margin: 0 auto; text-align: center;}

#footerinfo h3 {margin-bottom: 4px; font-weight: bold}





/* typography */



h1, h2, h3, h4, h5, h6, li, p, label, span {font-family: Helvetica, Arial, sans-serif;} 

p, li, label {font-size: 11px; line-height: 18px;}



p a {color: #C00;}

p a:hover, p a:focus {color: #666;}

#footer p {line-height: 14px; }



p#sourcefor {color: #fff; font-size: 15px;height: 43px; line-height: 43px; float: left;}

p#callfor {color: #fff; font-size: 15px;height: 43px; line-height: 43px; float: right;}

/*settings */



.clear {clear: both;}

.clearleft {clear: left;}

.clearright {clear: right;}



.offleft {margin-left:-9999px;}



.hidden {display: none;}