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


body {
margin:0px 0px 0px 0px;
	background-repeat: repeat-x;
	background-color: #636363;
}


ul.main {
margin:0px 0px 0px 0px;
padding:5px 35px 5px 35px;
}

li.main {
margin:0px 0px 0px 0px;
padding:5px 0px 10px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #999999;
line-height:18px;
}

a {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #0079c1;
text-decoration:none;	
}
a:visited {
	color: #0079c1;
}
a:hover {
	color: #66FFFF;
}
a:active {
	color: #0079C1;
}

#header {
background:url(../images/header_bg.jpg);
	width:100%;
	height:210px;
}


#header_left {
float:left;
	width:512px;
	height:210px;
	color:#FFFFFF; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; font-weight:bold;
}

#header_right {
float:left;
background: #000 url(../images/header_right_spa120f.jpg) repeat-x;
	width:512px;
	height:210px;
	color:#000000;
	 font-family:Arial, Helvetica, sans-serif;
	 font-weight:bold;
}

#header_right a:hover {
	color:#000000;
}


#nav_box {
padding:0px 0px 0px 0px;
margin:-16px 0px 0px 0px;
background:url(../images/nav_bg.jpg);
width:100%;
border:0px;
height:58px;
}

/* begin main navigation */
#navcontainer {
margin:0px auto 0px auto;
padding:0px 0px 0px 0px;
width:1024px;
}

   /* home button */
#navcontainer ul li.home {
padding:0px 0px 0px 0px;
margin:0px 0px 0px -40px;
list-style-type: none;
float: left;
background: url(../images/home.jpg) no-repeat;
text-indent:-9999px;
}
#navcontainer a.home {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
text-decoration: none;
display: block;
width:189px;
height:58px;
border:0px;
}
#navcontainer a.home:hover { background: url(../images/home_over.gif) no-repeat; }

   /* about button */
#navcontainer ul li.about {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
list-style-type: none;
float: left;
background: url(../images/about.jpg) no-repeat;
text-indent:-9999px;
}
#navcontainer a.about {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
text-decoration: none;
display: block;
width:151px;
height:58px;
border:0px;
}
#navcontainer a.about:hover { background: url(../images/about_over.gif) no-repeat; }

   /* products button */
#navcontainer ul li.products {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
list-style-type: none;
float: left;
background: url(../images/products.jpg) no-repeat;
text-indent:-9999px;
}
#navcontainer a.products {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
text-decoration: none;
display: block;
width:163px;
height:58px;
border:0px;
}
#navcontainer a.products:hover { background: url(../images/products_over.gif) no-repeat; }

   /* support button */
#navcontainer ul li.support {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
list-style-type: none;
float: left;
background: url(../images/support.jpg) no-repeat;
text-indent:-9999px;
}
#navcontainer a.support {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
text-decoration: none;
display: block;
width:144px;
height:58px;
border:0px;
}
#navcontainer a.support:hover { background: url(../images/support_over.gif) no-repeat; }

   /* news button */
#navcontainer ul li.news {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
list-style-type: none;
float: left;
background: url(../images/news.jpg) no-repeat;
text-indent:-9999px;
}
#navcontainer a.news {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
text-decoration: none;
display: block;
width:97px;
height:58px;
border:0px;
}
#navcontainer a.news:hover { background: url(../images/news_over.gif) no-repeat; }

   /* contact button */
#navcontainer ul li.contact {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
list-style-type: none;
float: left;
background: url(../images/contact.jpg) no-repeat;
text-indent:-9999px;
}
#navcontainer a.contact {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
text-decoration: none;
display: block;
width:280px;
height:58px;
border:0px;
}
#navcontainer a.contact:hover { background: url(../images/contact_over.gif) no-repeat; }

/* end main navigation */


#content {
margin:0px auto 20px auto;
padding:0px 0px 20px 0px;
clear:both;
	width:100%;
	color: #999999;	
	background-color: #000000;

}

#main {
margin:0px auto 0px auto;
padding:10px 0px 0px 0px;
	width:1024px;
}

#main p {
margin:0px auto 0px auto;
padding:5px 5px 5px 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #999999;
line-height:18px;
}


p.home {
margin:0px auto 0px auto;
padding:5px 130px 5px 130px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #999999;
line-height:18px;
}

#main h2 {
margin:10px 0px 10px 0px;
padding:0px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#FFFFFF;
}
#main h5 {
margin:10px 0px 10px 0px;
padding:0px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#FFFFFF;
}

#products {
margin:-20px 0px 0px 0px;
padding:0px 0px 0px 0px;
background:url(../images/product_bg.jpg) repeat-x;
	width:100%;
}

#series {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:100%;
clear:both;
}
#seriescontainer {
margin:0px auto 0px auto;
padding:0px 0px 0px 0px;
width:800px;
	height:150px;
}



#footer {	
background-color: #636363;
line-height:20px;
text-align:center;
clear:both;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0px auto 0px auto;
padding:0px 0px 0px 0px;
	color: #ffffff;
}
#bottomnav {
padding:0px 0px 0px 0px;
margin:20px 0px 0px 0px;
width:100%;
background:url(../images/nav_bg_bottom.jpg) repeat-x;
height:36px;
}

#bottomnav ul {
padding:0px 0px 0px 0px;
margin:0px auto 0px auto;
width:800px;
}
#bottomnav ul li.ds {
width:158px;
height:35px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
list-style-type: none;
float: left;
background: url(../images/bottomnav/ds_series_logo.png) no-repeat;
text-indent:-9999px;
}
#bottomnav a.ds {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
text-decoration: none;
display: block;
width:169px;
height:35px;
border:0px;
}

#bottomnav a.ds:hover { 
background: url(../images/bottomnav/ds_series_logo_over.png) no-repeat; }

#bottomnav ul li.misc {
width:199px;
height:35px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
list-style-type: none;
float: left;
background: url(../images/bottomnav/misc_logo.png) no-repeat;
text-indent:-9999px;
}
#bottomnav a.misc {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
text-decoration: none;
display: block;
width:199px;
height:35px;
border:0px;
}

#bottomnav a.misc:hover { 
background: url(../images/bottomnav/misc_logo_over.png) no-repeat; }


#bottomnav ul li.wx {
width:135px;
height:35px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
list-style-type: none;
float: left;
background: url(../images/bottomnav/wx_series_logo.png) no-repeat;
text-indent:-9999px;
}
#bottomnav a.wx {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
text-decoration: none;
display: block;
width:135px;
height:35px;
border:0px;
}

#bottomnav a.wx:hover { 
background: url(../images/bottomnav/wx_series_logo_over.png) no-repeat; }


#bottomnav ul li.spa {
width:149px;
height:35px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
list-style-type: none;
float: left;
background: url(../images/bottomnav/spa_series_logo.png) no-repeat;
text-indent:-9999px;
}
#bottomnav a.spa {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
text-decoration: none;
display: block;
width:149px;
height:35px;
border:0px;
}

#bottomnav a.spa:hover { 
background: url(../images/bottomnav/spa_series_logo_over.png) no-repeat; }

#bottomnav a.wx:hover { 
background: url(../images/bottomnav/wx_series_logo_over.png) no-repeat; }


#bottomnav ul li.fa {
width:159px;
height:35px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
list-style-type: none;
float: left;
background: url(../images/bottomnav/fa_series_logo.png) no-repeat;
text-indent:-9999px;
}
#bottomnav a.fa {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
text-decoration: none;
display: block;
width:159px;
height:35px;
border:0px;
}

#bottomnav a.fa:hover { 
background: url(../images/bottomnav/fa_series_logo_over.png) no-repeat; }