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

*{margin:0;}
body, html {height: 100%;}
body{background:#171717; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF;}

BODY {SCROLLBAR-FACE-COLOR: #000000;
 SCROLLBAR-HIGHLIGHT-COLOR: #000000;
    SCROLLBAR-SHADOW-COLOR: #000000;
   SCROLLBAR-3DLIGHT-COLOR: #000000;
     SCROLLBAR-ARROW-COLOR: #0FFFFF;
     SCROLLBAR-TRACK-COLOR: #000000;
SCROLLBAR-DARKSHADOW-COLOR: #000000
}

iframe {
overflow-x: hidden;
}

a{text-decoration:none; color:#cfbf6c; outline:none;}
a:hover{text-decoration:none; color:#dadcde; outline:none;}
img {border:0;}
br{line-height:normal;}
h1{font-size:16px; padding-top:9px; padding-bottom:24px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF;}
h2{font-size:14px; padding-top:24px; padding-bottom:9px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF;}
h3{font-size:16px; padding-top:9px; padding-bottom:24px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF;font-weight:normal;}
.gold{color:#cfbf6c;}
.note{font-size:10px;}
.txt10px{font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#888888;}

.float_left{float:left;}
.clear{clear:both;}

#footer_main{width:100%; height:86px; background:url(../images/foot_bg.gif) repeat-x top;}
#footer{width:901px; position:relative; margin:0px auto; height:33px; color:#6f6f6f; font-size:11px; padding-top:15px;}
#footer_left{width:400px; float:left; height:48px; padding-left:3px;}
#footer_right{width:400px; float:right; height:48px; text-align:right;}
#footer_right ul{list-style:none; float:right;}
#footer_right ul li{list-style:none; float:left; height:10px;}
.footlink_padding{width:20px;}
.foot_arrow{background:url(../images/foot_arrow.gif) no-repeat right 3px; width:25px;}
#footer a{color:#6f6f6f;}
#footer a:hover{color:#6f6f6f; text-decoration:underline;}

#wrapper{width:901px; position:relative; margin:0 auto;}
#container {LEFT: 0%; MARGIN: -309px auto 0px 0px; WIDTH: 100%; POSITION: absolute; TOP: 50%; HEIGHT: 618px;}
#real_page {BORDER: #cfbd9c 0px solid; OVERFLOW: hidden; POSITION: relative; HEIGHT: 608px; background:url(../images/bg.gif) repeat-x top #171717;}

#head{width:901px; height:100px; float:left;}
#head_left{width:280px; height:100px; float:left;}
#head_right{width:621px; height:100px; float:right; text-align:right;}
.logo{margin-top:13px;}

.email{margin-top:20px; color:#cfbf6c; font-size:14px;}
.email a{color:#cfbf6c;}
.email a:hover{color:#cfbf6c; text-decoration:underline;}

#mid{width:901px; float:left;}
.sliderwrapper{position:relative; overflow:hidden; width:752px; height:433px; float:right; border:1px solid white;}
.sliderwrapper-index{position:relative; overflow:hidden; width:899px; height:433px; float:right; border:1px solid white;}

.sliderwrapper .contentdiv{visibility:hidden; position:absolute; left:0; top:0; width:752px; height:433px; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity:1; opacity:1;}
.sliderwrapper-index .contentdiv{visibility:hidden; position:absolute; left:0; top:0; width:899px; height:433px; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity:1; opacity:1;}

.pagination{width:133px; float:left; background:url(../images/thumb_bg.gif) repeat-y; text-align:center;}
.pagination_top{background:url(../images/thumb_top.gif) no-repeat; height:15px;}
.pagination_mid{background:url(../images/thumb_mid.gif) no-repeat; height:27px;}
.pagination_bot{background:url(../images/thumb_bot.gif) no-repeat; height:15px;}

ul.link {list-style:none; margin-top:37px; float:right;}
.link li{float:left; color:#FFF; text-transform:uppercase; height:26px;}
.link_active{float:left; color:#FFF; text-transform:uppercase; background:url(../images/nav_active.gif) no-repeat center bottom;}
.link_padding{width:5px;}
.link li a{color:#FFF;}
.link li a:hover{color:#cfbf6c;}

.type100 {text-align:left;}
.type100 a {display: block; width: 104px; height: 59px; background: transparent url(../images/type100-off.jpg) no-repeat;}
.type100 a:hover {background: transparent url(../images/type100.jpg) no-repeat;}
.type100-active {text-align:left; display: block; width: 104px; height: 59px; background: transparent url(../images/type100.jpg) no-repeat;}
.type300 {text-align:left;}
.type300 a {display: block; width: 104px; height: 59px; background: transparent url(../images/type300-off.jpg) no-repeat;}
.type300 a:hover { background: transparent url(../images/type300.jpg) no-repeat;}
.type300-active {text-align:left; display: block; width: 104px; height: 59px; background: transparent url(../images/type300.jpg) no-repeat;}
.type400 {text-align:left;}
.type400 a {display: block; width: 104px; height: 59px; background: transparent url(../images/type400-off.jpg) no-repeat;}
.type400 a:hover { background: transparent url(../images/type400.jpg) no-repeat;}
.type400-active {text-align:left; display: block; width: 104px; height: 59px; background: transparent url(../images/type400.jpg) no-repeat;}
.type500 {text-align:left;}
.type500 a {display: block; width: 104px; height: 59px; background: transparent url(../images/type500-off.jpg) no-repeat;}
.type500 a:hover { background: transparent url(../images/type500.jpg) no-repeat;}
.type500-active {text-align:left; display: block; width: 104px; height: 59px; background: transparent url(../images/type500.jpg) no-repeat;}
.type600 {text-align:left;}
.type600 a {display: block; width: 104px; height: 59px; background: transparent url(../images/type600-off.jpg) no-repeat;}
.type600 a:hover { background: transparent url(../images/type600.jpg) no-repeat;}
.type600-active {text-align:left; display: block; width: 104px; height: 59px; background: transparent url(../images/type600.jpg) no-repeat;}

#contact {width:200px; height:435px; float:left; text-align:left; vertical-align:middle;}
#contactform {width:455px; height:420px; float:left; text-align:left; vertical-align:middle; background:#2f2f2f; padding:10px; padding-left:10px; padding-top:0px;}

.cssform p{width: 300px;clear: left;margin: 0;padding: 5px 0 5px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed DimGray;
height: 1%;
}
.cssform label{font-weight: bold;float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}
.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 250px;
}
.cssform textarea{
width: 290px;
height: 100px;
}
/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/
* html .threepxfix{
margin-left: 3px;
}

#contactpics {width:200px; height:433px; float:right; text-align:left; vertical-align:middle;}
#series {height:435px; float:left; text-align:left; padding-left:20px;}

#video{width:899px; float:middle; border:1px solid white; Z-INDEX: -1000;}

#news-subtxt{width:760px; padding-left:72px; float:middle; font-size:11px;}
#news-subtxt a.resale {border:1px solid #cfbf6c}
#news-subtxt a:hover.resale {border:1px solid white}

#charters a.charters {border:1px solid #cfbf6c; display: inline-block;}
#charters a:hover.charters {border:1px solid white;}

input {color: #000; border: 1px solid #cfbf6c;}
textarea {color: #000; border: 1px solid #cfbf6c;}

#dimension {width:220px; height:146px; position: absolute; left:133px; bottom: 0px; text-align:left; font-size:10px; padding-left:20px;}
#displacement {width:220px; height:146px; position: absolute; left:405px; bottom: 0px; text-align:left; font-size:10px; padding-left:0px;}
#machinery {width:240px; height:146px; position: absolute; right:0px; bottom: 0px; text-align:left; font-size:10px; padding-left:0px; border:0px solid white;}
#courtesy {display: block; float:left; width:150px; height:16px; position: absolute; left:0px; bottom: 0px; text-align:left; font-size:9px; font-family:Arial; padding-left:8px; Z-INDEX: 6000;}