/*
Description: HammerTek CSS
Author: North Star Marketing
*/

/* -- [ imports ] -- */
@import url("clearfix.css");
/* -- [ /imports ] -- */

/* -- [ table of contents ] -- */
/*

global: =global
global text styles: =text
navigation: =nav
home: =home
interior: =interior
case study: =case

*/
/* -- [ /table of contents ] -- */

/* -- [ =global ] -- */

body {
margin: 0;
padding: 0;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 22px;
color: #fff;
background: #006B8F;
}

/* -- [ =text ] -- */

p {
margin: 0 0 20px 0;
padding: 0;
}

h1 {
margin: 0;
padding: 0;
font-size: 20px;
line-height: 24px;
}

h2 {
margin: 0;
padding: 0;
font-size: 18px;
line-height: 22px;
}

h3 {
margin: 0;
padding: 0;
font-size: 15px;
line-height: 19px;
}

/* -- [ /text ] -- */

#all-wrap {
margin: 0 auto;
padding: 0;
width: 814px;
}

#shadow-wrap {
width: 814px;
margin: 0;
padding: 0;
}

#shadow-top {
width: 814px;
height: 7px;
margin: 0;
padding: 0;
background: url(../img/shadow-top.gif) top left no-repeat;
}

#shadow-bottom {
width: 814px;
height: 7px;
margin: 0;
padding: 0;
background: url(../img/shadow-bottom.gif) top left no-repeat;
}

#shadow-sides {
width: 814px;
margin: 0;
padding: 0 7px;
background: url(../img/shadow-sides.gif) top left repeat-y;
voice-family: "\"}\""; 
voice-family: inherit;
width: 800px;
}

#main-wrap {
width: 800px;
margin: 0;
padding: 0;
border: solid 5px #DBDBDB;
text-align: left;
voice-family: "\"}\""; 
voice-family: inherit;
width: 790px;
}

#header {
float: left;
display: inline;
width: 790px;
margin: 0;
padding: 0;
background: #fff;
}

#header #logo {
float: left; 
display: inline;
margin: 0;
padding: 0;
}

#header #logo img {
display: block;
border: 0;
}

#header ul#minor-nav {
display: none;
}

#header ul#minor-nav li {
float: left;
display: inline;
margin: 0;
padding: 0;
}

#header ul#minor-nav li a,
#header ul#minor-nav li a:visited,
#header ul#minor-nav li a:hover {
display: block;
width: 93px;
height: 19px;
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
background: url(../img/tab-nav-bg.gif) top left no-repeat;
color: #fff;
text-decoration: none;
line-height: 19px !important;
}

#footer {
clear: left;
float: left;
width: 790px;
margin: 0;
padding: 0;
background: #8F3C00;
text-align: center;
font-size: 11px;
font-weight: bold;
line-height: 26px;
}

#footer span {
margin: 0 5px 0 5px;
}

#footer a,
#footer a:visited,
#footer a:hover {
color: #fff;
text-decoration: none;
}

/* -- [ =nav ] -- */

ul#nav {
display: none;
}

ul#nav li {
float: left;
display: inline;
margin: 0;
padding: 0;
list-style: none;
}

ul#nav li.nav-markets {
width: 140px;
background: url(../img/nav-markets.gif) top left no-repeat;
}

ul#nav li.nav-demos {
width: 115px;
background: url(../img/nav-demos.gif) top left no-repeat;
}

ul#nav li.nav-studies {
width: 115px;
background: url(../img/nav-studies.gif) top left no-repeat;
}

ul#nav li.nav-drawings {
width: 91px;
background: url(../img/nav-drawings.gif) top left no-repeat;
}

ul#nav li.nav-quote {
width: 107px;
background: url(../img/nav-quote.gif) top left no-repeat;
}

ul#nav li.nav-rep {
width: 98px;
background: url(../img/nav-rep.gif) top left no-repeat;
}

ul#nav li.nav-contact {
width: 124px;
background: url(../img/nav-contact.gif) top left no-repeat;
}

ul#nav li a,
ul#nav li a:visited {
display: block;
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
color: #fff;
text-decoration: none;
line-height: 49px;
}

ul#nav li.nav-markets a:hover,
ul#nav li.nav-markets a.active,
ul#nav li.nav-markets a.active:visited,
ul#nav li.nav-markets a.active:hover {
width: 140px;
background: url(../img/nav-markets-o.gif) top left no-repeat;
}

ul#nav li.nav-demos a:hover,
ul#nav li.nav-demos a.active,
ul#nav li.nav-demos a.active:visited,
ul#nav li.nav-demos a.active:hover {
width: 115px;
background: url(../img/nav-demos-o.gif) top left no-repeat;
}

ul#nav li.nav-studies a:hover,
ul#nav li.nav-studies a.active,
ul#nav li.nav-studies a.active:visited,
ul#nav li.nav-studies a.active:hover {
width: 115px;
background: url(../img/nav-studies-o.gif) top left no-repeat;
}

