/****************************************
*										*
*  NAUTICAL CONTRACTING - 2010          *
*										*
*****************************************/

/*** MASTER COLORS ***/

/* Burgundy */

.Burgundy { color: #641934 !important;}
.BurgundyBL { background-color: #641934 !important;}


/* Orange */

.Orange { color: #d38121 !important;}
.OrangeBL { background-color: #d38121 !important;}

/* Sand */
.Sand { color: #b8ac93 !important;} 
.SandBK { background-color: #b8ac93 !important;} 

/* Dark Brown */

.DarkBrown {color: #716658;}

/* GREY */
.WarmGrey	{ color: #716558 !important; }
.WarmGreyBK	{ color: #716558 !important; }


.Mgrey	{ color: #939598; }

.Dgrey	{ color: #58595b !important; }
.DgreyBK	{ color: #58595b !important; }

.TextGrey { color: #7b7c80 !important; }

.white	{ color: #FFF !important; }
.whiteBk{ background-color: #FFF !important; }

.black	{ color: #1e1e1e !important; }
.blackBk{ background-color: #1e1e1e !important; }




/* Red */
.Red { color: #C00 !important; }
.RedBk{ background-color: #C00 !important; }

/*** PROOFING ****/
.pink {
	font-weight:bold;
	color:#F0F;
}

/********* BODY + SET-UPS *********/
body {
	font-family:Arial, Helvetica, sans-serif;
	color: #1e1e1e;
	position:relative;
	font-size: 14px;
	/*background:#FFC803;*/
}

body, div, object, embed, form, img, dl, dt, dd, ul, ol, li {
	margin:0;
	padding:0;
	border:0;
}

h1,h2,h3,h4,h5,h6{
color: #641934;
font-family: Omnes,'Omnes Semi Bold', Arial, sans-serif;

}

a, a:link { 
	color: #641934;
 }
a:visited { 
	color: #58595b;
 }
a:active { 
	color: #b8ac93;
}

.testimonial {
	clear: both;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:1.0em;
	color: #333;
	position:relative;

	/*background:#FFC803;*/
}
div#entire
{
	width: 890px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	background-color: #FFF;
	min-height: 600px;
	border-top: 0 #1e1e1e solid;
	border-right: 0 #1e1e1e solid;
	border-bottom: 0 #1e1e1e solid;
	border-left: 0 #555657 solid;
	padding: 0;
	padding-bottom: 30px;
	background-image: url(../Images/Site/sideBkLight.png);
	background-repeat: no-repeat;
	background-position: 0 300px;
}

body#homePage div#entire {
	background-image: url();
}


div#leftPanel
{
	position: absolute;
	top: 0;
	z-index: 20;
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 2px;
	width: 140px;
	height: 100%;
	border-bottom: 0 #1e1e1e solid !important;
	border-bottom: 0 #1e1e1e solid;

}
div#hdrHold {
width: 890px;
border: 0;
}


div#Logo {
width: 100%;
padding: 0;
background-color: #fff;
}
div#Logo img{
float: right;
margin-right: 0;
margin-top:0;
}
.stripPanel
{
	width: 100%;
	margin: 0;
	text-align: left;
	padding-top: 42px;
	background-color: #B8AC93;
	background-image: url(../Images/Site/nautical_logo_base.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-bottom: 0;
	clear: top;
}


.stripPanel div.inner {
	width:890px;
	margin:0 auto;
}

.stripPanel img {
float: right;
}


.stripPanel:after, div#hdrHold:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.servicesMenu
{
	background-color: #716658;
	height: 30px;
	width: 100%;
	position: relative;
	z-index: 42000;
	display: none;
}

.servicesMenu:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}



#pageFooter
{
	width: 100%;
	height: 30px;
	margin: 0;
	text-align: left;
	padding: 0;
	background-color: #fff !important;
	padding-bottom: 0;
	clear: top;
	margin-top: 30px;
	clear: both;
}




div#MainSection, div#NewsSection {
margin-left: 160px;
color: #1e1e1e;
font-size: 14px;
width: 480px;
padding-bottom: 20px;
padding-top: 30px;
margin-right: 0;
padding-right: 0;


width: 480px;
}

div#NewsSection
{
	width: 720px;
	border: 0 #F39 solid;
}



body#homePage div#MainSection{
margin-left: 160px;
font-size: 14px;
width: 480px;
padding-bottom: 20px;
padding-top: 30px;
margin-right: 0;
padding-right: 0;
}

div#MainSection p{
padding-top: 0;
margin-top: 0;
}



div#Portfolio {
margin-left: 120px;
background-color: #939598;
padding-bottom: 0;

}

div#PortfolioDescriptionOld {
width: 210px;
background-color: #939598;
color: #fff;
padding-left: 5px;
padding-right: 10px;
float: right;
font-size: .85em !important;
font-size: .85em;

}
div#PortfolioDescriptionOld p{
margin-top: 0;
padding-top: 0;
padding-bottom: 3px;
margin-bottom: 4px;
}
div#PortfolioDescriptionOld h3{
color: #da852a;
margin: 0;
margin-top: 6px;
margin-bottom: 3px;

}

div#PortfolioImage
{
	width: 550px;
	margin: 0;
	padding: 0;
	border: 0;
	margin-left: 143px;
	
	height: 330px;
	background-color: #716658;	
}
div#PortfolioImage h4{
display: none;
color: #fff;
margin-left: 40px;
margin-top:2px;
padding-bottom: 2px;
margin-bottom: 0;
}

div#PortfolioThumbs {
	width: 194px;
	margin: 0;
	text-align: left;
	padding-top: 0;
	background-position: right bottom;
	padding-bottom: 20px;
	height: 330px;
	float: right;
}

div.Thumb
{
	float: left;
	border: 1px #716658 solid;
	background-color: #939598;
	display: block;
	width: 94px;

}

div#PortfolioThumbs div.current {
 border: 1px #f00 solid;
}


div.Thumb label{
display: block;
text-align: center;
font-size: 9px;
color: white;
padding-top: 3px;
padding-bottom: 3px;
display: none;
}
div.Thumb label.iName{
display: none;
}



div#PortfolioThumbs:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

img.headingImage {
	padding-top: 30px;

}
div#npNav
{
	background-image: url(../Images/Site/RightArrow.gif);	
	background-position: right 50%;
	padding-right: 60px;
	background-repeat: no-repeat;
	text-align: right;
	line-height: 1em;
	margin-right: 0px;
	float: right;
	clear: both;

}
div#npNav span {
display: block;
width: 40px;
vertical-align: middle;
padding-top: 6px;
padding-bottom: 6px;
}


div#npPortNav
{
	background-image: url(../Images/Site/RightArrowAlt.gif);	
	background-position: right 50%;
	padding-right: 60px;
	background-repeat: no-repeat;
	text-align: right;
	line-height: 1em;
	margin-right: 0px;
	margin-left: 20px;
	float: right;
	clear: both;

position: absolute;
top:423px;
}
div#npPortNav span {
display: block;
width: 120px;
vertical-align: middle;
padding-top: 6px;
padding-bottom: 6px;
}

div#Next, div#Prev {
background-color: transparent;
color: #fff;
font-weight: bold;
margin-top: 10px;
padding: 2px;
z-index: 13200;
}

div#Next { 

float: right;
width: 40px;
padding-right: 35px;
background-image: url(../Images/Site/right_arrows.png);

background-position: right 50%;
background-repeat: no-repeat;
text-decoration: none;
display: inline;
}


div#Prev { 
	padding-left: 35px;
	background-image: url(../Images/Site/left_arrows.png);
	background-position: left 50%;
	background-repeat: no-repeat;
behavior: url(css/iepngfix.htc);
float: left;
width: 40px;
display: none;
}

