/*---------------------------
	0. YUI GLOBAL RESET
---------------------------*/
html{overflow-y:scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}/* to preserve line-height and selector appearance */
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}/*to enable resizing for IE*/
legend{color:#000;}/*because legend doesn't inherit in IE */


/*---------------------------
	1. Global Styles
---------------------------*/
html { color:#ccc;background:#141414; }

body { min-width:998px; font-size:100.01%; font-weight:normal; font-family: Arial, Helvetica, sans-serif; }

div { overflow:hidden; }

p { font-size:0.75em; margin-bottom:1.6em; line-height:150%; }

em { font-style:italic; }

strong { font-weight:bold; }

h1,h2,h3,h4,h5,h6{ line-height:150%; }

h1 { font-size:1em; }

h2 { font-size:0.9em; }

h3 { font-size:0.8em; }

h4 { font-size:0.75em; }

a:link, a:visited { color:#fc6; text-decoration:none; }
a:hover { text-decoration:underline; }

label,
ul,
ol { font-size:0.75em; }


/* Input fields styles */
select,
textarea,
input[type="text"],
input[type="password"] { border:1px solid #333; padding:2px; font-size:11px; min-width:150px; }

input[type="text"]:focus, 
input[type="text"]:hover, 
input[type="password"]:focus,
input[type="password"]:hover,
select:focus, 
select:hover,
textarea:focus, 
textarea:hover { background:#F9FFB0; }

input[type="submit"],
input[type="button"] { font-size:11px; border-color:#DDDDDD #888888 #888888 #DDDDDD; border-style:solid; border-width:1px; padding:1px 10px; }

input[type="checkbox"],
input[type="radio"] { margin-right:8px; }


/* Form Fields */
.field { clear:both; margin-bottom:10px; overflow:hidden; _height:1%; }

	.field label { min-width:100px; margin-bottom:2px; float:left; min-width:100px; }
	
	.field label.clr { float:none; display:block; }


/* jQuery Validate */
.error { color:red; padding-left:5px; float:none; }
span.error { font-size:0.7em; }
input.error, textarea.error { border:1px solid red; }


/*---------------------------
	2. Utility Snippets 
---------------------------*/
/* CSS Image replacement basic style - 
 *	Set a separate element ID for background/width/height */
.ireplace,
.ir { display:block; text-indent:-9999px; }

.fll { float:left; }

.flr { float:right; }

.clearleft, .cll { clear:left; }

.clearright, .clr { clear:right; }

.clearboth, .clb { clear:both; }

.clearleft, .cll,
.clearright, .clr,
.clearboth, .clb { display:block; }

.nd { display:none; }

img.center { display:block; margin:0 auto; }


/*---------------------------
	Site Layout
---------------------------*/
#container { width:946px; margin:40px auto; }


	/*---------------------------
	3 Header
	---------------------------*/
	#header { border-bottom:1px solid #ddd; position:relative; height:117px; margin-bottom:0px; }
	
	#header #companyLogo { position:absolute; bottom:8px; left:5px; }

		#header #companyLogo a { width:156px; height:112px; background:transparent url(/assets/img/sunseeker-logo.png) no-repeat; }
		
	/*---------------------------
	4. Navigation
	---------------------------*/
	#siteNav li { float:left; }
	
	#siteNav.header { list-style-type:none !important; overflow:hidden; _height:1%; float:right; background-position: 0 -50px; position:absolute; bottom:13px; right:0; }
	
		#siteNav.header li a { text-indent:-9999px; display:block; font-size:11px; margin-right:25px; }

		#siteNav.header,
		#siteNav.header a { background-image:url(/assets/img/nav-sprite.png); background-repeat:repeat-x; height:20px; }
						
		#siteNav.header a:link,
		#siteNav.header a:visited { text-decoration:none; color:#ccc; }
		
		#siteNav.header a:hover { color:#fc6; }
			
		#siteNav.header .home a { width:60px; background-position: -8px 0; }
		#siteNav.header .home a:hover { background-position:-8px -27px; }
		
		#siteNav.header .company a { width:106px; background-position: -86px 0; }
		#siteNav.header .company a:hover { background-position:-86px -27px; }
		
		#siteNav.header .press a { width:88px; background-position: -215px 0; }
		#siteNav.header .press a:hover { background-position:-215px -27px; }
		
		#siteNav.header .events a { width:125px; background-position: -321px 0; }
		#siteNav.header .events a:hover { background-position:-321px -27px; }
		
		#siteNav.header .media a { width:86px; background-position: -490px 0; }
		#siteNav.header .media a:hover { background-position:-490px -27px; }

		#siteNav.header .charter a { width:105px; background-position: -581px 0; }
		#siteNav.header .charter a:hover { background-position:-581px -27px; }

		#siteNav.header .contact a { width:108px; background-position: -713px 0; }
		#siteNav.header .contact a:hover { background-position:-713px -27px; }

	#siteNav.footer { overflow:hidden; float:right; }
	
		#siteNav.footer li { float:left; border-right:1px dotted #333; margin-right:7px; padding-right:7px; font-size:11px; }
			
			#siteNav.footer li.last { border:none; margin:0; padding:0; }
	
	
	/*---------------------------
	Collections Nav
	---------------------------*/
	.collections { float:left; width:164px; margin-right:30px; }
	
		.collections ul { height:220px; }
	
		.collections li { margin-bottom:10px; }
		
		.collections li,
		.collections li a { background-image:url(/assets/img/collections-sprite.png); background-repeat:no-repeat; height:36px; width:164px; }
	
		.collections li a { text-indent:-9999px; display:block; }
	
			.collections .yachts a { background-position: 0 0; }
			
				.collections .yachts a:hover,
				body#yachts li.yachts a { background-position: -165px 0; }
						
			.collections .flybridge a { background-position: 0 -46px; }
			
				.collections .flybridge a:hover,
				body#flybridge-motoryachts li.flybridge a { background-position: -165px -46px; }
				
			.collections .performance a { background-position: 0 -91px; }

				.collections .performance a:hover,
				body#performance-motoryachts li.performance a{ background-position: -165px -91px; }
			
			.collections .offshore a { background-position: 0 -136px; }

				.collections .offshore a:hover,
				body#offshore-cruisers li.offshore a { background-position: -165px -136px; }
			
			.collections .sports a { background-position: 0 -180px; }
			
				.collections .sports a:hover,
				body#sports-boats li.sports a { background-position: -165px -180px; }

	
	/*---------------------------
	Pages - Shared
	---------------------------*/

	.content.info { width:559px; float:left; margin-right:30px; }
	
	.content li { margin-bottom:5px; }
	
	.colTitle { color:#fc6; border-bottom:1px dotted #7F6637; padding-bottom:1px; text-transform:uppercase; margin-bottom:9px; }
	.colTitle.center { text-align:center; }

	.langOption { font-size:11px; float:right; color:#ccc; }
		
		.langOption .active { text-decoration:underline; }
		
	.enTxt { display:none; }
	
	/*---------------------------
	Photo/Multipurpose Window
	---------------------------*/
	#photoWindow { background:#fff; height:320px; margin-bottom:15px;  }
	
	#home #photoWindow { background:#000; }
	
	#photoWindow #pagePhotos, #photoWindow #mainImg { width:765px; height:320px; float:left; }
	
		#photoWindow #pagePhotos li { margin:0; display:block; height:320px; }
	
	#photoWindow .events { float:right; margin:10px 10px 0; width:160px; }
	
	#photoWindow .events img { margin:0 auto 10px; display:block; }
	
	#photoWindow .events .colTitle { color:#eee; border-bottom-color:#94744d; border:none; margin:0 auto;  }
	
	
	/*---------------------------
	Product Pages
	---------------------------*/		
	.sidebar.downloads a.specPdf { font-size:0.7em; display:block; background:transparent url(/collection/img/pdf-logo.png) no-repeat; padding-left:35px; height:28px; }
		
	#photoWindow #productPhotos { width:165px; float:right; margin-right:8px; }

		#photoWindow #productPhotos li { margin:0 auto 10px; display:block; width:165px; height:110px;  }
		
		#productPhotos .colTitle { color:#141414; border-bottom-color:#94744d; }

		.content ul.specs li { margin-bottom:10px; }
		
		.content .specsTitle { color:#fff; margin-bottom:7px; border-bottom:1px dotted #ccc; width:140px; font-size:0.75em; }

	/* Galleria */
	.galleria{list-style:none;}
	.galleria li a{display:none}
	.galleria li div{position:absolute;display:none;top:0;left:180px}
	.galleria li div img{cursor:pointer}
	.galleria li.active div img,.galleria li.active div{display:block}
	.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
	.galleria li .caption{display:block;padding-top:.5em}
	* html .galleria li div span{width:400px} /* MSIE bug */

	
	/*---------------------------
	Home Content
	---------------------------*/	
	.info .ceo { float:right; clear:both; width:110px; margin-left:20px; }

	.ceo img { float:right; }
		
	.newsletterSignup { float:right; width:163px; }
	
	
	/*---------------------------
	9. Footer
	---------------------------*/
	#footerWrap { clear:both; padding:15px; line-height:120%; border-top:1px dotted #222; position:relative; }

		#footer { margin:0 auto; width:946px; } 
		#footer p { text-align:right; font-size:11px; clear:both; }