ul#nav li.nav-drawings a:hover,
ul#nav li.nav-drawings a.active,
ul#nav li.nav-drawings a.active:visited,
ul#nav li.nav-drawings a.active:hover {
width: 91px;
background: url(../img/nav-drawings-o.gif) top left no-repeat;
}

ul#nav li.nav-quote a:hover,
ul#nav li.nav-quote a.active,
ul#nav li.nav-quote a.active:visited,
ul#nav li.nav-quote a.active:hover {
width: 107px;
background: url(../img/nav-quote-o.gif) top left no-repeat;
}

ul#nav li.nav-rep a:hover,
ul#nav li.nav-rep a.active,
ul#nav li.nav-rep a.active:visited,
ul#nav li.nav-rep a.active:hover {
width: 98px;
background: url(../img/nav-rep-o.gif) top left no-repeat;
}

ul#nav li.nav-contact a:hover,
ul#nav li.nav-contact a.active,
ul#nav li.nav-contact a.active:visited,
ul#nav li.nav-contact a.active:hover {
width: 124px;
background: url(../img/nav-contact-o.gif) top left no-repeat;
}

/* -- [ /nav ] -- */

/* -- [ /global ] -- */

/* -- [ =home ] -- */

#home-main {
clear: left;
float: left;
display: inline;
width: 790px;
margin: 0;
padding: 20px 40px 10px 40px;
background: #8F3C00;
voice-family: "\"}\""; 
voice-family: inherit;
width: 710px;
}

#home-left {
float: left;
display: inline;
width: 375px;
margin: 0;
padding: 0;
}

#home-right {
float: right;
display: inline;
margin: 0;
padding: 0;
}

#home-right img { /* will change to video */ 
display: block;
border: 0;
}

#bucket-wrap {
clear: left;
float: left;
display: inline;
width: 790px;
margin: 0;
padding: 0;
background: url(../img/home-bucket-gradient.gif) #8F3C00 top left repeat-x;
}

.bucket-demo {
float: left;
display: inline;
width: 260px;
margin: 0;
padding: 0;
}

.bucket-demo h2,
.bucket-trial h2,
.bucket-warranty h2 {
height: 44px;
margin: 0;
padding: 7px 0 0 0;
line-height: 44px;
text-align: center;
voice-family: "\"}\""; 
voice-family: inherit;
height: 37px;
}

.bucket-demo a,
.bucket-demo a:visited,
.bucket-demo a:hover {
display: block;
width: 254px;
height: 196px;
margin: 3px 0 0 0;
padding: 40px 0 0 125px;
border: solid 3px #fff;
color: #fff;
font-weight: bold;
text-decoration: none;
background: url(../img/home-bucket-demo.gif) top left no-repeat;
voice-family: "\"}\"";
voice-family: inherit;
width: 129px;
height: 150px;
}

.bucket-trial {
float: left;
display: inline;
width: 267px;
margin: 0 0 0 1px;
padding: 0;
}

.bucket-trial a,
.bucket-trial a:visited,
.bucket-trial a:hover {
display: block;
width: 261px;
height: 196px;
margin: 3px 0 0 0;
padding: 39px 0 0 130px;
border: solid 3px #fff;
color: #fff;
font-weight: bold;
text-decoration: none;
background: url(../img/home-bucket-trial.gif) top left no-repeat;
voice-family: "\"}\""; 
voice-family: inherit;
width: 131px;
height: 151px;
}

.bucket-warranty {
float: left;
display: inline;
width: 261px;
margin: 0 0 0 1px;
padding: 0;
}

.bucket-warranty a,
.bucket-warranty a:visited,
.bucket-warranty a:hover {
display: block;
width: 255px;
height: 196px;
margin: 3px 0 0 0;
padding: 39px 0 0 132px;
border: solid 3px #fff;
color: #fff;
font-weight: bold;
text-decoration: none;
background: url(../img/home-bucket-warranty.gif) top left no-repeat;
voice-family: "\"}\""; 
voice-family: inherit;
width: 123px;
height: 151px;
}

/* -- [ /home ] -- */

/* -- [ =interior ] -- */

#interior-main {
clear: left;
float: left;
display: inline;
width: 790px;
margin: 0;
padding: 0;
border-bottom: solid 3px #fff;
background: url(../img/interior-bg.gif) top left repeat-y;
}

#interior-main-long {
clear: left;
float: left;
display: inline;
width: 790px;
margin: 0;
padding: 0;
border-bottom: solid 3px #fff;
background: #fff;
}

#interior-main table {
width: 790px;
height: 100%;
margin: 0;
padding: 0;
border: none;
border-collapse: collapse;
}

#interior-main table td {
vertical-align: top;
margin: 0;
padding: 0;
}

#interior-main table td.interior-left {
background: url(../img/interior-sidebar-gradient.gif) bottom left repeat-x;
}

#interior-left {
display: none;
}

#interior-left ul {
float: left;
display: inline;
width: 162px;
margin: 5px 0 0 15px;
padding: 0;
list-style: inside square;
}

#interior-left ul li {
line-height: 22px;
list-style: inside square;
}

#interior-left ul li a,
#interior-left ul li a:visited,
#interior-left ul li a:hover {
color: #fff;
text-decoration: none;
}

