/* -----------------------------------
Site:       Pro-Edge Fitness
CSS author: Jesus Nava
Updated:	11/15/2012
Updated by: 11/15/2012
----------------------------------- */

/* -----------------------------------
simple reset
----------------------------------- */
html, body, ul, ol, li, p, 
h1, h2, h3, h4, h5, h6, 
form, fieldset, a { 
margin: 0; 
padding: 0; 
border: 0; 
}

/* -----------------------------------
elements
----------------------------------- */
body { width:100%; background-color: #000; background: url(../images/bg.jpg); background-repeat: repeat-x; background-position: top left; background-attachment: fixed; }

.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.group { display: inline-block; clear: both; }
/* start commented backslash hack \*/* html .group { height: 1% } .group { display: block; } /*close commented backslash hack */

/* -----------------------------------
layout
----------------------------------- */
#page-wrap { padding: 0; margin: 0 auto; width: 900px; overflow: hidden; }
.clearfix:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }

/* -----------------------------------
header
----------------------------------- */
#header { width: 900px; margin:0 auto; padding: 20px 0 0 0; height: 430px; }
#header-pages { width: 900px; margin:0 auto; padding: 20px 0 0 0; height: 200px; }
.headerimg { background-position: center top; background-repeat: no-repeat; width: 900px; height: 430px; position: absolute; z-index: 1; }
#headertop-01 { background-position: center top; background-repeat: no-repeat; width: 900px; height: 200px; position: absolute; z-index: -1; background: url(../images/image01-top.jpg); }
#headertop-02 { background-position: center top; background-repeat: no-repeat; width: 900px; height: 200px; position: absolute; z-index: -1; background: url(../images/image02-top.jpg); }
#headertop-03 { background-position: center top; background-repeat: no-repeat; width: 900px; height: 200px; position: absolute; z-index: -1; background: url(../images/image03-top.jpg); }
.logo { margin: 0; padding: 10px 0 0 15px; width: 135px; float: left; z-index: 2; }

.custom-built { width: 300px; height: 140px; position: relative; z-index: 2; padding: 0; margin: 0 auto; }
.custom-built img { padding: 0; margin: 50px 0 0 -285px; }

/* -----------------------------------
primary-nav
----------------------------------- */

#menu { width: 735px; height: 55px; margin: 30px 0 0 160px; padding: 0; background: url(../images/menu-bg.png) no-repeat; z-index: 5; }
#menu ul { list-style: none; padding: 13px 20px 0 0; margin: 0 auto; float: right; }
#menu ul li { display: inline; }
#menu ul li a { color: #fff; text-decoration: none; font: normal 13px Arial, Helvetica, sans-serif; padding-right: 10px; }
#menu ul li a:hover { color: #ccc; }

/* -----------------------------------
main content
----------------------------------- */
#main-content { margin: 0 auto; padding: 25px; width: 850px; background-color: #ccc; }
#content { margin: 0 auto; padding: 25px; width: 800px; background-color: #fff; overflow: hidden; }
#content h1 { font: bold 18px Arial, Helvetica, sans-serif; }
#content h2 { font: bold 16px Arial, Helvetica, sans-serif; color: red; }
#content p { font: normal 14px Arial, Helvetica, sans-serif; }
#content-form { margin: 0 auto; padding: 25px; width: 550px; height: 358px; background-color: #fff; float: left; }
#content-form p { font: normal 14px Arial, Helvetica, sans-serif; }
#content a { font: normal 14px Arial, Helvetica, sans-serif; color: #9a1700; text-decoration: none; padding: 5px; }
#content a:hover { color: #ccc; }
#aside { margin: 0 auto; padding: 25px; width: 200px; height: 358px; background-color: #fff; float: right; }
#aside p { font: normal 14px Arial, Helvetica, sans-serif; }
.products { padding-top: 15px; width: 800px; float: left; }
.prod-img { margin: 0; padding: 0; width: 300px; float: left; }
.prod-des { margin: 0; padding: 0; width: 500px; float: right; }
.prod-des h3 { font: normal 14px Arial, Helvetica, sans-serif; }
.prod-img-hs { margin: 0; padding: 0; width: 400px; float: left; }
#pages { margin: 0 auto; padding: 25px; width: 800px; background-color: #fff; overflow: hidden; }
#pages p { font: normal 14px Arial, Helvetica, sans-serif; }
#pages a { font: normal 16x Arial, Helvetica, sans-serif; color: #9a1700; text-decoration: none; padding: 4px; }
#pages a:hover { color: #333; }

/* -----------------------------------
footer
----------------------------------- */
.footer { width: 900px; margin: 0 auto; padding: 0; }
.copyright { width: 550px; font: normal 10px Arial, Helvetica, sans-serif; color: #ccc; margin: 0; padding: 10px; float: left; }
.bottom-links { width: 310px; padding: 10px; margin: 0; float: right; }
.bottom-links ul { list-style: none; margin: 0; padding: 0; }
.bottom-links ul li {display: inline; }
.bottom-links ul li a { font: normal 10px Arial, Helvetica, sans-serif; color: #ccc; text-decoration: none; padding: 5px; }
.bottom-links ul li a:hover { color: #9a1700; }

/* -----------------------------------
contact form
----------------------------------- */
#contactform { margin: 0; padding: 10px 0 0 40px; }
#contactform * { color: #F00; }
#contactform ol { margin: 0; padding: 0; list-style: none; }
#contactform li { margin: 0; padding: 0; background: none; border: none; display: block; clear: both; }
#contactform li.buttons { margin: 5px 0 5px 0; clear: both; float: left; }
#contactform label { margin: 0; width: 400px; display: block; padding: 5px 0; color: #666; font: normal 12px Arial, Helvetica, sans-serif;  float:left; }
#contactform label span { color: #d66423; font-weight: bold; }
#contactform input.text { width: 300px; border: 1px solid #d4d4d4; margin: 2px 0; padding: 5px 2px; height: 16px; background: #fff; float: left; }
#contactform textarea { width: 300px; border: 1px solid #d4d4d4; margin: 2px 0; padding: 2px; background: #fff; float: left; }
#contactform li.buttons input { padding: 3px 0 3px 0; margin: 10px 0 0 0; border: 0; color: #fff; float: left; }