/********************************************************************/
/*	Layout CSS.														*/
/*	Site by Tanner Naeher, Coyote6 GraphX, www.coyote6graphx.com	*/
/********************************************************************/

/* Defaults. */
* {margin: 0px; padding: 0px;}

/* Main layout. */
#page_container_1 {position: absolute; top: 0px; left: 50%;}
#page_container_2 {position: absolute; top: 0px; left: -400px; width: 800px;}
#content_container {position: relative; top: 0px; left: 0px; width: 780px; margin-bottom: 100px; padding-left: 10px; padding-right: 10px;}

/* Headers. */
h1 {width: 800px; height: 175px;}
h2 {width: 780px; margin-top: -85px; margin-bottom: 50px; padding-right: 15px;}
h3 {width: 780px; padding-bottom: 25px;}
h4 {position: relative; top: -25px; width: 780px;}

/* Date. */
#date {position: absolute; top: 0px; left: 15px; width: 200px; margin: 0px; padding: 0px;}

/* Nav. */
#nav {position: absolute; top: 120px; width: 800px; display: block;}
#nav li {padding-left: 6px; padding-right: 6px; display: inline;}

/* Sub navs. */
.sub_nav {width: 780px; display: inline;}
.sub_nav li {padding-left: 2px; padding-right: 2px; display: inline;}

/* Footer. */
#footer_container {width: 800px; clear: both;}

/* Footer nav. */
#footer_nav {width: 800px; padding-top: 25px; display: block; clear: both;}
#footer_nav li {width: 800px; padding-left: 2px; padding-right: 2px; display: inline;}

/* Footer notes. */
#footer_notes {padding-top: 25px;}

/* Web design. */
#web_design {width: 800px; padding-bottom: 5px;}

/* Main error message. */
#main_error_message {position: relative; top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px;}

/* Common classes. */
.hide {display: none;}
.order_now {margin-left: 50px;}
.major_div {width: 756px; margin: 0px; padding: 5px;}
.minor_div {width: 366px; margin: 0px; padding: 5px;}
.round {margin: 5px; padding: 2px; float: left;}
.product_info {width: 506px; margin-left: 250px; padding-bottom: 30px;}

/* Specific incomplete changes. */
#nav li.incomplete:hover ul {display: none;}

/* Paragraphs. */
p {padding-top: 5px; padding-bottom: 5px;}