body{
	background: url(/images/container-bg.png) top -1px no-repeat;
}
#container{
	padding-top: 60px;
	padding-left: 170px;
	
}
#header{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: #ebf5f5;
	position: absolute;
	width: 100%;
	top: 0;
	min-width: 800px;
	height: 25px;
}
#header h1{
	width: 25px;
	height: 25px;
	font-size: 1px;
	text-indent: -1500em;
	background: #669999 url(/images/dura_logo_small.png) center center no-repeat;
	border-right: 1px solid #fff;
	float: left;
	margin: 0;
	padding: 0;
}
#header h1 a{
	display: block;
	width: 25px;
	height: 25px;
}
#nav{
	float: left;
	background: #336666 url(/images/diagonal1.png) right top no-repeat;
	padding: 0 135px 0 0;
}
#nav ul{
	margin: 0;
}
#nav li{
	display: block;
	float: left;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#nav ul ul li{
	display: block;
	float: none;
	padding: 0;
	border: none;
	font-weight: normal;
	position: relative;
}
#nav li a{
	padding: 0 7px;
	height: 25px;
	border-right: 1px solid #669999;
	float: left;
	color: #fff;
	display: block;
}

#nav li a:hover{
	background: #336666 url(/images/nav_hover1.png) bottom repeat-x;
}

.aboutus li#navabout a,
.products li#navproducts a,
.portfolio li#navportfolio a,
.ornament li#navornament a,
.security li#navsecurity a,
.industryspecs li#navspecs a{
	background: #fff;
	color: #000;
}
.aboutus li#navabout ul a,
.products li#navproducts ul a,
.portfolio li#navportfolio ul a,
.ornament li#navornament ul a,
.security li#navsecurity ul a,
.industryspecs li#navspecs ul a{
	background: none;
	color: #fff;
}


#nav li li a:hover{
	background: none;
}
#nav li a span{
	display: block;
	padding-top: 5px;
}
#nav ul ul li a{
	padding: 1px 7px;
	border: none;
	height: auto;
	float: none;
}
#nav ul ul li a:hover{
	color: #000;
	background: #cccc99;
}
#nav ul ul ul li a{
	background: none;
	padding-left: 17px;
}
#nav ul ul ul li a:hover{
	
}
#nav ul ul{
	position: absolute;
	top: 26px;
	left: 0;
	width: 109px;
	background: url(/images/sidenav_bg.png) bottom left no-repeat;
	margin: 0;
	padding: 5px 0 60px 26px;
	display: none;
}
#nav ul ul li{
	list-style-type: none;
}
#nav ul ul ul{
	position: relative;
	top:0;
	left:0;
	border: none;
	background: #81b1b1;
	margin: 0;
	padding: 5px 0 7px 0;
	display: none;
}
.aboutus #nav ul#aboutuslist,
.products #nav ul#productslist,
.portfolio #nav ul#portfoliolist,
.ornaments #nav ul#ornamentslist,
.security #nav ul#securitylist,
.industryspecs #nav ul#industryspecslist,
.securityplanters #nav ul#securityplanterslist,
.planters #nav ul#planterslist,
.bowls #nav ul#bowlslist{
	display: block;
}
#nav a span.navthm{
	display: none;
	
}
#nav a:hover span.navthm{
	display: block;
	position:absolute;
	top: -10px;
	left: 113px;
	width: 37px;
	height: 30px;
	padding: none;
}

#nav #navhome a{
	text-indent: -1500em;
	width: 130px;
	background: url(../images/duraartstone_logo_small.png) center center no-repeat;
}
#nav #currentpage a,
#nav .currentpage a,
#nav a#currentpage{
	background-color: #336666;
	color: #fff;
}
#content{
	float: left;
	width: 710px;
	padding-bottom: 30px;
	overflow:visible;
}
#footer{
	clear: both;
	padding: 10px 0 10px 0;
	border-top: 1px solid #ddd;
	width: 550px;
}

table.infotable1{
	background: #ebf5f5;
}
table.infotable1 td{
	padding: 10px;
}
table.infotable2{
}
tr.even th,
tr.even td{
	background: #ebf5f5;
}
div.even{
	background: #ebf5f5;
}
div.odd{
	background: #fff;
}
table.infotable2 th{
	width: 150px;
	padding: 10px 10px 30px 10px;
}
table.infotable2 td{
	padding: 10px 10px 30px 10px;
}
table.layout{
	margin-bottom: 0;
}