#interior-right {
width: auto;
margin: 0 0 0 1px;
padding: 0;
vertical-align: top;
color: #000;
}

#interior-right-long {
float: right;
display: inline;
width: 790px;
margin: 0 0 0 1px;
padding: 0;
vertical-align: top;
color: #000;
}

#interior-right h1 {
margin: 0;
padding: 0 0 0 27px;
background: url(../img/interior-header-bg.gif) top left no-repeat;
line-height: 50px;
color: #fff;
voice-family: "\"}\""; 
voice-family: inherit;
width: 540px;
}

#interior-right-long h1 {
margin: 0;
padding: 0 0 0 27px;
background: url(../img/interior-header-bg-long.gif) top left no-repeat;
line-height: 50px;
color: #fff;
voice-family: "\"}\""; 
voice-family: inherit;
width: 785px;
}

#interior-right-ess {
margin: 0;
padding: 27px;
voice-family: "\"}\""; 
voice-family: inherit;
}

#interior-right-ess-long {
width: 790px;
margin: 0;
padding: 27px;
voice-family: "\"}\""; 
voice-family: inherit;
width: 790px;
}

#interior-right-ess p {
color: #000;
}

#interior-right-ess h3,
#interior-right-ess h3 a,
#interior-right-ess h3 a:visited,
#interior-right-ess h3 a:hover {
margin: 0 0 0 0;
padding: 0;
color: #006b8f;
}

#interior-right-ess h2,
#interior-right-ess h2 a,
#interior-right-ess h2 a:visited,
#interior-right-ess h2 a:hover {
margin: 0 0 20px 0;
padding: 0;
color: #006b8f;
}

interior-right-ess a,
interior-right-ess a:visited,
interior-right-ess a:hover {
color: #006b8f;
}


#interior-right-ess img {
float: right;
display: inline;

padding: 0;
border: solid 3px #adacac;
}

#interior-right-ess form {
margin: 0;
padding: 0;
}

#interior-right-ess dl {
margin: 0;
padding: 0;
list-style: none;
}

#interior-right-ess dt {
display: block;
margin: 0 0 2px 0;
padding: 0;
color: #000;
}

#interior-right-ess dd {
display: block;
margin: 0 0 5px 0;
padding: 0;
}

#interior-right-ess input {
width: 200px; 
}

#interior-right-ess input.submit {
width: 100px;
margin: 10px 0 0 0;
}

table.rep {
	color: #000;
}

.leftNav-button {
	height: 35px;
	width: 175px;
	background-color: #006b8f;
	border: 1px solid #fff;
	text-align: center;
	font-weight: bold;
	margin: 20px 0 20px 0;
	display: block;
	color: #fff;
}

.leftNav-button div {
	padding: 6px 0 0 0;
}

.leftNav-button a, leftNav-button.a:visited {
	color: #fff;
}


/* -- [ /interior ] -- */

/* -- [ =case ] -- */

.case-each {
clear: both;
float: left;
display: inline;
width: 513px;
margin: 0 0 20px 0;
padding: 0;
}

.case-each img {
float: left !important;
display: inline !important;
margin: 0 20px 0 0;
padding: 0;
border: 1px solid #000 !important;
}

.case-each p {
float: right !important;
display: inline !important;
width: 373px;
margin: 0;
padding: 0;
}

.case-study-img-left {
float: left;
display: inline;
width: 306px;
margin: 0 20px 20px 0;
padding: 0;
text-align: left;
}

/* -- [ case study img left ] -- */

.cs-img-left-300 {
float: left;
display: inline;
width: 300px;
margin: 0 20px 20px 0;
padding: 0;
text-align: left;
}

.cs-img-left-200 {
float: left;
display: inline;
width: 200px;
margin: 0 20px 20px 0;
padding: 0;
text-align: left;
}

.cs-img-left-150 {
float: left;
display: inline;
width: 150px;
margin: 0 20px 20px 0;
padding: 0;
text-align: left;
}

/* -- [ case study img right ] -- */

.cs-img-right-300 {
float: right;
display: inline;
width: 300px;
margin: 0 0 20px 20px;
padding: 0;
text-align: left;
}

.cs-img-right-200 {
float: right;
display: inline;
width: 200px;
margin: 0 0 20px 20px;
padding: 0;
text-align: left;
}

.cs-img-right-150 {
float: right;
display: inline;
width: 150px;
margin: 0 0 20px 20px;
padding: 0;
text-align: left;
}


.cs-img-left-300 img,
.cs-img-left-200 img,
.cs-img-left-150 img,
.cs-img-right-300 img,
.cs-img-right-200 img,
.cs-img-right-150 img {
display: block;
margin: 0 0 3px 0;
padding: 0;
border: none !important;
}

.cs-img-left-300 p,
.cs-img-left-200 p,
.cs-img-left-150 p,
.cs-img-right-300 p,
.cs-img-right-200 p,
.cs-img-right-150 p {
font-size: 10px;
line-height: 14px;
margin: 0;
padding: 0;
}

p.cs-sub-info {
font-style: italic;
font-size: 12px !important;
}

/* -- [ /case ] -- */