/*****************************/
/* SB-Designs - Steven Ball */
/*****************************/

/* -------GLOBAL RESET--------- */

/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
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, li { 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:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold; }
em { font-style: italic; }
a img { border:none; } /* Gets rid of IE's blue borders */

::selection      { background:#1094DA; color:#fff; /* Safari and Opera */ }
::-moz-selection  { background:#1094DA; color:#fff; /* Firefox */ }

.clear{
	clear:both;
}

body{
	text-align:left;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	background:url(../images/bg.jpg) no-repeat top left #d7e0e6 fixed;
	padding:0;
	margin:0;
}

*{
	padding:0;
	margin:0; 
}

#message-box{
	width:100%;
	background:#781614;
	text-align:center;
	height:50px;
	line-height:50px;
	color:white;
	font-weight:bold;
	margin:20px 0;
}

p{
	line-height:18px;
	padding:0 0 18px 0;
}

#wrap{
	width:960px;
	margin:0 auto 10px auto;
	background:white;
	color:#4d4d4d;
	min-height:200px;
}

#logo a{
	background:url(../images/logo.gif) no-repeat;
	width:223px;
	height:74px;
	overflow:hidden;
	display:block;
	float:right;
	margin:20px 20px 0 0;
}

#sub-sub-nav{
	float:left;
	margin:20px 0 0 20px;
	width:300px;
	border-left:1px solid black;
	padding:3px 0 3px 8px;
}

#sub-sub-nav ul{
	margin:0 0 6px 0;
}

#sub-sub-nav li{
	list-style:none;
	list-style-type:none;
}

#sub-sub-nav li a{
	font-size:11px;
	text-transform:uppercase;
	color:black;
	line-height:16px;
	text-decoration:none;
}

#sub-nav{
	overflow:hidden;
	display:block;
	float:left;
	margin:16px 0 0 20px;
	width:118px;
}

#sub-nav ul{
	display:inline;
}

#sub-nav li{
	list-style:none;
	list-style-type:none;
	height:9px;
	margin:0 0 8px 0;
	line-height:9px;
	display:inline;
}

#sub-nav li#btn1 a{
	background:url(../images/btn1.gif) no-repeat;
	width:39px;
	height:9px;
	display:block;
	overflow:hidden;
	float:left;
	clear:left;
	margin:0 0 8px 0;
}

#sub-nav li#btn2 a{
	background:url(../images/btn2.gif) no-repeat;
	width:66px;
	height:9px;
	display:block;
	overflow:hidden;
	float:left;
	clear:left;
	margin:0 0 8px 0;
}

#sub-nav li#btn3 a{
	background:url(../images/btn3.gif) no-repeat;
	width:64px;
	height:9px;
	display:block;
	overflow:hidden;
	float:left;
	clear:left;
	margin:0 0 8px 0;
}

#sub-nav li#btn4 a{
	background:url(../images/btn4.gif) no-repeat;
	width:81px;
	height:9px;
	display:block;
	margin:0 0 8px 0;
	float:left;
	clear:left;
}

#sub-nav li#btn5 a{
	background:url(../images/btn5.gif) no-repeat;
	width:105px;
	height:9px;
	display:block;
	overflow:hidden;
	float:left;
	clear:left;
	margin:0 0 8px 0;
}

#sub-nav li#btn6 a{
	background:url(../images/btn6.gif) no-repeat;
	width:78px;
	height:9px;
	display:block;
	overflow:hidden;
	float:left;
	clear:left;
	margin:0 0 8px 0;
}

#sub-nav li#btn7 a{
	background:url(../images/btn7.gif) no-repeat;
	width:36px;
	height:9px;
	display:block;
	overflow:hidden;
	float:left;
	clear:left;
	margin:0 0 8px 0;
}

#sub-nav li#btn8 a{
	background:url(../images/btn8.gif) no-repeat;
	width:60px;
	height:9px;
	display:block;
	overflow:hidden;
	float:left;
	clear:left;
	margin:0 0 8px 0;
}

#brochure a{
	background:url(../images/thumbnil-brochure.gif) no-repeat;
	width:172px;
	height:122px;
	display:block;
	overflow:hidden;
	float:left;
	margin:20px 0 0 0;
}

#nav{
	height:28px;
	width:960px;
	overflow:hidden;
	display:block;	
}

#nav ul{
	display:inline;	
}

#nav li{
	display:inline;
	list-style-type:none;
	list-style:none;
}

