/*

Colours:
	color: #; - text
	color: #; - 
	color: #; - 
	color: #; - 

*/

body {
	margin: 0px;/* change this to 0 or whatever's required when building*/
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background-color: #bfbfbf;
}

a {
	color: #4a8aaf;
}

a:hover {
	color: #636363;
}

h1 {
	letter-spacing: -0.05pc;
	color: #ff8314;
	font-size: 2.5em;
	font-weight: bold;
	line-height: 26px;
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
}

h2 {
	color: #4a8aaf;
	font-size: 1.4em;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 20px;
	font-weight: bold;
}

h3 {
	color: #666361;
	font-size: 1.4em;
	font-weight: Bold;
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 16px;
}

p{
	color: #666361;
	font-size: 1.2em;
	margin: 0px 0px 10px 0px;
	line-height: 15px;
	font-weight: normal;
}

ul {
	margin: 0px 10px 10px 0px;
	padding: 0px 0px 0px 0px;
}

li {
	color: #666361;
	font-size: 1.2em;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
/*	list-style-image: url(../assets/images/page/img_bullet.gif);*/
}

hr {
	height: 1px;
	color: #9f9e9a;
	border: 1px #9f9e9a dashed;
}

img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/**********************   Structure   **************************/

div.page_content {
	margin: auto;
	width: 794px;
	height: auto;
	top: 0px;
	position: relative;
	padding: 0px 0px 0px 14px;
	background: url(../assets/images/page/img_body_drops_bkgd.gif) no-repeat left 7px;
}

div.moz {
	position: absolute;
	bottom: -0.1px;
}

/**********    Header    ***************/

div.header_container {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 794px;
	height: 129px;
	margin: 0px 0px 0px 14px;
	padding: 0px 0px 0px 0px;
	background-color: #fcfcfc;
	z-index:1;
}

div.logo_champ {
	float: left;
	display: inline;
	height: 129px;
	width: 334px;
	background: url(../assets/images/page/img_logo_champ.gif) no-repeat left bottom #BFBFBF;
}

/*  TOP NAV  */

div.top_nav_container, div.sub_top {
	float: left;
	display: inline;
	/*height: 102px;*/
	width: 460px;
	background: url(../assets/images/top_nav/img_top_nav_flick.gif) no-repeat left top;
}
div.sub_top { height:30px; float:right; background:url(../assets/images/navigation/top_top.gif) #BFBFBF no-repeat right;}
div.sub_top a:link, div.sub_top a:visited, div.sub_top a:active {  
	height:30px; 
	width:69px;
	float:right;
	background:url(../assets/images/navigation/contact_top.gif) right top no-repeat;
	display:inline; margin:0; padding:0;
}
div.sub_top a:hover { background:url(../assets/images/navigation/contact_top_over.gif) right top no-repeat;}

div.sub_top a.home:link, div.sub_top a.home:visited, div.sub_top a.home:active {  
width:100px; background:url(../assets/images/navigation/home_top.gif) right top no-repeat;
}
div.sub_top a.home:hover { background:url(../assets/images/navigation/home_top_over.gif) right top no-repeat;}


span.hidden { display:none;}

#navigation {
	margin:  0 0 0 0;	padding: 4px 0 0 0;
	height: 95px;
	width: 460px;
	position:relative;
	float:left;
	display:inline;
	height: auto;
	list-style:none;
	background: url(../assets/images/top_nav/img_top_nav_flick.gif) no-repeat left bottom;
}

#navigation li{
	height:95px;
	padding:0; margin:0 16px 0 16px;
	display:inline;
	list-style: none;
	clear:none;
	margin:0;
	float:left;
	}

#navigation li a:link, #navigation li a:visited, #navigation li a:active{
	float:left; 
	display:inline;
	margin:0; 
	font-size:1.2em;
	padding:0; 
	text-decoration:none;
	text-transform:uppercase;
	height:95px;
}

#navigation li.charter { background:url(../assets/images/navigation/btn_charter.gif) bottom left no-repeat;  margin:0 16px 0 16px; width: 81px; height: 95px;}
#navigation li.charter a:link, #navigation li.charter a:visited, #navigation li.charter a:active {   width: 81px;
	background:url(../assets/images/navigation/btn_charter.gif) bottom left no-repeat; }
#navigation li.charter a:hover { 
	background:url(../assets/images/navigation/btn_charter_over.gif) bottom left no-repeat; }

#navigation li.spec { background:url(../assets/images/navigation/btn_spec.gif) bottom left no-repeat; margin:0 16px 0 16px; width: 98px; height: 95px;}
#navigation li.spec a:link, #navigation li.spec a:visited, #navigation li.spec a:active {   width: 98px;
	background:url(../assets/images/navigation/btn_spec.gif) bottom left no-repeat; }
#navigation li.spec a:hover { 
	background:url(../assets/images/navigation/btn_spec_over.gif) bottom left no-repeat; }