div#npNav a,div#npNav a:visited{
text-decoration: none;
color: #641934;
}
div#npPortNav a,div#npPortNav a:visited{
text-decoration: none;
color: #da852a;
}



div.cFl {
clear: both;
}


table.enquiryForm
{
	width: 550px;
}

table.enquiryForm td, table.enquiryForm th{
vertical-align: top;
color: #7b7c80;
font-size: .9em;
}

table.enquiryForm th{
font-weight: bold;
text-align: left;
width: 180px;

}
table.enquiryForm th small{
font-size: .8em;
font-weight: normal;
}
input.textBox, textarea
{
	background-image: url(../Images/Site/inputBack.gif);
	background-repeat: no-repeat;
}

textarea {
	height: 5em;
	width: 300px;
}


input.colorSubmit, input.plainSubmit, input.color2Submit {
	background-image: url();

	background-color: #e81;
	color: #58595b;
	font-size: 10px;
	font-weight: bold;
	margin-right: 10px;
	padding: 3px;
	text-transform: uppercase;
	width: 100px;
}
input.bgSubmit
{
	background-color: #FFF;
	color: #641934;
	border-color: #fff;
	border-right: 0px;
	border-bottom: 0px;

	font-size: 10px;
	font-weight: bold;
	margin-right: 10px;
	padding: 3px;
	text-transform: uppercase;
	width: 110px;
	height: 30px;
	background-image: url(../Images/Site/submitBack.jpg);
	background-position: left 50%;
}


div#LoginPanel{
position: absolute;

top: 520px;
width: 110px;
background-color: #b8ac93;
color: #fff;
padding: 14px;
font-size: 12px;

}

div#LoginPanel input {
width: 100px;
	background-image: url(../Images/Site/inputBackLogin.gif);
	background-repeat: no-repeat;
	font-size: 9px;
	height: 1.4em;
	color: #333;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 0;
	margin-right: 0;
}

h1.mainHeading{
font-size: 36px;
margin-top: 0;
padding-top: 0;
}

div#rightPanel {
margin-top: 40px;
float: right;
width: 195px;
}

div#rightPanel ul{
margin-top: 4px;
margin-bottom: 4px;
width: default;
}

