/*
Bowoo
- Global Styles
- Created: 6/10/2009
*/

* {
	margin: 0;
	padding: 0;
}
img, address {
	display: block;
	border: none;
}
body {
	background: #000 url(../img/bg/body.jpg) no-repeat center 0;
	position: relative;
	font: normal 62.5% Arial, Helvetica, sans-serif;
	color: #333;
}
p {
	color: #333;
}
a {
	outline: none;
	text-decoration: none;
	color: #816d40;
}
a:hover {
	text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 1.0em;
}
fieldset, legend { 
	border: none;
}

/* clearfix */
.clear:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clear { display: inline-block; }
html[xmlns] .clear { display: block; }
* html .clear { height: 1%; }

/* Layout */
#container {
	width: 1000px;
	padding: 50px 20px;
	margin: 0 auto;
	position: relative;
}
	#header {
		height: 95px;
		border-top: 5px solid #fff;
		overflow: hidden;
		position: relative;
	}
	#header h1 {
		position: absolute;
		left: -99999px;
	}
		#logo {
			position: absolute;
			top: 20px;
			left: 25px;
		}
		#satellite {
			position: absolute;
			right: 80px;
			bottom: 12px;
		}

	#nav {
		height: 24px;
		margin: 0 0 20px 0;
		border-top: 1px solid #fff;
		border-bottom: 5px solid #fff;
	}
	#nav ul {
		list-style: none;
		padding: 6px 0 0 0;
	}
	#nav ul li {
		margin: 0 10px 0 25px;
		float: left;
		position: relative;
	}
	#nav ul li a {
		height: 13px;
		display: block;
		overflow: hidden;
		text-indent: -9999px;
	}
	#nav ul li a.home {
		width: 31px;
		background: url(../img/nav/home.png) no-repeat 0 0;
	}
	#nav ul li a.products {
		width: 58px;
		background: url(../img/nav/products.png) no-repeat 0 0;
	}
	#nav ul li a.about {
		width: 37px;
		background: url(../img/nav/about.png) no-repeat 0 0;
	}
	#nav ul li a.contact {
		width: 51px;
		background: url(../img/nav/contact.png) no-repeat 0 0;
	}
	#nav ul li a:hover, #nav ul li a.active {
		background-position: 0 -20px;
	}
	/* Sub Nav Styles */
	#nav ul li ul {
		width: 162px;
		height: 20px;
		margin: auto;
		display: none;
		position: absolute;
		left: -10px;
		top: 3px;
		z-index: 10;
		background: url(../img/transparent.gif) repeat;
		padding: 20px 0 0 0;
	}
	#nav ul li ul li {
		margin: 0 1px 0 0;
		position: relative;
	}
	#nav ul li ul li a {
		width: 80px;
		height: 20px;
		background: #4d4126;
		display: block;
		text-indent: 0;
		text-align: center;
		color: #ccc;
		line-height: 20px;
		text-transform: uppercase;
	}
	#nav ul li ul li a:hover, #nav ul li ul li a.active {
		background: #816d40;
		color: #fff;
	}
	#nav ul li.active ul {
		display: block;
	}

	#content {
		width: 100%;
		margin: 0 0 10px 0;
		height: 660px;
		background: #fff;
	}

	#footer {
		padding: 10px 0 0 0;
		border-top: 5px solid #fff;
	}
		#copyright {
			display: inline;
			float: left;
			font-size: 0.9em;
			color: #fff;
			text-transform: uppercase;
		}
		#footer-nav {
			display: inline;
			float: right;
			position: relative;
			right: -16px;
			list-style: none;
			font-size: 0.9em;
		}
		#footer-nav li {
			margin: 0 8px 0 0;
			display: inline;
			color: #a08c51;
		}
		#footer-nav li a {
			margin: 0 8px 0 0;
			color: #fff;
			text-transform: uppercase;
		}
		#footer-nav li a:hover {
			color: #a08c51;
		}