/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
select, input { margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;
font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #4B4744; }

/* base layout */
body { }
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0; }
p { padding: 5px 0; margin: 0; }
img { border: 0; }
a { color: #747471; }
a:hover { color: #747471; }
span.required { color: #DD0000; }
span.note { font-style: italic; font-size: 10px; }
/* common classes 
---------------------------------*/

.fl-left { float: left; }
.fl-right { float: right; }
.fl-clear	{
	clear: both;	
}

#body { background: url(../images/background.gif) repeat-x #4B4744; }

/* homepage */
#shell-home { width: 925px; text-align: center; color: #AEAC9E; }

#shell-home div#header { overflow: hidden; width: 925px; }
#shell-home div#header a { display: block; margin: 5px auto; width: 146px; height: 145px; background: url(../images/logo.gif) #4B4744 no-repeat; text-decoration: none;}

#home-photos { height: 429px; margin: 0 0 47px 0; }
#home-photos div { text-align: left; float: left; display: inline; margin: 11px 0 0 0; width: 308px; height: 411px;  border: solid #CECCB6; border-width: 6px 0px 1px 0px; }
#home-photos a#photo1 { background: url(../images/home-photo-01.jpg) no-repeat; }
#home-photos a#photo2 { background: url(../images/home-photo-02.jpg) no-repeat; }
#home-photos a#photo3 { background: url(../images/home-photo-03.jpg) no-repeat; width: 305px; border-width: 6px 1px 1px 1px; }

/* internal */
#shell-internal { width: 925px; text-align: center; color: #AEAC9E; }
#shell-internal div#header { text-align: left; width: 925px; border-bottom: #CECCB6 6px solid; height: 161px; margin: 0 0 0 0; }
#shell-internal div#header a.logo { float: left; display: block; margin: 11px 0 0 0; width: 137px; height: 136px; background: url(../images/logo-internal.gif) #4B4744 no-repeat; text-decoration: none; }

#nav { display: inline; float: left; width: 645px; margin: 88px 0 0 98px; }

#bnr { text-align: left; background: #3F3C37; padding: 15px 0 0 388px; height: 32px; }
#bnr img { width: 509px; height: 21px; }

#content { text-align: left; background: #CECCB6; padding: 28px 27px 18px 48px; margin: 0 0 47px 0; }
#content div.text { min-height: 308px; }
* html #content div.text { height: 308px; }
#content div.text { line-height: 140%; }

#content p.title { font-size: 16px; font-weight:bold; padding-bottom: 10px; }

/*NAV*/
#nav ul { background: url(../images/nav-bg.gif) repeat-x; list-style:none; padding:0; }
#nav a { display: block; height: 11px; text-indent: -6000px;  }
#nav li.menu-cat { float: left; display: block; }/*menu category styling*/
#nav li:hover { position:relative; } /*hold flyout positioning*/

/* dropdown */
#nav li ul a { padding: 5px 3px 5px 20px; text-indent: 0; height: auto; width: 147px; color: #302C29; text-decoration: none; } /* reset for dropdown */
#nav li ul a:hover { color: #FFF; background: #A39F81; } /*reset for dropdown */
#nav ul ul { position: absolute; top: 11px; left: 10px; width: 172px; height: auto; margin:0;padding:0; list-style:none; border-left: 0 #9B9895 solid; border-top: 9px solid #4B4744; } /*dropdown properties*/
#nav li ul li { border: #9B9895 solid; border-width: 0 1px 1px 1px; }
#nav li ul li ul { position: absolute; top: 5px; left: 100%; } /*flyout positioning */
/* display/don't display */
#nav ul ul,
#nav li:hover ul ul{ display: none; } /*hide dropdown*/
#nav li:hover ul,
#nav ul ul li:hover ul{ display: block; background:url(../images/dropdown-bg.png); } /*dropdown item properties*/

/* main nav */
#nav li#nav-fireplacemantels { background: url(../images/nav-fireplace-mantels.gif); width: 151px; }
#nav li#nav-fireplacemantels:hover { background-position: 0 -11px; }
#nav li#nav-arch { background: url(../images/nav-architectural-castings.gif); width: 192px; }
#nav li#nav-arch:hover {background-position: 0 -11px; }
#nav li#nav-plastersystems { background: url(../images/nav-plaster-systems.gif); width: 129px; }
#nav li#nav-plastersystems:hover {background-position: 0 -11px; }
#nav li#nav-aboutus { background: url(../images/nav-about-us.gif); width: 82px; }
#nav li#nav-aboutus:hover {background-position: 0 -11px; }
#nav li#nav-contactus { background: url(../images/nav-contact-us.gif); width: 91px; }
#nav li#nav-contactus:hover {background-position: 0 -11px; }


/*forms */
#content-form { width: 450px; }
#content-form td { padding: 0 0 2px 0; }
#content-form td.label { text-align: right; vertical-align: top; padding: 0 5px 0 0; }
#content-form input.text { padding: 2px; width: 150px; border: 1px solid #9B9895; }
#content-form input.short { width: 55px; }
#content-form textarea.text { width: 220px; height: 60px; border: 1px solid #9B9895; }
#content-form input.button { padding: 2px; background: #4B4744; color: #FFF; }

/* --- Products extension --- 
Note: Image sizes are set in the extension view /includes/views/

*/
/*#products{  margin: 0px 10px;}
#products .product_title{ padding:10px 0px;}
#products a{ color:darkred; }
#products .products_image{
	padding:5px;
	border:1px solid white;
	margin-right:10px;
	float:left;
}
*/

#products{
	width: 890px;
	overflow: hidden;
}

/* ---specialty gallery stuff ----- */
#products_gallery_snippet{
	
}

#products_gallery_snippet #products{
width: 500px;
}

#products_gallery_snippet .products_row .products_box{
padding: 0px; width: 210px; float: right;
}
/* --- end specialty gallery stuff ----- */


#products_left_bar{
	width:115px;
	height: 280px;
	float:left;
}

#products_main_content{
	float:right;
	width:740px;
}

.products_row{
	float:right;
	overflow:hidden;
	width: 740px;
}

#products_gallery_snippet .products_row{ width:500px; }

.products_box{
	padding:0px 2px 20px 4px; 
	margin:4px;
	text-align: center;
	width: 210px;
	float: left;
}



/*---- */

#products_detail{
	float:right;
	width:850px;
	border:1px s
	text-align: center;
}

.products a{
	text-decoration: underline;
}


.products_image{
	
	padding: 6px;
	border:  1px solid darkgray;
}

.products_image_detail{
	
	padding: 6px;
	border:  1px solid darkgray;
	float: left;
	margin: 0px 10px 10px 0px;
}

.product_title{
	font-size: 130%;
}

#products_left_bar li {
	list-style-type: square;
	margin-left: 20px;

	line-height: 150%;
}

#products_left_bar a {
	color:  black;
	text-decoration: none;
}

#products_left_bar a:hover {
	text-decoration: underline;
}

#products_left_bar h2{
	padding-bottom: 20px;
}



#content{
	padding-left:  20px;
	overflow:hidden;
	width:875px;
}

#content ol{
	padding-left: 55px;
	list-style-type: decimal;
}


.gallery_button{
	padding:4px;
	margin-bottom:5px;
	width:157px;
	text-align:center;
	overflow:hidden;
	background-color:#706C63;
}

.gallery_button a{
	color:#CECCB6;
	text-decoration:none;
	font-size: 12px; 
	font-family: times,serif;
}


ul#mantels_fader, ul#casting_fader, ul#plaster_fader{
visibility: hidden
;}
