/**
 * Navigator Multimedia Inc Standard CSS.
 * @author Chris Satterthwaite <chris@navigatormm.com>
 * @version 1.0
 * @copyright Copyright (c) 2007, Navigator Multimedia Inc
**/
/** Font Size Math
* 16x0.75=12px
* 16x0.875=14px*
**/

/***** Body Formatting *****/

body { 
	background-color:#000000;
	}
	
#home-bg{background-image:url(../images/bg-grey.gif); background-repeat:repeat-x;}
#int-bg{background-image:url(../images/bg-blue.gif); background-repeat:repeat-x;}

#wrapper{ width:800px; margin:0px auto;}
	
/*****Flash Formatting *****/	
#indexflash {width:682px; height:230px; margin:5px auto 10px auto; display:block; padding-bottom:28px;}

	
/***** Header Formatting *****/	
#header { 
		margin-bottom:0px;
	 	background-color:#000000;
		}
		
/***** header bar top*****/
#header .home-bar {
			height:20px; 
			border-bottom:1px solid #242424;
			background-color:#242424;/***** in grey *****/
			padding:6px 0px 0px 0px;
			margin:0px 0px 0px 0px;
			}

#header .int-bar {
				height:20px; 
				border-bottom:1px solid #242424;
				background-color:#244268;/***** in blue *****/
				padding:6px 0px 0px 0px;
				margin:0px 0px 0px 0px;
				}
							
/***** header bar logo area *****/

#header #titlebar {
					height:44px;
					padding:0px 50px 0px 50px;
					}

#h-nav {
		font-size:10px;
		width:460px;
		margin:0px auto 0px auto;
		display:inline;
		float:right;
		position:relative;
		}

#h-nav li { 
			margin:0px; 
			padding-left: 8px; 
			list-style: none; 
			float:left;
			
			}
				
#h-nav li a:link, #h-nav li a:visited{
			color:#8b8b8b;
			margin:0px 0px 0px 0px;
			padding:0px 2px 0px 2px;
			display:block;
			}
			
#h-nav li a:hover{ 
			color:#ffffff;
			border-bottom:2px solid #666666;
			}

.h-navspace {
			width:140px;
			}

#thepassion {margin-top:18px;	padding-right:31px; float:right;}

/*****Home Boats*****/
#indexboats{height:218px; margin:10px auto 10px auto; position:relative;}
#vidbtn{position:absolute; top:-28px; left:528px;}

#allante-home{width:230px; height:190px; background:url(../images/interface/allante-home-off.gif); position:absolute; top:25px; left:-50px;}
#chase-home{width:230px; height:190px; background:url(../images/interface/chase-home-off.gif); position:absolute; top:25px; left:180px;}
#explorer-home{width:230px; height:190px; background:url(../images/interface/explorer-home-off.gif); position:absolute; top:25px; left:410px;}
#svfara-home{width:230px; height:189px; background:url(../images/interface/svfaraboats-home-off.gif); position:absolute; top:25px; left:640px;}

#allante-home span{display:none;}
#chase-home span{display:none;}
#explorer-home span{display:none;}
#svfara-home span{display:none;}

#allante-home:hover{background:url(../images/interface/allante-home-on.gif);}
#chase-home:hover{background:url(../images/interface/chase-home-on.gif);}
#explorer-home:hover{background:url(../images/interface/explorer-home-on.gif);}
#svfara-home:hover{background:url(../images/interface/svfaraboats-home-on.gif);}


/***** Boat Nav Formatting *****/	
#boat-nav {
	width:192px;
	height:32px;
	margin-top:13px;
	padding-right:31px;
	display:block;
	background:url(../images/interface/boatbar.gif) no-repeat;
	position:relative;
	float:right;
	}
	
#boat-nav li {
	margin:0px;
	padding:0px;
	list-style:none;
	position: absolute;
	top:0px;
	}
	
#boat-nav li span {display:none;}
#boat-nav li a {height:32px; display:block;}

#allante {left:0px;  width:64px;}
#chase {left:64px; width:64px;}
#explorer {left:128px; width:64px;}
 
