/* CSS file, global */
body {
background-color: black;
background-repeat: no-repeat;
font-family: helvetica, sans-serif;
color: #cccccc;
}

.inset {
   -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,.4);
   -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,.4);
   box-shadow: inset 0 3px 8px rgba(0,0,0,.24);
}

a {
text-decoration: none;
color: #9b9b9b;
}

a:active {
position: relative;
top: 1px;
}

a:active .logo {
position: relative;
top: 0px;
}

a:hover {
border-bottom: dotted 1px;
color: white;
}

h1 {
font-size: 2.25em;
color: #dbd359;
}

.yellow {
color: #dbd359;
}

h2 {
font-size: 1.5em;
color: #e6e6e6;
}

.bold {
font-size: .75em;
font-weight: 600;
}


#wrapper {
margin-left: 35px;
width: 935px;
position: absolute;
height: 100%;
height: auto !important;
}

/* alpha column: contains company name, search box and product categories */

.notReady {
font-size: 10px;
color: red;
letter-spacing: 0px;
}


.alphaColumn {
width: 250px;
height: 800px;
background-color: #0b0b0b;
padding-top:150px;
float: left;
margin-right: 50px;
}

.logo {
margin-bottom: 25px;
padding-left: 25px;
border: none;
}

.logo a{
border-bottom: none;
}

.search {
color: gray;
margin: auto;
width: 200px;
}

#verticalNavigation {
padding-top: 35px;
padding-left: 25px;
}


.productNavCat {
padding-left: 10px;
font-size: .8em;
letter-spacing: .1em;
line-height: 1.25em;
}

.subcategory {
padding-left: 30px;
font-size: 1em;
letter-spacing: .1em;
color: #ffffff;
}

/* beta column: contains horizontal site navigation 
at the top, 1 or 2 column subdivision to be used 
for content display underneath */

.betaColumn {
float: right;
width: 600px;
height: 600px;
display: block;
background-color: none;

}

#hrzSiteNav {
padding-top:7px;
padding-left: 20px;
height: 25px;
width: 575px;
clear: both;
background-color: black;
margin-bottom: 130px;
}

.siteNav li{
display: inline;
list-style-type: none;
padding-right: 50px;
padding-left: 5px;
font-variant: small-caps;
}

.urhere {
font-weight: bold;
font-size: 1.1em;
background-color: #353535;
}

#contentDisplay {
padding-left: 25px;
color: #cccccc;
}

.beta1 {
float: left;
width: 450px;
}

.beta2 {
padding-left: 0px;
padding-top: 15px;
float: right;
width: 125px;
}

.generalContent {
padding-left: 5px;
padding-right: 100px;
line-height: 1.2em;
}

.generalContent a{
color: #a7d2ca;
border-bottom: dotted 1px;
}

.subcategory {
line-height: 1.2em;
font-weight: bold;
font-style: italic;
}

#teamRoster {
padding-left:2px;
color: #666666;
}

#teamRoster a{
color:#666666;
}

#teamRoster a:hover {
color: white;
}

.teamMember {
font-size: 12px;
font-weight: bold;
line-height: 2em;
}

.toggle_container {
padding-top: 10px;
padding-bottom: 10px;
padding-left:10px;
}

.trigger h3 {
color: #e6e6e6;
font-weight: lighter;
}

.block a{
color: #a7d2ca;
border-bottom: dotted 1px;
line-height: 1.25em;
}



/* CONTACT FORM */

.contactBox {
padding-left: 10px;
}

.formBox {
background-color: black;
text-align: left;
color: white;
border: 1px;
margin: 10 px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
}

#yourEmail, #yourName {
width: 340px;
height: 30px;
padding: 5px;
}

#submitButton {
background-color: #336633;
height: 20px;
width: 80px;
border: none;
font-weight: 600;
color: #dbd359;
-webkit-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
}

#submitButton:active {
position: relative;
top: 1px;
}

#submitButton:hover {
border: 1px;
border-style: solid;
border-color: white;
}

#submitButton:focus {
border: 1px;
border-style: solid;
border-color: white;
}

.emphasis {
font-size: 1.25em;
font-weight: 600;
line-height: 2em;
color: #dbd359;
}

#address {
line-height: 1.1em;

}

#phoneAddress {
font-size:.8em;
padding: 25px;
width: 340px;
}