/* General Elements */
body{background: url('img/hammer_main_bg2.gif') repeat-x; height: 920px; font-family: Arial;}
body.ie div.coda-slider-wrapper{margin-top: -18px; }

h2.title, p.cur-id{display: none;}
div#content{width: 960px; margin: 38px auto 0 auto;}
ul.navigation li{float: left; }

ul.navigation a{color: white; text-decoration: none; text-transform: uppercase;  }

div.main_bg div.content{float: left; width: 375px;}
div.main_bg h2{color: #c60000; font-size: 12pt; font-weight: bold; padding-bottom: 6px;}

/*Header */
div#header{height: 109px; position: relative;}


a#logo { display: block; margin: 0 auto; width: 370px; height: 67px;}
ul.main{margin: 19px auto 0 auto; font-weight: bold; width: 750px;  z-index: 20;}

ul.main li{background: url('img/hammer_nav_arrow.gif') no-repeat right; padding-right: 8px;}

li#home-nav{margin-left: 30px;}
li#about-nav{margin-left: 65px;}
li#sign-up-nav{margin-left: 84px;}
li#pricing-nav{margin-left: 63px; }
.ie7 #pricing-nav { z-index: 30; }
#pricing-nav a { height: 25px; display: block;}
li#bios-nav{margin-left: 65px;}
/*Main Content */
div.main_content{height: 605px; background-color: white; }


div#homepage{padding-left: 70px; background: url('img/hammer_home_bg.jpg') no-repeat ; padding-top: 450px; height: 605px;}
div#homepage p{float: left; width: 380px;  font-size: 11pt; line-height: 16pt; padding-left: 30px;}
div#homepage h1{color: #c60000; font-size: 15pt; padding: 0 0 8px 30px;}


/* About Page */
div#about{background: url('img/hammer_about_bg.gif') no-repeat; }
div#about img#filmstrip{padding: 14px 0 0 60px;}
div#about div.content{margin-left: 50px; padding-top: 18px;}
div#about div#first-content{margin-left: 112px;}
div#about p, div#about ul li{font-size: 10pt; line-height: 110%; }
div#about ul{padding-bottom: 10px;}
div#about p{font-style: italic; font-weight: bold; padding-bottom: 30px;}
div#about ul li{ list-style:  disc; padding-bottom: 8px; margin-left: 15px;}


/* Pricing Page */
div#pricing, div#sup {font-size: 10pt; line-height: 120%;}
div#pricing, div#sup{background: url('img/hammer_pricing_bg.gif') no-repeat;}
div#pricing div#first-content, div#sup div#first-content{width: 590px;}
div#pricing div.content, div#sup div.content{padding-top: 42px; margin-bottom: 28px; height: 440px;}
div#pricing ul li,div#sup ul li {margin-left: 75px;  margin-bottom: 20px; float: left; }
div#pricing li img, div#sup li img{float: left; padding: 0 30px 25px 0; clear: left;}
div#pricing li span, div#sup li span{color: #c60000; font-weight: bold;}
div#pricing div#maps, div#sup div#maps{padding-left: 40px; width: 315px;}
div#pricing p.bottom, div#sup p.bottom{margin: 0	auto; width: 660px; text-align: center; padding-bottom: 15px;}
div#pricing p#private, div#sup p#private{font-weight: bold;}

/* Bios Page */
div#bios, div#bios2{background: url('img/hammer_bios_bg.gif') no-repeat; font-size: 10pt; line-height: 120%; }
div#bios ul, div#bios2 ul{padding: 18px 0 0 175px;}
div#bios ul li , div#bios2 ul li{padding: 0 0 41px 180px; height: 146px;  }
div#bios li p , div#bios2 li p{width: 540px; padding-left: 12px;}
div#bios li h2 , div#bios2 li h2{margin-bottom: 4px;}
div#bios li#sam-bio h2, div#bios2 li#christina-bio h2{padding: 30px 0 0 12px;}
div#bios li#lee-bio h2, div#bios2 li#brian-bio h2{padding: 50px 0 0 12px;}
div#bios li#clay-bio h2{padding: 50px 0 0 12px;}
li#sam-bio{background: url('img/hammer_bios_sam.png') left no-repeat;}
li#lee-bio{background: url('img/hammer_bios_lee.png') left no-repeat;}
li#clay-bio{background: url('img/hammer_bios_clay.png') left no-repeat;}
li#christina-bio {background: url('img/hammer_bios_christina.png') left no-repeat;}
li#brian-bio {background: url('img/hammer_bios_brian.png') left no-repeat;}


a#prev-bios{float: right; position: relative; top: 156px;}
a#more-bios{float: right; position: relative; top: -30px;}
/* Footer */
div#footer{height: 195px; background: black;padding-top: 5px; position: absolute; width: 960px; top: 714px; z-index: 10;}
ul#contact, ul#details{width: 480px; margin: 0 auto; height: 23px; }
div#footer ul#details li{float: left; color: #c60000; font-size: 18pt; }
span.highlight{color: #c60000;}


ul#details{margin-bottom: 10px;	width: 518px;}
ul#details li{background: url(img/hammer_details_dot.gif) no-repeat left; padding-left: 12px; margin-right: 5px; }
ul#details li:first-child{background: black;}
ul#contact{width: 535px; }
ul#contact li#contact-detail{padding-left: 35px;}

div#footer ul {color: white;}
ul#contact li a{text-decoration: none; color: white;}
ul#contact li{float: left; font-size: 12pt;}
ul.sub{margin: 0 auto; width: 515px; padding-left: 16px; margin-top: 25px;}
ul.sub li {font-size: 8pt; margin-right: 7px; padding-right: 6px; border-right: 1px solid white;}

ul.sub li#last-nav{border-right: 1px solid black;}
a.arrows{position: absolute; top: -31px;}
a#sign_up_arrow{ left: -3px;  }
a#questions_arrow{ left: 753px; top: -30px;}


/*-----------------------
 Dropdowns
-----------------------*/
.coda-slider { z-index: 2;}
.coda-slider-wrapper { padding-top: 0 !important; position: absolute; top: 109px; z-index: 2;}
.coda-slider .panel-container { z-index: 2;}

#pricing-nav .children {display: none; position: absolute; z-index: 10; background: red; left: 0; top: 23px; width: 195px; padding-left: 5px;}
#pricing-nav { position: relative; background: url("img/hammer_nav_arrow.gif") no-repeat  right 4px transparent; padding-bottom: 7px; }
#pricing-nav:hover .children {  display: block !important;}
#pricing-nav .children li { float: none; background: none; display: block; position: relative; z-index: 5;}
#pricing-nav .children li a { padding: 15px 3px; display: block; cursor: pointer; height: 8px; font-size: 12px;}
#pricing-nav a { position: relative; z-index: 75;}
#pricing-nav .children li .surf-lessons { position: relative;}

#pricing-nav .children li a:hover { text-decoration: underline;}
.panel { z-index: 1 !important; position: relative;}

/* google checkout forms */
form{margin: 0 35px 25px 0; float: left;}
.grom1, .sup1 { margin-bottom: 0;}
.grom2, .sup2 { clear: left;}