#nav li#btn1 a{
	background:url(../images/main1.gif) no-repeat;
	width:160px;
	height:28px;
	display:block;
	overflow:hidden;
	float:left;
}

#nav li#btn2 a{
	background:url(../images/main2.gif) no-repeat;
	width:160px;
	height:28px;
	display:block;
	overflow:hidden;
	float:left;
}

#nav li#btn3 a{
	background:url(../images/main3.gif) no-repeat;
	width:160px;
	height:28px;
	display:block;
	overflow:hidden;
	float:left;
}

#nav li#btn4 a{
	background:url(../images/main4.gif) no-repeat;
	width:160px;
	height:28px;
	display:block;
	overflow:hidden;
	float:left;
}

#nav li#btn5 a{
	background:url(../images/main5.gif) no-repeat;
	width:160px;
	height:28px;
	display:block;
	overflow:hidden;
	float:left;
}

#nav li#btn6 a{
	background:url(../images/main6.gif) no-repeat;
	width:160px;
	height:28px;
	display:block;
	overflow:hidden;
	float:left;
}

#homepage-content{
	width:910px;
	margin:0 auto;
	padding:0 0 30px 0;
}

#homepage-btn{
	height:134px;
	width:910px;
	overflow:hidden;
	display:block;
	float:left;
}

#homepage-btn ul{
	display:inline;	
}

#homepage-btn li{
	display:inline;
	list-style-type:none;
	list-style:none;
}

#homepage-btn li#btn1 a{
	background:url(../images/btn-designer.gif) no-repeat;
	width:150px;
	height:134px;
	display:block;
	overflow:hidden;
	float:left;
	margin:0 2px 0 0;
}

#homepage-btn li#btn2 a{
	background:url(../images/btn-handcrafted.gif) no-repeat;
	width:150px;
	height:134px;
	display:block;
	overflow:hidden;
	float:left;
	margin:0 2px 0 0;
}

#homepage-btn li#btn3 a{
	background:url(../images/btn-contemporary.gif) no-repeat;
	width:150px;
	height:134px;
	display:block;
	overflow:hidden;
	float:left;
	margin:0 2px 0 0;
}

#homepage-btn li#btn4 a{
	background:url(../images/btn-mode.gif) no-repeat;
	width:150px;
	height:134px;
	display:block;
	overflow:hidden;
	float:left;
	margin:0 2px 0 0;
}

#homepage-btn li#btn5 a{
	background:url(../images/btn-electric.gif) no-repeat;
	width:150px;
	height:134px;
	display:block;
	overflow:hidden;
	float:left;
	margin:0 2px 0 0;
}

#homepage-btn li#btn6 a{
	background:url(../images/btn-news.gif) no-repeat;
	width:150px;
	height:134px;
	display:block;
	overflow:hidden;
	float:left;
}

#search{
	float:right;
	height:22px;
	display:block;
	overflow:hidden;
	width:200px;
	border:1px dashed #CCC;
	clear:right;
	margin:12px 20px 0 0;
	padding:2px 0 0 0;
}

input#search-input{
	border:0;
	border:none;
	border-style:none;
	height:20px;
	line-height:20px;
	width:138px;
	padding:0 0 0 3px;
	float:left;
	font-size:11px;
	color:#999;
}

#search button{
	float:left;
	background:url(../images/search-btn.gif) center no-repeat;
	height:20px;
	width:50px;
	display:block;
	overflow:hidden;
	border:0;
	border:none;
	border-style:none;
	cursor:pointer;
	margin:0 0 0 4px;
}

#footer{
	width:912px;
	padding:10px 24px 10px 24px;
	border-top:1px solid black;
	font-size:10px;
	color:black;
	line-height:14px;
}

#footer strong{
	font-weight:bold;
	font-size:11px;
}

#f1{
	float:left;	
}

#f2{
	float:left;
	margin:0 0 0 40px;
}

#f3{
	float:left;
	margin:0 0 0 40px;
	text-transform:uppercase;
}

#f4{
	float:left;
	margin:0 0 0 40px;
	text-transform:uppercase;
}

#f5{
	float:left;
	margin:0 0 0 40px;
}

#home1{
	width:450px;
	height:500px;
	display:block;
	overflow:hidden;
	margin:20px 0 20px 0;
	float:left;
	position: relative;
}

#home2{
	width:450px;
	height:190px;
	display:block;
	overflow:hidden;
	margin:20px 0 20px 0;
	float:right;
	background:url(../images/homepage2.jpg) no-repeat;
	padding:310px 0 0 0;
}

