/* RESET STYLES */

html, body, div, span, 
h1, h2, h3, h4, h5, h6, p, 
blockquote, a, img, strong, 
dl, dt, dd,  ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body { line-height: 1;}
/*ul { list-style: none;}*/

/* BASIC STYLES */
/* --------------------------------------------------------------- */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	/*background:url(../images/bg_body.jpg) no-repeat top center #0857A2;*/
	background:url(../images/bg_body.jpg) no-repeat top center #0857A2;
	text-align:center;
}
p, li, td {
	font-size: 1.4em;
	line-height: 1.5em;
}
a:link, a:visited {}
a:hover {}
a:active {}

/* LAYOUT CONTAINERS */
/* --------------------------------------------------------------- */
#wrapper {
	position:relative;
}
#header {
	margin:0 auto;
	width:980px;
	height:408px;
	position:relative;
}
#head-content {
	/*background:url(../images/bg_header-trans.png) no-repeat top center;*/
	margin:0 auto;
	height:408px;
	position:relative;
	top:0;
	z-index:100;
}
#banner {
	margin:0 auto;
	width:480px;
	height:360px;
	position:absolute;
	top:0;
	right:0;
	z-index:50;
}
#middle {
	width:980px;
	margin:-36px auto 0;
	text-align:left;
}
#content {
	width:;
	margin:;
}
#subpage-content {
	width:900px;/*970-35pad-35pad*/
	margin:0px 5px 20px;
	padding:50px 35px 20px;
	background:url(../images/content_bottom.png) no-repeat bottom #FFF;
}

#footer {
	margin:0 auto 20px;
	padding-bottom:20px;
	width:980px;
	text-align:left;
}


/* HEADER */
/* --------------------------------------------------------------- */

#header h1#logo {
	text-indent:-5000px;
	display:block;
	/*width:177px;
	height:145px;*/
	width:231px;
	height:115px;
	position:absolute;
	top:9px;
	left:9px;
}
#header h1#logo a {
	display:block;
	/*width:177px;
	height:145px;*/
	width:231px;
	height:115px;
	margin:0;
	/*background:url(../images/logo-trans.png) no-repeat;*/
	background:url(../images/logo-trans2.png) no-repeat;
}
img#bannerpic {
	display:block;
	width:480px;
	height:360px;
	margin:0;
}


/* MAIN NAV */
/* --------------------------------------------------------------- */
ul#main-nav {
	display:block;
	margin:0;
}
ul#main-nav li {
	display:block;
	height:30px;
	margin:0;
	padding:0;
	overflow:visible;
	text-indent:-5000px;
	position:absolute;
}
ul#main-nav li a {
	display:block;
	height:30px;
	background-position:top;
	background-repeat:no-repeat;
}
ul#main-nav li#home {top:101px;left:253px;}
ul#main-nav li#home a {background-image:url(../images/nav_home-trans.png);width:38px;}
ul#main-nav li#about {top:131px;left:206px;}
ul#main-nav li#about a {background-image:url(../images/nav_about-trans.png);width:65px;}
ul#main-nav li#prod {top:161px;left:183px;}
ul#main-nav li#prod a {background-image:url(../images/nav_prod-trans.png);width:65px;}
ul#main-nav li#news {top:191px;left:148px;}
ul#main-nav li#news a {background-image:url(../images/nav_news-trans.png);width:82px;}
ul#main-nav li#cont {top:221px;left:130px;}
ul#main-nav li#cont a {background-image:url(../images/nav_cont-trans.png);width:74px;}
ul#main-nav li#faqs {top:251px;left:115px;}
ul#main-nav li#faqs a {background-image:url(../images/nav_faqs-trans.png);width:30px;}
ul#main-nav li#slct {top:101px;left:335px;}
ul#main-nav li#slct a {background-image:url(../images/nav_select-trans.png);width:80px;}
ul#main-nav li#loct {top:131px;left:315px;}
ul#main-nav li#loct a {background-image:url(../images/nav_locate-trans.png);width:89px;}
ul#main-nav li#vist {top:161px;left:293px;}
ul#main-nav li#vist a {background-image:url(../images/nav_visit-trans.png);width:90px;}
ul#main-nav li#prch {top:191px;left:271px;}
ul#main-nav li#prch a {background-image:url(../images/nav_purch-trans.png);width:112px;}
ul#main-nav li#catl {top:221px;left:248px;}
ul#main-nav li#catl a {background-image:url(../images/nav_catalog-trans.png);width:106px;}
ul#main-nav li#deal {top:251px;left:219px;}
ul#main-nav li#deal a {background-image:url(../images/nav_login-trans.png);width:77px;}