a.internalNavPDF {
	padding-right: 35px;
	background-image: url(../Images/Site/pdf_icon.gif);
	background-position: right 50%;
	background-repeat: no-repeat;
	text-decoration: none;

}


a.internalNavRight {
	padding-right: 35px;
	background-image: url(../Images/Site/right_arrows.gif);
	background-position: right 50%;
	background-repeat: no-repeat;
	text-decoration: none;

}

a.internalNavRight:hover {
	padding-right: 35px;
	background-image: url(../Images/Site/right_arrows_hover.gif);
	background-position: right 50%;
	background-repeat: no-repeat;

}

a.internalNavLeft {
	padding-right: 35px;
	background-image: url(../Images/Site/left_arrows.gif);
	background-position: right 50%;
	background-repeat: no-repeat;

}

a.internalNavLeft:hover {
	padding-left: 35px;
	background-image: url(../Images/Site/left_arrows_hover.gif);
	background-position: left 50%;
	background-repeat: no-repeat;

}


ul.internalNavRight li
{
	list-style-type: none;
	list-style-position: inside;
	height: 15px;
	padding-right: 35px;
	background-image: url(../Images/Site/right_arrows.gif);
	background-position: right 50%;
	background-repeat: no-repeat;
	display: inline;
}
ul.internalNavRight li:hover
{
	background-image: url(../Images/Site/right_arrows_hover.gif);

}

ul.internalNavRight li a{
color: #641934;
text-decoration: none;
}

ul.internalNavUp {
margin-bottom: 20px;
}

ul.internalNavUp li
{
	list-style-type: none;
	list-style-position: inside;
	height: 15px;
	padding-right: 35px;
	background-image: url(../Images/Site/up_arrows.gif);
	background-position: right 50%;
	background-repeat: no-repeat;
	display: inline;
}
ul.internalNavUp li:hover
{
	background-image: url(../Images/Site/up_arrows_hover.gif);

}

ul.internalNavUp li a{
color: #641934;
text-decoration: none;
}


ul.internalNavLeft li
{
	list-style-type: none;
	list-style-position: inside;
	height: 15px;
	padding-left: 35px;
	background-image: url(../Images/Site/left_arrows.gif);
	background-position: left 50%;
	background-repeat: no-repeat;
	display: inline;
}
ul.internalNavLeft li:hover
{
	background-image: url(../Images/Site/left_arrows_hover.gif);

}

ul.internalNavLeft li a{
color: #641934;
text-decoration: none;
}

div#pageFooter div#keywordHolder {
	background-image: url(../Images/Site/footerFade.gif);
	background-repeat: repeat-y;
	background-position: left top;
	background-color: #F2EFEA;
}



div#pageFooter ul#keywords
{
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	padding-bottom: 10px;
width: 700px;	
}

div#pageFooter ul#keywords li
{
	display: inline;
	list-style-type: disc !important;
	list-style-position: outside !important;
	padding: 20px;
	padding-left: 50px;
	padding-right: 30px;
	height: 30px;
	color: #641934;
	background-repeat: no-repeat;
	background-position: left 50%;
	background-image: url(../Images/Site/disk.png);
}

div#pageFooter ul#keywords li.first {
	background-image: url();

}

div#pageFooter ul#keywords li a {
color: #641934;
text-decoration: none;

}

div#pageFooter:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

div#copyright {
padding-top: 8px;
color: #b8ac93;
clear: both;
font-size: 11px;
}

div#footEmail {
margin-top: 10px; padding-bottom: 8px;
}
div.NewsItem {
clear: top;
}
div.NewsItem p{
width: 480px;
}

.NewsItem:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}


div.NewsItem div.NewsImage {
width: 185px;
float: right;
margin-left: 20px;
}

div.NewsItem div.NewsImage h2{
font-size: 12px;
}

div#Testimonial
{
	position: absolute;
	left: 30%;
	top: 200px;
	display: none;
	width: 400px;
	background-color: #FFF;
	padding: 40px;
	z-index: 400000;
	border-width: 1px 2px 2px 1px;
	border-color: #641934;
	border-style: solid;
	background-image: url(../Images/Site/pclose.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

div#ListForm, div#SignupResponse {
background-color: #b8ac93;
width: 195px;
display: none; 
position: absolute; 
top: 500px;
padding: 10px;
margin-right: 30px;
z-index: 20000;

}
div#SignupResponse {
display: block;
}

div#SignupResponse h2{
font-size: 14px;
}

input{
	background-image: url(../Images/Site/inputBackLogin.gif);
	background-repeat: no-repeat;
	font-size: 9px;
	color: #333;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 0;
	margin-right: 0;
}


div#ListForm input.plainSubmit{
	background-image: url();

	background-color: #e81;
	color: #58595b;
	font-size: 10px;
	font-weight: bold;
	margin-right: 10px;
	padding: 3px;
	text-transform: uppercase;
	width: 100px;
}

input.valid {background-color: #eee;	background-image: url(); !important}
input.invalid {background-color: #641934; 	color: #fff;background-image: url(); !important}