#allante a:hover, .allanteon {background:transparent url(../images/interface/boatbar.gif) -0px  -32px no-repeat;}
#chase a:hover, .chaseon {background:transparent url(../images/interface/boatbar.gif) -64px -32px no-repeat;}
#explorer a:hover, .exploreron {background:transparent url(../images/interface/boatbar.gif) -128px -32px no-repeat;}

/***** Model Nav Formatting *****/

#modelnav {
	height:27px;
	background-color:#244268;
	margin:0px auto;
	}

#modelnav li{list-style:none; float:left; margin-top:3px; display:inline; font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing:normal; 	position:relative;}

#modelnav .img{margin:0px;}

#modelnav li a{color:#FFFFFF; padding:3px; height:12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:normal;}
#modelnav li a:hover{background-color:#458ef0;}/** the on state is set by a small script in the footer, if you change the color here change it there too **/

/*Dropdown and Flyout Formatting*/

/*Dropdown Size and Position*/
#modelnav li ul {
	width:100px;
	visibility:hidden;
	position:absolute;
	top:18px;/*Match the Hieght of #Mainnaviagaton*/
	left:0;
	background:#458ef0;
	}
	
#modelnav li ul li{position:relative;}
	
/*Dropdown Links Color and Font Size*/
#modelnav li ul li a {
	color:#ffffff;
	font-size:0.9em;/* 16x0.75=12px*/
	font-weight:bold;
	text-decoration:none;
	line-height:1em;
	width:93px;
	padding:2px 0px 2px 7px;
	display:block;
	background:none;
	}

#modelnav li ul li a:hover   {color:#cccccc;background:none;}
#modelnav li ul li .selected {color:#990000;background:none;}

/*Flyout Size and Position*/
#modelnav ul ul {
	width:171px;
	position:absolute;
	left:171px;
	top:0px;
	background:#999999;
	}

/*Flyout Links Color and Font Size*/
#modelnav li ul li ul li a {
	color:#000000;
	text-decoration:none;
	line-height:1em;
	height:12px;
	padding:2px 0px 2px 7px;
	display:block;
	background:none;
	}	

#modelnav li ul li ul li a:hover   {color:#ffffff;background:none;}
#modelnav li ul li ul li .selected {color:#ffffff;background:none;}

#modelnav  table {position:absolute; top:0; left:0; border-collapse:collapse;}
/*Make the Dropdown Visible When Hover on Main Navigation*/
#modelnav  li:hover ul, #modelnav  a:hover ul {visibility:visible;}
/*Make the Flyout Hidden When Hover on Dropdown*/
#modelnav  :hover ul ul {visibility:hidden;}
/*Make the Flyout Visible When You Hover Over Dropdown Link*/
#modelnav  :hover ul :hover ul {visibility:visible;}

/*** Model Information Nav ***/

#info-nav {
	width:623px;
	height:43px;
	margin:10px auto;;
	display:block;
	background:url(../images/interface/infonavbar.gif) no-repeat;
	position:relative;
	}
	
#info-nav li {
	margin:0px;
	padding:0px;
	list-style:none;
	position: absolute;
	top:0px;
	}
	
#info-nav li span {display:none;}
#info-nav li a {height:43px; display:block;}

#info-nav #specs {left:121px;  width:105px;}
#info-nav #graphics {left:230px; width:70px;}
#info-nav #options {left:304px; width:127px;}
#info-nav #video {left:435px; width:73px;}
 
#info-nav #specs a:hover, .specson {background:transparent url(../images/interface/infonavbar.gif) -121px  -43px no-repeat;}
#info-nav #graphics a:hover, .graphicson {background:transparent url(../images/interface/infonavbar.gif) -230px -43px no-repeat;}
#info-nav #options a:hover, .optionson {background:transparent url(../images/interface/infonavbar.gif) -304px -43px no-repeat;}
#info-nav #video a:hover, .videoon {background:transparent url(../images/interface/infonavbar.gif) -435px -43px no-repeat;}

/*Dealer Logged In*/
#dealer-info-nav {
	width:780px;
	height:43px;
	margin-top:10px;
	display:block;
	background:url(../images/interface/dealer-infonavbar.gif) no-repeat;
	position:relative;
	float:right;
	}
	
