/****************************************
*										*
*  NAUTICAL CONTRACTING - 2009          *
*										*
*****************************************/

/*** MASTER COLORS ***/

/* Orange */

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


/* Blue */
.LBlue { color: #00aeff !important;} 
.LBlueBK { background-color: #00aeff !important;} 


/* GREY */
.Grey	{ color: #9d9fa2 !important; }
.GreyBK	{ color: #9d9fa2 !important; }


.Mgrey	{ color: #7f8184; }



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

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

.white	{ color: #FFF !important; }
.whiteBk{ background-color: #FFF !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: #444142;
	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: #d38121;
}

a, a:link { 
	color: #d38121;
 }
a:visited { 
	color: #58595b;
 }
a:active { 
	color: #00aeff;
}

.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: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	background-color: #fff;
	min-height: 600px;
/*	background-image: url(../Images/Site/flayoutcheck_800.jpg); */
	border-top: 1px #000 solid;
	border-right: 1px #000 solid;
	border-bottom: 1px #000 solid;
	border-left: 1px #555657 solid;
	padding: 0;
	padding-bottom: 30px;
}


div#leftPanel
{
	background-image: url(../Images/Site/navBkLight.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	z-index: 20;
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 2px;
	width: 150px;
	height: 100%;
	border-bottom: 0 #000 solid !important;
	border-bottom: 0 #000 solid;

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


div#Logo {
width: 100%;
padding: 0;
}
div#Logo img{
float: right;
margin-right: 40px;
margin-top: 25px;
}
.stripPanel
{

	width: 100%;
	margin: 0;
	text-align: left;
	padding-top: 2px;
	background-color: #fff;
	background-image: url(../Images/Site/stripdeckback.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
padding-bottom: 20px;
	clear: top;
}


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

.stripPanel img {
float: right;
}


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

div#MainSection {
margin-left: 150px;
}

body#homePage div#MainSection{
margin-left: 200px;
margin-right: 50px;
font-size: 14px;
width: 550px;
padding-bottom: 20px;
}

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

div#MainSection .NewsItem{
	width: 260px;
	float: left;
	margin-right: 10px;
	padding-bottom: 20px;
}

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

}

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

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

}

div#PortfolioImage
{
	width: 440px;
	margin: 0;
	padding: 0;
	border-right: 2px #FFF solid;
}
div#PortfolioImage h4{
color: #fff;
margin-left: 40px;
margin-top:2px;
padding-bottom: 2px;
margin-bottom: 0;
}

div#PortfolioThumbs {

	position: relative;
	left: 2px;
	width: 100%;
	margin: 0;
	text-align: left;
	padding-top: 0;
	background-color: #7f8184;
	background-image: url(../Images/Site/stripdeckbackfade.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 20px;
	clear: top;
	width: 678px;
	overflow: hidden;
	height: 100px;
}

div.Thumb
{
	float: left;
	border-right: 1px #FFF solid;
	background-color: #7f8184;
	display: block;
}

div.Thumb label{
display: block;
text-align: center;
font-size: 9px;
color: white;
padding-top: 3px;
padding-bottom: 3px;
}
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 {
position: absolute;
filter:alpha(opacity=65);
opacity: 0.65;
-moz-opacity:0.65;	
background-color: #ccc;
color: #000;
font-weight: bold;
margin-top: 0;
padding: 2px;
display: block;
z-index: 13200;
}
div#Next {   margin-left: 380px;}
div#Prev { margin-left: 30px; display: none;}

div#npNav a,div#npNav a:visited{
text-decoration: none;
color: #d38121;
}
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;
}



div#LoginPanel{
position: absolute;
top: 700px;
width: 100px;
color: #fff;
padding-left: 5px;
font-size: 9px;
}

div#LoginPanel input {
width: 80px;
	background-image: url(../Images/Site/inputBack.gif);
	background-repeat: no-repeat;
	font-size: 9px;
	height: 1em;
	color: #333;
}