@import url(reset.css);

html {
	background-color: #000;
}
body {
	width: 824px;
	margin: 28px auto;
	font: 72%/1.5em arial, sans-serif;
	color: #fff;
}





/* PAGE HEADER:  Logo, navigation, phone number */
#header {
	width: 824px; height: 82px;
	background: url(images/horizontal_rule.jpg) 0 53px no-repeat;
	position: relative;
}

#header h1 {
	margin-left: 31px;
	background: url(images/logo.png) top left no-repeat;
	width: 205px; height: 50px;
	text-indent: -9999px;
}

#header #nav {
	position: absolute; top: 25px; right: -25px;
}

#header p#phone {
	font: normal 1.4em arial, sans-serif;
	position: absolute; bottom: 0; right: 30px;

	text-indent: -9999px;
	height: 14px; width: 123px;
	background: url(images/phone_number.png) top center no-repeat;
}





/* CONTENT BLOCK */
#content {
	margin-top: -7px;
	padding: 0 200px 14px 34px;
	background: url(images/horizontal_rule.jpg) bottom left no-repeat;
}

#content h2 {
	height: 83px;
	text-indent: -9999px;
}
#content h2#process {
	background: url(images/header_process.png) top left no-repeat;
}
#content h2#faq {
	background: url(images/header_faq.png) top left no-repeat;
}
#content h2#pricing {
	background: url(images/header_pricing.png) top left no-repeat;
}
#content h2#contact {
	background: url(images/header_contact.png) top left no-repeat;
}

#content h3 {
	margin-top: 1em;
	color: #fff316;
	font-weight: normal;
	font-size: 1.1em;
}

#content p {
	font: 1em arial, sans-serif;
	line-height: 1.75em;
}

.home#content, .process#content, .pricing#content {
	padding-right: 0;
}
#content #process_steps {
	width: 370px;
}
#content #process_video {
	float: right;
	margin-top: 1em;
	border: 1px solid #999;
}




/* PRICING PAGE */
.pricing#content {
	width: 824px;
}
#fullkits, #accessories {
	position: relative; left: -34px;
	padding: 45px 0 0 33px;
	background: url(images/horizontal_rule.jpg) 0 20px no-repeat;
	width: 824px;
}


#fullkits h3, #accessories h3 {
	text-indent: -9999px;
	height: 23px; width: 170px;
	position: absolute; top: 34px; left: 34px;
}
#fullkits h3 {
	background: url(images/subhed_fullkits.png) top left no-repeat;
}
#accessories h3 {
	background: url(images/subhed_accessories.png) top left no-repeat;
}


#fullkits div, #accessories div {
	margin: 0 40px 1.7em 205px;
	border-left: 10px solid #4a4a4a;
	padding: 0 0 0 2px;
}
#fullkits div {
	padding-bottom: .5em;
}
#accessories div {
	margin-bottom: 1.3em;
}


#fullkits div {
	position: relative;
}
#fullkits div img {
	position: absolute; top: 1px; left: -212px;
}

#fullkits h4, #accessories h4 {
	font: normal 2.2em arial, sans-serif;
	color: #fff300;
	line-height: 48px; height: 48px;
	padding-left: 15px;
	background: #2d2d2d url(images/corner.png) top right no-repeat;
	background: #2d2d2d url(images/call_today.png) center no-repeat;
	width: 536px;
	position: relative;
}

#fullkits h4 span, #accessories h4 span {
	font-size: .6em;
	color: #fff;
	line-height: 48px;
	position: absolute;
	top: 0;
	right: 30px;
	width: 120px;
	text-align: right;
}
#fullkits h5, #accessories h5 {
	font: normal 2.2em arial, sans-serif;
	color: #fff300;
	line-height: 48px; height: 48px;
	padding-left: 15px;
	background: #2d2d2d url(images/corner.png) top right no-repeat;
	width: 536px;
	position: relative;
}

#fullkits h5 span, #accessories h5 span {
	font-size: .6em;
	color: #fff;
	line-height: 48px;
	position: absolute;
	top: 0;
	right: 2.4em;
	width: 120px;
	text-align: right;
}
#accessories h4 {
	font-size: 1.7em;
}
#accessories h4 span {
	font-size: .75em;
}


.pricing#content div div p, .pricing#content div div ul {
	margin: 1.2em;
	font-size: 1em;
	line-height: 1.4em;
}


#accessories p {
	width: 170px;
	position: absolute; top: 80px; left: 34px;
	line-height: 1.5em;
} 





/* CONTACT PAGE */
.contact#content form {
	margin-top: 3em;
	padding-left: 250px;
	position: relative;
	background: url(images/vertical_rule.jpg) 220px 0 no-repeat;
}
.contact#content form p {
	font-size: 1.1em;
}
.contact#content form p#address {
	position: absolute; top: 0; left: 0;
	line-height: 1.2em;
	margin-top: .3em;
}
.contact#content form p a {
	color: #fff;
	text-decoration: none;
}

.contact#content form p input.text {
	margin: 0 0 1em 0;
	width: 333px; height: 17px;
}
.contact#content form p textarea {
	margin-bottom: 1em;
	width: 336px; height: 100px;
}

.contact#content form p.notice, .contact#content form p.error {
	margin-top: 2em;
	line-height: 1.2em;
}
.contact#content form p.notice {
	color: #9f9;
}
.contact#content form p.error {
	color: #f99;
}





/* PAGE FOOTER */

p#footer {
	clear: both;
	text-indent: -9999px;
	height: 17px;
	background: #000 url(images/footer.png) bottom center no-repeat;
}