/* RELIANCE YACHT CSS */
 * 	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	padding:0;
 	margin:0;
 	}

body	{
	font-size:10px;
	background-color: #ffffff;
	color: #005996; 
	height: 100%;
	}

	
h1 	{
	text-transform: lowercase; 
	font-weight: normal; 
	font-size: 18px;
	margin:0; 
	padding:30px 0 10px 25px;
	}
	
h2	{
	text-transform: capitalize; 
	font-weight: bold;
	font-size: 10px;
	margin:0; padding:0;
	}

h3 {	width: 8em;
	float: left;
	text-transform: capitalize; 
	font-weight: bold;
	font-size: 10px;
	margin:0; padding:0;
	}
	
address {margin-bottom:1em; font-style:normal;}

dl {float:left; width:100%;}
dt {width: 30%; float:left; padding: 0 0 1em 0; clear:left; }
dd {width: 60%; float:left; padding: 0 0 1em 0; font-size: 9px;}

ul {list-style-type:none;}
ol {list-style-type:none;}

th {background-color: #005996; color: #fff; text-align:left; padding:0.5em;}
td {text-align:left; padding:0.5em;}

.footnote
	{
	clear:both;
	width: 90%;
	padding:0 0 0 25px;
	}

P 	{
	margin:0; 
	padding:0 0 1em 0;
	}

ul 	{
	margin:0; 
	padding:0;
	width: 220px;}



a:link 
	{ 
	 color: #005996;
	 background-image: url("images/subnav.gif");
	 }
a:visited
	{ 
	 color: #4998CC;
	 background-image: url("images/subnav-over.gif");
	 }
a:hover 
	{ 
	 color: #4998CC;
	 background-image: url("images/subnav-over.gif");
	 }

a
	{ 
	
	 font-weight: bold;
	 text-decoration: none;
	 background-repeat: no-repeat;
	 background-image: url("images/subnav.gif");
	 background-position: center right;
	 padding:0 1em 0 0;
	
	 }
	 
a.inline:link  {font-weight: normal;
	 text-decoration: none;
	 background-image: none;
	 color: #005996; 
	 padding:0; }
a.inline:visited  {font-weight: normal;
	 text-decoration: none;
	 background-image: none;
	 color: #005996; 
	 padding:0; }
a.inline:hover {font-weight: normal;
	 text-decoration: underline;
	 background-image: none;
	 color: #005996; 
	 padding:0; }
a.inline  {
	color: #005996; 
	font-weight: normal;
	 text-decoration: none;
	 background-image: none;
	 color: #005996; 
	 padding:0; }
	 
/* frog */


.back {
	 background-position: left;
	 padding:0 0 0 1em;
	 background-image: url("images/back-over.gif");
	}
	


/* height situation for IE5 mac */

#page	{
	width:760px; 
	height:420px;
	position:absolute;
	left:50%;
	top: 20px;
	margin: 0 0 0 -380px;
	border-width:0 1px 0 1px;
	border-color: #005996;
	border-style: solid;
	}
	
/* this won't effect IE 5 Mac becasue of the \*/

#page	{
	left:50%;
	top: 50%;
	margin: -210px 0 0 -380px;
	}

/* end IE 5 mac #page hack */

#foot	{
	display:block;
	height:29px; 
	width:100%;
	clear:both;
	float:left;
	background-image:url(images/foot.jpg);
	background-color: #005996; 
	}

#head	{
	height:90px;
	background-image:url(images/head.jpg);
	background-color: #005996; 
	}


.column_one {
	width: 27%;
	padding: 0 25px 0 25px;
	float:left;
	clear:none;
	}
	
.column_two {
	padding: 0 10px 0 10px;
	display: inline-block;
	width: 30%;
	
	float:left;
	clear:none;
	border-width: 0 0 0 1px;
	border-color: #C6CCD4;
	border-style: solid;
	}
	
	.column_two_wide {
		display: inline-block;
		width: 50%;
		margin: 0 0 0 25px;
		float:left;
		clear:none;
		padding: 0 10px 0 10px;
		border-width: 0 0 0 1px;
		border-color: #C6CCD4;
		border-style: solid;
		}
	.column_two_wrap{
		float:left; 
		width:64%;
		border-width: 0 0 0 1px;
		border-color: #C6CCD4;
		border-style: solid;
		}
	
.column_three
{
	width: 30%;
	padding: 0 1.5% 0 1.5%;
	border-width: 0 0 0 1px;
	border-color: #C6CCD4;
	border-style: solid;
	float:left;
	clear:none;
	}


.case_study {width:60%; 
	    margin:0 5% 1em 5%;
	    padding: 0 0 1em 0;
	    border-width: 0 0 1px 0;
	border-color: #C6CCD4;
	border-style: dashed;
	}

