/* ----------------------------------------- General --------------------------------- */
body{
	/*background: url(images2/backgroundvinegreen.gif) -1px -1px;*/
	background: url(images/grassBg.jpg) repeat;
	margin: 0px;
	font: 10pt Arial, sans-serif;
	color: #000000;
}
.skiplink{
	display: none;
}
.hide{
	display: none;
}
.emphasis{
	font-weight: bold;
}
p{
	margin: 1em 0px 0px 0px;
}
embed{
	display: block;
	text-align: center;
	margin: auto;
	margin-top: 5px;
}
/* -------------------------------- Background image to left ------------------------- */
#body{
	/*background: url(images2/bgleft5.gif) 779px 0px no-repeat;*/
	background: url(images/imgBgRight.png) 779px 0px no-repeat;
	height: 100%;
	width: 1000px;
	margin: 0px auto;
	min-height: 576px;
}
#body{
	/*background: url(images2/bgleft5.gif) 779px 0px no-repeat;*/
	background: url(images/imgBgRight.png) 779px 0px no-repeat;
	height: 100%;
	width: 1000px;
	margin: 0px auto;
	min-height: 576px;
}
/* ------------------------------- Container ------------------------------- */
#container{
	width: 779px;
/*	margin: auto; */
	position: relative;
	background-color: white;
	-moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, .7);
	-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, .7);
	-khtml-box-shadow: 0px 2px 10px rgba(0, 0, 0, .7);
	box-shadow: 0px 2px 10px rgba(0, 0, 0, .7);
	border: 1px solid #333;
	margin: 4px 0px 10px 0px;
}
/* ---------------------------- Header -------------------------------- */
#header{
	width: 779px;
	height: 112px;
	background: url(images2/header2.gif);
	position: relative;
}
#header h1{
	display: none;
	margin: 0px;
	padding: 0px;
	font-size: 10pt;
}
#header h2{
	font-size: 10pt;
	margin: 0px;
	padding: 0px;
	height: 71px;
	width: 477px;
	background: url(images2/headertext.gif);
	position: absolute;
	top: 0px;
	left: 268px;
}
#header h2 span{
	display: none;
}
/* ------------------------------- Navigation -------------------------------- */
#navigation{
	position: absolute;
	left: 222px;
	top: 77px;
	width: 557px;
	height: 35px;
	background: url(images2/navigation2.gif) no-repeat;
	z-index: 100;
}
#navigation ul{
	margin: 0px;
	padding: 0px;
	z-index: 5000;
}
#navigation ul ul{
	display: none;
	z-index: 5000;
}
#navigation ul li:hover ul, #navigation ul li.over ul{
	display: block;
	margin-top: -35px;
	position: absolute;
	z-index: 5000;
	width: 90px;
}
#navigation li{
	display: block;
	height: 35px;
	float: left;
}
#navigation li.home{
	width: 90px;
}
#navigation li.home a{
	display: block;
	width: 90px;
	height: 35px;
}
#navigation li.home a:hover{
	background: url(images2/navigationover2.gif);
}
#navigation li.about{
	width: 80px;
}
#navigation li.about a{
	display: block;
	width: 80px;
	height: 35px;
}
#navigation li.about a:hover{
	background: url(images2/navigationover2.gif) -90px 0px;
}
#navigation li.products{
	width: 115px;
	height: 35px;
	float: left;
}
#navigation li.products a{
	display: block;
	width: 115px;
	height: 35px;
}
#navigation li.products a:hover{
	background: url(images2/productsover.gif) 0px 0px no-repeat;
}
#navigation li.process{
	width: 147px;
}
#navigation li.process a{
	display: block;
	width: 147px;
	height: 35px;
}
#navigation li.process a:hover{
	background: url(images2/navigationover2.gif) -285px 0px;
}
#navigation li.contact{
	width: 105px;
}
#navigation li.contact a{
	display: block;
	height: 35px;
	width: 105px;
}
#navigation li.contact a:hover{
	background: url(images2/navigationover2.gif) -432px 0px;
}
#navigation ul ul li.residential{
	width: 114px;
	height: 70px;
	background: url(images2/residential2.gif);
}
#navigation ul ul li.residential a{
	display: block;
	width: 114px;
	height: 70px;
}
#navigation ul ul li.residential a:hover{
	background: url(images2/residentialover2.gif);
}
#navigation ul ul li.commercial{
	width: 114px;
	height: 35px;
	background: url(images2/commercial2.gif);
	z-index: 500;
}
#navigation ul ul li.commercial a{
	display: block;
	height: 35px;
	width: 114px;
}
#navigation ul ul li.commercial a:hover{
	background: url(images2/commercialover2.gif);
}
#navigation li span{
	display: none;
}
/* ------------------------------------- Left nav (Galleries) ------------------------ */
#leftnav{
	float: left;
	height: 194px;
	width: 185px;
	background: url(images2/leftnav2.gif);
	text-align: left;
}
* html #leftnav{
	position: relative;
	top: 0px;
}
#leftnav li a{
	display: block;
	color: #FFCF84;
	padding: 3px 0px;
	text-decoration: none;
	width: 175px;
} 
#leftnav li a:hover{
	background-color: #202020;
	color: white;
}
#leftnav h2{
	margin: 15px 0px 2px 5px;
	font-size: 10pt;
	font-family: Georgia, sans-serif;
	text-transform: uppercase;
	color: white;
}
#leftnav ul{
	list-style-type: none;
	color: #FFCF84;
	font: 10pt Georgia, sans-serif;
	margin: 0px;
	padding: 0px;
	border-top: 1px dashed #94C78B;
	text-align: left;
	margin-left: 5px;
	width: 175px;
}
#leftnav li{
	border-bottom: 1px dashed #94C78B;
}
/* -------------------------------- Flash (also the main images) ----------------------- */
/*#flashShow {
	z-index: 5;
	margin-top: -8px;
	float: left;
	position: relative;
}
#flashShow img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 590px;
	height: 183px;
	z-index:5;
}
#flashShow img.active {
  z-index: 10;
}
#flashShow img.last-active {
  z-index: 15;
}*/

