body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0px;
	padding:0px;
	
}
body { margin: 0px 0px 0px 0px; 
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}



body {
    background-color: #0d0707;
    text-align:center;
    font-family:  Palatino, "Palatino Linotype","Book Antiqua",  FreeSerif, serif;    
    font-size: 14px;
    line-height: 17.33px;

}

a:link  { 
    text-decoration: none;
}
a:visited{ 
    text-decoration: none;
}
a:hover { 
    text-decoration: underline;
}
a:active { 
    text-decoration: none;
}


p {
    margin-bottom: 10px;
    line-height: 17.33px;
    padding-right: 10px;
    
}

.tight {
   margin-bottom: 6px;
    line-height: 16.33px;
 
}
table.center {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left:auto; 
    margin-right:auto;
}


table.logotop {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 924px;
    text-align:center;
}




td.topfill {
    background-image:url('/images/topfill.jpg');

}



td.topleftbg {
    width:50px;
    background-image:url('/images/topleftbg.jpg');

}


td.toprightbg {
    width:50px;
    background-image:url('/images/toprightbg.jpg');

}
td.colorbar {
    background-image:url('/images/color_trans2.gif');
    height: 23px;

}


table.topnav {
    width: 1050px;
    text-align:center;
    background-color: #241c1b;
    
}


table.mainnav, td.mainnav {

    background-color: #241c1b;
    height: 60px;
}


td.topnavmarginleft {
    width:50px;
    background-image:url('/images/topnavmarginleft.gif');

}

td.topnavmarginright {
    width:50px;
    background-image:url('/images/topnavmarginright.gif');

}


td.leftmargin {
    width:50px;
    background-image:url('/images/leftmargin.gif');

}

td.rightmargin {
    width:50px;
    background-image:url('/images/rightmargin.gif');

}
 
img.topnav {
    padding-left: 18px;
    padding-right: 18px;
}



table.subnav {
    width: 924px;
    text-align:center;
    background-color: #0d0707;
    
}

table.footer {
    width: 100%;
    height: 33px;
    text-align:center;

    background-color: #241c1b;
}


td.footerleftbg {
    width:50px;
    background-image:url('/images/footerleftbg.gif');

}


td.footerrightbg {
    width:50px;
    background-image:url('/images/footerrightbg.gif');

}


td.leftmarginbody {
    width:50px;
    background-image:url('/images/leftmarginbody.gif');

}


td.rightmarginbody {
    width:50px;
    background-image:url('/images/rightmarginbody.gif');

}
 
.topnav {

font-family: 'Droid Serif', Palatino, serif;
font-size: 15px;
padding-top:10px;
padding-bottom:10px;

}
.topnav a:link, .topnav a:visited, .topnav a:active  {
    padding-left: 18px;
    padding-right: 18px;
    color: #b8b17e;
}

a.topnav.on  {
    padding-left: 10px;
    padding-right: 10px;
    color: #ff0000;
}



.subnav {

font-family: 'Droid Serif', arial, serif;
font-size: 15px;

}

.subnav a:link, .subnav a:visited, .subnav a:active  {
    padding-left: 12px;
    padding-right: 12px;
    color: #b8b17e;
}


a.subnav.on  {
    padding-left: 12px;
    padding-right: 12px;
    color: #ff0000;
}

#howto_sub {
   background-color: #241c1b;
    width:400px;
    margin-left: 75px;
    margin-top: 10px;
    padding-top: 10px;
    height: 27px;
}

#no_sub {
    width:400px;
    margin-left: 75px;
    margin-top: 10px;
    height: 27px;
        padding-top: 10px;


}


#services_sub {
   background-color: #241c1b;
    width:400px;
    margin-left: 375px;
    margin-top: 10px;
    padding-top: 10px;

}


#colorpalettes_sub {
   background-color: #241c1b;
    width:820px;
    margin-left: 20px;
    margin-top: 10px;
    height: 27px;
    padding-top: 10px;
}

