/*

Northern Marine Styles by Peter Hammerquist 2006

Colors{
	Light Blue: #7798C5;
	Rollover Gray: #666666;
	
	//Old Light Blue: #96C0DC;
}

	PAGE STYLES
*/


html{
	height: 100%;
}

body{
	height: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color:  #000000;
	background-position: 50% 0;
	background-repeat: repeat-y;	
	/*
	background-image: url("images/body-bg.gif");	
	*/
}

#container{
	width: 900px;
	min-height: 100%;
	margin: 0 auto;
	padding: 0px;
	text-align: left;
	background-color: #7798C5;
	
}
.foot-spacer{
	clear: both;
	height: 110px;	
	padding: 0;
	margin: 0 0 0 0;
}
#site-foot{
	width: 100%;
	height: 100px;
	margin: -100px 0 0 0;
	padding: 0;	
	clear: both;
	text-align: center;
	z-index: 100;
}
#clear-foot{
	clear: both;	
	width: 900px;
	height: 100px;
	margin: 0 auto;
	padding: 0;
}
a.corner-logo{
	display: block;
	float: right;
	width: 136px;
	height: 65px;
	margin: 20px 20px 0px 0px;
	background: url("images/logo-corner.gif") no-repeat top left;
	text-indent: -9000px;
	font-size: 7px;	
}



/* INTRO */

#intro{
	position: relative;
	width: 360px;
	height: 160px;
	margin: 0 auto;
	padding: 0px;
	text-align: center;
	background: #000000;
}

#intro a {
	color: #CCCCCC;
	text-decoration: none;
}
#intro a:hover {
	color: #7798C5;
	text-decoration: none;
}

/* NO-FLASH FALLBACK */

#intro-noflash{
	width: 350px;
	text-align: center;
	margin: 0 auto;
}

#yachts-noflash{
	width: 900px;
	height: 400px;
	margin: 0;
	background: url("gallery/liafail-1.jpg") no-repeat top left;
}
#lrcs-noflash{
	width: 900px;
	height: 400px;
	margin: 0;
	background: url("gallery/80rp-1.jpg") no-repeat top left;
}

#flashcontent h1, #flashcontent h2, #flashcontent h3{
	text-align: center;
}


/* TOP CONTENT */
/* ------------------------------------------------------------------------------- */

.top-content{
	position: relative;
	width: 900px;
	height: 400px;
	margin: 0px; 
	padding: 0px;
	background-color: #000000;
	overflow: hidden;
}

/* MID BAR */
/* ------------------------------------------------------------------------------- */

#mid-bar{
	width: 900px;
	height: 20px;
	padding: 0;
	background: #FFFFFF;
	clear: both;
	overflow: hidden;	
}

#mid-bar a, #mid-bar em{
	display: block;
	height: 20px;
	line-height: 20px;
	margin: 0px 0px 0px 10px;
	float: left;

	font-size: 11px;
	text-decoration: none;
	font-style: normal;
}

#mid-bar em{
	display: block;
	height: 20px;
	line-height: 20px;
	color: #000000;
	font-weight: bold;
}

#mid-bar h1{
	height: 20px;
	margin: 0px 0px 0px 250px;	
	float: left;
	display: inline;
	text-indent: -9000px;
	font-size: 7px;
}
body.overview #mid-bar h1{
	width: 81px;
	background: url("images/title-overview.gif") no-repeat top left; 
}
body.facilities #mid-bar h1{
	width: 81px;
	background: url("images/title-facilities.gif") no-repeat top left; 
}


/* Yachts */

body.yachts #mid-bar h1{
	width: 115px;
	background: url("images/title-yachts.gif") no-repeat top left; 
}
body.td151 #mid-bar h1{
	width: 94px;
	background: url("images/title-151td.gif") no-repeat top left; 
}
body.prevwork #mid-bar h1.magic{
	width: 80px;
	background: url("images/title-magic.gif") no-repeat top left; 
}
body.prevwork #mid-bar h1.liafail{
	width: 90px;
	background: url("images/title-liafail.gif") no-repeat top left; 
}