ul#main-nav li a:hover,
ul#main-nav li.current a {background-position:bottom;background-color:transparent}




/* CONTENT */
/* --------------------------------------------------------------- */

#subpage-content h2 {
	font-size:2.5em;
	font-weight:bold;
	line-height:1.3em;
	margin:0 0 0.5em;
}
#subpage-content p {
	margin:0 0 1em;
}

#content h3#whychoose a {
	display:block;
	width:480px;
	height:56px;
	text-indent:-5000px;
	position:absolute;
	top:310px;
	left:50%;
	background:url(../images/whychoose.png) no-repeat;
	z-index:200;
}
#content h3#whatsnew {
	display:block;
	width:980px;
	height:71px;
	text-indent:-5000px;
	background:url(../images/whatsnew.png) no-repeat;
	margin:20px 0 0;
	clear:both;
}
#content p {
}
img.pic-left {
	float:left;
	margin:0 10px 5px 0;
	border:solid 1px #0857A2;
}
img.pic-right{
	float:right;
	margin:0 0 5px 10px;
	border:solid 1px #0857A2;
}
p.clearall {
	display:block;
	clear:both;
	font-size:1px;
}
#scroller {
	width:460px;
	font-size:1.2em;
	color:#FFF;
	margin:20px 0 20px 15px;
	float:left;
}
#designedfor {
	width:491px;
	height:82px;
	margin:20px 0;
	float:right;
	text-indent:-5000px;
	background:url(../images/designedfor.png) no-repeat;
}

#designedfor a {
	width:49px;
	height:42px;
	float:left;
	text-indent:-5000px;
}


/* FEATURE LINKS */
/* --------------------------------------------------------------- */
div.feature {
	width:235px;
	margin:0 10px 20px 0;
	float:left;
}
div.feature#vertical {	margin:0 10px 10px 5px;}
div.feature#last {	margin:0 5px 10px 0;}
div.feature img {
	display:block;
	width:235px;
	height:176px;
	margin:0 0 10px;
}
div.feature h2 {
	display:block;
	width:235px;
	height:62px;
	margin:0 0 10px;
	text-indent:-5000px;
	}
	div.feature#vertical h2 {background:url(../images/bg_feature_vert.png) no-repeat;}
	div.feature#elevator h2 {background:url(../images/bg_feature_elev.png) no-repeat;}
	div.feature#personal h2 {background:url(../images/bg_feature_pers.png) no-repeat;}
	div.feature#last h2 {background:url(../images/bg_feature_last.png) no-repeat;
}
div.feature p {
	font-size:1.3em;
	line-height:1.3em;
	color:#FFF;
	margin:0 10px 10px;
}
div.feature p a,
div.feature p a:link {
	color:#FFF;
}
div.feature p a:hover {background-color:#FFF; color:#203162;}


/* FOOTER */
/* --------------------------------------------------------------- */
#footer img {
	display:block;
	margin:-2em 10px 0 190px;
	float:left;
}
#footer p {
	display:block;
	margin:2em 0 0 290px;
	font-size:1.2em;
	line-height:1.3em;
	color:#FFF;
}
#footer p a:link {color:#FFF;}
#footer p a:hover {background-color:#FFF; color:#203162;}