img.subnav {
    padding-left: 8px;
    padding-right: 8px;
}



table.container {
    width: 924px;
    text-align:center;
    background-color: #0d0707;
       }


td#content_top_left {
    background-image:url('/images/content_top_left.gif');
    width: 321px;
    height: 70px;
    }

td#content_top_right {
    background-image:url('/images/content_top_right.gif');
    width:556px;
    height: 06px;
    }


td#content_bottom_left {
    background-image:url('/images/content_bottom_left.gif');
    width: 321px;
    height: 76px;
    }

td#content_bottom_right {
    background-image:url('/images/content_bottom_right.gif');
       width:556px;
    height: 76px;
    }


td#content_left {
    background-image:url('/images/content_background_left.gif');
    text-align: left;
    
}

td#content_right {
    background-image:url('/images/content_background_right.gif');
    text-align: left;
}

#content_left_int{

background-color: #2d2723; width: 228px; height: 320px; margin-left: 70px; padding-left: 5px; padding-right: 5px;

}

#content_right_int{

background-color: #2d2723; width: 455px; height: 320px; margin-left: 10px; padding-left: 8px; padding-right: 8px; 

}

.slideshow {
    text-align: center;
	padding-top:10px;
	width:460px;
}


.centerItem {
    text-align: center;
    margin-left: auto;
    margin-right: auto;

}

.notice{
    font-size: 18.33px;
    font-size: 18.33px;
}

.notice2{
    font-size: 16.67px;
    letter-spacing:1px;
    font-size: 18.33px;
}

.indent {
    padding-left: 10px;
}
.indentMore {
    padding-left: 20px;
}

.bracket {
    padding-top: 10px;
    padding-bottom: 10px;
}

.about {
    color: #b8b17e;
}


a.topnav.index.on {
    color: #efb93e;
}

a.topnav.about.on {
    color: #efb93e;
}


.aboutHighlight {
    color: #b47943;
}


.howTo {
    color: #bcb67a;
}


a.topnav.howto.on {
    color: #efb93e;
}

a.subnav.howto.on {
    color: #efb93e;
}


.howToHighlight {
    color: #74a29a;   
        }
        
.fengshui {
    color: #b8b17e;
}

a.topnav.fengshui.on {
    color: #efb93e;
}

.paint {
    color: #d5d5b3;
}

a.topnav.paint.on {
    color: #efb93e;
}


.price {
    text-align: right;
    width: 200px;
}



.services {
 color: #bcb67a;

}

a.topnav.services.on, a.subnav.services.on,  a.subnav.servicessub.on  {
 color: #efb93e;

}


.press {
 color: #bcb67a;

}

a.topnav.press.on, a.subnav.press.on,  a.subnav.press.on  {
 color: #efb93e;

}



.palettes, colorpalettes {
    color: #efb93e;
    font-weight: normal;
}

a.topnav.palettes.on, a.topnav.colorpalettes.on, a.subnav.palettes.on, a.subnav.colorpalettes.on, a.subnav.colorpalsub.on   {
    color: #efb93e;
    font-weight: normal;
}

.palettes2 {
    color: #c9c792;
}

.palettes3 {
    color: #f5ca68;

}

a.palettes3 {
    color: #f5ca68;

}

.icon {
    margin-top: 2px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 4px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

.middleIcon {
    margin-left: 6px;
    margin-right: 6px;
}

.activeIcon {
    border-bottom: 5px solid #000000;
border-left: 5px solid #000000;
border-right: 5px solid #000000;
border-top: 5px solid #000000;
}

.inactiveIcon {
    border-bottom: 5px solid #2d2723;
border-left: 5px solid #2d2723;
border-right: 5px solid #2d2723;
border-top: 5px solid #2d2723;

    border-bottom: 5px solid #2d2723;
}

.contact {
    color: #bcb67a;
}

a.topnav.contact.on {
    color: #efb93e;
}

.team {
    color: #bab277;
}

.footer {

    font-size: 14px;
}



div.prod {

    margin-bottom: 10px;
    clear: both;
    height: 75px;

}


div.prodImg, img.prodImg {
    float: left;
    }
    
    
div.prodDesc {
    margin-left: 100px;
    clear: none;

}

div.prodInput, input.prodInput {
    float: right;
    padding-right: 50px;
    clear: none;

}
#pane1 {
    height: 320px;
    width: 485px;
}