#home2 p{
	line-height:14px;
	font-size:11px;
}

h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:40px;
	font-weight:normal;
	text-transform:lowercase;
	letter-spacing:-1px;
	color:black;
}

h5{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:normal;
	text-transform:lowercase;
	color:black;
}

.text-padding{
	padding:10px;
}

.text-padding a{
	color:black;
	text-decoration:underline;
}

.text-padding a:hover{
	color:black;
	text-decoration:none;
}

#productslider{
	float:left;
	display:block;
	overflow:hidden;
	width:321px;
	height:350px;
	position:relative;
	margin:20px 0 10px 0;
}

#productbanner{
	float:right;
	display:block;
	overflow:hidden;
	width:610px;
	height:349px;
	position:relative;
	margin:20px 10px 10px 0;
	border-bottom:1px solid black;
}

#productbanner1{
	float:right;
	display:block;
	overflow:hidden;
	width:611px;
	height:349px;
	position:relative;
	margin:20px 10px 10px 0;
}

#productbanner-text{
	float:left;
	width:300px;
	margin:0 10px 10px 0;
	font-size:11px;
	padding:20px 0 0 0;
}

#productbanner-text h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:40px;
	font-weight:normal;
	text-transform:lowercase;
	letter-spacing:-1px;
}

#filter-header{
	border-top:1px solid black;
	background:url(../images/filter-header.gif) no-repeat;
	background-position:0 10px;
	width:300px;
	height:39px;
	display:block;
	overflow:hidden;
	margin:10px 0 20px 0;	
}

#left-product-content table{
	margin:0 0 10px 0;
}

#left-product-content td{
	vertical-align:middle;
	height:40px;
	padding:0 10px 0 0;
}

#left-product-content{
	float:left;
	width:301px;
	margin:0 0 10px 0;
	padding:0 0 0 20px;
}

#right-product-content{
	float:right;
	display:block;
	overflow:hidden;
	width:610px;
	margin:0 10px 10px 0;
}

#left-product-content button{
	background:url(../images/btn-search.gif) no-repeat;
	width:78px;
	height:25px;
	display:block;
	overflow:hidden;
	cursor:pointer;
	border:0;
	border:none;
	border-style:none;
}

#left-product-detail-content{
	float:left;
	width:301px;
	margin:0 0 10px 0;
	padding:0 0 0 20px;
}

#right-product-detail-content{
	float:right;
	display:block;
	overflow:hidden;
	width:610px;
	margin:0 10px 10px 0;
}

#right-product-detail-content h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:28px;
	font-weight:normal;
	text-transform:lowercase;
	letter-spacing:-1px;
	height:50px;
	line-height:22px;
}

#right-product-detail-content h1 span{
	font-size:14px;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
}

.product-listing{
	float:left;
	display:block;
	height:200px;
	width:192px;
	margin:0 10px 20px 0;
}

.product-listing-image{
	float:left;
	display:block;
	height:170px;
	width:192px;
	background:white;
}

.product-listing-symbol{
	float:right;
	margin:5px 3px 0 0;
}

.product-listing-nav{
	float:left;
	display:block;
	height:30px;
	width:189px;
	text-align:left;
	color:white;
	line-height:30px;
	padding:0 0 0 3px;
}

.product-listing-nav a{
	color:white;
	font-weight:bold;
	text-decoration:none;
}

.product-listing-nav a:hover{
	color:white;
	font-weight:bold;
	text-decoration:underline;
}

#product-side-menu{
	float:right;
	border-top:1px solid black;
	padding:10px 0 0 6px;
	width:180px;
	font-size:11px;
}

#product-side-menu a{
	color:black;
	text-decoration:none;
} 

#product-side-menu a:hover{
	color:black;
	text-decoration:underline;
} 

#footer a{
	color:black;
	text-decoration:none;
} 

#footer a:hover{
	color:black;
	text-decoration:underline;
} 

.btutable{
	width:100%;
	margin:0 0 30px 0;	
}

.btutable td{
	padding:4px 10px 4px 0;
	vertical-align:middle;
}

button.btubutton{
	height:30px;
	background:#000;
	padding:0 10px;
	line-height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	border:none;
	border:0;
	border-style:none;
	color:white;
	cursor:pointer;
	display:block;
	margin:0 0 20px 0;
}

button.btubutton:hover{
	background:#666;
}

