/*/////////////////////////////////////////////////////////////////////
	Clearfix
/////////////////////////////////////////////////////////////////////*/

	.clearfix:after {
	   content:".";
	   display:block;
	   height:0;
	   clear:both;
	   visibility:hidden;
	}
	.clearfix {
		display:inline-block;
	}
	.clearfix {
		display:block;
	}
	
	.clear {
		height:0;
		font:1px/1px sans-serif;
		text-decoration:none;
		margin:0;
		padding:0;
		clear:both;
	}
	
/*/////////////////////////////////////////////////////////////////////
	Reset
/////////////////////////////////////////////////////////////////////*/

	
	* {
		padding:0;
		margin:0;
	}
	
	body, input, select, textarea {
		font-family:Arial, Helvetica, sans-serif;
		text-decoration:none;
	}
	
	body {
		font-size:62.5%;
	}
	
	label input, label select, label textarea {
		font-size:1em;
	}
	
	button {
		background-color:transparent;
		cursor:pointer;
		border:0; 
	}
	
	img {
		display:block;
	}
	a img {
		border:none;
	}
	
	table {
		border-collapse:collapse;
	}

/*/////////////////////////////////////////////////////////////////////
	Global
/////////////////////////////////////////////////////////////////////*/

	html {
		height:100%;
	}

	body {
		background:#1c6398 url(../../images/layout/back.jpg) repeat-x top center;
		height:100%;
	}
	
	#wrapper {
		margin:0 auto;
		width:990px;
	}
	
	ul#access {
		position:absolute;
		z-index:-1;
		height:7px;
		width:50%;
		background:url(../../images/layout/bar.jpg) repeat-x top center;
		left:0;
		top:426px;
	}
	ul#access li {
		display:none;
	}
	
/*/////////////////////////////////////////////////////////////////////
	Header
/////////////////////////////////////////////////////////////////////*/

	#header {
		height:402px;
		padding:41px 12px 0 2px;
		background:url(../../images/layout/generic/header.jpg) no-repeat top center;
		position:relative;
	}
	
	/* logo */
	#header h1#logo {
		background:#f3f2f1;
		position:absolute;
		top:52px;
		left:20px;
		z-index:9999;
		padding:12px 0 19px 0;
		height:99px;
		width:220px;
	}
	#header h1#logo a {
		display:block;
		background:url(../../images/layout/logo.gif) no-repeat top left;
		height:99px;
		width:220px;
		text-indent:-9999px;
		outline:0;
	}
	
	/* nav */
    #header #image img {
                height:380px !important;
                width:977px !important;
    }
	#header ul#nav {
		position:absolute;
		left:20px;
		top:182px;
		width:225px;
		height:200px;
		z-index:9999;
		background:url(../../images/nav/nav.gif) no-repeat bottom left;
	}
	#header ul#nav li {
		/*float:left;*/
		list-style:none;
		width:225px;
		height:27px;
	}
	#header ul#nav li a {
		display:block;
		/*float:left;*/
		height:27px;
		width:225px;
		outline:0;
		text-indent:-9999px;
		background-position:0 0;
		background-repeat:no-repeat;
	}
	#header ul#nav li a:hover {
		background-position:0 -31px;
	}
	#header ul#nav li.active a,
	#header ul#nav li.active a:hover {
		background-position:0 -31px;
	}
	#header ul#nav li#nWeAre a {
		background-image:url(../../images/nav/who-we-are.png);
	}
	#header ul#nav li#nRegistration a {
		background-image:url(../../images/nav/yacht-registration.png);
	}
	#header ul#nav li#nOwnership a {
		background-image:url(../../images/nav/yacht-ownership.png);
	}
	#header ul#nav li#nVat a {
		background-image:url(../../images/nav/vat.png);
	}
	#header ul#nav li#nFees a {
		background-image:url(../../images/nav/our-fees.png);
	}
	#header ul#nav li#nContact a {
		background-image:url(../../images/nav/contact-us.png);
	}
	#header ul#nav li#nInsurance a {
		background-image:url(../../images/nav/yacht-insurance.png);
	}
	#header ul#nav li#nFinance a {
		background-image:url(../../images/nav/yacht-finance.png);
	}
	
	/* image */
	#header #images {
		height:380px;
		overflow:hidden;
	}
	