#gallery{
	width: 60%;
	padding: 0 0 0 30px;
	float:left;
	clear:none;
	border-width: 0 0 0 1px;
	border-color: #C6CCD4;
	border-style: solid;
	}

.thumbnail{
	display:block;
	float:left;
	margin: 0 25px 15px 0;
	border-width: 1px;
	border-color: #C6CCD4;
	border-style: solid;
	}

.gallery_image{
	border-width: 1px;
	border-color: #C6CCD4;
	border-style: solid;
	}

.description	{float:left; width: 35%; margin:0 0 0 10px;}
.enlarged	{display:block; float:left;}
.gallery_subnav	{float:right; margin: 0 25px 0 0;}	


#gallery a {
	background-image: none;
	padding:0;
	margin:0;
	border:0;
	}

#gallery a:visited  {
	background-image: none;
	padding:0;
	margin:0;
	border:0;
	}
#gallery a:hover {
	background-image: none;
	padding:0;
	margin:0;
	}
	
.video_thumbnail
	{
	margin: 1em 0 0 0;
	border-width: 1px;
	border-color: #C6CCD4;
	border-style: solid;
	}

#flashcontent {margin: 1em 0 0; text-align:center;}

/*PAGES*/

#home {
	height: 300px; 
	overflow:auto;	
	background-image: url(images/home_bg.jpg); 
	background-repeat: no-repeat; 
	background-position: 460px top;
	width:100%;
	}

#quality {
	height: 300px; 
	background-image: url(images/quality-control.jpg); 
	background-repeat: no-repeat; 
	background-position: right top;
	width:100%;
	}

#quality2 {
	height: 300px; 
	background-image: url(images/quality-control-2.jpg); 
	background-repeat: no-repeat; 
	background-position: right top;
	width:100%;
	}
	
#commissioning {
	height: 300px; 
	background-image: url(images/commissioning.jpg); 
	background-repeat: no-repeat; 
	background-position: right top;
	width:100%;
	}

#commissioning2 {
	height: 300px; 
	background-image: url(images/commissioning-2.jpg); 
	background-repeat: no-repeat; 
	background-position: right top;
	width:100%;
	}

#main {
	height: 300px; 
	overflow:auto;

	}

#news {
	height: 300px; 
	overflow:auto;

	}

#accounts {
	height: 300px; 
	background-image: url(images/accounts.jpg); 
	background-repeat: no-repeat; 
	background-position: right top;
	width:100%;
	}
	
#ops	{
	height: 300px; 
	overflow:hidden;
	background-image: url(images/operations.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	}
	
#contact {
	height: 300px; 
	overflow:hidden;
	background-image: url(images/contact.jpg);
	background-repeat: no-repeat;
	background-position: 70% 50%;
	}
	
#security {
	height: 300px; 
	overflow:hidden;
	background-image: url(images/security.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	}
#crew {
	height: 300px; 
	overflow:hidden;	
	background-image: url(images/crew.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	}
	
#charter {
	height: 300px; 
	overflow:auto;
	background-image: url(images/charter.jpg);
	background-repeat: no-repeat;
	background-position: right top 
	}
	
#managementfaq {
	height: 300px; 
	overflow:auto;
	background-image: url(images/managementfaq.jpg);
	background-repeat: no-repeat;
	background-position: right top 
	}

#delivery {
	height: 300px; 
	overflow:auto;
	background-image: url(images/delivery.jpg);
	background-repeat: no-repeat;
	background-position: right 55px; 
	}	

#delivery2 {
	height: 300px; 
	overflow:auto;
	background-image: url(images/delivery2.jpg);
	background-repeat: no-repeat;
	background-position: right 0px;
	}
	
#managementfaq H2, #delivery .column_two H2 {
	font-weight: normal;
	 font-style: italic;
	 font-size: 12px;
	 text-transform:none;
	 margin: 0 0 1em; 0;
	}
	
.faq_nav{
	margin:0; 
	padding:0;
	list-style-type:none;
	text-indent:0;
	width:100%;
	}
	
.faq_nav li{
 	padding: 0 0 1em 0;
	text-indent:0;
	}	
	
#links {
	height: 300px; 
	overflow:auto;
	background-image: url(images/links.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
	
#insurance {
	height: 300px; 
	overflow:auto;
	background-image: url(images/insurance.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	}
	
#registration {
	height: 300px; 
	overflow:auto;
	background-image: url(images/registration.jpg);
	background-repeat: no-repeat;
	background-position: right center
	}
	
#crew2 {
	height: 300px; 
	overflow:auto;
	background-image: url(images/crew2.jpg);
	background-repeat: no-repeat;
	background-position: right center
	}


#crew1 {
	height: 300px; 
	overflow:auto;
	background-image: url(images/crew1.jpg);
	background-repeat: no-repeat;
	background-position: right top
	}
	
