body {
	margin: 0; padding: 0;
	background: #909090 url("images/bg.gif") top repeat-x;
	text-align: center;
	font-family: arial light, arial, helvetica, sans-serif;
	font-size: .8em;
}

#wrapper {
	border-left: 1px solid white;
	border-right: 1px solid white;
	background: #F2F2F2 url("images/leftcol.gif") top left repeat-y;
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#header {
	width: 760px;
	height: 150px;
}

body#home div#header {
	background: black url("images/topbg_1.jpg") no-repeat top right;
}

body#materialsGranite div#header,
body#materialsLimestone div#header,
body#materialsMarble div#header,
body#materialsTravertine div#header {
	background: black url("images/topbg_2.jpg") no-repeat top right;
}

body#gallery div#header,
body#media div#header {
	background: black url("images/topbg_3.jpg") no-repeat top right;
}

body#guideEdges div#header,
body#guideCareguide div#header,
body#guideEstimates div#header {
	background: black url("images/topbg_4.jpg") no-repeat top right;
}

body#aboutus div#header {
	background: black url("images/topbg_5.jpg") no-repeat top right;
}

body#contact div#header {
	background: black url("images/topbg_6.jpg") no-repeat top right;
}

#header img {
	margin: 17px 0 0 11px;
	border: 0;
}	
	
#mainmenu {
	width: 760px;
	text-align: left;
}


/* ----------------- MAIN MENU --------------------- */

ul.nav {
	list-style: none;
	margin: 0; padding: 9px 20px 9px 0;
	font-family: arial light, arial, helvetica, sans-serif;
	background: gray url("images/button_bg_off.gif") top center;
}

ul.nav li {
	display:inline;
}

ul.nav a {
	text-decoration: none;
	margin: 0;
	padding: 9px 20px;
	background: gray url("images/button_bg_off.gif") top center;
}

ul.nav a:hover {
	background: url('images/button_bg_on.gif') top center;
}

body#home li#homelink a {background: url('images/button_bg_on.gif') top center;}

body#materialsLimestone li#materialslink a,
body#materialsGranite li#materialslink a,
body#materialsMarble li#materialslink a,
body#materialsTravertine li#materialslink a {background: url('images/button_bg_on.gif') top center;}


body#gallery li#gallerylink a {background: url('images/button_bg_on.gif') top center;}

body#guideEdges li#guidelink a,
body#guideCareguide li#guidelink a,
body#guideEstimates li#guidelink a {background: url('images/button_bg_on.gif') top center;}

body#aboutus li#aboutuslink a {background: url('images/button_bg_on.gif') top center;}

body#media li#medialink a {background: url('images/button_bg_on.gif') top center;}

body#contact li#contactlink a {background: url('images/button_bg_on.gif') top center;}

ul.nav a:link {color: white;}
ul.nav a:visited {color: white;}
ul.nav a:hover {color: yellow;}
ul.nav a:active {color: #FF6600;}

/* ------------------------------------------------------ */

#content {
	width: auto;
	padding: 0px;
	margin: 10px 10px 0 200px;
}

* html #content {
	height: 1%
}

#sidebar {
	float: left;
	/*margin: 10px 0 0 10px; */
	width: 175px;
	}


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

ul.sidenav {
	margin: 0; padding: 0;
	list-style: none;
	font-family: arial light, arial, helvetica, sans-serif;
	background: #CCCCCC;
}

ul.sidenav a {
	display: block;
	text-decoration: none;
	border-bottom: 1px dotted gray;
	padding: 7px 5px;
}

ul.sidenav a:hover {
	background: white;
}

ul.sidenav li#granite a:hover {background: #E1E0E0;}
ul.sidenav li#marble a:hover {background: #E1E0E0;}
ul.sidenav li#travertine a:hover {background: #E1E0E0;}

ul.sidenav li#edges a:hover {background: #E1E0E0;}
ul.sidenav li#careguide a:hover {background: #E1E0E0;}
ul.sidenav li#estimates a:hover {background: #E1E0E0;}


ul.sidenav li {
	display: inline;
}
	
* html ul.sidenav a {
	height: 1px;
}	

body#materialsGranite li#granite a,
body#materialsMarble li#marble a,
body#materialsTravertine li#travertine a,
body#materialsLimestone li#limestone a
{background: white;}

body#guideEdges li#edges a,
body#guideCareguide li#careguide a,
body#guideEstimates li#estimates a
{background: white;}


/* ---------------------------------------------------*/



.column {
	width: auto;
	float: left;
	margin-right: 20px;
}	

.columnLeftLine {
	width: auto;
	float: left;
	margin: 25px 0 0 0;
	padding-left: 10px;
	border-left: 1px solid gray;
}	

.columnEdgeNames {
	margin-left: 390px;
}

.columnEdgeNames p {
	margin: 35px 0 70px 0; 
	padding: 0;
}

.hilite1 {
float: left;
	width: auto;
	background: white;
	padding: 10px;
	border: 1px solid #CCCCCC;
	margin: 10px 0 10px 0;
}

.hilite1 p {
	font-size: .9em;
}

.sample {
	float: left;
	width: 160px;
	margin: 0 15px 15px 0;
}

.sample img {
	border: 1px solid black;
}

.sample p {
	text-align: center;
}	


.project {
	float: left;
	width: 120px;
	margin: 0 15px 15px 0;
}

.project img {
	border: 1px solid black;
}


#footer  {
	clear: both;
	width: 760px;
	text-align: center;
	background-color: white;
}

#footer p {
	font-size: 10px;
	padding: 7px;
	}

h1, h2, h3, h4, p {
	margin: 0; padding: 0;
}

p {
	margin-top: 3px;
}	

h1 {font-size: 1.4em;}
h2 {font-size: 1.1em;}
h3 {font-size: .9em;}
h4 {font-size: .95em;}

h1,h2,h3,h4 {margin-top: 7px;}

a:link {color: #996600;}
a:visited {color: #663300;}
a:hover {color: #CC3300;}
a:active {color: ##CC0000;}

body#materialsLimestone h2 {
	clear: both;
	padding-top: 18px;
	margin: 18px 0;
	border-top: 1px dotted  #663300;
}

br.clear {clear: both;}

fieldset {
	background-color: white;
	margin-top: 10px;
}

legend {
	background-color: #FFCC00;
	border: 1px solid black;
	background-color: white;
}

legend h2 {
	margin-top: 0;
	padding-top: 0;
	padding: 3px;
}	

td.estimate  {
	padding: 10px 0;
	border-bottom: 1px dotted gray;
}	

td.estimate2  {
	padding: 10px 10px 10px 0;
	border-bottom: 1px dotted gray;
}