/*

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: left;
	background: #000000;
}

#container{
	position: relative;
	width: 900px;
	height: 100%;
	margin: 0 auto;
	padding: 0px;
	text-align: left;
	background: #7798C5;
}

#clear-foot{
	clear: both;
	height: 100px;
}

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:link, #intro a:visited {
	color: #CCCCCC;
	text-decoration: none;
}
#intro a:hover, #intro a:visited:hover, #intro a:active {
	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;
}


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

#mid-bar{
	width: 100%;
	line-height: 20px;	
	padding: 0;
	background: #FFFFFF;
	clear: both;
}

#mid-bar .mid-bar-right{
	margin: 0px 0px 0px 250px;	
	clear: both;
	width: 640px;	
	line-height: 20px;		
}
#mid-bar a {
	display: block;
	line-height: 20px;

	margin: 0px 20px 0px 0px;
	float: left;

	font-size: 11px;
	text-decoration: none;

}
#mid-bar em{
	color: #000000;
	font-weight: bold;
	font-style: normal;	
	margin: 0px 2px 0px 0px;	
}

#mid-bar h1{
	line-height: 20px;
	margin: 0 10px 0 0;	
	float: left;
	display: inline;
	/*
	text-indent: -9000px;
	font-size: 7px;
	*/
}





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

#bottom-content{
	position: relative;
	width: 900px;
	margin: 0; 
	padding: 0;
	background: #7798C5;
	
}

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


#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: 25px;
}
label.wide-label{
		width: 85px;
}

#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; 
}





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

#main-menu {
	width: 230px;	
	float: left;	
	margin: 0px;
	padding: 0px;	
}

#main-menu ul{

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

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

/*
ul#main-menu li ul li a{
	text-indent: 0px;
	font-size: 10px;
}
*/
	
