/* CSS Document */

/* =General
---------------------------------------------- */
/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none;}

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

/* Removes the outline on links */
a {outline: none; color: #7394b9;}

.clearme {display: block; clear: both; height: 0; margin: 0; padding: 0;}
/* Code to clear floats inside containers - add to the outside container */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* End of float clearing trick */



body {
	background-image: url(../IMAGES/concreteBackground.gif);
	background-repeat: repeat-x;
	background-color: #c4beb1;
 	padding:0px;
	margin:0px;
}

h2 {
font: 9px Arial, Helvetica, Verdana, sans-serif;
font-weight: normal;
color: #35230b;
margin-top: 15px;
}

a {
color: #35230b;
}

#mainContainer {
width: 860px;
background-color: #ffffff;
padding:0px;
margin:0px;
border: 0px;
}

#contentContainer {
width: 860px;
padding:0px;
margin:0px;
border: 0px;
}

/*----------------------------NAV--------------------------*/

/* Removes the outline on links */
a {outline: none;}

#navContainer {
width: 201px;
background: #8c6D2c repeat-x url(../IMAGES/navBackground.jpg);
padding: 0px;
margin: 0px;
border: 4px solid #ffffff;
text-align: left;
}

#navContainer ul#mainnav {
list-style: none;
margin: 0px 13px;
padding: 30px 0px 0px 0px;
}
#navContainer ul#mainnav.bottom {
padding: 0px 0px 75px 0px;
}

#navContainer ul#mainnav li {
padding: 5px 0px 5px 17px;
margin: 0px;
border-bottom: 1px solid #be711f;
background-image: url(../IMAGES/navBullet.gif);
background-repeat: no-repeat;
background-position: 0.4em 0.7em;
}
#navContainer ul#mainnav li.noborder {
border:none;
padding-bottom: 0;
}
#navContainer ul#mainnav li a, 
#navContainer ul#mainnav li a:visited {
color: #ffffff;
font: bold 11px Arial, Helvetica, sans-serif;
text-decoration: none;
}
#navContainer ul#mainnav li a:hover, 
#navContainer ul#mainnav li a:active {
color: #fdc345; 
}




#navContainer ul#subnav {
padding: 5px 0 5px 17px;
border-bottom: 1px solid #be711f;
margin: 0px 13px;
}
#navContainer ul#subnav li {
list-style: none;
padding: 0 0 2px 0;
margin: 0;
border: none;
background: none;
}
#navContainer ul#subnav li a, 
#navContainer ul#subnav li a:visited {
color: #fdc345;
font: normal 11px Arial, Helvetica, sans-serif;
text-decoration: none;
}

#navContainer ul#subnav li a:hover, 
#navContainer ul#subnav li a#active, 
#navContainer ul#subnav li a:active {
color: #fff; 
}



#navContainer a.email {
display: block;
color: #fdc345;
font: bold 12px Arial, Helvetica, sans-serif;
text-decoration: none;
padding-left: 17px;
margin-top: 25px;
margin-bottom: 15px;
}
#navContainer a:hover.email {
text-decoration: underline;
}

/*----------------------------CONTENT--------------------------*/

.floatLeft {
float: right;
margin: 0 0 10px 15px;
}

.floatRight {
float: left;
margin: 0 3px 0 0;
}

#content {
width: 354px;
padding: 30px 30px 20px 30px;
margin: 0px;
border-right: 1px solid #e4e3e2;
}

#content h1{
font: 25px Georgia, Times, serif;
font-weight: bold;
color: #fdc345;
padding: 0px 0px 8px 0px;
margin: 0px;
}

#content h2{
font: 15px Trebuchet MS, Arial, Helvetica, Verdana, sans-serif;
font-weight: bold;
color: #35230b;
padding: 5px 0px 3px 0px;
margin: 0px;
}

.line{
border-top: 1px solid #ccc9c2;
}

#content p{
font: 13px Trebuchet MS, Helvetica, Arial, Verdana, sans-serif;
font-weight: normal;
color: #35230b;
line-height: 17px;
padding: 0px 0px 10px 0px;
margin: 0px;
}

#content p.small{
	font-size: 10px;
	line-height: 13px;
}

#content ul{
padding: 0px 0px 5px 0px;
margin: 0px;
}

#content ul li{
font: 13px Trebuchet MS, Helvetica, Arial, Verdana, sans-serif;
list-style-type: square;
font-weight: normal;
line-height: 16px;
padding: 0px 0px 3px 0px;
margin: 0px 0px 0px 20px;
}

#content ul li ul li{
margin: 0px 0px 0px 25px;
}

#content a{
font-weight: bold;
text-decoration: none;
color: #e9a632;
}

#content a:hover{
color: #a39a8b;
}

.contentBold{
font-weight: bold;
}

.deliveryTable{
width: 360px;
padding-left:20px;
}

.deliveryTable td{
font: 12px Trebuchet MS, Helvetica, Arial, Verdana, sans-serif;
font-weight: normal;
color: #35230b;
padding: 2px 0px 0px 0px;
margin: 0px;
}


/*----------------------------HOURS--------------------------*/

#content h4{
font: 12px Arial, Helvetica, Verdana, sans-serif;
text-transform: uppercase;
font-weight: bold;
color: #613c24;
padding: 0px;
margin: 0px;
}

#content h5{
font: 11px Arial, Helvetica, Verdana, sans-serif;
font-weight: bold;
color: #613c24;
padding: 8px 0px 5px 0px;
margin: 0px;
}

#content h6{
font: 11px Arial, Helvetica, Verdana, sans-serif;
font-weight: normal;
color: #613c24;
line-height: 13px;
padding: 0px 0px 3px 0px;
margin: 0px;
}

