@charset "utf-8";
/* CSS Document */

html, body {
	margin:0px;
	padding: 0px;
	font-family:'OstrichSansBlack', Arial, sans-serif;
}

body {
	background-image:url(../_images/main_bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}

ul, li {
	list-style:none;
}

a, a img, a:visited {
	border:0px;
	text-decoration:none;
}

#header_wrapper {
	width:100%;
	height:25px;
	background-color:#FFF;
}

#secondary_nav {
	width:980px;
	height:40px;
	margin:0 auto;	
	padding:0px 0px 0px 0px;	
}

#secondary_nav li {
	height:35px;
	margin:0px 0px 0px 1px;
	padding:5px 10px 0px 10px;
	background-color:#FFF;
	opacity:0.8;
	float:right;	
}

#secondary_nav a {
	height:18px;
	margin:5px 0px 0px 0px;
	padding:0px;
	color:#14325c;
	font-family:'OstrichSansBlack', Arial, sans-serif;
	font-size:24px;
}

#nav_wrapper {
	width:100%;
	height:90px;
	padding:10px 0px 0px 0px;
	position:absolute;
	bottom:0px;
	background-image:url(../_images/nav_bg.png);
	background-repeat:repeat;
	overflow:hidden;
	z-index:3;
}

#nav {
	margin:0px 0px 0px 0px;
	padding:0px;
}

#nav li {
	height:65px;
	padding:15px 20px 0px 20px;
	border-right:solid 1px #CCC;
	text-align:center;
	overflow:hidden;
	float:left;
}

#nav li a {
	color:#14325c;
	font-family:'OstrichSansMedium', Arial, Helvetica, sans-serif;	
	font-size:2em;
	font-weight:normal;
	text-align:center;
	text-shadow:0px 1px 0px #FFF;
	letter-spacing:0.05em;
}

#nav li a:hover {
	color:#40c8f4;
}

#mkamla {
	color:#14325c;
}

#home {
	width:220px;
}

#site_info {
	width:200px;
	height:80px;
	margin:0px;
	padding:20px 15px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#AAA;
	text-align:right;
	float:right;
}

#body_wrapper {
	width:100%;
	overflow:hidden;
}

#body_content {
	margin:110px 0px 0px 0px;
	position:relative;
	left:0px;
}

.slide {
	overflow:hidden;
	float:left;
}

.slide_content {
	width:980px;
	height:400px;/*This height is a good rule to follow, especially with text elements. Use different class for large media*/
	margin:0 auto;
	overflow:hidden;
}

.slide_info {
	width:980px;
	height:600px;
	background-color:#FFF;
	overflow:hidden;
}

/*--------CREWE PAGE SPECIFIC--------*/

#crewe_overview img, #hank_profile img, #micheale_profile img {
	width:250px;
	height:310px;
	margin:10px 0px 10px 13px;
	background-color:#EEE;
	float:left;
}

#crewe_overview p, #hank_profile p, #micheale_profile p {
	width:550px;
	margin:0px 0px 0px 20px;
	padding:10px 0px 0px 0px;
	color:#454545;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	float:left;
}

#crewe_sendoff img {
	margin:10px 0px 0px 65px
}

#crewe_sendoff p {
	width:843px;
	margin:0px 0px 0px 65px;
	padding:10px 0px 0px 0px;
	color:#454545;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

/*-------- END CREWE PAGE SPECIFIC--------*/

/*--------MENU PAGE SPECIFIC--------*/

#menu_overview img, #menu_breakfast img, #menu_lunch img, #menu_cocktails img, #menu_dinner img, #menu_dessert img {
	width:250px;
	height:310px;
	margin:10px 0px 10px 13px;
	background-color:#EEE;
	float:left;
}

#menu_overview p, #menu_breakfast p, #menu_lunch p, #menu_cocktails p, #menu_dinner p, #menu_dessert p {
	width:610px;
	margin:10px 0px 7px 20px;
	padding:0px;
	color:#454545;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	float:left;
}

#menu_overview p {
	margin:10px 0px 20px 20px;
}

.menu_items {
	width:687px;
	padding:0px 0px 0px 20px;
	overflow:hidden;
}

.menu_items li {
	width:320px;
	margin:10px 20px 0px 0px;
	padding:0px;
	color:#454545;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	display:inline-block;
	float:left;
}

#hot_links {
	width:590px;
	margin:20px 0px 0px 0px;
	padding:0px 0px 0px 20px;
	overflow:hidden;
}

.award {
	width:590px;
	margin:5px 0px 0px 0px;
	overflow:hidden;
}

.award img {
	margin:0px 0px 0px 13px;
	background-color:transparent;
	float:left;
}

.award span {
	padding:35px 0px 0px 0px;
	color:#454545;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
}

.hot_link {
	width:240px;
	margin:4px 20px 4px 0px;
	padding:4px 0px 4px 30px;
	background-image:url(../_images/hot_link_bg.png);
	background-repeat:no-repeat;
	border:solid 1px #EDEDED;
	border-radius:3px;
	color:#40c8f4;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
}

.hot_link:hover {
	background-color:#F8F8F8;
	border:solid 1px #E0E0E0;
	color:#14325c;
	cursor:pointer;
}

/*-------- END MENU PAGE SPECIFIC--------*/

/*--------YACHT PAGE SPECIFIC--------*/

#yacht_slider {
	width:480px;
	height:300px;
	margin:10px 0px 0px 10px;
	background-color:#EEE;
	float:left;
}

#yacht_overview p {
	width:440px;
	margin:10px 0px 0px 30px;
	padding:0px;
	color:#454545;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	float:left;
}

