@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 */

.clearit {
	clear: both;
	font-size: 1px;
	height: 1px;
}

body, html { background-color: #655240; font-family: Arial, Helvetica, sans-serif; }

html { height: 100%; }

#wrapper { margin: 0 auto; }


#mainbox {
	width: 900px;
	height: 600px;
	margin: 0 auto; 
	position: relative;
	top: 40px;
	background-color: #ffffff;
}

#content_box {
	position: absolute;
	left: 0px;
	top: 140px;
	background-image: url(../images/main_bkgd.jpg);
	width: 900px;
	height: 460px;
}


#logo_box {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 205px;
	height: 140px;
	background-image: url(../images/logoMain.jpg);
	background-color:#FFFFFF
}

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


#menu_box {
	position: absolute;
	width: 671px;
	height: 88px;
	top: 51px;
	left: 220px;
	background-color:#FFFFFF
}




/*   NAV STUFF */
#menu_box ul { position: relative; }
#menu_box li { height: 88px; background-image: url(../images/sprite_new.jpg); position: absolute; }
#menu_box li a { display: block; height: 88px; overflow: hidden; text-indent: -3000px; }
#menu_box li a:hover { background-image: url(../images/sprite_new.jpg); }


#nav_fabric { background-position: 0px 0; width: 68px; left: 0; }
#nav_fabric.active { background-position: 0px -101px; }
#nav_fabric a { width: 68px; }
#nav_fabric a:hover { background-position: 0px -101px; }

#nav_wallpaper { background-position: -68px 0; width: 81px; left: 80px; }
#nav_wallpaper.active { background-position: -68px -101px; }
#nav_wallpaper a { width: 81px; }
#nav_wallpaper a:hover { background-position: -68px -101px; }

#nav_furn { background-position: -149px 0; width: 80px; left: 167px; }
#nav_furn.active { background-position: -149px -101px; }
#nav_furn a { width: 80px; }
#nav_furn a:hover { background-position: -149px -101px; }

#nav_lighting { background-position: -229px 0; width: 75px; left: 258px; }
#nav_lighting.active { background-position: -229px -101px; }
#nav_lighting a { width: 75px; }
#nav_lighting a:hover { background-position: -229px -101px; }

#nav_garden { background-position: -304px 0; width: 76px; left: 345px; }
#nav_garden.active { background-position: -304px -101px; }
#nav_garden a { width: 76px; }
#nav_garden a:hover { background-position: -304px -101px; }

#nav_things { background-position: -380px 0; width: 75px; left: 430px; }
#nav_things.active { background-position: -380px -101px; }
#nav_things a { width: 75px; }
#nav_things a:hover { background-position: -380px -101px; }

#nav_about { background-position: -455px 0; width: 77px; left: 516px; }
#nav_about.active { background-position: -455px -101px; }
#nav_about a { width: 77px; }
#nav_about a:hover { background-position: -455px -101px; }

#nav_home { background-position: -532px 0; left: 602px; width: 78px; }
#nav_home.active { background-position: -532px -101px; }
#nav_home a { width: 78px; }
#nav_home a:hover { background-position: -532px -101px; }



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

#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}