#dealer-info-nav li {
	margin:0px;
	padding:0px;
	list-style:none;
	position: absolute;
	top:0px;
	}
	
#dealer-info-nav li span {display:none;}
#dealer-info-nav li a {height:43px; display:block;}

#dealer-info-nav #specs {left:119px;  width:109px;}
#dealer-info-nav #graphics {left:228px; width:74px;}
#dealer-info-nav #performance {left:302px; width:156px;}
#dealer-info-nav #options {left:458px; width:132px;}
#dealer-info-nav #video {left:590px; width:73px;}
 
#dealer-info-nav #specs a:hover, #dealer-info-nav .specson {background:transparent url(../images/interface/dealer-infonavbar.gif) -119px  -43px no-repeat;}
#dealer-info-nav #graphics a:hover, #dealer-info-nav .graphicson {background:transparent url(../images/interface/dealer-infonavbar.gif) -228px -43px no-repeat;}
#dealer-info-nav #performance a:hover, #dealer-info-nav .performanceon {background:transparent url(../images/interface/dealer-infonavbar.gif) -302px -43px no-repeat;}
#dealer-info-nav #options a:hover, #dealer-info-nav .optionson {background:transparent url(../images/interface/dealer-infonavbar.gif) -458px -43px no-repeat;}
#dealer-info-nav #video a:hover, #dealer-info-nav .videoon {background:transparent url(../images/interface/dealer-infonavbar.gif) -590px -43px no-repeat;}
/*End Dealer*/

#subheader{text-align:center; width:580px; height:53px; margin:0 auto; clear:both;}
#info-passion{width:449px; height:13px; margin:5px auto; clear:both;}

/*****Media Nav*****/

#media-nav{float:left; width:125px; font-size:12px;}
#media-nav ul{text-indent:5px;}
#media-nav li{list-style:none;}
#media-nav a:link, #media-nav a:visited{color:#ffffff;}
#media-nav a:hover{color:#ffffff; text-decoration:underline;}

/***** Content Formatting *****/	
#content-wrapper {}

#col1 {
		min-height:400px;
		height:auto !important;
		height:400px;
		width:100%;
		color:#999999;
		}
	
#col2 {width:390px;}

#modelindeximg{width:600px; height:303px; margin:20px auto 0px auto;}

#brochure {
	text-align:center; 
	padding: 20px 0px 0px 0px;
}

/***** Col1 General Page Formatting *****/
#col1 h1 { color:#999999; padding:0px 0px 0px 0px; font-size:18px; font-family: "Trebuchet MS", Helvetica, sans-serif; letter-spacing:1px;}
#col1 h2 { color:#999999; padding:0px 0px 0px 0px; font-size:16px; font-weight:bold; font-family: "Trebuchet MS", Helvetica, sans-serif; letter-spacing:1px;}
#col1 h3 { color:#999999; padding:0px 0px 0px 0px; font-family: "Trebuchet MS", Helvetica, sans-serif; letter-spacing:1px;}
#col1 p  { color:#999999; font-size:12px;}
#col1 ul { color:#ffffff; list-style:square; padding:0px 0px 0px 0px;}
#col1 li { padding:0px 0px 0px 0px;}
#col1 a  { color:#c2d7f3;}

/*****Company Formating*****/
#company{width:600px; margin:20px auto;}
#company #cp{width:195px; padding:20px; margin:20px; background-color:#333333; float:right;}
#company #cp blockquote{padding-left:10px; margin:0px; font-size:11px;}

/**Media styles**/
#media {text-align:center; margin-top:10px;}
#media p{font-size:12px; font-weight:bold; margin:0px; padding:5px;}
#media ul{list-style:none; width:500px; margin:0 auto;}
#media li{padding:2px; margin-top:2px;}
#media a{color:#ffffff; font-variant:small-caps; text-decoration: underline;	font-size: 14px; font-family: Arial, Helvetica, sans-serif;}
#media a:hover{color:#c2d7f3;}

/**Options**/
#options{width:600px; margin:0 auto; font-family: "Trebuchet MS", Helvetica, sans-serif; letter-spacing:1px;}
#options ul{text-indent: 20px; list-style-position:inside; font-size:12px;}
#options ul li{margin:10px;}

