body,html{
height:100%;
width:100%;
padding:0;
margin:0;
font-family:Tahoma, Geneva, sans-serif;
color:#333333;
font-size:12px;
}

a {color:#333333}

a:hover{color:#00aef0}
.clear {
clear:both; padding:0; margin:0
}

p{margin:0; padding:3px 0 10px 0}

body {
background:url(../images/body_bg.gif) top repeat-y #ffffff;
}
#body_bg_repeat {
height:100%;
position:relative;
width:100%;
padding:0;
margin:0;
background:url(../images/body_header_bg_repeat.jpg) repeat-x top;
z-index:1
}

#body_bg{
min-height:100%;
position:relative;
width:100%;
padding:0;
margin:0;
background:url(../images/body_header_bg.jpg) top center no-repeat;
z-index:0
}

#container{
margin:0 auto;
width:100%;
padding-bottom:142px;
z-index:1
}

#header{
height:157px; width:989px; background:url(../images/header_bg.gif); position:relative; margin:0 auto; overflow:hidden; margin-bottom:-20px; z-index:0}

#menu {width:528px; float:left; height:158px; padding-top:0px; background:url(../images/menu/menu_bg.gif)}

#footer {
position:absolute;
bottom:0;
height:130px;
background:#7c7c7c;
width:100%;
}


#headericons{ position:absolute; top:29px; left:688px; width:26px; height:84px; }
#headericons ul,#headericons li {padding:0; margin:0; list-style:none; }

#mainlogo{ position:absolute; top:82px; left:750px; width:215px; height:40px; }




#submenu{ position:absolute; top:36px; left:541px; width:124px; height:80px; }
#submenu ul { padding:0; margin:0; list-style:none; display:block; line-height:13px; height:13px;}
#submenu li { line-height:13px; height:13px; margin:10px 0}

#submenu li a {width:124px; display:block}
#submenu li a:hover, #submenu li a.active {background:#900}





#menu ul {
	list-style:none;
	margin:0;
	padding:0;
}
#menu li {
	float:left;
	width:80px;
	height:158px;
	margin:0 8px 0 0;
	padding:0;
	text-align:center;
	overflow:hidden;
	
}

#menu li  {
	background: url(../images/main_menu_bg.jpg) repeat-x 0 -158px;
}
#menu li:hover, #menu li .on {
	background-position:0px 0;
}

#menu li a {display:block; height:158px}

#menu li a.home{text-indent:1000px; background:no-repeat 22px 95px url(../images/menu/home.png)}
#menu li a.news{text-indent:1000px; background:no-repeat 23px 95px url(../images/menu/news.png)}
#menu li a.store{text-indent:1000px; background:no-repeat 19px 95px url(../images/menu/store.png)}
#menu li a.products{text-indent:1000px; background:no-repeat 8px 95px url(../images/menu/products.png)}
#menu li a.team{text-indent:1000px; background:no-repeat 22px 95px url(../images/menu/team.png)}
#menu li a.retailers{text-indent:1000px; background:no-repeat 9px 95px url(../images/menu/retailers.png)}







#pagetitle{position:relative; margin:0 auto; width:967px; height:51px; background:url(../images/pagetitle_bg.jpg); line-height:51px; font-size:20px; color:#FFF; text-indent:35px; text-transform:uppercase}

#breadcrumbs {position:absolute; top:0px; right:35px; font-size:12px; color:#FFF; text-transform:capitalize; width:600px; text-align:right}
#breadcrumbs a {color:#FFF; text-decoration:none}
#breadcrumbs a:hover {color:#00aeef; text-decoration:none}

#contentcontainer {background:url(../images/content_top_bg.jpg) top no-repeat #EBECEC; margin:0 auto; width:967px;}

#contentframe{clear:both;width:100%; z-index:1;  position:relative}
#content{width:967px; margin:0 auto; z-index:1; }
#middle {width:100%; background:center top  repeat-y url(../images/content_middle_bg.png); z-index:10}
#top { height:20px;width:100% ;background:center top no-repeat url(../images/content_top_bg.png); z-index:10}
#bottom { height:20px;width:100% ;background:center top no-repeat url(../images/content_bottom_bg.png); z-index:10}



#footercontent {width:989px; margin:0 auto; padding:0}

#footercontent .links {font-size:11px; color:#FFF; width:989px; padding-top:15px;}
#footercontent .links .left {float:left;}
#footercontent .links .right {float:right}
#footercontent a {color:#ffffff; text-decoration:none; padding:2px 6px;}
#footercontent a:hover {background:#00AEF0}

#footercontent .copyright {clear:both; color:#FFF; font-size:11px; text-transform:uppercase; padding-top:15px;}