#yact_accomodations, #yact_accomodations_cont {
	width:980px;
	margin:0px;
	padding:0px;
	float:left;
}

.left_content {
	width:460px;
	margin:10px 0px 0px 10px;
	overflow:hidden;
	float:left;
}

#yacht_accomodations p, #yacht_accomodations_cont p {
	width:450px;
	margin:0px 0px 20px 10px;
	padding:0px;
	color:#454545;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

#yacht_accomodations ul, #yacht_accomodations_cont ul {
	margin:0px 0px 0px 10px;
	padding:0px;
}

#yacht_accomodations ul li, #yacht_accomodations_cont ul li {
	padding:0px 0px 0px 7px;
	color:#454545;
	font-size:13px;
}

.right_content {
	width:460px;
	margin:10px 0px 0px 40px;
	overflow:hidden;
	float:left;
}

#yacht_features li, #yacht_amenities li, #yacht_electronics li, #yacht_safety li {
	width:460px;
	margin:0px 0px 5px 0px;
	padding:0px;
	color:#454545;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	display:inline-block;
}

#yacht_layout p {
	width:470px;
	margin:0px 0px 0px 20px;
	padding:0px;
	color:#CCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	float:left;
}

#yacht_specs {
	width:980px;
}

#yacht_specs ul {
	width:940px;
	margin:10px 0px 0px 10px;
	padding:0px;
}

#yacht_specs ul li {
	width:450px;
	margin:10px 20px 0px 0px;
	padding:0px;
	color:#454545;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	float:left;
}

/*-------- END YACHT PAGE SPECIFIC--------*/


.header {
	width:980px;
	height:70px;
	background-image:url(../_images/dark_bg.png);
	background-repeat:repeat;
	overflow:hidden;
}

h1 {
	margin:0px;
	padding:0px 0px 0px 5px;
	color:#FFF;
	font-family:'OstrichSansMedium', Arial, Helvetica, sans-serif;
	font-size:80px;
	font-weight:normal;
	line-height:80px;
}

.list_head {
	color:#14325c;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
}

.inav_container {
	height:70px;
	width:100px;
	position:relative;
	top:-80px;
	overflow:hidden;
	float:right;
}

.inav_prev {
	width:35px;
	height:70px;
	background-image:url(../_images/inav_btn_bg.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	overflow:hidden;
	float:left;
}

.inav_prev:hover {
	background-position:0px -70px;
	cursor:pointer;
}

.inav_next {
	width:35px;
	height:70px;
	margin:0px 0px 0px 30px;
	background-image:url(../_images/inav_btn_bg.png);
	background-position:-35px 0px;
	background-repeat:no-repeat;
	overflow:hidden;
	float:left;
}

.inav_next:hover {
	background-position:-35px -70px;
	cursor:pointer;
}


/*-------SCROLL NAV-------*/
#scroll_nav_wrapper {
	padding:0px;
	position:absolute;
	top:220px;
	right:10px;
	z-index:5;
}

#scroll_nav_wrapper li {
	position:relative;
	z-index:5;	
}

.slide_nav:hover, .active_slide_nav:hover {
	cursor:pointer;
}

.slide_nav {
	width:20px;
	height:20px;
	background-image:url(../_images/slider_nav_bg.png);
	background-position:0px 0px;
	overflow:hidden;
	float:left;
}

.active_slide_nav {
	width:20px;
	height:20px;
	background-image:url(../_images/slider_nav_bg.png);
	background-position:0px -20px;
	overflow:hidden;
	float:left;
}
/*-------END SCROLL NAV-------*/


/*------FONT SQUIRREL INFORMATION------*/

@font-face {
    font-family: 'OstrichSansCondensedLight';
    src: url('../font/ostrich-light-webfont.eot');
    src: url('../font/ostrich-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/ostrich-light-webfont.woff') format('woff'),
         url('../font/ostrich-light-webfont.ttf') format('truetype'),
         url('../font/ostrich-light-webfont.svg#OstrichSansCondensedLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OstrichSansMedium';
    src: url('../font/ostrich-regular-webfont.eot');
    src: url('../font/ostrich-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/ostrich-regular-webfont.woff') format('woff'),
         url('../font/ostrich-regular-webfont.ttf') format('truetype'),
         url('../font/ostrich-regular-webfont.svg#OstrichSansMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OstrichSansBold';
    src: url('../font/ostrich-bold-webfont.eot');
    src: url('../font/ostrich-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/ostrich-bold-webfont.woff') format('woff'),
         url('../font/ostrich-bold-webfont.ttf') format('truetype'),
         url('../font/ostrich-bold-webfont.svg#OstrichSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OstrichSansBlack';
    src: url('../font/ostrich-black-webfont.eot');
    src: url('../font/ostrich-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/ostrich-black-webfont.woff') format('woff'),
         url('../font/ostrich-black-webfont.ttf') format('truetype'),
         url('../font/ostrich-black-webfont.svg#OstrichSansBlack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OstrichSansRoundedMedium';
    src: url('../font/ostrich-rounded-webfont.eot');
    src: url('../font/ostrich-rounded-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/ostrich-rounded-webfont.woff') format('woff'),
         url('../font/ostrich-rounded-webfont.ttf') format('truetype'),
         url('../font/ostrich-rounded-webfont.svg#OstrichSansRoundedMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OstrichSansDashedMedium';
    src: url('../font/ostrich-dashed-webfont.eot');
    src: url('../font/ostrich-dashed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/ostrich-dashed-webfont.woff') format('woff'),
         url('../font/ostrich-dashed-webfont.ttf') format('truetype'),
         url('../font/ostrich-dashed-webfont.svg#OstrichSansDashedMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}