ul.pagethumbs{
	list-style-type: none;
	margin: 0;
}
ul.pagethumbs li{
	list-style-type: none;
	float: left;
	margin: 0;
}
ul.pagethumbs img{
	display: block;
}
ul.pagethumbs li a{
	width: 100px;
	display: block;
	float: left;
	margin: 0 2px 2px 0;
	text-align:  center;
	font-weight: bold;
	padding: 0 0 2px 0;
}
ul.pagethumbs li a img{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
ul.pagethumbs li a:hover img{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}
.section1{
	clear: both;
	border: 1px solid #ddd;
	padding: 5px;
	margin-bottom: 15px;
}

.section1wide ul, ol {
    margin: 0;
}
.section1wide{
	clear: both;
	border: 1px solid #ddd;
	margin-bottom: 15px;
	width:830px;
}

.section1 ul, ol {
    margin: 0;
}
.section1column{
	float: left;
	margin-right: 5px;
	padding: 5px 5px 0 5px;
}


ul.picker,
ul.picker li{
	list-style-type: none;
	margin-left: 0;
}
ul.picker li {
	display: block;
	padding: 4px 0 4px 30px;
	background-position: left center;
	background-repeat: no-repeat;
}
li.fnsh-smth	{background-image: url(/images/finish_smooth-20x20.jpg);}
li.fnsh-acid	{background-image: url(/images/finish_acidetch-20x20.jpg);}
li.fnsh-light	{background-image: url(/images/finish_lightsandblast-20x20.jpg);}
li.fnsh-med		{background-image: url(/images/finish_mediumsandblast-20x20.jpg);}
li.fnsh-hvy		{background-image: url(/images/finish_heavysandblast-20x20.jpg);}
li.fnsh-expsd	{background-image: url(/images/finish_exposedaggregate-20x20.jpg);}

li.clr-sgray	{background-image: url(/images/color_slategray-20x20.jpg);}
li.clr-char		{background-image: url(/images/color_charcoal-20x20.jpg);}
li.clr-white	{background-image: url(/images/color_white-20x20.jpg);}
li.clr-tan		{background-image: url(/images/color_tan-20x20.jpg);}
li.clr-terra	{background-image: url(/images/color_terracotta-20x20.jpg);}
li.clr-beach	{background-image: url(/images/color_beachbrown-20x20.jpg);}
li.clr-sbuff	{background-image: url(/images/color_sandbuff-20x20.jpg);}
li.clr-dbrown	{background-image: url(/images/color_darkbrown-20x20.jpg);}
li.clr-rbrown	{background-image: url(/images/color_rusticbrown-20x20.jpg);}
li.clr-lime		{background-image: url(/images/color_limestone-20x20.jpg);}
li.clr-surf		{background-image: url(/images/color_surfgreen-20x20.jpg);}
li.clr-rust		{background-image: url(/images/color_rust-20x20.jpg);}
li.clr-nord		{background-image: url(/images/color_nordiccream-20x20.jpg);}
li.clr-dove		{background-image: url(/images/color_dovegray-20x20.jpg);}
li.clr-silica	{background-image: url(/images/color_silicawhite-20x20.jpg);}
li.clr-mex		{background-image: url(/images/color_mexicantile-20x20.jpg);}
li.clr-mojav	{background-image: url(/images/color_mojavesand-20x20.jpg);}
li.clr-stone	{background-image: url(/images/color_stonegray-20x20.jpg);}


/* Table Styles */
table.tabular1 td,
table.tabular1 th{
	border: 1px solid #ddd;
}
table.tabular1 th{
	background: #f5fafa;
}
table.tabular1 th.th1{
	background: #ebf5f5;
}
table td.empty,
table th.empty{
	border: none;
	background: none;
}

table.tooltiptable{
	width: auto;
	margin-bottom: 0;
}
table.tooltiptable td,
table.tooltiptable th{
	border: 1px solid #ddd;
	padding: 1px 4px;
	font-size: 9px;
}
table.tooltiptable th{
	background: #f5fafa;
}
table.tooltiptable th.th1{
	background: #ebf5f5;
	font-size: 11px;
}
/* Misc Classes */
h3 span.h3note { font-size: 50%; font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode" sans-serif;}
.caption{
	margin-bottom: 1em;
	color: #666;
}
.caption p{
	margin-bottom: 0;
	color: #666;
	white-space: normal;
	font-size: 97%;
}
.sidecaption{
	padding: 5px;
}
.sideimage{
	width: 225px;
	text-align: right;
	margin: 0 10px -3px 0;
	padding: 0;
	float: left;
}
.left{
	float: left;
	margin: 0 5px 5px 0;
}
.right{
	float: right;
	margin: 0 0 5px 5px;
}
.floatleft{
	float: left;
}
.floatright{
	float: right;
}

.anchor{
	position: relative;
	display: block;
	top: -30px;
}
.mount th{
	text-align: center;
}
.mount td{
	padding: 0;
	text-align: center;
	width: 30%;
}
.mount img{
	padding: 0;
}
.swatches td{
	padding: 1px;
	width: 80px;
}
.order td,
.order th{
	text-align: center;
}

.code,
a .code{
	font-family:  Monaco, "Lucida Console", monospace;
	font-weight: bold;
	padding: 0 2px;
	margin: 0 2px 0 0;
	border: 1px solid #818284;
	color: #818284;
	font-size: 9px;
}

.code2,
a .code2{
	font-weight: bold;
	color: #000;
}

.form-row{
	padding-top: 10px;
}
#form-submit{
	margin-top: 10px;
	border-top: 1px solid #ddd;
	padding-top: 10px;
}

/* Slideshow */
#slideshow * { margin: 0; padding: 0; }
#slideshow { position: relative;  width: 550px; height: 280px;}
#slideshow #menu, #slideshow #pictures, #slideshow #loading { position: absolute; }
#slideshow #loading {  display: block; top: 158px; left: 205px; text-indent: -5000px; width: 24px; height: 24px; visibility: hidden; z-index: 5; }
#slideshow #pictures { background: url('/images/slideshow/spinner2.gif') 50% 50% no-repeat; width: 390px; height: 280px; left: 0; overflow: hidden; }
#slideshow #pictures li { display: block; position: absolute; top: 0; width: 437px; }
#slideshow #pictures li img { display: block; position: relative; bottom: 0; }
#slideshow #menu { background: url('/images/slideshow/bg_side.png'); list-style-type: none; width: 160px; height: 270px; right: 0; padding-top: 10px; }
#slideshow #menu li { display: block; z-index: 99999; position: relative; zoom: 1; }
#slideshow #menu li a { display: block; font: 11px "Lucida Grande", "Verdana"; text-decoration: none; padding: 6px 0 6px 28px; z-index: 99999; color: #94b7b7; line-height: 14px; vertical-align: middle; zoom: 1; }
#slideshow #menu li a:focus { outline: 0; }
#slideshow #menu li a:hover { color: #fff; }
#slideshow #menu li.current a { font: 15px "Georgia"; color: #fff; padding: 4px 0 4px 28px; line-height: 18px; }
#slideshow #menu li.background { background: url('/images/slideshow/arrow.png') no-repeat left center; position: absolute; font-size: 1px; height: 7px; width: 4px; z-index: 5; }
/* End Slideshow */



/* Security Style */
body.security {
	background: #e5e5cc url(/images/container-bg2.png) top -1px no-repeat;
}
.security #header{
	background: #d6d6b9;
}
.security #nav{
	background: #336666 url(/images/diagonal2.png) right top no-repeat;
}