.contact-form{
	float:left;
	width:360px;
}

.contact-form1{
	float:left;
	width:200px;
}

.contact-form label{
	float:left;
	font-size:12px;
	font-weight:normal;
	height:30px;
	line-height:30px;
	clear:left;
}

.contact-form span{
	font-size:11px;
	color:#781614;
}

.contact-form input{
	float:left;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	padding:3px;
	border:1px solid #CCC;
	clear:left;
	width:306px;
	margin:0 0 10px 0;
}

.contact-form select{
	float:left;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	padding:3px;
	border:1px solid #CCC;
	clear:left;
	width:314px;
	margin:0 0 10px 0;
}

.contact-form textarea{
	float:left;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	padding:6px;
	border:1px solid #CCC;
	clear:left;
	width:300px;
	height:100px;
	margin:0 0 10px 0;
	resize:none;
}

.contact-form h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:normal;
	text-transform:lowercase;
	font-style:italic;
	color:black;
	float:left;
	clear:both;
	margin:18px 0 6px 0;
	line-height:24px;
	height:24px;
	text-transform:capitalize;
	width:100%;
}

.contact-form1 h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:normal;
	text-transform:lowercase;
	font-style:italic;
	color:black;
	float:left;
	clear:both;
	margin:18px 0 6px 0;
	line-height:24px;
	height:24px;
	text-transform:capitalize;
	width:100%;
}

.subscribe-form label{
	float:left;
	font-size:12px;
	font-weight:normal;
	height:30px;
	line-height:30px;
	clear:left;
}

.subscribe-form input.input{
	float:left;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	padding:6px;
	border:1px solid #CCC;
	clear:left;
	width:250px;
	margin:0 0 10px 0;
}

.subscribe-form table{
	margin:0 0 20px 0;
}

.subscribe-form td{
	padding:4px 4px;
	vertical-align:middle;
}

/* Slider */

#slide1 span, #slide2 span, #slide3 span , #slide4 span , #slide5 span , #slide6 span {
	position: absolute;
	top:0;
	left:0;
	width:450px;
	height:40px;
	display:block;
	padding:4px 0 0 8px;
}

#slide1 p strong, #slide2 p strong, #slide3 p strong, #slide4 p strong, #slide5 p strong, #slide6 p strong{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
}

#slide1 p, #slide2 p, #slide3 p , #slide4 p , #slide5 p , #slide6 p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #FFF;	
	margin: 0;
	padding:0;
}

.jFlowSlideContainer a {
	color: #F90;
	text-decoration: none;
	font-style: italic;
}

.jFlowSlideContainer a:hover {
	text-decoration: none;
	border-bottom: 1px dotted white;
}

.jFlowSlideContainer a:focus {
	position: relative;
	top: 1px;
}

.jFlowNext div {
	background:url("../images/nav-r.gif") no-repeat;
	height:20px;
	position:absolute;
	top:24px;
	right: 0px;
	width:20px;
	cursor:pointer;
}

.jFlowPrev div {
	background:url("../images/nav-l.gif") no-repeat;
	height:20px;
	position:absolute;
	top:24px;
	right: 20px;
	width:20px;
	cursor:pointer;
}

.jFlowPrev div:hover {

}

.jFlowNext div:hover {

}

#example-one, #example-one p{
	font-size:11px;
}

#example-one a{
	color:#434658;
	text-decoration:none;
}

#example-one a:hover{
	color:#434658;
	text-decoration:underline;
}

ul#drawing1{
	margin:0 0 20px 0;	
}

#drawing1 li{
	margin:0 0 0 20px;
	list-style-type:disc;
}

#drawing1 li a{
	border:0;
	border:none;
	border-style:none;
	line-height:20px;
}

#drawing1 li a:hover{
	background:none;
}

.news{
	float:left;
	width:450px;
	margin:0 20px 20px 0;
}

.news-image{
	float:left;
	width:155px;
	height:155px;
	display:block;
	overflow:hidden;
}

.news-summary{
	float:right;
	width:280px;
}

.news-summary h2 a{
	font-weight:bold;
	text-decoration:none;
}

.news-summary h2 a:hover{
	text-decoration:underline;
}

.news-link{
	float:right;
	width:280px;	
	text-align:left;
}

.news-link a{
	font-size:11px;
	text-decoration:none;
}

.news-link a:hover{
	text-decoration:underline;
}

#page{
	height:30px;
	line-height:30px;
	margin:0 0 20px 0;	
}