/* Long Range Cruisers */

body.lrc #mid-bar h1{
	width: 168px;
	background: url("images/title-lrc.gif") no-repeat top left; 
}
body.td126 #mid-bar h1{
	width: 94px;
	background: url("images/title-126td.gif") no-repeat top left; 
}
body.td86 #mid-bar h1{
	width: 94px;
	background: url("images/title-86td.gif") no-repeat top left; 
}
body.td80 #mid-bar h1{
	width: 94px;
	background: url("images/title-80td.gif") no-repeat top left; 
}
body.rp80 #mid-bar h1{
	width: 180px;
	background: url("images/title-80rp.gif") no-repeat top left; 
}
body.rp64 #mid-bar h1{
	width: 180px;
	background: url("images/title-64rp.gif") no-repeat top left; 
}
body.rp57 #mid-bar h1{
	width: 180px;
	background: url("images/title-57rp.gif") no-repeat top left; 
}

/* else */

body.contact #mid-bar h1{
	width: 67px;
	background: url("images/title-contact.gif") no-repeat top left; 
}
body.news #mid-bar h1{
	width: 131px;
	background: url("images/title-news.gif") no-repeat top left; 
}
body.home #mid-bar h1{
	width: 250px;
	background: url("images/title-home.gif") no-repeat top left; 
}
body.employment #mid-bar h1{
	width: 250px;
	background: url("images/title-employment.gif") no-repeat top left; 
}
body.prevbuilds #mid-bar h1{
	width: 150px;
	background: url("images/title-prevbuilds.gif") no-repeat top left; 
}
body.events #mid-bar h1{
	width: 150px;
	background: url("images/title-events.gif") no-repeat top left; 
}
body.vendors #mid-bar h1{
	width: 150px;
	background: url("images/title-vendors.gif") no-repeat top left; 
}




/* BOTTOM CONTENT */
/* ------------------------------------------------------------------------------- */

#bottom-content{
	position: relative;
	width: 900px;
	margin: 0; 
	padding: 0;
	overflow: hidden;	
	/* background-color: #7798C5;	*/
}

#body-content{
	width: 650px;
	float: right;
	overflow: hidden;
}


#bottom-content .body-title{
	clear: both;
	margin: 10px 0px 10px 0px;
	padding: 0;
}

/* .BODY-COPY (INFO) */

.body-copy{
	width: 450px;
	float: left;
	margin: 20px 0px 0px 0px;
	padding: 0;
	display: inline;
}

#body-content p, #body-content h4, #body-content ul{	
	/*
	clear: both;
	*/
}

#body-content ul li {
	display: block;
	clear: both;
	line-height: 21px;
}
#body-content ul li span{
	display: block;
	float: left;
	text-align: left;
}
#body-content ul li span.right{
	float: right;
	text-align: right;
}

/* .BODY-SPECS (SPECIFIATIONS) */

.body-specs{
	width: 250px;
	float: left;
	margin: 20px 30px 0px 0px;
	padding: 0;
	display: inline;
}


/* .BODY-GALLERY (PHOTO GALLERY) */

.body-gallery{
	display: block;
	float: left;
	margin: 20px 0px 0px 0px;
	font-size: 11px;
}
.body-gallery a, .body-gallery a:visited{
	float: left;
	margin: 0px 10px 10px 0px;
	border: 1px solid #7798C5;
}
.body-gallery a:hover, .body-gallery a:visited:hover{
	border: 1px solid #000000;
}

.body-gallery a img{
	margin: 0px;
}


/* prevbuilds */

.buildlist{
	width: 600px;
	margin: 25px 0px 0px 0px;
	clear: both;
}
.buildlist .fleft{
	float: none;
	width: 365px;
	margin: 0px 0px 0px 0px;
}
.buildlist .clear-both{
	margin: 0 0 10px 0;
}
.buildlist p{
	margin: 0 0 10px 0;
	clear: both;
}
.buildlist h5{
	margin: 0 20px 10px 0;
	float: left;
}
.buildlist h3{
	margin: 0 20px 10px 0;
	float: left;
}


