@charset "utf-8";

/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}
/*=================================================*/


body {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff url(images/bg.gif) repeat;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}

h1, h2 { color: #174F92;}


#container { 
	width: 950px;
	background: #FFFAD0 url(images/indexBG.gif) repeat-y;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border-bottom: solid 10px;
	border-left: solid 10px;
	border-right: solid 10px;
	border-color:#144077;
	text-align: left;
} 

#containerFull { 
	width: 950px;
	background-color: #FFFAD0;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border-bottom: solid 10px;
	border-left: solid 10px;
	border-right: solid 10px;
	border-color:#144077;
	text-align: left;
} 

#header { 
	height: 230px;
	background: #fff; 
	padding: 0;
} 

#header h1 {
float:left;
margin:0;
display:block;
width:279px;
height:230px;
text-indent:-9009px;
background:transparent url(images/logo.jpg) no-repeat bottom;
}

#header h1 a {
display:block;
width:279px;
height:230px;
outline:none;
}

.topnavcontainer{
float:left;
width: 335px;
height: 190px;
background: url(images/est.gif) no-repeat;
padding-top:30px;
}

.toprightimg{
float:right;
width: 329px;
height: 230px;
background: url(images/topright.jpg);
}

/* TOP NAVIGATION */

#topnav{
color: #dddddd;
padding: 0;
margin: 0;
display: inline;
}

ul#topnav {
padding: 0px 0px 0px 25px;
list-style : none;
display: inline;
float:left;
font-size:1.2em;
}

#topnav li {
margin: 0px 4px 0px 4px;
font-weight: normal;
display: inline;
}

#topnav a {
color: #172676;
text-decoration: none;
padding: 4px 4px 4px 4px;
display: inline;
}

#topnav a:hover {
color : #ffffff;
background-color:#144682;
text-decoration: none;
padding: 4px 4px 4px 4px;
display: inline;
}


#sidebar {
	float: left; /* since this element is floated, a width must be given */
	width: 270px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/*background: #EBEBEB;  the background color will be displayed for the length of the content in the column, but no further 
	padding: 15px 20px 15px 20px;*/
}
#sidebarIndex {
	float: left; /* since this element is floated, a width must be given */
	width: 270px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #144682;  /*the background color will be displayed for the length of the content in the column, but no further*/
	padding-top:24px;
}
#mainContent { 
	margin: 0 0 0 270px; /* the left margin on this div element creates the column down the left side of the page */
}

#mainContent p { font-size: 1.2em; line-height: 1.4em; padding-bottom: 20px; padding-right: 20px; padding-left: 20px;}
#mainContent h2 { font-size: 1.4em; margin-top: 20px; padding-left: 20px; padding-bottom: 5px;}

#mainContentFull {float:left;}
#mainContentFull p { font-size: 1.2em; line-height: 1.4em; padding-bottom: 20px; padding-right: 20px; padding-left: 20px;}
#mainContentFull h2 { font-size: 1.4em; margin-top: 20px; padding-left: 20px; padding-bottom: 5px;}

#pageAbout{ width: 950px; height: 510px; background: #fffad0 url(images/page-about.jpg) no-repeat; overflow:hidden;}
.pageAboutIntro { position:relative; width: 500px; top:100px;}

#indexTitle { width: 680px; height: 940px; background: url(images/index-titlebg.gif) no-repeat; overflow:hidden;}
.indexIntro { position:relative; width: 430px; top: 100px;}
#indexashton{ position:relative; width:592px; height:27px; left:20px; top:184px;}
#indexsefton{ position:relative; width:592px; height:27px; left:20px; top:177px;}
.ashtonimg{ padding:0 0 20px 20px;}
#indexrotate{ position:relative; width:439px; height:335px; top:193px; left:120px;}