/**Graphics**/
#graphics-flash{width:455px; height:206px; margin:0 auto;}

/*****Spec styles*****/
.specs{width:780px; margin:10px auto 25px auto; padding-bottom:20px;}

.specs-left{width:360px; float:left; color: #ffffff; font-size:12px; font-weight:bold; margin-left:20px;}
.specs-left td{border-bottom:solid 1px #999999; font-family: "Trebuchet MS", Helvetica, sans-serif; letter-spacing:1px;}

.specs-right{width:360px; float:right; color: #ffffff; font-size:12px; font-weight:bold; margin-right:20px;}
.specs-right td{border-bottom:solid 1px #999999; font-family: "Trebuchet MS", Helvetica, sans-serif; letter-spacing:1px;}
/***** Model Gallery Formatting *****/

#col1 #modelgallery{width:625px; height:222px; margin:0 auto;}
#col1 #modelgallery #thumbs-left{width:81px; float:left; margin-bottom:2px;}
#col1 #modelgallery #largeimg{width:463px; height:215px; float:left; border:0; margin:2px 0px 0px 0px; padding:0;}
#col1 #modelgallery #thumbs-right{width:81px; float:left; margin-bottom:2px;}


#col1 #modelgallery #thumbs-left a{float:right;}
#col1 #modelgallery #thumbs-right a{float:left;}

#col1 #modelgallery .th-side{border:solid 1px #FFFFFF; margin:0px 0px 2px 0px;}

#col1 #modelgallery .th-bottom{width:625px; margin:10px auto 0px auto; text-align:center;}
#col1 #modelgallery .thumbs{border:solid 1px #FFFFFF; margin:0px 2px 2px 0px; padding:0px;}

/*****Media Vault Styles*****/
.media-model{width:500px; margin:18px auto 10px auto; padding:0px 30px 10px 30px; border-bottom:solid 3px #333333;}
#mediagallery p{color:#CCCCCC; padding:5px 5px 10px 10px;}
#mediagallery .thumb{border:solid 1px #FFFFFF; margin:5px; padding:0px;}
#media-wrapper{width:655px; float:right;}
#mediagallery .logo-wrapper{width:315px; text-align:center; padding:10px; float:left;}
#mediagallery .logo-wrapper a:link, #mediagallery .logo-wrapper a:visited{color:#FFFFFF; padding-bottom:5px;}
#mediagallery .logo-wrapper a:hover{text-decoration:underline;}
#mediagallery .ad-wrapper{width:177px; text-align:left; padding:10px; float:left;}
/*****Contact Formating*****/
#contactimgs{width:100px; float:right;}
#contactimgs img{margin:5px 0px;}

/***** Side Nav Formatting *****/	
#col2 #sub-nav { text-align:right; margin-top:36px;}
#col2 #sub-nav li { margin:0px; padding:0px; list-style: none;}	
#col2 #sub-nav li a{ color:#FF9900;}
#col2 #sub-nav li a:hover{ color:#000000;}

/***** Footer Formatting *****/	
#footer {
		width:780px;
		margin:20px auto 0px auto;
		position: relative;
		}
	
#footer-nav1 {width:390px; float:left;}
#footer-nav1 li {float:left;}
#footer-nav1 a {color:#8b8b8b; font-size:10px;}
#footer-nav1 a:hover{text-decoration:underline;}

#footer-nav2 {width:230px; float:right;}
#footer-nav2 li {display:inline; color:#8b8b8b; float:right;}
#footer-nav2 a {color:#8b8b8b; font-size:9px; margin: 0px 10px;}
#footer-nav2 a:hover{text-decoration:underline;}

#footer-nav3 {
    color:#606060;
		font-size:10px;
		width:780px;
		margin:10px auto;
		padding:10px 0px 0px 0px;
		border-top:1px solid #8b8b8b;
		}

#footer-nav3 li { 
		list-style: none; 
		float:left;
		}
				
#footer-nav3 li a{
		color:#606060;
		}
			
#footer-nav3 li a:hover{ 
		color:#606060;
		}
		
#footer-nav3 .middle{ 
		margin: 0px 100px 0px 100px;
		}