/* CSS Document */
/* Edwards Cast Stone */





body
{
	
	background: #fff;
	text-align:left;
	font-size:12pt;
	line-height:1em;
	margin: 0;
	padding: 0;
}


a:after { /*print URL next to text links*/
    content: " [" attr(href) "] ";
  }
  
  
a:link, a:active, a:visited, a:hover  {color: #000; text-decoration:none; font-weight:normal;}




/* GLOBAL DEFAULTS
========================================================================*/
h1 {color:#990000;font-size:28px; line-height:28px; font-family: Georgia, "Times New Roman", Times, serif;font-weight:normal;}
h2 {color:#845d19; font-size:23px; font-family: Georgia, "Times New Roman", Times, serif;font-weight:normal; margin-top:-3px; margin-bottom:-3px;}
h3 {font-size:16px; color: #170d01; font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal;line-height:18px;margin-bottom:-5px; margin-top:-5px;}

h3.home {font-size:20px; color: #170d01; font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal; margin-bottom:-5px;}




a.ondark:link, a.ondark:active, a.ondark:visited  {color: #e8ded0; text-decoration:none;font-weight:normal;}
a.ondark:hover {color: #fff; text-decoration:underline;}

a:focus { outline: none;}

b {color:#43352d;}
b.big {color:#67574c; font-size:12px;}
.required {color:#ff0000;}
.date {color:#845d19;}/*used on the events*/




img.border {border:0;}


img a:link, img a:visited, img a:hover, img a:visited:hover {border:0px;}

img.right {
	float:right;
	margin:5px 0px 5px 15px;
}

img.left {
	float:left;
	margin:2px;
}

p, td, div
{	
	font-size: 11px;
	line-height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #43352d;
}

p {	margin: 13px 0 0 0; }


.callout {background:#eae1cd; padding:10px;}
.caption {background:#eae1cd; width:70%;display:block;}

.screenshot {
	position:absolute;
	width:140px;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	z-index:400;
	}



/* UNORDERED LISTS
========================================*/

ul
{
	margin: 5px 0 15px 5px;
	padding: 0px 0 0 10px;
	list-style-type: none;
	display: block;
}

ol
{
	margin: 5px 0 15px 5px;
	padding: 0px 0 0 10px;
	display: block;
	list-style-position: inside; 
}


	  
/* STRUCTURAL MARKUP
========================================================================*/
#containermain
{
	background: #fff;
	margin: 0 auto 0 auto;
	clear:both;
	padding-bottom:30px;
	
	
}

#container
{
	margin: 0 auto 0 auto;
	width: 95%;
	background:none;
	text-align:left;
}

#header
{
	display:none;
	width: 95%;
	height: 100px;
	margin: 0px 0px 0px 0px;
	background: #a20016 url(../images/bg_header.jpg) no-repeat;
	position:relative; /*positioned relative. allows contactbanner to be positioned absolutely within it.*/
	z-index:400;
}


.contactbanner
{
	position:absolute; top:80px; left:623px;
	display:none;
}


/* MISC. HEADER OBJECT STYLES
========================================*/
.logo { margin: 10px 0 0 30px; position:absolute; z-index:200;}
.contactbtn { position: absolute; top:45px; left:650px; z-index: 300;}


/* CONTAINERS
========================================*/
#contentcontainer /*this is holding everything below the header div */
{
	width: 95%;
	margin: 0; 
	padding: 0;
	position: relative;
	float:left;
	z-index:400;
	border:0px solid #ff0000;
	
}


#leftcol /*holds the side navigation */
{
	display:none;
	float: left;
	width: 190px;
	margin: 0px 0px 0px 0px;
	
	
}


#maincol /*main content area */
{
	float: left;
	position:relative;
	width: 95%;
	margin: 0px 0px 0px 0px;
	border: 0;
	background:#f6f1e4 url(../images/bg_maincol.jpg) no-repeat 7px 7px;
}


/* UNORDERED LISTS
========================================*/

#maincol ul
{
	margin: 5px 0 15px 5px;
	padding: 0px 0 0 10px;
	list-style-type: none;
	display: block;	
}


#maincol ul li  /* basic lists in content area */
{ 
	background: url(../images/bullet.gif) no-repeat 0 4px;
	padding-left: 10px;
	position:relative;
}

#maincol ul.links li,
#hmstatement ul.links li,
#hmnews ul.links li /* basic lists in content area */
{ 
	background: url(../images/bullet_arrow.gif) no-repeat 0 4px;
	padding-left: 1em;
	padding-bottom: .5em;
	position:relative;
}


#maincol ul.linkspdf li,
#hmstatement ul.linkspdf li,
#hmnews ul.linkspdf li /* basic lists in content area */
{ 
	background: url(../images/pdficon.gif) no-repeat 0 0px;
	padding-left: 20px;
	padding-bottom: 6px;
	position:relative;
}


#maincol ul.double { float: left; width: 310px; margin: 0px 0 0px 6px; padding: 0; list-style: none;display:block;}
#maincol ul.double li { float: left; width: 140px; margin: 0; padding: 0 4px 0 6px; background:none;}

#maincol ul.doublewide { float: left; width: 435px; margin: 0px 0 0px 6px; padding: 0; list-style: none;display:block;}
#maincol ul.doublewide li { float: left; width: 200px; margin: 0; padding: 0 4px 0 6px; background:none;}




#maincol ol
{
	margin: 10px 0 15px 5px;
	padding: 0px 0 0 10px;
	display: block;	
}


#maincol ol li  /* basic lists in content area */
{ 
	background: none;
	padding-bottom: 5px;
	position:relative
}



/* MISC. CONTENT OBJECT STYLES
========================================*/

.contact {margin-left:25px; float:left;}

.chart {border:3px solid #b3a793;}
.chart th {background: #d2c7b4;padding:3px;text-align:center;}
.chart td {border:1px solid #d2c7b4;padding:3px;border-collapse:collapse;}
.chart td.imp {background:#e7e0cf; }


/* COLUMNS IN CONTENT
========================================*/


.content /*main content area */
{
	width: 95%;
	padding: 20px 30px 30px 30px;
	float:left;
}

.contentleft /*main content area */
{
	float: left;
	width: 290px;
	margin: 0px 30px 0px 0px;
}


.contentright /*main content area */
{
	float: left;
	width: 400px;
	margin: 0px 0px 0px 0px;	
}



.wide /*main content area */
 { width: 500px; }

.narrow /*main content area */
{ width: 175px;}


.small {font-size:10px; line-height:12px; color:#aaaab2;}
.special {color:#cc3300;}


/* FOOTER STYLES
========================================*/



#footer
{
	width: 100%;
	height:120px;
	float:left;
	text-align:left;
	margin:0px 0px 0px 0px;
	background: u#fff;
}


.copyright
{
	font-size: 10px;
	line-height: 12px;
	color: #000;
	display: block;
	font-weight:bold;
	margin:15px auto;
	width: 990px;
}



/* NAVIGATION
========================================================================*/   

#mainnav 
{
        display:none;
        width: 990px;
		height:60px;
        margin: 0px 0px 0px 0px;
        padding: 0px;
        position:relative; 
        z-index:300;
		background:#675a47 url(../images/bg_mainnav.jpg) no-repeat;
  
}


#mainnav ul
{
       
        margin: 0px 0px 0px 0px;
        padding: 0px;
        list-style-type: none;
}

#mainnav li
{
        display: inline;
		float:left;
        margin: 20px 0px 0px 0px;
        padding: 0px;
        background:none;
}


#mainnav ul li a:link,
#mainnav ul li a:active,
#mainnav ul li a:visited
{

	padding: 0px 0 0px 0;
	text-decoration: none;
	margin: 1px 10px 1px 12px;
}

#mainnav ul li a:hover { border-bottom:1px solid #b3a793;}







/* MAIN NAVIGATION HIGHLIGHTS 
========================================*/

body#about ul li.aboutbtn a,
body#products ul li.productsbtn a,
body#process ul li.processbtn a,
body#portfolio ul li.portfoliobtn a,
body#technical ul li.technicalbtn a,
body#events ul li.eventsbtn a

{ border-bottom:1px solid #c2d82e; }



/* SIDE NAVIGATION
======================================== */

#secnavcontainer
{
	display:none;
	width: 190px;
	margin-top: 7px;
}


#secnavcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#secnavcontainer a
{
display: block;
padding: 8px 6px;
width: 178px;
font-weight:bold;
background-color: #6e604b;
border-bottom: 1px solid #938773;
}

#secnavcontainer a:link, #secnavcontainer a:visited
{
color: #e8ded0;
text-decoration: none;
}

#secnavcontainer a:hover
{
background:#675a47;
color: #fff;
}

#bidrequest {position:absolute; top:16px; left:880px;}

.white {color:#f2e9dd;}
.red {color:#990000;}



/* SIDE NAVIGATION HIGHLIGHTS 
========================================*/

body.pgaboutmain #secnavcontainer a.secabout,
body.pgcontact #secnavcontainer a.seccontact,
body.pghistory #secnavcontainer a.sechistory,
body.pglocation #secnavcontainer a.seclocation,
body.pgnews #secnavcontainer a.secnews,
body.pgtour #secnavcontainer a.sectour,
body.pgstaff #secnavcontainer a.secstaff,
body.pgprodmain #secnavcontainer a.secproducts,
body.pgdifference #secnavcontainer a.secdiff,
body.pgdrywet #secnavcontainer a.secdrywet,
body.pgwhichstone #secnavcontainer a.secwhich,
body.pgcolors #secnavcontainer a.seccolors,
body.pgstandard #secnavcontainer a.secstandard,
body.pgcustom #secnavcontainer a.seccustom,
body.pgprocess #secnavcontainer a.secprocess,
body.pgdrafting #secnavcontainer a.secdrafting,
body.pgsamples #secnavcontainer a.secsamples,
body.pgdesign #secnavcontainer a.secdesign,
body.pgautocad #secnavcontainer a.secautocad,
body.pgshipping #secnavcontainer a.secshipping,
body.pginstall #secnavcontainer a.secinstall,
body.pgportfolio #secnavcontainer a.secportfolio,
body.pgtechnical #secnavcontainer a.sectechnical,
body.pgevents #secnavcontainer a.secevents,
body.pgbidrequest #secnavcontainer a.secbidrequest,
body.pgcaststone22 #secnavcontainer a.seccaststone22


{ color:#fff;background: #574a36 url(../images/highlight_arrow.png) no-repeat 170px 10px;}

	
	
/*submenu is set to display:none on all pages in stylesheet. Each page has a body class 
which is connected to the submenu classes below. For example, if I am on a "Business" page, 
the submenu class .subbusiness is set to display:block*/

.submenu { display: none;}

body#about .submenu.subabout  { display: block;}
body#products .submenu.subproducts  { display: block;}
body#process .submenu.subprocess  { display: block;}
body#portfolio .submenu.subportfolio  { display: block;}
body#technical .submenu.subtechnical  { display: block;}
body#bidform .submenu.subbidrequest  { display: block;}
body#events .submenu.subevents  { display: block;}
	




/* FLOAT CLEAR FIX
========================================================================*/   

.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 */



/* FORMS
========================================================================*/   
.label {background:#dcd3bd; }
table th {text-transform:uppercase;text-align:left; font-size:11px;/*background:#c4bca7;*/padding:5px;}


/* HOME PAGE STYLES
========================================*/

#hmtopblock /*main content area */
{
	float: left;
	position:relative;
	width: 975px;
	height:250px;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	border: 7px solid #b3a793;
	background:#f6f1e4 url(../images/bg_hmtopblock.jpg) no-repeat 7px 7px;
	
}

.hmtopphoto { width:370px; float:left; position: absolute; left: 605px;  }
.hmtopcontent { width:570px; float:left; margin:20px 15px 20px 20px; border: 0px solid #ff0000; }

#hmbotblock p {color:#f2e9dd;}
.hmcolone {width:360px; float:left; margin:20px 0 0 20px; color:#f2e9dd; font-weight:bold;}
.hmcoltwo {width:300px; float:left; margin:43px 0 0 28px; color:#f2e9dd; font-weight:bold;}
.hmcolthree {width:215px; float:left; margin:20px 0 0 28px; color:#f2e9dd;}
.hmsteps {width:200px; background: #635744; border:6px solid #7a6d58;padding:0px 0px 0px 10px; }
.glassstoneblock {border:6px solid #817b54;padding:15px;background:#797744 url(../images/bg_glassstone.jpg) repeat-x;position:relative;}
.glasslogo {position:absolute; top:80px; left:170px;}

.hmsteps ul
{
	margin: 5px 0 15px -15px;
	padding: 0px 0 0 0px;
	list-style-type: none;
	display: block;	
}


.hmsteps ul li  /* basic lists in content area */
{ 	color:#fff;
	background: url(../images/bullet_bigarrow.png) no-repeat 0 0px;
	padding-left: 32px;
	padding-bottom: 5px;
	position:relative
}



/* Bigger Bullets 
========================================*/
.bigbutton {text-align:center;}
.bigbutton a {
		display:block;
		float:left;
		color:#ffffff;
		width: 140px;
		height: 20px;
		margin: 10px 2px 0 0px; 
		padding:6px 0px 0px;
		font: bold 11px/1.2 sans-serif;
		background: url("../images/btn_bigback1.png") 0 0px no-repeat;
		text-decoration: none;
		}
.bigbutton a:hover {	
		background: url("../images/btn_bigback2.png") 0 0 no-repeat;
		}
.bigbutton a:active {
		background-position: -314px 0;
		color:white;
		}
		
		
/* Portfolio
========================================*/

table.photos {
	border:0px;
	width:100%;
}

table.photos th {
	text-align:center;
}

table.photos td {
	padding:0px 5px 15px 5px;
	text-align:center;
	vertical-align:top;
}