/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,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;}
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:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE
input,textarea,select{*font-size:100%;}*/
/*because legend doesn't inherit in IE */
legend{color:#000;}

/**
 *	Layout elems
 */
body, html {
	width: 100%;
	height: 100%;
	background-color: #d0a86d;
	/* IE6 position:fixed fix for bg elems - Hide scrollbars */
	overflow: hidden;
}
#wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	/* IE6 position:fixed fix for bg elems - Scollbars for overflowing content */
	overflow: auto;
}

/**
 *	Modal site wrapper
 */
#site {
	position: absolute;
	top: 40%;
	left: 50%;
	width: 1000px;
	height: 630px;
	overflow: hidden;
	margin-left: -500px;
	margin-top: -240px;
	background: transparent url('../img/bg-site.png') no-repeat;
}
#site #inner {
	width: 1000px;
	height: 560px;
	overflow: hidden;
	position: relative;
	top: 20px;
	left: 22px;
	background: transparent url('../img/bg-ripplegrad.jpg') no-repeat;
} 
#site #footer {
	padding: 35px 0 0 22px;
	font-size: 0.8em;
}
/**
 *	Inner elems
 */
#content {
	position: absolute;
	z-index: 30;
	top: 0;
	left: 0;
}
#content #content-1 {
	position: absolute;
	top: 0;
	left: 0;
}
#content #content-2 {
	position: absolute;
	top: 80px;
	left: 610px;
}
.clear {
	display: block;
	clear: both;
}
/**
 *	Background elems
 */
#bg-swf, #bg-img {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#bg-swf {
	z-index: 2;
}
#bg-img {
	z-index: 1;
}
#bg-img img {
	display: block;
	width: 100%;
	height: 100%;
}

/**
 *	Main nav
 */
#nav {
	position: absolute;
	z-index: 20;
	width: 750px;
	height: 410px;
	background-image: url('../img/bg-nav.png');
}
#nav h1 {
	position: absolute;
	top: 9px;
	left: 11px;
	width: 137px;
	height: 98px;
	overflow: hidden;
	background: transparent url('../img/bg-logo.png') no-repeat;
}
#nav-items {
	position: absolute;
	top: 0;
	left: 0;
}
#nav-items li {
	position: absolute;
	overflow: hidden;
}
#nav-items li a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -999px;
	background: transparent url('../img/bg-nav-items.png') no-repeat;
}
#nav-1 {
	top: 167px;
	left: 51px;
	width: 56px;
	height: 65px;
}
#nav-1 a {
	background-position: 0 0;
}
#nav-1 a:hover, #nav-1 a:focus, #nav-1 a.active {
	background-position: -120px 0;
}
#nav-items #nav-2 {
	top: 67px;
	left: 133px;
	width: 121px;
	height: 81px;
}
#nav-items #nav-2 a {
	background-position: 0 -100px;
}
#nav-items #nav-2 a:hover, #nav-items #nav-2 a:focus, #nav-items #nav-2 a.active {
	background-position: -120px -100px;
}
#nav-items #nav-3 {
	top: 42px;
	left: 287px;
	width: 61px;
	height: 26px;
}
#nav-items #nav-3 a {
	background-position: 0 -200px;
}
#nav-items #nav-3 a:hover, #nav-items #nav-3 a:focus, #nav-items #nav-3 a.active {
	background-position: -120px -200px;
}
#nav-items #nav-4 {
	top: 15px;
	left: 396px;
	width: 88px;
	height: 30px;
}
#nav-items #nav-4 a {
	background-position: 0 -300px;
}
#nav-items #nav-4 a:hover, #nav-items #nav-4 a:focus, #nav-items #nav-4 a.active {
	background-position: -120px -300px;
}

/**
 *	Footer nav
 */
#footer-links li {
	float: left;
	padding-right: 0.5em;
}
#footer-links span {
	padding-left: 0.5em;
}
#footer-links a {
	text-decoration: none;
}
#footer-links a:hover, #footer-links a:focus {
	text-decoration: underline;
}
#footer-links a, #footer-links span {
	color: #895a3f;
}