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

body {
padding:0;
margin:0;
font-family: Arial, Helvetica, sans-serif;
background:#FFFFFF url(../images/common/bg_body.jpg) repeat-x;
}

a:link, a:hover {
color:#d91b5c;
text-decoration:none;}

#wrapper{
padding:0;
margin:0 auto;
width:990px;
height:100%;
}

#head {
vertical-align:middle;
text-align:center;
width:990px;
height:128px;}

#nav {
	padding:0;
	height:41px;
	margin:0 0 0 70px;
	background:transparent url(../images/common/bg_nav.jpg) repeat-x;
}

#nav ul, #nav li {
margin:0;
padding:0;}

#nav li {
position: relative;
list-style:none;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-transform:uppercase;
}

#nav li a{
background:url(../images/common/link_divider.gif) no-repeat left;
font-size:12px;
text-transform:uppercase;
padding:12px 35px;
margin:0;
color:#484848;
text-decoration:none;
font-weight:bold;
display:block;
border-top:1px solid #d8eaf4;
}

#nav li.on{
background:url(../images/common/link_divider.gif) no-repeat left;
font-size:12px;
text-transform:uppercase;
padding:12px 35px;
margin:0;
font-weight:bold;
border-top:1px solid #d8eaf4;
}

#nav li a:hover,  #nav li.on {
color:#95b4c4;
border-top:1px solid #d8eaf4;
border-bottom:1px solid #ffffff;
text-decoration:none;
font-weight:bold;
background-color:#FFFFFF;
}

#nav li.last{
background:url(../images/common/link_divider.gif) no-repeat right;}

#content {
width:900px;
float:left;
margin-left:70px;}

#content img{
vertical-align:top;
margin:0;
padding:0 15px 10px 0;
float:left;
}

.prod-title {
text-indent:-9999px;
background:url(../images/products/t_products.gif) no-repeat;
width:90px;
height:29px;
margin:30px 0 0 25px;
}

.prof-title, .contact-title, .vendor-title, .career-title {
text-indent:-5555px;
width:153px;
height:29px;
margin:30px 0 0 25px;
}

.prof-title {
background:url(../images/aboutus/t_profile.gif) no-repeat;
}
.contact-title {
background: url(../images/contactus/t_contact.gif) no-repeat;
}

.vendor-title {
background:url(../images/vendors/t_vendors.gif) no-repeat;
}

.career-title {
background: url(../images/careers/t_careers.gif) no-repeat;
}

.mantaray-title {
background: url(../images/mantaray/t_mantaray.gif) no-repeat;
text-indent:-5555px;
width:216px;
height:90px;
margin:30px 0 0 25px;
}

.copy{
margin:0;
float:left;
padding:0 27px;
font-size:12px;
width:800px;
}

.copy p {
line-height:20px;
}

.copy .range {
background:url(../images/aboutus/bg_range.jpg) no-repeat;
margin:0;
padding:15px 15px 0 15px;
width:833px;
height:202px;
font-weight:bold;
}

.copy .intro {
width:600px;
text-align:center;
margin:0 auto;}

.pink {
color:#d91b5c;
font-size:14px;
padding-bottom:10px;
}
p.bottom-info {
font-size:14px;
color:#000000;
margin-top:10px;
padding: 5px 5px 5px 50px;}

#bottom a:link {
color:#d91b5c;
text-decoration:underline;}

.img-col {
float:left;
width:465px;
vertical-align:top;
}

#bottom {
	float:left;
	border-top:1px solid #e7eff2;
	margin:20px;
	clear:both;
	width:990px;
}

#bottom p{
font-size:11px;
color:#333333;
text-align:center;
}

.space {
height:60px;}

#slideshow * { margin: 0; padding: 0; }
#slideshow { position: relative; padding: 14px 0 15px 35px; width: 840px; height: 298px; margin-left:25px; }
#slideshow #menu, #slideshow #pictures, #slideshow #loading { position: absolute; }
#slideshow #loading { background: url('../images/spinner.gif'); display: block; top: 58px; left: 405px; text-indent: -5000px; width: 24px; height:24px; visibility: hidden; z-index: 5; }
#slideshow #pictures {
background:url(../images/products/bg.jpg) no-repeat;
	width: 650px;
	height: 298px;
	left: 180px;
	overflow: hidden;
}
#slideshow #pictures li { display: block; position: absolute; top: 0; width: 650px; }
#slideshow #pictures li img { display: block; position: relative; bottom: 0; }
#slideshow #menu {
	background:url(../images/products/left_bg.gif) no-repeat;
	list-style-type: none;
	width: 166px;
	padding-top:10px;
	height: 257px;
	right: 0px;
	left: 0px;
}
#slideshow #menu li { display: block; z-index: 1000; position: relative; zoom: 1; }
#slideshow #menu li a { display: block; font: 12px "Arial", "Arial"; text-decoration: none; padding: 0 0 7px 18px; z-index: 1000; color: #89a9b9; line-height: 23px; vertical-align: middle; zoom: 1; font-weight:bold; }
#slideshow #menu li a:focus { outline: 0; }
#slideshow #menu li a:hover { color: #000; }
#slideshow #menu li.current a { font: 14px "Arial"; color: #000; padding: 2px 0 5px 18px; line-height: 18px; font-weight:bold; }
#slideshow #menu li.background { background: url('../images/products/arrow.jpg') no-repeat left center; position: absolute; font-size: 14px; height: 30px; width: 164px; z-index: 10; }