/* ------------------------------------------------------------

    Title:    Salanjo Master Styles - screen
    Author:    production@frontend.co.nz
    Created:   January 2008


------------------------------------------------------------ */

/* force scrollbar for Gecko */
html, body {
	min-height: 100.1%;
}

/* General Styles
------------------------------------------------------------------*/
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, blockquote, ul, ol, dl {
	margin:0;
	padding:0;
	}

body {
	padding: 0;
	font-family:"Trebuchet MS", Helvetica,  Arial, Verdana, sans-serif;
	text-align: center;
	/*color: #000000;*/
	background-color: #1F3E5E;
	font-size: 0.8125em;
	line-height: 1.25em; 
}

p {
	font-size: 1em;
	line-height: 1.4em;
	margin-bottom: 10px;
	color:#4B4B4B;
	}
	
.hide {
	display: none;
	 }
	 
hr {
	clear:both;
	visibility:hidden;
	}
	
.clear {
	background:url(../images/color_bar.jpg) no-repeat;
	margin-top:70px;
	/*clear:both;*/
	height:4px;
	}
		
img {
	border:0;
	}
	
.right {
	float: right;
}

.left {
	float: left;
}	
	 
#wrap {
	background: #FFFFFF url("../images/bg_strip.gif") 0 0 repeat-y;
	margin: 15px auto;
	width: 920px; /*width of the layout */
	text-align: left; 
	
	}
	
a {
	text-decoration: none;
	color: #ce181f;
	}

a:hover {
	color: #ce181f;
	text-decoration: underline;
	}
	
	


/* Typography Styles
------------------------------------------------------------------*/
	
h1 {
	color: #FFFFFF;
	font-size: 1.2em;
	margin-bottom: 0.6em;
	margin-top: 0.2em;
	}
	
	
h2 {
	/*color:#336699;*/
	color:#1f3e5e;
	font-size: 1.3em;
	margin: 0;
	margin-bottom: 1.2em;
	line-height: 1.3em;
	font-weight: normal;
	letter-spacing:.02em;
	}
	
h3 {
	color:#336699;
	font-size: 1em;
	padding-bottom:2px;

	}
	
h4 {
color:#4B4B4B;
	font-size: 1.35em;
	font-weight: normal;
	margin-bottom: 0.3em;
	letter-spacing:.03em;
	}
	
.emphasis {
font-weight:bold;
}


/*  ALL Pages for Salanjo 
------------------------------------------------------------------*/
#header {
	/*height = 130px;*/
	padding-top:10px;
	position:relative;
	z-index:10;
}

.logo {
	/*margin-left: 10px;*/
	
}

.effect {/*
	margin-left:250px;
	margin-top:20px;*/
	margin-top:-150px;
	padding-bottom:40px;
	
}

.inline {
display:inline;
}

#main {
/*width: 100%;*/
position:relative;
/*background: #FFFFFF;*/
padding-bottom:10px;
margin-top:-20px;
}

#content{
padding:0 240px 0 220px;
}

.leftcorner {
float:left;
margin:0;
}

.rightcorner {
float:right;
margin:0;
}

#seaspray {
margin:0px auto;
width:920px;
text-align:right;
padding-right:20px;
margin-top:10px;
margin-bottom:-19px;
}





/*  SideNav Salanjo 
------------------------------------------------------------------*/

#sidenav {
float:left;
	width:120px; /* width of sidenav bar */
	background: #FFFFFF;
	font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
	text-align:left;
	padding: 0 40px 0px 60px; /* Space out from outer border + white space @ bottom */
	margin-top:40px;
	}

#sidenav ul {
text-align:right;
	list-style: none; /* no bullets */
	margin: 0;
}

#sidenav li {
		margin: 0;
		background: url(../images/inactive_link_bg.gif) repeat-y;
		margin: 0 0 5px 0; /*spae inbetween list cells */
}

#sidenav li a {
	display: block;
	padding: 4px 8px 4px 6px; /*space around link */
	color:#CB1300;
	text-decoration: none;
	width: 100%;
	}
	
html>body #sidenav li a { /*special case for IE */
	width: auto;
	}


#sidenav li a:hover {
	color: #fff;
	background: #CB1300;
}

#sidenav li.on a {
background-color:#CB1300;
color:#fff;
}

#sidenav img {
margin-top:30px;
}
/* EXCEPTIONS CSS FOR SHIP ALIGNMENT NEXT TO ON LINK */