/* .BODY-FORM (CONTACT FORM) */

#body-content .body-form{
	float: left;
	margin: 20px 0px 0px 0px;
	padding: 0;
	display: inline;
}
#body-content .body-form p{
	height: 23px;
	line-height: 23px;
	margin: 0;
	padding: 0;
    	clear: both;
}

label.first{
	width: 40px;
}

#body-content .body-form p.radio{
	line-height: 11px;
}
#body-content .body-form p.radio label {
	float: none;
	display: inline;
}
#body-content .body-form p.radio input{
	float: none;
	display: inline;
}

#name		{width: 150px;}
#suffix		{width: 20px;}
#street		{width: 220px;}
#city		{width: 70px;}
#state		{width: 20px;}
#zip		{width: 40px;}
#email		{width: 220px;}

#submit		{margin-top: 2px;}

#email_updates_y, #email_updates_n, #send_print_info_y, #send_print_info_n {
	display: inline; 
	float: none;	
	margin: 0 12px 0 4px; 
}

/* EVENTS */
/* ******************************************************************************************************************* */


#body-content .event-calendar{
	margin: 20px 0 0 0;
	padding: 0;
	clear: both;	
}
#body-content .event-entry{
	margin: 0 0 20px 0;
	padding: 0;	
	clear: both;
}
#body-content .event-entry img{
	float: left;
	font-weight: bold;
	font-size: 12px;
	margin: 0 0;
	padding: 0 20px 0 0;	
	overflow: hidden;
}
#body-content .event-entry h5{
	width: 100px;	
	float: left;
	font-weight: bold;
	font-size: 12px;
	margin: 0 0;
	padding: 0;	
	overflow: hidden;
}
#body-content .event-entry h4{
	float: left;
	font-weight: bold;
	font-size: 12px;
	margin: 0 10px 0 0;
	padding: 0;	
	overflow: hidden;
	color: #000000;		
}
#body-content .event-entry h4 a{
	color: #FFFFFF;
	text-decoration: none;	
}
#body-content .event-entry h4 a:hover{
	color: #666666;
}


#body-content .event-entry p{
	width: 360px;
	float: left;

	margin: 0 0 0 0;
	padding: 0;	
	overflow: hidden;
}
#body-content .event-entry br{
	clear: both;
}
#body-content .event-entry p a{
	font-weight: bold;
	text-decoration: none;
}



/* MAIN MENU */
/* ******************************************************************************************************************* */


ul#main-menu{
	float: left;
	width: 155px;
	margin: 40px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}
ul#main-menu li{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 20px;
}
ul#main-menu li a{
	display: block;
	width: 155px;
	height: 10px;
	line-height: 10px;
	
	font-weight: normal;
	font-size: 7px;
	text-indent: -9000px;
	margin: 0;
	padding: 0;
}

ul#main-menu li ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul#main-menu li ul li{
	margin: 0;
	padding: 20px 0px 0px 20px;
}

/* 
ul#main-menu li ul li a{
	text-indent: 0px;
	font-size: 10px;
}
*/
	
ul#main-menu li a:link{
	color: #FFFFFF;
}
ul#main-menu li a:hover{
	color: #000000;
}

/* SUBMENU DISPLAY OR NOT */

body #lrc-submenu{
	display: none;	
}
body.lrc #lrc-submenu, 
body.rp57 #lrc-submenu,
body.rp64 #lrc-submenu,
body.rp80 #lrc-submenu,
body.td80 #lrc-submenu,
body.td86 #lrc-submenu,
body.td126 #lrc-submenu
{
	display: block;
}

body #yachts-submenu{
	display: none;	
}
body.yachts #yachts-submenu, 
body.prevwork #yachts-submenu, 
body.td151 #yachts-submenu
{
	display: block;
}


/* Link Backgrounds */