#pane2 {
    height: 333px;
    width: 252px;
}

.winXP .jScrollPaneTrack {
    width: 17px;
    

}
.winXP .jScrollPaneDrag {
width: 16px;
    
}
.winXP .jScrollPaneDragTop {
    height: 0px;

}
.winXP .jScrollPaneDragBottom {
    height: 0px;
    
}
.winXP a.jScrollArrowUp {
    height: 14px;
    background: url(/images/uparrow.gif) no-repeat 0 0;
    
} 
.winXP a.jScrollArrowUp:hover {

    background-position: 0 -20px;
        background: url(/images/uparrow_over.gif) no-repeat 0 0;

}
.winXP a.jScrollArrowDown {
    height: 16px;
    background: url(/images/downarrow.gif) no-repeat 0 0;
    
}
.winXP a.jScrollArrowDown:hover {
    background-position: 0 -20px;
    
            background: url(/images/downarrow_over.gif) no-repeat 0 0;

}
.winXP a.jScrollActiveArrowButton, .winXP a.jScrollActiveArrowButton:hover {

    background-position: 0 -40px;
    
}


.left .jScrollPaneTrack {
    left: 0;
    right: auto;
}
.left a.jScrollArrowUp {
    left: 0;
    right: auto;
}
.left a.jScrollArrowDown {
    left: 0;
    right: auto;
}


/* IE SPECIFIC HACKED STYLES */
* html .osX .jScrollPaneDragBottom {
    bottom: -1px;
}
/* /IE SPECIFIC HACKED STYLES */






			
.holder {
	float: left;
	margin: 0px;
}

.scroll-pane {
	width: 200px;
	height: 300px;
	overflow: auto;
	float: left;
}

.wide {
	width: 400px;
}

.super-wide {
	width: 700px;
}

.tall {
	height: 400px;
}



.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;

}
.jScrollPaneDrag {
	position: absolute;
	background: #111111;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 16px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

.align-left {
	float:left;
	width:200px;
}
.align-right {
	text-align:right;
	margin-right:30px;
}
.align-left a, .align-right a {
	color: #74A29A;
}

/*Dropdown menu */
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 50%;
 z-index: 598;
 width: 130%;
 text-align:left;
 background:transparent url(../images/menubg.png) repeat;
}

ul.dropdown li.parent {
	background:url("../images/arrow-down.png") no-repeat right center;
}

ul.dropdown li.subparent {
	background:url("../images/arrow-right.png") no-repeat 90% center;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul li a {
	color:#74A29A !important;
}

ul.dropdown ul li {
	padding:10px 0;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

ul.dropdown a:link, ul.dropdown a:visited, ul.dropdown a:active {
padding-left: 18px;
padding-right: 18px;
color: #B8B17E;
}

ul.secondary {
	position: relative;
	z-index: 597;
	background-color: #241C1B;
	margin-left: 75px;
	margin-top: 10px;
	padding-top: 10px;
	height: 27px;
}

.plus-size{
	font-size:120%;
}

.right{
	float:right;
}

/* Shopping Cart link */
.view_cart {
	float:right;
}
.view_cart input.shopping-cart {
	background:url("../images/shopping_cart.png") no-repeat left center;
	padding-left:20px;
	padding-top:5px;
	margin-top:5px;
	border:0;
	color:#F5CA68;
	cursor:pointer;
}

.view_cart input.shopping-cart:hover {
	text-decoration:underline;
}