/*----------------------------SIDEBAR--------------------------*/

#sidebar {
width: 200px;
padding: 30px 20px 30px 20px;
margin: 0px;
border: 0px;
}

#sidebar a{
font-weight: bold;
color: #fdc345;
text-decoration: none;
}
#sidebar a:hover{
color: #7a6d5b;
}

#sidebar h1{
font: 11px Georgia, Times, serif;
line-height: 14px;
font-weight: bold;
color: #7a6d5b;
}

#sidebar p{
font: 11px Georgia, Times, serif;
font-weight: normal;
line-height: 15px;
color: #7a6d5b;
padding-bottom: 5px;
}

#sidebar h2#promo {
font: 13px Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: center;
color: #5c431a;
padding: 0px;
margin: 0px;
}
#sidebar p#promo{
font: 12px Trebuchet MS, Helvetica, Arial, Verdana, sans-serif;
font-weight: normal;
text-align: center;
color: #35230b;
line-height: 17px;
padding: 0px 0px 10px 0px;
margin: 0px;
}

#sidebar h2 {
font: 20px Georgia, Times, serif;
font-weight: normal;
line-height: 25px;
color: #b4aea3;
padding: 0px;
margin: 0px;
}

#sidebar h3{
font: 12px Helvetica, Arial, Verdana, sans-serif;
font-weight: bold;
color: #dc962c;
letter-spacing: 0.5px;
padding: 0px 0px 8px 0px;
margin: 0px;
}

/*----------------------------SIDEBAR QUOTE--------------------------*/

#sidebarQuote {
width: 192px;
padding: 30px 20px 30px 20px;
margin: 0px;
border: 4px solid #ffffff;
background-color: #deedf8;
}

#sidebarQuote a{
font-weight: bold;
color: #605342;
text-decoration: none;
}

#sidebarQuote h1{
font: 11px Georgia, Times, serif;
line-height: 14px;
font-weight: bold;
color: #7a6d5b;
}

#sidebarQuote h2 {
font: 20px Georgia, Times, serif;
font-weight: normal;
line-height: 30px;
color: #b4aea3;
padding: 0px;
margin: 0px;
}


/*-------------------------CALCULATOR SIDEBAR--------------------------*/

#calcSidebarContainer{
width: 200px;
padding: 30px 20px 30px 20px;
margin: 0px;
border: 0px;
}

#calcSidebarContainer h1{
font: 20px Georgia, Times, serif;
font-weight: bold;
color: #b4aea3;
padding: 0px 0px 10px 0px;
margin: 0px;
text-align: left;
}

/*#calcSidebarContainer a {
height: 40px;
display: block;
font: bold 13px Arial, Helvetica, Verdana, sans-serif;
text-transform: uppercase;
text-decoration: none;
color: #615044;
margin: 0px;
}*/

#calcSidebarContainer a {
display: block;
font: bold 13px Arial, Helvetica, Verdana, sans-serif;
text-transform: uppercase;
text-decoration: none;
color: #615044;
margin: 0px 0 6px 0;
}

#calcSidebarContainer a#slab{
padding: 15px 0 0 63px;
background: url(../IMAGES/slab.jpg) top left no-repeat;
}
#calcSidebarContainer a#cylinder{
padding: 15px 0 0 55px;
background: url(../IMAGES/cylinder.jpg) top left no-repeat;
}
#calcSidebarContainer a#steps{
height: 30px;
padding: 15px 0 0 70px;
background: url(../IMAGES/steps.jpg) top left no-repeat;
}



/*-------------------------CALCULATOR PAGES--------------------------*/


.calcHeader h1{
font: 25px Georgia, Times, serif;
font-weight: bold;
color: #fdc345;
padding: 30px 0px 8px 0px;
margin: 0px;
}

#calculator {
width: 400px;
padding: 0px;
margin: 0px;
border: 1px solid #fdc345;
}

#calculator h1 {
font: 12px Arial, Helvetica, Verdana, sans-serif;
font-weight: bold;
text-align: right;
color: #ef402a;
padding: 0px 10px 0px 0px;
margin: 0px;
}

.imageArea {
border-top: 4px solid #fdc345;
border-bottom: 1px solid #fdc345;
}

#options {
background-color: #FFFFCC;
}

#options h3{
font: 12px Arial, Helvetica, Verdana, sans-serif;
font-weight: bold;
color: #ef402a;
padding: 5px 0px;
margin: 0px;
}

.inputButtons {
padding-left: 15px;
}

#results {
background-color: #deedf8;
padding: 5px 0px 20px 0px;
margin-top: 10px;
border-bottom: 4px solid #fdc345;
}

#results h2 {
font: 12px Arial, Helvetica, Verdana, sans-serif;
font-weight: bold;
color: #35230b;
padding: 5px 0px;
margin: 0px;
}

#calculatorContainer {
padding-left: 25px;
}

#calculatorContainer p{
font: 11px Arial, Helvetica, Verdana, sans-serif;
font-weight: normal;
color: #35230b;
padding: 0px 0px 30px 0px;
margin: 0px;
}

.YAH{
font: 11px Arial, Helvetica, Verdana, sans-serif;
font-weight: bold;
color: #ef402a;
padding: 0px;
margin: 0px;
}

#calculatorContainer a{
font: 11px Arial, Helvetica, Verdana, sans-serif;
font-weight: bold;
color: #35230b;
padding: 0px;
margin: 0px;
text-transform: uppercase;
text-decoration: none;
}

#calculatorContainer a:hover{
color: #ef402a;
}