/*  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;
}

html, body {
	background-color: #3d2a1e;
	/* font-family: Arial, Helvetica, sans-serif;*/
	font-family: "Times New Roman", Times, georgia, serif;
	height: 100%;
}



#wrapper {
	margin: 0 auto;
}


#mainbox {
	width: 951px;
	height: 713px;
	margin: 0 auto; 
	position: relative;
	top: 43px;
	background-color: #3d2a1e;
	z-index: 1000;
}

#content_box {
	position: absolute;
	left: 0px;
	top: 182px;
	background: #3d2a1e url(../images/main_bkgd.jpg);
	width: 951px;
	height: 475px;
}


#logo_box {
	position: absolute;
	left: 0px;
	top: 26px;
	width: 951px;
	height: 157px;
	background: #3d2a1e url(../images/header.jpg);
}

#logo_box a {
	margin: 0 auto;
	display: block;
	width: 350px;
	height: 140px;
	overflow: hidden;
	text-indent: -3000px;
}


#menu_box {
	position: absolute;
	width: 460px;
	height: 25px;
	top: 0px;
	left: 246px;
	background: #3d2a1e url(../images/sprite.jpg) top left no-repeat;
}




/*   NAV STUFF */
#menu_box ul {
	position: relative;
	
}

#menu_box li {
	height: 25px;
	background-image: url(../images/sprite.jpg);
	position: absolute;
}

#menu_box li a {
	display: block;
	height: 25px;
	overflow: hidden;
	text-indent: -3000px;
}

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



#nav_home {
	background-position: 0 0;
	width: 70px;
	left: 0;
}

#nav_home.active {
	background-position: 0px -27px;
}

#nav_home a {
	width: 70px;
}

#nav_home a:hover {
	background-position: 0px -27px;
}



#nav_portfolio {
	background-position: -74px 0;
	width: 115px;
	left: 74px;
}

#nav_portfolio.active {
	background-position: -74px -27px;
}

#nav_portfolio a {
	width: 115px;
}

#nav_portfolio a:hover {
	background-position: -74px -27px;
}




#nav_about {
	background-position: -194px 0;
	width: 84px;
	left: 194px;
}

#nav_about.active {
	background-position: -194px -27px;
}

#nav_about a {
	width: 84px;
}

#nav_about a:hover {
	background-position: -194px -27px;
}



#nav_contact { background-position: -362px 0; width: 99px; left: 362px; }
#nav_contact.active { background-position: -362px -27px; }
#nav_contact a { width: 99px; }
#nav_contact a:hover { background-position: -362px -27px; }



#nav_press { background-position: -281px 0; width: 74px; left: 281px; }
#nav_press.active { background-position: -281px -27px; }
#nav_press a { width: 74px; }
#nav_press a:hover { background-position: -281px -27px; }





#copyright { font-size: 11px; color: #ab9c8f; text-align: center; z-index: 2000; position: relative; text-transform: uppercase; margin-top: 8px; }




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

#box			{ border:1px solid #ede9dd; width:200px; height:10px; background-color: #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; background: #fff; }