#index3col { width: 680px; margin-top:20px; padding:0;}
.indexCol3 { width: 200px; height:230px; margin-left:20px; float:left; background-color:#999999; }
.indexCol2 { width: 420px; height:230px; margin-left:20px; float:left; background-color:#999999; }


#testimonial {position:relative; width: 470px; height: 106px; top: 146px; left: 16px;}

#comment{width:380px; height:50px; padding: 20px 20px 0 20px;}*/
#title { width: 680px; }

/*===============================================================================================*/
/*H3 - used for page titles (eg: <h3 class="titleHere">Title Here</h3>*/
h3 {
display:block;
width:680px;
height:71px;
text-indent:-9009px;
overflow:hidden;
margin-bottom: 20px;
margin-top: -27px;
}

/*H3 - used for page titles - links to images below*/
.sanitaryTitle{background:transparent url(images/title-sanitary.jpg) no-repeat 0 0;}
.storageTitle{background:transparent url(images/title-storage.jpg) no-repeat 0 0;}
.ospreyTitle{background:transparent url(images/title-osprey.jpg) no-repeat 0 0;}
.falconTitle{background:transparent url(images/title-falcon.jpg) no-repeat 0 0;}
.kestrelTitle{background:transparent url(images/title-kestrel.jpg) no-repeat 0 0;}
.modularTitle{background:transparent url(images/title-modular.jpg) no-repeat 0 0;}
/*Change the margin for non-hire page titles*/
.newbuildTitle{background:transparent url(images/title-newbuild.jpg) no-repeat 0 0; margin-top: 0px; !important}
.powerpackTitle{background:transparent url(images/title-powerpack.jpg) no-repeat 0 0; margin-top: 0px; !important}
.hireTitle{background:transparent url(images/title-hire.jpg) no-repeat 0 0; margin-top: 0px; !important}
/*Full width titles*/
.aboutTitle{background:#60C424 url(images/title-about.jpg) no-repeat 0 0; margin-top: 0px; width:950px; !important}
.contactTitle{background:#60C424 url(images/title-contact.jpg) no-repeat 0 0; margin-top: 0px; width:950px; !important}
.transportTitle{background:#60C424 url(images/title-transport.jpg) no-repeat 0 0; margin-top: 0px; width:950px; !important}
.ashtonTitle{background:#60C424 url(images/title-ashton.jpg) no-repeat 0 0; margin-top: 0px; width:950px; !important}
.seftonTitle{background:#60C424 url(images/title-sefton.jpg) no-repeat 0 0; margin-top: 0px; width:950px; !important}

.forhirelink {
position:relative;
width:391px;
height:27;

left: 289px;
}
/*===============================================================================================*/

/* NAVIGATION BAR */
#navcontainer {
width: 940px;
height: 35px;
float:left;
margin: 0;
padding-top:24px;
padding-left:10px;
background:url(images/bg-menu.gif) repeat;
font-size: 1.1em;
}

ul#navlist
{
margin: 0;
padding: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 0px 15px; }

#navlist a:link, #navlist a:visited
{
color: #fff;
text-decoration: none;
}

#navlist a:hover
{
color: #FFFF00;
text-decoration: none;
}

#navlist li a#current{
color:#FFFF00;
text-decoration: none;
}




#footer { 
	height: 58px;
	width: 920;
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:url(images/footer.gif) no-repeat;
	color:#FFF;
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 25px 0 0 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

#footer .left{ width: 400px; float:left; }
#footer .right{ width: 500px; float:right; text-align:right; padding-right:10px; }

#footer a:link, #footer a:visited
{
color: #fff;
text-decoration: none;
}

#footer a:hover
{
color: #FFFF00;
text-decoration: none;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	width: 250px;
	height: 240px;
	font-size: 1.1em;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	width: 250px;
	height: 240px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
}

#sideimg{
margin: 10px 10px 10px 10px;
padding: 0px 0px 0px 0px;
/*border: 4px solid #174f92;	*/		
}

#dimensions table{
color: #333333;
/*padding: 10px 10px 10px 10px;*/
margin: 10px 20px 10px 22px;
border: 4px solid #174f92;
background-color: #ffffff;
width: 630px;
}
						
#dimensions th{
color: #144682;
padding: 10px;
margin: 0;
font: bold 10px 'Verdana','Lucida Sans Unicode',verdana,arial,sans-serif;
text-align: left;
border-bottom: 1px solid #dddddd;
}
						
#dimensions td{
color: #333333;
border-bottom: 1px solid #dddddd;
padding: 5px 0 5px 0;
}
			
#plan{
width:610px;
margin: 10px 20px 20px 20px;
padding: 10px 10px 10px 10px;
border: 4px solid #174f92;
background-color: #ffffff;		
}
	
#plan h2 { font-size: 1.6em; padding-bottom: 20px;}

#planFull{
width:880px;
margin: 10px 20px 20px 20px;
padding: 10px 10px 10px 10px;
border: 4px solid #174f92;
background-color: #ffffff;		
}

#mainimg{
float: left;
margin: 0;
padding: 0;
/*border: 2px solid #9D9282;*/
}

#mainimg2{
float: right;
margin: 0;
padding: 0;
/*border: 2px solid #9D9282;*/
}	

#devider3{
text-align : center;
border: 0;
padding: 0px 0px 0px 0px;
margin: 7px 24px 0px 0px;
width: 100%;
border-bottom: 1px solid #174f92;
}

div#qTip {
 padding: 8px;
 border: 1px solid #666;
 border-right-width: 2px;
 border-bottom-width: 2px;
 display: none;
 background: #999;
 color: #FFF;
 font: bold 9px Verdana, Arial, Helvetica, sans-serif;
 text-align: left;
 position: absolute;
 z-index: 1000;
}

#securityBox { width:628px; background: #fff url(images/cont-security.jpg) no-repeat right top; border: 4px solid #174f92; background-color: #fff; padding:20px 0 20px 0; margin: 10px 20px 20px 20px; }

#securityBox p{ width: 300px; padding-bottom: 20px; margin:0;}

#map { float:right; margin: 0 20px 20px 20px;}
#address{ float:left; width:440px;}

.directions { font-family:Arial, Helvetica, sans-serif; font-size:10px; !important}

#gallery{
width:610px;
margin: 10px 20px 20px 20px;
padding: 10px 10px 10px 10px;
border: 4px solid #174f92;
background-color: #ffffff;		
}

#gallery a{border:none;}