/*/////////////////////////////////////////////////////////////////////
	Side
/////////////////////////////////////////////////////////////////////*/
	
	#container #side {
		width:259px;
		float:left;
		margin:0 40px 0 0;
		padding:0 0 98px 0;
		background:#ffffff url(../../images/layout/news/side-bottom.jpg) no-repeat bottom left;
	}
	
	/* subnav */
	    .flyoutMenuHolder 
	    {
	        position:relative;
	        left:225px;
	        top:-32px;
	        width:235px;
	        padding:5px 5px 5px 0px;
	        background-image:url(/images/nav/menubg.png);
	        background-repeat:repeat;
	    }
	    
	    .flyoutSubnav
	    {
	        background-color:#f3f2f1;
	        
	    }
	    
	    .flyoutSubnav li a, #FlyoutSubnav li a:visited {
            text-indent:0 !important;
            background-image:none !important;
            color:#2b4b70; 
            font-family:Arial Narrow, Arial, Helvetica, sans-serif; 
            text-decoration:none; 
            font-size:1.4em; 
            line-height:26px; 
            padding-left:10px;
	    }
	    
	    .flyoutSubnav li a:hover {
	        background-color:#e0d9d4;
        }
        
        ul#nav li .flyoutMenuHolder { display:none; }
        ul#nav li:hover .flyoutMenuHolder { display:block; }
        ul#nav li:hover a { background-position:0 -31px !important; }/* maintains menu item highlighted... positions background image 31px higher*/

	#container #side #subnav {
		background:url(../../images/layout/subnav/corner.gif) no-repeat bottom left;
		padding:15px 15px 50px 15px;
	}
	#container #side #subnav ul {
		border-top:5px solid #b7a496;
		border-left:5px solid #b7a496;
		border-bottom:5px solid #b7a496;
		padding:5px 0 25px 0;
		background:url(../../images/layout/subnav/bar.gif) repeat-y top right;
	}
	#container #side #subnav ul li {
		list-style:none;
		height:27px;
		margin:0 0 2px 0;
	}
	#container #side #subnav ul li a {
		display:block;
		height:27px;
		line-height:22px;
		padding-left:20px;
		font-family:Arial Narrow, Arial, Helvetica, sans-serif;
		text-decoration:none;
		color:#000000;
		font-size:1.4em;
	}
	#container #side #subnav ul li a:hover,
	#container #side #subnav ul li.active a {
		background:url(../../images/layout/subnav/active.gif);
		color:#ffffff;
	}
	
	/* news */
	#container #side #news h3 {
		text-indent:-9999px;
		height:98px;
		width:258px;
		margin:0 0 0 1px;
		background:url(../../images/headings/latest-news.gif) no-repeat top left;
	}
	#container #side .withSubs h3 {
		background:url(../../images/headings/latest-news-2.gif) no-repeat top left !important;
	}
	#container #side #news .post {
		padding:25px 30px 30px 30px;
		background:#f4f0ed url(../../images/layout/news/news.jpg) no-repeat bottom left;
		border-bottom:1px solid #ffffff;
	}
	#container #side #news .post.last {
		border-bottom:none;
		background:#f9f7f6 url(../../images/layout/news/news-last.jpg) no-repeat bottom left;
	}
	#container #side #news .post h4 {
		color:#4b4b4b;
		font-size:1.5em;
		line-height:1.2em;
		font-family:Arial Narrow, Arial, Helvetica, sans-serif;
		font-weight:100;
	}
	#container #side #news .post h4 a {
		color:#4b4b4b;
		text-decoration:none;
	}
	#container #side #news .post h4 a:hover {
		text-decoration:underline;
	}
	#container #side #news .post h5 {
		font-weight:100;
		font-size:1.1em;
		padding:5px 0 8px 0;
		font-family:Arial Narrow, Arial, Helvetica, sans-serif;
		color:#898989;
		line-height:1.2em;
	}
	#container #side #news .post p {
		font-size:1.1em;
		line-height:1.3em;
		color:#898989;
		margin:0 0 1.3em 0;
	}
	#container #side #news .post p.more {
		font-style:italic;
		margin:0;
		line-height:14px;
	}
	#container #side #news .post p.more a {
		color:#d3002e;
		text-decoration:underline;
		padding:0 0 0 18px;
		background:url(../../images/layout/news/more.gif) no-repeat top left;
	}
	#container #side #news .post p.more a:hover{
		text-decoration:none;
	}
	
/*/////////////////////////////////////////////////////////////////////
	Footer
/////////////////////////////////////////////////////////////////////*/
	
	#footer {
	}
	
	
	
	