@charset "utf-8";
/* CSS Document */


/*  Eric Meyer CSS 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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* end reset CSS */

body {
	background-color: #fff;
	 font-family: Arial, Helvetica, sans-serif;
	/*font-family: times,Times New Roman,times-roman,georgia,serif;*/
}

#wrapper {
	margin: 0 auto;
}


#mainbox {
	width: 950px;
	height: 650px;
	margin: 60px auto 10px; 
	position: relative;
	background: #fff url(../images/background_img.jpg) top left no-repeat;
}


#content_box {
	position: absolute;
	left: 180px;
	top: 20px;
	width: 750px;
	height: 610px;
	
}


#logo_box {
	position: absolute;
	left: 16px;
	top: 98px;
	width: 137px;
	height: 122px;
	background-image: url(../images/main_logo.jpg);
	background-color: #fff;
}

#logo_box a {
	display: block;
	width: 137px;
	height: 122px;
	overflow: hidden;
	text-indent: -3000px;
}


#menu_box {
	position: absolute;
	width: 138px;
	height: 350px;
	top: 233px;
	left:  16px;
	background-color: #fff;
}

#signup { position: absolute; width: 222px; height: 30px; top: -48px; right: 0; }

#signup label {
	margin: 0 3px 2px 0;
	color: #4a4136;
	font-size: 11px;
	line-height:16px; 
	color: #d2cabf;
	font-weight: bold;
}

#signup input {
	width: 150px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #d2cabf;
	float: left;
	height: 16px;
	line-height: 16px;
	padding: 2px;
	color: #d2cabf;
	margin-right: 4px; 
}

#signup .buttons {
	float: left; 
	width: 62px;
}

#signup .buttons button {
display: block;
position:relative;
background-color:#d2cabf;
border: none;
outline: none;
color:#fff;
cursor:pointer;
font-size:11px;
line-height:26px !important;
text-align:center;
text-decoration:none;
width:60px;
height: 23px;
padding: 0;
border: 1px solid #d2cabf;
}




#copyright { position: relative; font-size: 9px; text-align: center; margin-left: 165px; color: #ccc; z-index: 9500; margin-bottom: 24px;  } 
#copyright a { color: #ccc; text-decoration: none; }
#copyright a:hover { border-bottom: 1px solid #ccc }


/*   NAV STUFF */
#menu_box ul {
	position: relative;
	top: 5px;
	left: 2px;
}

#menu_box li {
	width: 136px;
	height: 32px;
	background: #fff url(../images/nav_bullet.jpg) bottom center no-repeat;
	padding-bottom: 10px; 
}

#menu_box li a {
	display: block;
	width: 136px;
	height: 34px;
	overflow: hidden;
	text-indent: -3000px;
	background-image: url(../images/sprite_02.png);
}

#menu_box li a:hover {
	background-image: url(../images/sprite_02.png);
}


#nav_home { }
#nav_home.active a { background-position: -137px 0; }
#nav_home a { background-position: 0 0; }
#nav_home a:hover { background-position: -137px 0; }

#nav_furniture { }
li.active#nav_furniture a { background-position: -137px -55px; }
#nav_furniture a { background-position: 0 -55px; }
#nav_furniture a:hover { background-position: -137px -55px; }

#nav_about { }
li.active#nav_about a { 	background-position: -137px -103px; }
#nav_about a { background-position: 0 -103px; }
#nav_about a:hover { background-position: -137px -103px; }

#nav_news { }
li.active#nav_news a { background-position: -137px -151px; }
#nav_news a { background-position: 0 -151px; }
#nav_news a:hover { background-position: -137px -151px; }

#nav_contact { }
li.active#nav_contact a { background-position: -137px -200px; }
#nav_contact a { background-position: 0 -200px; }
#nav_contact a:hover { background-position: -137px -200px; }	

li#nav_poet { background-image: none; }
li.active#nav_poet a { background-position: -137px -250px; }
#nav_poet a { background-position: 0 -250px; }
#nav_poet a:hover { background-position: -137px -250px; }


li#nav_mats { height: 45px; }
li.active#nav_mats a { background-position: -137px -288px; }
#nav_mats a { background-position: 0 -288px; }
#nav_mats a:hover { background-position: -137px -288px; }

/*   END NAV STUFF */		
		



#preloader {
	visibility: hidden;
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 10000;
}

#box			{ border:1px solid #EDE9DD; width:200px; height:10px; background:#4A4136;}
#perc			{ background:#BEB7A7; height:10px; }
#text           	{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#EDE9DD; padding:3px 0 0 10px; text-align: center}