#navigation li.layout { background:url(../assets/images/navigation/btn_layout.gif) bottom left no-repeat; margin:0 34px 0 16px; width: 64px; height: 95px;}
#navigation li.layout a:link, #navigation li.layout a:visited, #navigation li.layout a:active {   width: 64px;
	background:url(../assets/images/navigation/btn_layout.gif) bottom left no-repeat; }
#navigation li.layout a:hover { 
	background:url(../assets/images/navigation/btn_layout_over.gif) bottom left no-repeat; }

#navigation li.cuisine { background:url(../assets/images/navigation/btn_cuisine.gif) bottom left no-repeat; margin:0 16px 0 16px; width: 64px; height: 95px;}
#navigation li.cuisine a:link, #navigation li.cuisine a:visited, #navigation li.cuisine a:active {   width: 64px;
	background:url(../assets/images/navigation/btn_cuisine.gif) bottom left no-repeat; }
#navigation li.cuisine a:hover { 
	background:url(../assets/images/navigation/btn_cuisine_over.gif) bottom left no-repeat; }

#navigation li.crew { background:url(../assets/images/navigation/btn_charter.gif) bottom left no-repeat; width: 52px; height: 95px;}
#navigation li.crew a:link, #navigation li.crew a:visited, #navigation li.crew a:active {   width: 52px;
	background:url(../assets/images/navigation/btn_crew.gif) bottom left no-repeat; }
#navigation li.crew a:hover { 
	background:url(../assets/images/navigation/btn_crew_over.gif) bottom left no-repeat; }


#navigation li.dest { background:url(../assets/images/navigation/btn_dest.gif) top left no-repeat; width: 84px; height: 95px;}
#navigation li.dest a:link, #navigation li.dest a:visited, #navigation li.dest a:active {   width: 84px;
	background:url(../assets/images/navigation/btn_dest.gif) bottom left no-repeat; }
#navigation li.dest a:hover { 
	background:url(../assets/images/navigation/btn_dest_over.gif) bottom left no-repeat; }






img.top_nav_on {
	float: left;
	display: inline;
}

a.img_top_nav_info:link, a.img_top_nav_info:visited, a.img_top_nav_info:active {
	float: left;
	display: inline;
	height: 102px;
	width: 99px;
	background: url(../assets/images/top_nav/img_top_nav_off_info.gif) no-repeat left top;
}

a.img_top_nav_info:hover {
	background: url(../assets/images/top_nav/img_top_nav_ovr_info.gif) no-repeat left top;
}

a.img_top_nav_spec:link, a.img_top_nav_spec:visited, a.img_top_nav_spec:active {
	float: left;
	display: inline;
	height: 102px;
	width: 113px;
	background: url(../assets/images/top_nav/img_top_nav_off_spec.gif) no-repeat left top;
}

a.img_top_nav_spec:hover {
	background: url(../assets/images/top_nav/img_top_nav_ovr_spec.gif) no-repeat left top;
}

a.img_top_nav_lay:link, a.img_top_nav_lay:visited, a.img_top_nav_lay:active {
	float: left;
	display: inline;
	height: 102px;
	width: 83px;
	background: url(../assets/images/top_nav/img_top_nav_off_lay.gif) no-repeat left top;
}

a.img_top_nav_lay:hover {
	background: url(../assets/images/top_nav/img_top_nav_ovr_lay.gif) no-repeat left top;
}

a.img_top_nav_cont:link, a.img_top_nav_cont:visited, a.img_top_nav_cont:active {
	float: left;
	display: inline;
	height: 102px;
	width: 81px;
	background: url(../assets/images/top_nav/img_top_nav_off_cont.gif) no-repeat left top;
}

a.img_top_nav_cont:hover {
	background: url(../assets/images/top_nav/img_top_nav_ovr_cont.gif) no-repeat left top;
}

a.img_top_nav_home:link, a.img_top_nav_home:visited, a.img_top_nav_home:active {
	float: left;
	display: inline;
	height: 102px;
	width: 72px;
	background: url(../assets/images/top_nav/img_top_nav_off_home.gif) no-repeat left top;
}

a.img_top_nav_home:hover {
	background: url(../assets/images/top_nav/img_top_nav_ovr_home.gif) no-repeat left top;
}

/* TOP NAV END */

/**********    BODY structure    **********/

div.content_container {
	position: relative;
	left: 0px;
	top: 0px;
}

div.content_holder {
	float: left;
	display: inline;
	width: 794px;
	height: auto;
	margin: 129px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	z-index:10;
	background: url(../assets/images/page/img_content_grad_rpt.gif) repeat-x left bottom #fcfcfc;
}

div.column_01, div.column_02  {
	float: left;
	display: inline;
	width: 314px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../assets/images/page/img_menu_droplets.jpg) no-repeat left top;
}

div.column_02 {
	width: 480px;
	background: none;
}