#case-studies{
		height: 300px; 
		overflow:auto;
		background-image: url(images/case-studies.jpg);
		background-repeat: no-repeat;
		background-position: right -35px;
		background-attachment: scroll;
	}

#tracking1 {
	height: 300px; 
	overflow:auto;
	background-image: url(images/tracking1.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	width:100%;
	}	
#tracking2 {
	height: 300px; 
	overflow:auto;
	background-image: url(images/tracking2.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	width:100%;
	}
	


/* NAVIGATION */

#nav
	{
	position:absolute;
	left:47%;
	top: 80px;
	margin: 0 0 0 -500px;
	padding:0;
	width:520px;
	list-style: none;
	}
	
/* this won't effect IE 5 Mac coz of the \*/

#nav {	
	top: 50%;
	margin: -150px 0 0 -115px;
	}
	
/* end Mac IE 5 workaround */

.top li {padding:1em 0em 2em 1em; margin:0;}
.sub li {padding:0.5em 1em 0.5em 1em;} 

#nav a {
	background-image:none; 
	padding:0em; 
	margin:0em; 
	color: #fff;
	width:100%;
	}

#nav a:link 
 	{color:#fff; background-image: none; margin:0; padding:0;}

#nav a:hover 
	{color:#fff; background-image: none; margin:0; padding:0;}
	 
#nav a:visited
	{color:#fff; background-image: none; margin:0; padding:0;}

li ul {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}

/* all lists */

#nav ul
	{
	padding:0;
	margin:0;
	list-style: none;
	text-indent:0;
	font-weight: bold;
	}

/* all list items */

#nav li
	{
	float: left;
	position: relative;
	text-indent:0;
	color: #ffffff;
	font-weight:bold;
	/* width defined in "navigation.php" */
	}

/* second-level lists */

#nav li ul
	{
	display: none;
	position: absolute;
	width: 12em;
	background-color: #005996;
	top: 30px;
	left:0;
	margin:0;
	padding: 0 0 0.5em 0;
	}

/* submenu */

#nav li:hover ul , #nav li.over ul
	{
	display: block;
	}

#content 
	{
	clear: left;
	}

code {font-family: monospace; display:block; background-color: #A6CDE6; padding:1em; border:1px soild #005996; margin-bottom:1em;}

/* FORMS */

input
	{ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #005996;
	font-weight: normal;
	font-size: 10px ;
	border: 1px #005996 solid;
	padding: 0 5px 0 5px;
	margin: 0 0 0.5em 0;
	}

textarea
	{
	color: #005996;
	font-weight: normal;
	font-size: 10px ;
	border: 1px #005996 solid;
	padding: 0 0 0 5px;
	margin: 0 0 0.5em 0;
	}

form {  
	margin: 0;
	padding: 0;
	}

select {
	color: #005996;
 	font-weight: normal;
 	font-size: 10px ;
 	border: 1px #005996 solid;
 	width: 5em;
 	margin: 0 0 0.5em 0;
	}
label
	{
	text-align: right; 
	width: 120px; 
	display:block; 
	float:left; 
	padding: 0 1em 0 0;
	margin: 0 0 0.5em 0;
	}

.subscribe {
	float:right; 
	background-color: #CCE8FF; 
	border: 1px dashed #4998CC;
	margin:1em; 
	padding:0.5em;
	color: #4998CC;
	}
.subscribe a{
	color: #4998CC; 
	font-weight:normal; 
	background-image:none; 
	padding:0;
	font-size: 9px;
	 }

.subscribe a:visited{
	background-image:none; 
	 }

.RSS a  {display:block;
	width:3em;
	text-align:center;
      font-family: verdana arial sans-serif; 
      background-color: #CCE8FF; 
     
      font-weight:bold;
      border: 1px solid #4998CC;
      color:#FFF;
      padding:0.25em;}
 
 .email-subscribe{
 	border:1px solid #4998CC;
 	font-weight:bold;
 	padding:0.25em;
 	margin: 0 0 0.25em 0;
 	background-color: #fff;
 	display:block;
 	font-weight: bold;
 	text-align: center;
 	}
  .crew_submit {border:none; margin-left: 13em;}
  .crew-costs {display:block; float:left; clear:both; border:none; background-image:none; padding:0; margin: 0 0 0 20px;}
  .crew-costs img {border:none; background-image:none; padding:0;}
  .warning {color: #660011; padding: 0.25em; font-weight: bold;}
  
  table.commission {
  	width:100%;
  	}


  
#foot a {background:none;
  	color: #eef;
  	font-size: 10px;
  	margin: 10px 0 0 120px;
  	display:block;
  	float:left;
  	width:auto;
  	font-weight:normal
  	}

a.affiliate_link {
background-image:none !important
}

.affiliate_link img {
 	border:none;
 	
 	}