#main-menu ul li a:link, #main-menu ul li a:visited{
	color: #FFFFFF;
}
#main-menu ul li a:hover, #main-menu ul li a:visited:hover, #main-menu ul li a:visited:active{
	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
{
	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:link, 
#main-menu a#overview-mm:visited {background: url("images/menu-overview.gif") no-repeat 0px 0px;}
#main-menu a#facilities-mm:link, 
#main-menu a#facilities-mm:visited {background: url("images/menu-facilities.gif") no-repeat 0px 0px;}
#main-menu a#yachts-mm:link, 
#main-menu a#yachts-mm:visited {background: url("images/menu-yachts.gif") no-repeat 0px 0px;}
#main-menu a#lrc-mm:link, 
#main-menu a#lrc-mm:visited {background: url("images/menu-lrc.gif") no-repeat 0px 0px;}
#main-menu a#contact-mm:link, 
#main-menu a#contact-mm:visited {background: url("images/menu-contact.gif") no-repeat 0px 0px;}
#main-menu a#news-mm:link, 
#main-menu a#news-mm:visited {background: url("images/menu-news.gif") no-repeat 0px 0px;}
#main-menu a#home-mm:link, 
#main-menu a#home-mm:visited {background: url("images/menu-home.gif") no-repeat 0px 0px;}
#main-menu a#employment-mm:link, 
#main-menu a#employment-mm:visited {background: url("images/menu-employment.gif") no-repeat 0px 0px;}
#main-menu a#prevbuilds-mm:link, 
#main-menu a#prevbuilds-mm:visited {background: url("images/menu-prevbuilds.gif") no-repeat 0px 0px;}


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

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



#main-menu a#overview-mm:hover,
#main-menu a#overview-mm:visited:hover,
#main-menu a#overview-mm:active 
{background: url("images/menu-overview.gif") no-repeat 0px -20px;}

#main-menu a#facilities-mm:hover,
#main-menu a#facilities-mm:visited:hover,
#main-menu a#facilities-mm:active
{background: url("images/menu-facilities.gif") no-repeat 0px -20px;}

#main-menu a#yachts-mm:hover,
#main-menu a#yachts-mm:visited:hover,
#main-menu a#yachts-mm:active
{background: url("images/menu-yachts.gif") no-repeat 0px -20px;}

#main-menu a#lrc-mm:hover,
#main-menu a#lrc-mm:visited:hover,
#main-menu a#lrc-mm:active
{background: url("images/menu-lrc.gif") no-repeat 0px -20px;}

#main-menu a#contact-mm:hover,
#main-menu a#contact-mm:visited:hover,
#main-menu a#contact-mm:active
{background: url("images/menu-contact.gif") no-repeat 0px -20px;}

#main-menu a#news-mm:hover,
#main-menu a#news-mm:visited:hover,
#main-menu a#news-mm:active
{background: url("images/menu-news.gif") no-repeat 0px -20px;}

#main-menu a#home-mm:hover,
#main-menu a#home-mm:visited:hover,
#main-menu a#home-mm:active
{background: url("images/menu-home.gif") no-repeat 0px -20px;}

#main-menu a#employment-mm:hover,
#main-menu a#employment-mm:visited:hover,
#main-menu a#employment-mm:active
{background: url("images/menu-employment.gif") no-repeat 0px -20px;}

#main-menu a#prevbuilds-mm:hover,
#main-menu a#prevbuilds-mm:visited:hover,
#main-menu a#prevbuilds-mm:active
{background: url("images/menu-prevbuilds.gif") no-repeat 0px -20px;}



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

#main-menu a#prevwork-sm:hover,
#main-menu a#prevwork-sm:visited:hover,
#main-menu a#prevwork-sm:active
{background: url("images/menu-prevwork.gif") no-repeat 0px -20px;}

#main-menu a#td86-sm:hover,
#main-menu a#td86-sm:visited:hover,
#main-menu a#td86-sm:active
{background: url("images/menu-86td.gif") no-repeat 0px -20px;}

#main-menu a#td80-sm:hover,
#main-menu a#td80-sm:visited:hover,
#main-menu a#td80-sm:active
{background: url("images/menu-80td.gif") no-repeat 0px -20px;}

#main-menu a#rp80-sm:hover,
#main-menu a#rp80-sm:visited:hover,
#main-menu a#rp80-sm:active
{background: url("images/menu-80rp.gif") no-repeat 0px -20px;}

#main-menu a#rp64-sm:hover,
#main-menu a#rp64-sm:visited:hover,
#main-menu a#rp64-sm:active
{background: url("images/menu-64rp.gif") no-repeat 0px -20px;}

#main-menu a#rp57-sm:hover,
#main-menu a#rp57-sm:visited:hover,
#main-menu a#rp57-sm:active
{background: url("images/menu-57rp.gif") no-repeat 0px -20px;}

*/

body.overview #main-menu a#overview-mm:link,
body.overview #main-menu a#overview-mm:visited,
body.facilities #main-menu a#facilities-mm:link,
body.facilities #main-menu a#facilities-mm:visited,
body.yachts #main-menu a#yachts-mm:link,
body.yachts #main-menu a#yachts-mm:visited,
body.lrc #main-menu a#lrc-mm:link,
body.lrc #main-menu a#lrc-mm:visited,
body.lrc-gallery #main-menu a#lrc-mm:link,
body.lrc-gallery #main-menu a#lrc-mm:visited,
body.contact #main-menu a#contact-mm:link,
body.contact #main-menu a#contact-mm:visited,
body.news #main-menu a#news-mm:link,
body.news #main-menu a#news-mm:visited,
body.home #main-menu a#home-mm:link,
body.home #main-menu a#home-mm:visited,
body.employment #main-menu a#employment-mm:link,
body.employment #main-menu a#employment-mm:visited,
body.prevbuilds #main-menu a#prevbuilds-mm:link,
body.prevbuilds #main-menu a#prevbuilds-mm:visited,
body.td151 #main-menu a#td151-sm:link,
body.td151 #main-menu a#td151-sm:visited,
body.prevwork #main-menu a#prevwork-sm:link,
body.prevwork #main-menu a#prevwork-sm:visited,
body.td86 #main-menu a#td86-sm:link,
body.td86 #main-menu a#td86-sm:visited,
body.td80 #main-menu a#td80-sm:link,
body.td80 #main-menu a#td80-sm:visited,
body.rp80 #main-menu a#rp80-sm:link,
body.rp80 #main-menu a#rp80-sm:visited,
body.rp64 #main-menu a#rp64-sm:link,
body.rp64 #main-menu a#rp64-sm:visited,
body.rp57 #main-menu a#rp57-sm:link,
body.rp57 #main-menu a#rp57-sm:visited
{color: #CCCCCC;}




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


/* 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;
}



/* FIN */