body #main #sidenav #ship {
position:absolute;
background-image:url(../images/current_link_ship.gif);
height:23px;
width:23px;
left:182px;
}

body.homepage #main #sidenav #ship {
top:27px;
margin-top:1.1em;
}

body.activities #main #sidenav #ship {
top:46px;
margin-top:5em;
}

body.guestbook #main #sidenav #ship {
top:45px;
margin-top:11em;
}

body.rates #main #sidenav #ship {
top:65px;
margin-top:12em;
}

body.specification #main #sidenav #ship {
top:0px;
margin-top:19em;
}

body.terms #main #sidenav #ship {
top:110px;
margin-top:18em;
}

body.cruise #main #sidenav #ship {
top:50px;
margin-top:2em;
}

body.crew #main #sidenav #ship {
top:55px;
margin-top:7em;
}

body.safety #main #sidenav #ship {
top:35px;
margin-top:20em;
}



/* Footer for Salanjo 
--------------------------------------------------*/

#footer {
background:#FFF;
padding: 30px 0 0 100px;
margin-bottom:20px;
}

body.activities #footer {
background:#FFF;
padding: 130px 0 0 100px;
margin-bottom:20px;
}

#footer img.starfish {
float:left;
padding:0 10px 0 10px;
margin-top:-10px;
}

#footer h2 {
text-align:left;
line-height:1.2em;
margin-bottom:25px;
}

body.cruise #footer h2{
/*margin-left:120px;*/
}


#footer ul {
padding: 0 0 0 100px;
list-style:none;
width:420px;
margin-top:-20px;
}


#footer  li {
padding:0 30px 0 0px;
display:inline;
line-height:2em;
}

#footer ul img {
padding:0 2px 0 0;
vertical-align:middle;
}

#footer img.killerwhales {
padding: 30px 0 0 0;
float:right;
}

#footer img.yellowtuna {
padding: 15px 0 0 100px;
}

#footer img.fishing {
float:right;
}

#bottom {
clear:both;
padding-top:8px;
}

.leftcornerb {
float:left;
margin-top:-10px;
}

.rightcornerb {
float:right;
margin-top:-8px;
}




/*  HomePage for Salanjo 
------------------------------------------------------------------*/

body.homepage #content {
padding:0 240px 0 220px;
}

body.homepage #flashcontent {
height: 505px;
width:440px;
padding-bottom:40px;
}

#rightbar {
margin-top:40px;
float:right;
width: 235px;
padding: 0 24px 0 0;
font-size:1em;
}

#rightbar h2 {
line-height:1.2em;
}

#rightbar p {
font-size:1.1em;
line-height:1.5em;
}

#rightbar ul{
list-style-type:none;
}

#quicklinks {
display:block;
background:url(../images/quick_links_bg.jpg) top left;
height:100px;
width:220px;
margin:0 0 10px 0;
}

#quicklinks ul{
list-style-type:none;
}

#quicklinks li{
float:left;
}

#quicklinks li a {
display:block;
overflow:hidden;
letter-spacing:.01em;
color:#D7190C;
}

#quicklinks li a.checkoutsalanjo {
background-image:url(../images/checkoutsalanjo_link.gif);
height:79px;
width:68px;
margin: 10px 0 0 5px;
}

#quicklinks li a.checkoutsalanjo:hover {
background-image:url(../images/checkoutsalanjo_link.gif);
background-position:1px -81px;
height:79px;
width:68px;
}

#quicklinks li a.viewguestbook {
background-image:url(../images/viewguestbook_link.gif);
height:79px;
width:68px;
margin: 10px 0 0 5px;
}

#quicklinks li a.viewguestbook:hover {
background-image:url(../images/viewguestbook_link.gif);
background-position:0px -81px;
height:79px;
width:68px;
}

#quicklinks li a.seeactivities {
background-image:url(../images/seeactivities_link.gif);
height:79px;
width:68px;
margin: 10px 0 0 5px;
}

#quicklinks li a.seeactivities:hover {
background-image:url(../images/seeactivities_link.gif);
background-position:1px -81px;
height:79px;
width:68px;
}





/*  Activites for Salanjo 
------------------------------------------------------------------*/

#content #fishing {
padding-left:10px;
padding-bottom:30px;
margin-top:-120px;
z-index:-1;
}



body.activities #rightbar {
margin-top:0px;
float:right;
width: 260px;
padding: 0 20px 0 0;
}

body.activities #rightbar h3 {
padding:0;
margin-bottom:-10px;

}

