/* CSS Document */

html, body {
	height: 100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background: #000;
	margin: 0;
	padding: 0;
	text-align: center;
	background-image: url(images/bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

a:link { color: #000; text-decoration: underline; }
a:visited { color: #000; text-decoration: underline; }
a:hover { color: #007dc3; text-decoration: underline; }
a:active { color: #007dc3; text-decoration: underline; }

#wrap { 
	margin: 0 auto; 
	width: 950px;
	background-color: #fff; 	
}


/*-------------------------------------------
	header
-------------------------------------------*/


#header {
	width: 950px; 
	height: 200px; 
	margin: 0 auto; 
	position: relative; 
	text-align: left;
	background-image: url(images/header.jpg);
}

#allnav {
	width: 950px;
	margin: 0;
	padding: 37px 0 0 0;
	float: right;

}

#nav {
    width: 950px; height: 105px;
    background: url(images/nav.jpg);
    margin: 0; padding: 0;
    position: relative;
}

#nav li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
#nav li a { height: 0px; display: block; padding-top: 105px; overflow: hidden; }

#nav1 { left: 0; width: 300px; }
#nav2 { left: 300px; width: 128px; }
#nav3 { left: 428px; width: 128px; }
#nav4 { left: 556px; width: 128px; }
#nav5 { left: 684px; width: 128px; }
#nav6 { left: 812px; width: 128px; }

#nav1 a:hover { background: transparent url(images/nav.jpg) 0 -105px no-repeat; }
#nav2 a:hover { background: transparent url(images/nav.jpg) -300px -105px no-repeat; }
#nav3 a:hover { background: transparent url(images/nav.jpg) -428px -105px no-repeat; }
#nav4 a:hover { background: transparent url(images/nav.jpg) -556px -105px no-repeat; }
#nav5 a:hover { background: transparent url(images/nav.jpg) -684px -105px no-repeat; }
#nav6 a:hover { background: transparent url(images/nav.jpg) -812px -105px no-repeat; }

#nav1 a.selected { background: transparent url(images/nav.jpg) 0 -210px no-repeat; }
#nav2 a.selected { background: transparent url(images/nav.jpg) -300px -210px no-repeat; }
#nav3 a.selected { background: transparent url(images/nav.jpg) -428px -210px no-repeat; }
#nav4 a.selected { background: transparent url(images/nav.jpg) -556px -210px no-repeat; }
#nav5 a.selected { background: transparent url(images/nav.jpg) -684px -210px no-repeat; }
#nav6 a.selected { background: transparent url(images/nav.jpg) -812px -210px no-repeat; }



#Detailnav {
	width: 417px;
	margin: 0;
	padding: 0;
}

#navD {
    width: 417px; height: 30px;
    background: url(images/btn-details.gif);
    margin: 0; padding: 0;
    position: relative;
}

#navD li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; }
#navD li a { height: 0px; display: block; padding-top: 30px; overflow: hidden; }

#navD1 { left: 0; width: 170px; }
#navD2 { left: 170px; width: 247px; }

#navD1 a:hover { background: transparent url(images/btn-details.gif) 0 -30px no-repeat; }
#navD2 a:hover { background: transparent url(images/btn-details.gif) -170px -30px no-repeat; }




/*-------------------------------------------
	page structure
-------------------------------------------*/


#homeContent {
	width: 950px;
	text-align: left;
	margin: 0;
	background-color: #fff;
}

#mainContent {
	width: 910px;
	text-align: left;
	margin: 20px;
	background-color: #fff;
}

#subContent {
	width: 950px;
	text-align: left;
	margin: 0;
	background-color: #fff;
	background-image: url(images/subg.gif);
}

#flashdetail {
	width: 910px;
	text-align: left;
	margin: 0 auto;
}

#flashdetail-sm {
	width: 417px;
	text-align: left;
	margin: 0 auto;
}

#mainContent h1 {
	font-size: 16px;
}

#mainDivider .column {
	position: relative;
	float: left;
}

#H_left {
	width: 296px;
	padding: 0;
	margin: 0;
	text-align: left;
}

#H_left ul {
  list-style-type: none;
  padding: 20px 0 10px 20px;
  margin: 0;
}

#H_left li {
  padding: 0 0 10px 0;
}

#HS_left {
	width: 296px;
	padding: 15px 0 20px 0;
	margin: 0;
	text-align: left;
}

#H_right {
	width: 654px;
	padding: 0;
	margin: 0;
}

#H3_mid {
	width: 200px;
	padding: 20px 0 0 0;
	margin: 0;
}

#midThumbs {
	width: 200px;
	height: 200px;
	padding: 0;
	margin: 0 0 17px 0;
	text-align: center;
}

#H3_right {
	width: 410px;
	padding: 20px 0 0 0;
	margin: 0 0 0 17px;
}


#AM_left {
	width: 430px;
	padding: 0;
	margin: 0;
	text-align: left;
}

#AM_right {
	width: 220px;
	padding: 0;
	margin: 0;
}


#copy {
	width: 630px;
	padding: 20px 0 20px 0;
	margin: 0;
}