div.column_both, table.crew {
	float: left;
	display: inline;
	width: 772px;
	height: auto;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}


/********   FOOTER   ***********/

div.footer_container {
	float: left;
	display: inline;
	height: 62px;
	width: 774px;
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
	background: url(../assets/images/page/img_footer_rpt.gif) repeat-x left top;
}

div.copyright {
	float: left;
	display: inline;
	height: 14px;
	width: 181px;
	margin: 19px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../assets/images/page/img_copyright.jpg) no-repeat left top;
}

div.anti_roll {
	float: left;
	display: inline;
	height: 14px;
	width: 322px;
	margin: 19px 0px 0px 90px;
	padding: 0px 0px 0px 0px;
	background: url(../assets/images/page/anti_roll02.gif) no-repeat left top;
}

div.logo_id {
	float: right;
	display: inline;
	clear: both;
	height: 60px;
	width: 224px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../assets/images/page/img_logo_id2.gif) no-repeat left top;
}

a.logo_id:link, a.logo_id:visited, a.logo_id:active {
	float: left;
	display: inline;
	height: 33px;
	width: 224px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div.logo_sunseeker {
	float: right;
	display: inline;
	height: 62px;
	width: 99px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../assets/images/page/img_logo_sunseeker.jpg) no-repeat left top;
}

/*********   HOME PAGE STRUCTURE   ********/

div.img_nav {
	float: left;
	display: inline;
	width: 314px;
	height: 187px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../assets/images/page/img_nav.gif) no-repeat left top;
}

/*  IMAGE NAV  */

a.img_nav_lux:link, a.img_nav_lux:visited, a.img_nav_lux:active {
	float: left;
	display: block;
	height: 29px;
	width: 314px;
	background: url(../assets/images/page/img_nav.gif) 0px 0px;
	overflow: hidden;
}

a.img_nav_lux:hover {
	background: url(../assets/images/page/img_nav.gif) 0px -187px;
	overflow: hidden;
}

a.img_nav_relax:link, a.img_nav_relax:visited, a.img_nav_relax:active {
	float: left;
	display: block;
	height: 29px;
	width: 314px;
	background: url(../assets/images/page/img_nav.gif) 0px -29px;
	overflow: hidden;
}

a.img_nav_relax:hover {
	background: url(../assets/images/page/img_nav.gif) 0px -216px;
	overflow: hidden;
}

a.img_nav_priv:link, a.img_nav_priv:visited, a.img_nav_priv:active {
	float: left;
	display: block;
	height: 29px;
	width: 314px;
	background: url(../assets/images/page/img_nav.gif) 0px -58px;
	overflow: hidden;
}

a.img_nav_priv:hover {
	background: url(../assets/images/page/img_nav.gif) 0px -245px;
	overflow: hidden;
}

a.img_nav_style:link, a.img_nav_style:visited, a.img_nav_style:active {
	float: left;
	display: block;
	height: 29px;
	width: 314px;
	background: url(../assets/images/page/img_nav.gif) 0px -87px;
	overflow: hidden;
}

a.img_nav_style:hover {
	background: url(../assets/images/page/img_nav.gif) 0px -274px;
	overflow: hidden;
}

a.img_nav_eleg:link, a.img_nav_eleg:visited, a.img_nav_eleg:active {
	float: left;
	display: block;
	height: 29px;
	width: 314px;
	background: url(../assets/images/page/img_nav.gif) 0px -116px;
	overflow: hidden;
}

a.img_nav_eleg:hover {
	background: url(../assets/images/page/img_nav.gif) 0px -303px;
	overflow: hidden;
}

a.img_nav_expl:link, a.img_nav_expl:visited, a.img_nav_expl:active {
	float: left;
	display: block;
	height: 29px;
	width: 314px;
	background: url(../assets/images/page/img_nav.gif) 0px -145px;
	overflow: hidden;
}

a.img_nav_expl:hover {
	background: url(../assets/images/page/img_nav.gif) 0px -332px;
	overflow: hidden;
}

/* IMG NAV END */

div.img_default_main {
	float: left;
	display: inline;
	width: 458px;
	height: auto;
	margin: 0px 12px 0px 10px;
	padding: 0px 0px 0px 0px;
}

div.img_default_bot_left, div.img_default_bot_mid, div.img_default_bot_right {
	float: left;
	display: inline;
	width: 304px;
	height: 217px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}

div.img_default_bot_mid {
	width: 224px;
	margin: 10px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}

div.img_default_bot_right {
	width: 224px;
	margin: 10px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}

/**********  SPECIFICATION  **********/

div.img_spec_main {
	float: left;
	display: inline;
	width: 782px;
	height: 187px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}

div.body_section_title {
	float: left;
	display: inline;
	width: 772px;
	height: 47px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}

div.spec_info_01, div.spec_info_02 {
	float: left;
	display: inline;
	/*width: 304px;
	height: 170px;*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}

div.spec_info_02 {
	/*width: 468px;*/
}