body.activities #rightbar p {
margin-left:94px;
font-size:1em;
}


#rightbar .snapshot {
float:left;
padding:0;
margin:-10px 5px 0 0;
}

#rightbar .sailing{
margin-top:-20px;

}

#rightbar .beaches{
margin-top:-12px;

}

#rightbar .fishact{
margin-top:10px;

}



body.activities #rightbar li{

/*margin-bottom:45px;*/
padding-bottom:25px;
}




/* Guestbook for salanjo 
-----------------------------------------------------------------------*/


#rightbar img.seashells{
margin-top:-100px;
}

#content ul{
list-style:none;
}

#content h3 {
padding-top:20px;
margin-bottom:-10px;
}

#content h3.bill {
padding-top:55px;
}

#content h3.subtitle {
padding-top:0px;
}

body.guestbook #content img {
margin:0;
padding:30px 20px 0 30px;
float:left;
}

body.guestbook #content img.secondary {
padding:10px 30px 10px 60px;
}

body.guestbook #content img.teriary{
padding:10px 30px 10px 60px;
}

#content .singlequote {
padding-left:230px;
}

body.guestbook #content {
padding-bottom:20px;
}
/*
body.guestbook .clear {
margin-top:0px;
}*/

/* Rates for Salanjo
-------------------------------------------------------------------*/

body.rates #content {
margin:0;
padding-top:280px;
padding-bottom:10px;
}

body.rates #footer {
clear:both;
}
/*
body.rates #rightbar img.relax{
margin-top:-150px;
padding:0;
float:right;
display:none;
}*/

body.rates #rightbar img.relax{
margin-top:-150px;
margin-left:-300px;
padding:0;
float:right;
}


/*  specifications for Salanjo 
------------------------------------------------------------------*/
body.specification #flashcontent {
height: 420px;
width:667px;
margin-bottom:-60px;
margin-top:-30px;
}

body.specification img.team {
margin-left:-15px;
padding-top:260px;
}
/*
body.specification img.birdy {
margin-top:-160px;
}
*/


#extraimage {
float:right;
margin-top:-100px;
margin-right:50px;
}


body.specification #content {
margin-top:-20px;
padding:40px 240px 0 225px;
}


#content tr.odd {
background:url(../images/table_row_bg.jpg) repeat-y top left;
}

#content table td p {
vertical-align:middle;
padding:5px 0 5px 5px;
margin:0;
}

body.specification #rightbar {
margin-top:-80px;
float:right;
width: 100px;
padding: 0 200px 0 0;
font-size:1em;
}


body.specification #footer {
padding-top:50px;
padding-bottom:50px;
}





/*  terms for Salanjo 
------------------------------------------------------------------*/

body.terms #content ul {
list-style:decimal;
padding-left:30px;
}

body.terms #content ul.letterlist {
list-style:lower-alpha;
font-weight:bold;
font-size:.95em;
padding-left:20px;
}

body.terms #content ul.letterlist  li{
font-weight:normal;
color:#000;
}

body.terms img.shelly{
padding-top:650px;
}

.bank {
padding-top:20px;
text-align:center;
line-height:1.1em;
letter-spacing:.02em;
word-spacing:.02em;
}

body.terms h4 {
font-size:1.1em;

}

.license {
margin: 20px 0 10px 0;
text-align:center;
}


body.terms #footer {
padding-left:130px;
}

body.terms #footer h2{
padding-left:100px;
}


/*  about your crew for Salanjo 
------------------------------------------------------------------*/

body.crew img.team {
margin-left:40px;
padding-top:50px;
}



/*  about your crew for Salanjo 
------------------------------------------------------------------*/

img.photo_accent{
margin:15px 0 120px 40px;
}



/*  Cruise iten  
---------------------------------------------------------------*/

body.cruise #content h2.suggest {
margin:25px 0 10px 0;
}


body.cruise #content h3.first {
padding-top:0px;
margin-bottom:-10px;
}

body.cruise #content h3{
padding-top:10px;
margin-bottom:-10px;
}
/*  Adjustments for safari compatibility */

body.rates #rightbar img.relax{
margin-top:-150px;
margin-left:-300px;
padding:0;
float:right;
}

body.specification img.birdy {
margin-top:-30px;
}

body.activities #footer {
background:#FFF;
padding: 130px 0 0 100px;
margin-bottom:20px;
}


body.rates #rightbar img.relax{
padding:0;
display:block;
}

body.specification img.birdy {
margin-top:0px;
display:block;
}