#details {
	padding: 10px;
	background-color: #007dc3;
	color: #fff;
	text-align: center;
	font-size: 10px;
}

.sidenav {
	width: 250px;
	padding: 7px 0 7px 10px;
	margin: 5px 0 0 20px;
	background-color: #007dc3;
	color: #fff;
	text-align: left;
	font-size: 10px;
}

.sidenav a {
	width: 250px;
	display: block;
}

#thirdlevel {
  list-style-type: none;
  padding: 10px 0 10px 30px;
  margin: 0;
}

#thirdlevel li {
  padding: 0 0 5px 0;
  font-size: 11px;
}

#fourthlevel {
  list-style-type: none;
  padding: 0 0 5px 20px;
  margin: 0;
}

#fourthlevel li {
  padding: 0 0 5px 0;
  font-size: 11px;
}


.white:link { color: #fff; text-decoration: underline; }
.white:visited { color: #fff; text-decoration: underline; }
.white:hover { color: #000; text-decoration: underline; }
.white:active { color: #000; text-decoration: underline; }

.whiteSNAV:link { color: #fff; text-decoration: none; }
.whiteSNAV:visited { color: #fff; text-decoration: none; }
.whiteSNAV:hover { color: #000; text-decoration: none; }
.whiteSNAV:active { color: #000; text-decoration: none; }

.blackSNAV:link { color: #000; text-decoration: none; }
.blackSNAV:visited { color: #000; text-decoration: none; }
.blackSNAV:hover { color: #000; text-decoration: none; }
.blackSNAV:active { color: #000; text-decoration: none; }

.black { color: #000; }
.black { color: #000; }
.black { color: #000 }
.black { color: #000; }

.grey:link { color: #000; text-decoration: none; }
.grey:visited { color: #000; text-decoration: none; }
.grey:hover { color: #000; text-decoration: none; }
.grey:active { color: #000; text-decoration: none; }

#C_left {
	width: 296px;
	padding: 0;
	margin: 0;
	text-align: left;
}

#C_right {
	width: 614px;
	padding: 0;
	margin: 0;
}

#copy_left {
	width: 270px;
	padding: 0;
	line-height: 16px;
	margin: 185px 0 0 20px;
	text-align: left;
}

.required {
	font-size:10px;
	font-weight:normal;
	color:#666;
	letter-spacing: 1px;
	word-spacing: 1px;
}

.input { 
	width: 330px;
	padding-left: 5px;
	margin: 0;
	border-style: solid;
	border-width: thin;
	border-color: #ccc;
	background-color: #ccc;
}

.input400 { 
	width: 380px;
	padding-left: 5px;
	margin: 0;
	border-style: solid;
	border-width: thin;
	border-color: #ccc;
	background-color: #ccc;
}


#products {
	width: 654px;
	text-align: left;
	margin: 20px 0 0 0;
}

#subContent div.port {
	float: left;
	width: 200px;
	height: 200px;
	margin: 0 17px 17px 0;
	display: inline;
	background-color: #ccc;
	text-align: center;
}

#subContent div.portend {
	float: left;
	width: 200px;
	height: 200px;
	margin: 0 0 17px 0;
	display: inline;
	text-align: center;
}

#subContent div.portendDetails {
	float: left;
	width: 200px;
	height: 200px;
	margin: 0 0 17px 0;
	display: inline;
	text-align: center;
}

#subContent div.portendDetails p {
	margin: 90px 0 0 0;
}

.imgteaser {
	width: 200px;
	height: 200px;
	margin: 0;
	overflow: hidden;
	float: left;
	position: relative;
}
.imgteaser a {
	text-decoration: none;
	float: left;
}
.imgteaser a:hover {
	cursor: pointer;
}

.imgteaser a img {
	float: left;
	margin: 0;
	border: none;
	background: #fff;
}

.imgteaser a:hover .desc{
	display: block;
	font-size: 1.2em;
	padding: 10px 0 10px 0;
	background: #111;
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0;
	width: 200px;
}

#x-scrolldown {
	float: left;
	width: 200px;
	height: 200px;
	margin: 0 0 17px 0;
	display: inline;
	text-align: center;
}

#scrolldown {
	display: block;
	padding: 10px;
	background: #111;
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
	color: #fff;
	position: absolute;
	top: 5px;
	right: 5px;
	margin: 0;
	width: 170px;
	font-size: 9px;
	text-align: right;
}

.sm {
	font-size: 9px;
}



/*-------------------------------------------	
	Clear
-------------------------------------------*/

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*-------------------------------------------	
	Footer
-------------------------------------------*/

#homeFooter {
	width: 950px;
	height: 100px;
	margin: 0;
	padding: 0;
	text-align: left;
	background-image: url(images/footer.jpg);
	background-repeat: no-repeat;
	background-color: #000;
}

#footer {
	margin: 0;
	padding: 20px;
	text-align: left;
	color: #999;
	font-size: 10px;
}

#footerHomepage {
	margin: 0;
	padding: 40px 20px 20px 20px;
	text-align: left;
	color: #999;
	font-size: 10px;
	background-color: #000;
}