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

body {
	background:url(../images/background.png);
}

#wrapper {
	background:url(../images/header-bg.gif) 0 0 repeat-x;
	height:87px;
	_text-align:center;
}

/* Header */

#header {
	width:970px;
	margin:0 auto;
	_text-align:left;
	height:50px;
}

#header h1 {
	float:left;
}

#header h2 {
	float:right;
	position:relative;
	font:normal 12px Arial, Helvetica, sans-serif;
}

#header h2 a {
	position:absolute;
	right:10px;
	top:28px;
	color:#000;
	text-decoration:underline;
}

#header h2 a:hover {
	text-decoration:none;
}

/* Header End */
/* Top Navigation Begin */

#top-nav {
	height:37px;
	overflow-y:hidden;
	width:970px;
	margin:0 auto;
	_text-align:left;
}

#top-nav ul, #top-nav ul li {
	margin:0;
	padding:0;
	list-style-type:none;
}

#top-nav ul {
	float:left;
	margin:4px 0 0;
	padding-right:8px;
	height:27px;
	background:url(../images/top-navigation.jpg) 100% 0 no-repeat;
}

#top-nav ul li {
	float:left;
}

#top-nav ul li a {
	display:block;
	float:left;
	height:27px;
	font:bold italic 14px Arial, Helvetica, sans-serif;
	color:#fff;
	padding:0 10px 0 20px;
	text-decoration:none;
	text-transform:uppercase;
	line-height:27px;
	background:url(../images/top-navigation.jpg) -204px 0 no-repeat;
	overflow:hidden;
}

#top-nav ul li.first a {
	background-position:0 0;
}

#top-nav ul li a:hover {
	background-position:-204px -27px;
}

#top-nav ul li.first a:hover {
	background-position:0 -27px;
}

#top-nav form {
	float:right;
	padding-top:7px;
}

#top-nav form input {
	float:left;
	border:0;
	background:#fff;
	width:130px;
	height:21px;
	padding:4px 5px 0;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#5d5d5d;
}

#top-nav form input.go-button {
	width:33px;
	height:21px;
	padding:0;
	background:url(../images/go-button.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	line-height:0;
	cursor:pointer;
}

#top-nav form input.go-button:hover {
	background-position:0 -21px;
}

/* Top Navigation End */
/* Banner Area */

#banner {
	_text-align:center;
	height:203px;
	background:url(../images/banner-bg.png) 0 0 repeat-x;
}

#banner div {
	width:966px;
	_width:970px;
	margin:0 auto;
	_text-align:left;
	border-left:2px solid #526897;
	border-right:2px solid #526897;
	height:201px;
	overflow:hidden;
	position:relative;
}

#banner .view-products {
	display:block;
	width:151px;
	height:29px;
	position:absolute;
	left:285px;
	top:158px;
	background:url(../images/view-our-products.gif) 0 0 no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

#banner .view-products:hover {
	background-position:0 -29px;
}

#banner .featured-bg {
	width:208px;
	height:201px;
	position:absolute;
	border:0;
	right:0;
	top:0;
	background:#000;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	z-index:2;
}

#banner #featured {
	width:192px;
	position:absolute;
	right:7px;
	top:6px;
	height:190px;
	overflow:hidden;
	font:normal 10px Arial, Helvetica, sans-serif;
	line-height:11px;
	color:#fff;
	z-index:3;
	border:0;
}

#banner #featured h1 {
	width:154px;
	height:17px;
	background:url(../images/featured-product-title.gif) 0 0 no-repeat;
	line-height:17px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 3px;
}

#banner #featured h2 {
	font:bold italic 18px Arial, Helvetica, sans-serif;
	color:#c0d2ff;
	padding:0 0 8px;
}

#banner #featured img {
	float:right;
	margin:0 0 8px 8px;
	border:3px solid #fff;
}

#banner #featured p {
	padding:0 0 10px;
}

#banner #featured a.view {
	display:block;
	position:absolute;
	bottom:5px;
	right:5px;
	width:54px;
	height:20px;
	background:url(../images/featured-view.gif) 0 0 no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

#banner #featured a.view:hover {
	background-position:0 -20px;
}

/* Banner Area End */
/* Content Area */

#wrapper2 {
	background:url(../images/body-bg.gif) 0 0 repeat-x #fff;
	padding:20px 0;
	_text-align:center;
}

#content {
	width:970px;
	margin:0 auto;
	_text-align:left;
}

/* Content Area End */
/* Footer */

#footer {
	background:url(../images/footer-bg.gif) 0 0 repeat-x;
	padding:15px 0;
	_text-align:center;
	font:italic 11px Verdana, Arial, Helvetica, sans-serif;
	color:#0b286a;
}

#footer div {
	width:970px;
	margin:0 auto;
	text-align:right;
}

#footer div div {
	width:auto;
	margin:0;
	text-align:left;
}

#footer .left {
	float:left;
}

#footer a {
	color:#0b286a;
}

#footer a:hover {
	text-decoration:none;
}

#footer p {
	padding:0 0 14px;
}

#footer ul, #footer ul li {
	margin:0;
	padding:0;
	list-style-type:none;
}

#footer ul li {
	float:left;
}

#footer ul li a {
	display:block;
	float:left;
	background:url(../images/footer-spacer.gif) 0 2px no-repeat;
	color:#0b286a;
	text-decoration:none;
	padding:0 8px 0 18px;
}

#footer ul li a:hover {
	text-decoration:underline;
}

#footer ul li.first a {
	background:none;
	padding-left:0;
}

#footer .left p {
	margin:35px 0 0;
}

/* Footer End */