.security h4{
	border-bottom-color: #c6c6b1;
}
.security #footer{
	border-top-color: #c6c6b1;
}
.security .section1{
	border: 1px solid #c6c6b1;
	background: #fff;
}
/* End Security Style */
ul.installopts{
	margin: 0 20px 0 0;
	display: inline;
}
ul.installopts li{
	display: inline;
}
.icon{
	margin-bottom: -2px;
}
.error{
	color: #ff0000;
}
/*---------------------------------------------------------------*/
/* 3. ACCORDION
/*---------------------------------------------------------------*/
.accordion {width: 100%;padding:0 0 20px 0;background:none;}
.accordion a {text-decoration: none;}
.opener {background:#FFF url(/images/bg-accordion-opener.jpg) left bottom repeat-x;display:block;font-size:13px;padding:8px 9px;outline: none;color:#676767;border: 1px solid #C3C3C3;margin-bottom:3px;}
.opener:hover {color:#222;text-decoration: none;}
.opener strong {background:url(/images/bg-accordion-close.png) 2px 3px no-repeat;display:block;padding:2px 0 2px 32px;height:1%;cursor:pointer;text-shadow:1px 1px 1px #FFF;}
.accordion .slide-holder {width:100%;overflow:hidden;}
.accordion {list-style:none;}
.accordion .ui-state-active strong {background:url(/images/bg-accordion-open.png) 2px 3px no-repeat !important;color:#222;}
.accordion .slide {padding:20px 15px 0 15px;}