#flashShow {
  position: relative;
	margin: 0px auto 20px auto;
	top: 0px;
	left: 0px;
	float: left;
}
#flashShow IMG {
	position:absolute;
	top:0;
	left:0;
	width:590px;
	height: 183px
	z-index:8;
}
#flashShow IMG.active {
	z-index:10;
}
#flashShow IMG.last-active {
	z-index:9;
}



body.home object{
	margin: 0px;
	padding: 0px;
}
body.about #flash{
	margin-top: -9px;
}
body.contact #flash{
	margin-left: -1px;
	margin-top: -9px;
}
body.residentialcurbing #flash{
	margin-top: -9px;
}
body.process #flash{
	margin-left: -1px;
}
/* --------------------------------- Content --------------------------------- */
#content{
	width: 100%;
	display: block;
	text-align: left;
}
/* ------------------------------------- Left column ------------------------- */
#leftcolumn{
	width: 179px;
	float: left;
	clear: both;
}
#leftcolumn a.text{
	font-size: 10pt;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 29px;
	text-align: center;
}
#leftcolumn a span{
	display: none;
}
#leftcolumn div.residential{
	width: 178px;
	display: block;
	background: url(images2/residentiallink.gif) no-repeat;
	position: relative;
	text-align: center;
	padding-bottom: 3px;
}
#leftcolumn div.commercial{
	width: 178px;
	display: block;
	background: url(images2/commerciallink.gif) no-repeat;
	position: relative;
	text-align: center;
	padding-bottom: 3px;
}
/* --------------------------------- Right Column ------------------------- */
#rightcolumn{
	width: 595px;
	float: left;
	border-left: 1px dashed #606060;
	padding-left: 3px;
}
#rightcolumn a.curbdepot{
	width: 49%;
	float: left;
	height: 73px;
	background: url(images/curb-depot-logo-sm.jpg) center no-repeat;
	margin-top: 10px;
	text-indent: -9999px;
}
#rightcolumn a.seevideo{
	width: 98%;
	float: left;
	height: 90px;
	background: url(images2/video.gif) center no-repeat;
	text-indent: -9999px;
	margin-top: 10px;
}
/* --------------------------------- The headers of each page -------------------- */
#rightcolumn h1{
	font-size: 10pt;
	margin: -20px 0px -10px 0px;
	padding: 0px;
	height: 48px;
	display: block;
	background: url(images2/welcomebrick.gif) no-repeat;
	position: relative
}
body.about #rightcolumn h1{
	background: url(images2/aboutus.gif) no-repeat;
}
body.video #rightcolumn h1{
	background: url(images2/videohead.gif) no-repeat;
}
body.contact #rightcolumn h1{
	background: url(images2/contactus.gif) no-repeat;
}
body.residentialcurbing #rightcolumn h1{
	background: url(images2/residentialcurb.gif) no-repeat;
}
body.process #rightcolumn h1{
	background: url(images2/theprocess.gif) no-repeat;
}
body.mowergallery #rightcolumn h1{
	background: url(images2/mowerstyle.gif) no-repeat;
}
body.beforeafter #rightcolumn h1{
	background: url(images2/beforeafterheader.gif) no-repeat;
}
body.slantgallery #rightcolumn h1{
	background: url(images2/slantgallery.gif) no-repeat;
}
body.commercialgallery #rightcolumn h1{
	background: url(images2/commercialgallery.gif) no-repeat;
}
body.commercial #rightcolumn h1{
	background: url(images2/commercialcurbs.gif) no-repeat;
}
body.patterns #rightcolumn h1{
	background: url(images2/patterns.gif) no-repeat;
}
body.colors #rightcolumn h1{
	background: url(images2/colors.gif) no-repeat;
}
body.extruding #rightcolumn h1{
	background: url(images2/extruding.gif) no-repeat;
}
body.finishing #rightcolumn h1{
	background: url(images2/finishing.gif) no-repeat;
}
body.mixing #rightcolumn h1{
	background: url(images2/mixing.gif) no-repeat;
}
body.sodcutting #rightcolumn h1{
	background: url(images2/sodcutting.gif) no-repeat;
}
body.sitemap #rightcolumn h1{
	background: url(images2/sitemap.gif) no-repeat;
}
#rightcolumn h1 span{
	display: none;
}
/* ----------------------------- Stupid clear fix -------------------------------- */
#bottomfix{
	clear: both;
	height: 1px;
}
.html #bottomfix{
	display: none;
}
/* -------------------------------- Footer ----------------------------------------- */
#footer{
	text-align: center;
	background: url(images2/footer.gif) no-repeat;
	font: 8pt Arial, sans-serif;
	color: white;
	padding: 9px 0px 6px 0px;
}
#footer table{
	width: 760px;
	margin: auto;
	margin-bottom: 6px;
}
#footer table td{
	color: white;
	text-align: center;
}
#footer table td a, #footer a{
	color: white;
}
/* ----------------------------------------- Residential curb page -------------------- */
div.curbingtypes{
	display: block;
	margin-top: 25px;
	margin-bottom: 10px;
}
div.slant{
	float: left;
	width: 290px;
	padding-bottom: 9px;
}
#rightcolumn div.slant h2{
	background: url(images2/slantcolumn.gif);
	height: 61px;
	width: 290px;
	font-size: 10pt;
	margin: 0px;
	padding: 0px;
}
#rightcolumn div.slant h2 span{
	display: none;
}
#rightcolumn div.slant img{
	display: block;
	text-align: center;
	margin: auto;
	margin-bottom: 5px;
	margin-top: 5px;
}
div.mower{
	float: right;
	width: 290px;
	border-left: 1px dashed #606060;
	padding-right: 2px;
	padding-left: 6px;
	padding-bottom: 9px;
}
#rightcolumn div.mower h2{
	background: url(images2/mowercolumn.gif);
	height: 61px;
	width: 290px;
	font-size: 10pt;
	margin: 0px;
	padding: 0px;
}
#rightcolumn div.mower h2 span{
	display: none;
}
#rightcolumn div.mower img{
	display: block;
	text-align: center;
	margin: auto;
	margin-bottom: 10px;
	margin-top: 20px;
}
.after{
	clear: both;
}
/* ------------------------------------ Float divs ------------------------------- */
div.float{
	width: 33%;
	float: left;
	text-align: center;
	padding-bottom: 1px;
	padding-top: 4px;
	
}
div#new{
	display: block;
	clear: both;
}
div.new{
	width: 33%;
	float: left;
	text-align: center;
	padding-bottom: 1px;
	padding-top: 4px;
}
div.float img{
	border: 1px solid black;
	margin: 0px;
}
div.float p{
	text-align: center;
	font: 10pt, Arial;
	margin-top: 3px;
}
body.beforeafter div.float{
	width: 100%;
	padding-top: 10px;
}
/* ----------------------------------- The process -------------------------------------- */
#rightcolumn div.step{
	clear: both;
	padding-bottom: 6px;
}
#rightcolumn div.step img{
	float: right;
	margin-left: 6px;
	border: 1px solid black;
	margin-right: 3px;
	margin-bottom: 5px;
}
/* ------------------------------ Flash movies on video pages --------------------------------- */
object{
	display: block;
	text-align: center;
	margin: auto;
	margin-top: 15px;
}

/* ------------------------------------------------------------------------
FORM ELEMENTS
------------------------------------------------------------------------*/
form {
	margin-top: 20px;
	width: 600px;
	color: #666;
}
label, input, select {
	width: 200px;
	float: left;
	display: block;
	font: 12px Verdana, Geneva, sans-serif;
}
label {
	margin-bottom: 10px;
	height: 18px;
	width: 200px;
}
input, select, textarea {
	margin-bottom: 10px;
	padding: 5px;
	border: 1px solid #ccc;
}
br {
 clear: left;
}
.btn {
	padding: 2px 5px; 
	margin-top: 10px;
	width: auto;
}
.attn {
	color: #990000;
	font-weight: bold;
}


a.vidLink {
	display:block;
	float:right;
	background: url(images/video.jpg) no-repeat;
	background-position: 4px 4px;
	width: 272px;
	height: 90px;
	padding: 4px;
	border:1px solid #641414;
	margin: 0px 8px 0px 4px;
	text-indent: -9999px;
}
a.vidLink:hover {	
	background: url(images/videoOver.jpg) no-repeat;
	background-position: 4px 4px;
}