#main-menu a#overview-mm {background: url("images/menu-overview.gif") no-repeat 0px 0px;}
#main-menu a#facilities-mm {background: url("images/menu-facilities.gif") no-repeat 0px 0px;}
#main-menu a#yachts-mm {background: url("images/menu-yachts.gif") no-repeat 0px 0px;}
#main-menu a#lrc-mm {background: url("images/menu-lrc.gif") no-repeat 0px 0px;}
#main-menu a#contact-mm {background: url("images/menu-contact.gif") no-repeat 0px 0px;}
#main-menu a#news-mm {background: url("images/menu-news.gif") no-repeat 0px 0px;}
#main-menu a#home-mm {background: url("images/menu-home.gif") no-repeat 0px 0px;}
#main-menu a#employment-mm {background: url("images/menu-employment.gif") no-repeat 0px 0px;}
#main-menu a#prevbuilds-mm {background: url("images/menu-prevbuilds.gif") no-repeat 0px 0px;}

/* sub-Link Backgrounds */

#main-menu a#td151-sm {background: url("images/menu-151td.gif") no-repeat 0px 0px;}
#main-menu a#prevwork-sm {background: url("images/menu-prevwork.gif") no-repeat 0px 0px;}

#main-menu a#td126-sm {background: url("images/menu-126td.gif") no-repeat 0px 0px;}
#main-menu a#td86-sm {background: url("images/menu-86td.gif") no-repeat 0px 0px;}
#main-menu a#td80-sm {background: url("images/menu-80td.gif") no-repeat 0px 0px;}
#main-menu a#rp80-sm {background: url("images/menu-80rp.gif") no-repeat 0px 0px;}
#main-menu a#rp64-sm {background: url("images/menu-64rp.gif") no-repeat 0px 0px;}
#main-menu a#rp57-sm {background: url("images/menu-57rp.gif") no-repeat 0px 0px;}

/* Rollover Backgrounds */

#main-menu a#overview-mm:hover{background: url("images/menu-overview.gif") no-repeat 0px -20px;}
#main-menu a#facilities-mm:hover{background: url("images/menu-facilities.gif") no-repeat 0px -20px;}
#main-menu a#yachts-mm:hover{background: url("images/menu-yachts.gif") no-repeat 0px -20px;}
#main-menu a#lrc-mm:hover{background: url("images/menu-lrc.gif") no-repeat 0px -20px;}
#main-menu a#contact-mm:hover{background: url("images/menu-contact.gif") no-repeat 0px -20px;}
#main-menu a#news-mm:hover{background: url("images/menu-news.gif") no-repeat 0px -20px;}
#main-menu a#home-mm:hover{background: url("images/menu-home.gif") no-repeat 0px -20px;}
#main-menu a#employment-mm:hover{background: url("images/menu-employment.gif") no-repeat 0px -20px;}
#main-menu a#prevbuilds-mm:hover{background: url("images/menu-prevbuilds.gif") no-repeat 0px -20px;}

/* Rollover Sub Link Backgrounds */

#main-menu a#td151-sm:hover{background: url("images/menu-151td.gif") no-repeat 0px -20px;}
#main-menu a#prevwork-sm:hover{background: url("images/menu-prevwork.gif") no-repeat 0px -20px;}
#main-menu a#td126-sm:hover{background: url("images/menu-126td.gif") no-repeat 0px -20px;}
#main-menu a#td86-sm:hover{background: url("images/menu-86td.gif") no-repeat 0px -20px;}
#main-menu a#td80-sm:hover{background: url("images/menu-80td.gif") no-repeat 0px -20px;}
#main-menu a#rp80-sm:hover{background: url("images/menu-80rp.gif") no-repeat 0px -20px;}
#main-menu a#rp64-sm:hover{background: url("images/menu-64rp.gif") no-repeat 0px -20px;}
#main-menu a#rp57-sm:hover{background: url("images/menu-57rp.gif") no-repeat 0px -20px;}

/* Current Backgrounds */

