/* ---------->>> RESET  <<<-----------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, 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,
dl, dt, dd, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;	font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline; }
:focus { outline: 0; }
body { 	line-height: 1; color: black; background: white; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
#block { width: 600px; height: 500px; margin: 50px auto; }
.clear{clear:both;}
em { font-style: italic; }
strong { font-weight: bold; }
/* ---------->>> BODY  <<<-----------*/
body, html { width: 100%; height: 100%; background: url(../img/body-overlay.jpg) no-repeat top center #96170F; position: relative; font-family: Georgia, "Times New Roman", serif; }
#container { position: relative; width: 1019px; margin: 40px auto 0 auto; overflow: hidden; }

/* ---------->>> GLOBAL <<<-----------*/


/* ---------->>> HEADER <<<-----------*/
#header { width: 1019px; height: 198px; background: url(../img/header-bg.png) no-repeat; overflow: hidden;position:relative; }
#logo { margin: 25px auto; position: relative; width: 393px; height: 83px; }
#logo h1 { display: block; position: relative; width: 393px; height: 83px; }
#logo h1 a { display: block; position: relative; width: 393px; height: 83px; background: url(../img/logo.gif) no-repeat; text-indent: -9999px; }
/* ------->>> TOP NAVIGATION  <<<--------*/
div.main-nav { position: relative; width: 100%; float: left; overflow: hidden; margin-top: 18px; font-family: Georgia, "Times New Roman", serif; font-size: 20px;  }
div.main-nav ul { clear:left; float:left; list-style:none; margin:0; padding:0; position:relative; left:50%; text-align:center;}
div.main-nav ul li { display:block;float:left; list-style:none; margin:0; padding:0;position:relative;right:50%; height: 23px; overflow: hidden;}
div.main-nav ul li a { display: block; width: 100%; position: relative; height: 23px; background-image: url(../img/nav-sprite.png); background-repeat: no-repeat; text-indent: -9999px;}
#home-li { width: 86px;} 
#story-li { width: 123px; }
#furniture-li { width: 121px; }
#accessories-li { width: 138px;}
#flooring-li { width: 112px; }
#window-li { width: 204px; }
#contact-li { width: 101px; }

#home-li a { background-position: 0 0;}
#home-li a:hover { background-position: 0 -47px; }
#home-li.current a { background-position: 0 -23px;}

#story-li a { background-position: -86px 0;}
#story-li a:hover { background-position: -86px -47px; }
#story-li.current a { background-position: -86px -23px; }

#furniture-li a { background-position: -208px 0;}
#furniture-li a:hover { background-position: -208px -47px; }
#furniture-li.current a { background-position: -208px -23px; }

#accessories-li a { background-position: -330px 0;}
#accessories-li a:hover { background-position: -329px -47px; }
#accessories-li.current a { background-position: -330px -23px; }

#flooring-li a { background-position: -468px 0; }
#flooring-li a:hover { background-position: -468px -47px; }
#flooring-li.current a { background-position: -468px -23px; }

#window-li a { background-position: -580px 0; }
#window-li a:hover { background-position: -579px -47px; }
#window-li.current a { background-position: -580px -23px;}

#contact-li a { background-position: -784px 0;}
#contact-li a:hover { background-position: -783px -47px; }
#contact-li.current a { background-position: -784px -23px; }
/* ------->>> CONTENT AREA <<<--------*/
div.content-wrapper { width: 100%; overflow: hidden; position: relative; background: url(../img/content-bg.png) repeat-y;}
div.content-area { width: 989px; position: relative; margin: 0 auto; overflow: hidden;background: #593425; }
#home-content { border: 3px solid #fff; position: relative; overflow: hidden; width: 950px; height: 398px; margin: 0 auto 30px auto; }
#home-photo-1 { position: relative; height: 100%; width: 365px; float: left; border-right: 3px solid #fff; background: url(../img/home-photo-1.jpg) no-repeat; }
#home-photo-2 { position: relative; height: 100%; width: 270px; float: left; border-right: 3px solid #fff; background: url(../img/home-photo-2.jpg) no-repeat; }
#home-text { display:none; }
#home-text p { padding: 0 26px 20px 26px; font-size: 22px; color: #fff; line-height: 1.2em; }
#home-text h3 { display: block; position: relative; width: 226px; height: 88px; background: url(../img/welcome-h3-bg.gif) no-repeat; margin: 20px 0 6px 4px; }
h3 span { display: none; }
#furniture-text { float: left; position: relative; width: 324px; border-right: 3px solid #fff; height: 100%; overflow: hidden; background: url(../img/furniture-text-bg.jpg) no-repeat; }
#furniture-content { border-bottom: 11px solid #AB7D51; margin-bottom: 30px; height: 370px; }
#furniture-photo-1 { width: 278px; border-right: 3px solid #fff; float: left; position: relative; height: 100%; background: url(../img/furniture-photo-1-bg.jpg) no-repeat; }
#furniture-photo-2 { width: 377px; float: left; position: relative; border-right: 3px solid #fff; height: 100%; background: url(../img/furniture-photo-2-bg.jpg) no-repeat; }
#furniture-text h3 { display: block; position: relative; width: 206px; height: 39px; background: url(../img/furniture-h2-bg.png) no-repeat; margin: 30px 0 10px 30px; }
#furniture-lists { width: 300px; position: relative;overflow: hidden; margin: 20px 0 0 30px;}
#list-1 { width: 124px; float: left; border-right: 2px solid #593425; margin-right: 20px; }
#list-2 { width: 132px; float: left; position: relative; }
#furniture-lists ul { list-style:none; }
#furniture-lists ul li { color: #000; font-size: 12px; margin-bottom: 6px; }

#accessories-content-area {}
#accessories-content { height: 420px; background: #593425 url(../img/accessories-bg.jpg) repeat-y; border-bottom: 11px solid #AB7D51; margin-bottom: 30px}
#accessories-left { float: left; position: relative; width: 430px; height: 400px; margin: 16px 10px 0 26px; }
#accessories-left h3 { display: block; width: 231px; height: 35px; background: url(../img/accessories-h3-bg.png) no-repeat; }
#accessories-right { float: left; position: relative; width: 475px; height: 262px; border: 3px solid #fff; overflow: hidden; margin-top: 44px; }
#accessories-photo { float: left; position: relative; width: 329px; height: 100%; background: url(../img/accessories-photo.jpg) no-repeat; border-right: 3px solid #fff; }
#accessories-photo-2 { width: 143px; float: left; position: relative; height: 100%; background: url(../img/accessories-photo-2-bg.jpg) no-repeat; }
#accessories-left ul { list-style: none; position: relative; /*margin-top: 20px; */}
#accessories-left ul li { display: block; overflow: hidden; float: left; position: relative; margin: 10px 10px 10px 0; }
#accessories-left ul li a { display: block; text-indent: -9999px; }
#uttermost a { background: url(../img/uttermost.png) no-repeat; width: 187px; height: 53px; }
#feizy a { background: url(../img/feizy.png) no-repeat; width: 210px; height: 53px; }
#ndi a { background: url(../img/ndi.png) no-repeat; width: 140px; height: 68px; }
#cyan a { background: url(../img/cyan.png) no-repeat; width: 110px; height: 68px; }
#ashton a { background: url(../img/ashton.png) no-repeat; width: 141px; height: 68px;}
#dickens a { background: url(../img/dickens.png) no-repeat; width: 213px; height: 54px; }
#sugarboo a { background: url(../img/sugarboo.png) no-repeat; width: 189px; height: 54px;}
#gallery-designs a { background: url(../img/gallery-designs.jpg) no-repeat; width: 131px; height: 92px; clear:both; border: 3px solid #fff; }

#story-content { height: 372px; background: #593425 url(../img/accessories-bg.jpg) no-repeat; border-bottom: 11px solid #640405;border-top: 11px solid #640405;margin-bottom: 30px}
#story-text { float: left; position: relative; width: 602px; height: 100%;overflow: hidden; background: #B37D4C; padding: 0 20px 0 20px; color: #fff;border-right: 10px solid #640405; }
#story-text h3 { display:block; width: 204px; height: 69px; background: url(../img/our-story-h2-bg.png) no-repeat; margin: 10px 0 14px 0;  }
#story-text p { margin-bottom: 10px; line-height: 1.2em; font-size: 16px; }
#story-photo { width: 336px; float: left; position: relative; height: 100%; background: url(../img/story-photo-bg.jpg) no-repeat; }

#window-content {  height: 372px; background: #593425 url(../img/accessories-bg.jpg) no-repeat; border-bottom: 11px solid #AB7D51; margin-bottom: 30px; }
#window-text { width: 341px; float: left; position: relative; height: 100%; border-right: 5px solid #fff;}
#window-text h3 { display: block; height:109px; width: 194px; background: url(../img/window-h3-bg.png) no-repeat; margin: 46px 0 10px 46px;}
#window-photo { float: left; width: 643px; height: 100%; background: url(../img/window-photo.jpg) no-repeat;}
#window-text p { margin-bottom: 10px; }
#window-text p a { margin: 6px 0 10px 46px; color: #000; text-decoration: none; position: relative; }
#window-text p a:hover { text-decoration: underline;}

#flooring-content {  height: 372px; background: #593425 url(../img/accessories-bg.jpg) no-repeat; border-bottom: 11px solid #AB7D51; margin-bottom: 30px; }
#flooring-text { width: 263px; float: left; position: relative; height: 100%; border-right: 5px solid #fff;}
#flooring-text h3 { display: block; height:66px; width: 186px; background: url(../img/flooring-h3-bg.png) no-repeat; margin: 37px 0 10px 37px;}
#flooring-photo { float: left; width: 721px; height: 100%; background: url(../img/flooring-photo.jpg) no-repeat;}
#flooring-text p { margin-bottom: 10px; }
#flooring-text p a { margin: 6px 0 10px 46px; color: #000; text-decoration: none; position: relative; }
#flooring-text p a:hover { text-decoration: underline;}

#contact-content { height: 420px; background: #593425; border-bottom: 11px solid #AB7D51; margin-bottom: 30px}
#contact-form h3 { font-size: 24px; margin-bottom: 20px; color: #fff; font-weight: normal;}
#contact-form { height: 100%; float: left; position: relative; width: 327px; overflow: hidden; margin: 0 14px 0 16px;  }
#map { width: 327px; height: 261px;  float: left; position: relative; margin: 20px 14px 0 0; background: #593425; text-align: center; font-size: 12px; }
iframe { border: 1px solid #fff; margin-top: 10px;}
#map-image-link { display: block; height:261px; width: 327px; background: url(../img/map.jpg) no-repeat; border: 1px solid #fff; text-indent: -9999px; margin-top: 10px;}
#contact-photo { float: left; position: relative; width: 267px; height: 260px; border: 1px solid #fff;background: url(../img/contact-photo-bg.jpg) no-repeat; margin-top: 42px; }
#message-box { padding: 10px; position: relative; margin: 10px 0; overflow: hidden; background: #96170F; display: none;  }
#message-box p { font-size: 14px; color: #fff;}
legend{padding:2px 5px;}	
	form div.col{clear:none;}form div.first{clear:both;}
	form div{overflow:hidden; margin-bottom: 10px; color: #ccc;}
	
	input[type="text"], input[type="password"], textarea, .field, .area, select{
		float: left;
		border:1px solid #fff;
		padding:5px;
		background:#E3D4BC;
		width:327px;
		line-height:1em;
		margin:0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		}
	select{width:312px;}
	textarea, .area{overflow:auto; height:135px; width:327px; float: left; }
	input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus, .focus{background:#f5f5f5;outline:none;}
	.submit{}
button{
		border:none;
		background:#555;
		color:#fff;
		padding:0 2.5em;
		height:2em;
		line-height:2em;
		cursor:pointer;
		}
		
	.note, .success, .error{display:block;}
	.error{color:#900;}
	.success{color:#060;}
	.note{font-weight:bold;}
	.notvalid{border:1px solid #900 !important;}
	
/* ------>>> HOME <<<-------*/


/* ------>>> FOOTER <<<-----*/
#footer { width: 100%; height: 57px; position: relative; background: url(../img/footer-bg.png) no-repeat; overflow: hidden; }
#footer-content { margin: 10px auto; position: relative; text-align: center; }
/* ------->>> BOTTOM NAVIGATION <<<--------*/

/* ---------->>> INPUT ELEMENTS  <<<-----------*/
#furniture-lists ul a { color: #000; text-decoration: none; }
#furniture-lists ul a:hover { text-decoration: underline;}

#map a { color: #fff; }