body.overview #main-menu a#overview-mm {background: url("images/menu-overview.gif") no-repeat 0px -10px;}
body.facilities #main-menu a#facilities-mm {background: url("images/menu-facilities.gif") no-repeat 0px -10px;}
body.yachts #main-menu a#yachts-mm {background: url("images/menu-yachts.gif") no-repeat 0px -10px;}
body.lrc #main-menu a#lrc-mm {background: url("images/menu-lrc.gif") no-repeat 0px -10px;}
body.lrc-gallery #main-menu a#lrc-mm {background: url("images/menu-lrc.gif") no-repeat 0px -10px;}
body.contact #main-menu a#contact-mm {background: url("images/menu-contact.gif") no-repeat 0px -10px;}
body.news #main-menu a#news-mm {background: url("images/menu-news.gif") no-repeat 0px -10px;}
body.home #main-menu a#home-mm {background: url("images/menu-home.gif") no-repeat 0px -10px;}
body.employment #main-menu a#employment-mm {background: url("images/menu-employment.gif") no-repeat 0px -10px;}
body.prevbuilds #main-menu a#prevbuilds-mm {background: url("images/menu-prevbuilds.gif") no-repeat 0px -10px;}

/* Current Sub Link Backgrounds */

body.td151 #main-menu a#td151-sm{background: url("images/menu-151td.gif") no-repeat 0px -10px;}
body.prevwork #main-menu a#prevwork-sm{background: url("images/menu-prevwork.gif") no-repeat 0px -10px;}
body.td126 #main-menu a#td126-sm{background: url("images/menu-126td.gif") no-repeat 0px -10px;}
body.td86 #main-menu a#td86-sm{background: url("images/menu-86td.gif") no-repeat 0px -10px;}
body.td80 #main-menu a#td80-sm{background: url("images/menu-80td.gif") no-repeat 0px -10px;}
body.rp80 #main-menu a#rp80-sm{background: url("images/menu-80rp.gif") no-repeat 0px -10px;}
body.rp64 #main-menu a#rp64-sm{background: url("images/menu-64rp.gif") no-repeat 0px -10px;}
body.rp57 #main-menu a#rp57-sm{background: url("images/menu-57rp.gif") no-repeat 0px -10px;}


/* ******************************************************************************************************************* */


/* EMPLOYMENT */

.employ-box{
	margin: 20px 0 20px 0px;
	/* border-bottom: 1px solid #000000;	*/

}


/* ERRORS */

#error{
	position: relative;
	width: 400px;
	margin: 0 auto;
	padding: 0px;
	text-align: center;
	background: #7798C5;
}

#error h1{
	width: 400px;
	background: #FFFFFF;
	font-size: 16px;
	color: #000000;
	line-height: 28px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

#error h3{
	margin: 10px;
}

/* CMS */

#login{
	position: relative;
	width: 270px;
	margin: 0 auto;
	padding: 0px 0px 3px 0px;
	text-align: center;
	background: #7798C5;

}

#login h1{
	width: 270px;
	background: #FFFFFF;
	font-size: 12px;
	color: #000000;
	line-height: 26px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
#login p{
	clear: both;
	line-height: 28px;
	margin: 0px 0px 0px 0;
	padding: 0;	
}

#login fieldset{
	margin: 4px;
	padding: 6px;	
}

#cms{
	position: relative;
	height: 100%;
	width: 500px;
	margin: 0 auto 0 auto;
	padding: 0px 0px 3px 0px;
	text-align: left;
	background: #7798C5 url("images/logo-corner.gif") no-repeat bottom right;

}

#cms h1{
	width: 500px;
	background: #FFFFFF;
	font-size: 12px;
	color: #000000;
	line-height: 26px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

#cms p{
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 6px 0 3px 0;
	line-height: 12px;
}

#cms fieldset{
	margin: 8px 4px 4px 4px;
	padding: 6px;
	clear: both;
}

#cms textarea{
	width: 460px;
	height: 100px;
}
#cms label{
	width: 410px;
}
#cms label.sortorder{
	width: 40px;
}

#cms input.submit{
	width: auto;
	float: none;
}

#cms .foot{
	height: 85px;
	clear: both;
}


/* FIN */