@font-face {
	font-family: 'Nobile';
	font-style: normal;
	font-weight: normal;
	src: url('fonts/nobile.eot');
	src: local('Nobile'), url('fonts/nobile.ttf') format('truetype');  
}

body,
p,ul,ol,
input,textarea,select,
h1,h2,h3,h4,h5,h6		{ font: 1.0em/1.3em Arial, Helvetica, sans-serif; color: #333333; }

#content h3 			{ font-family: 'Nobile', Arial, Helvetica, sans-serif; font-size: 18px; color:#333333; letter-spacing: -0.05em}

li,ul	{margin:0;padding:0;list-style-type:none;}
a:hover				{ text-decoration: none; color:#FF0000; }

.clear					{ clear: both; }

html 				{ height:100%; background-color:#0091CE; }
body				{ background-color:#E7E7E7; text-align: center; padding-top: 10px; }

#container	{ position:relative; width: 974px; margin: 0 auto; background:url(../_img/home/bg_container.png) repeat-y left top; text-align:left; z-index:500;}
#header		{ position:relative; width: 974px; height: 145px; background: #E7E7E7 url(../_img/home/bg_head_foot_bnr.png) no-repeat left top; }

#header	h1				{ display: block; position: absolute; width: 160px; height: 111px; padding: 22px 0 0 45px; }
#header	h1 a			{ display: block; width: 160px; height: 111px; text-indent: -9999px; background: url(../_img/logos/logo_oceanhotels.gif) no-repeat 0 0;  }

#nav					{ width: 400px; height: 20px; margin-top: 12px; float: right; padding-right: 40px; text-align: right; color: #FFFFFF; line-height: normal; font-family: Verdana, Arial, Helvetica, sans-serif; }
#nav a					{ color: #FFFFFF; font-weight: bold; font-size: 12px; text-decoration: none; }
#nav a:hover			{ color: #CCCCCC; }

#holder		{ position:relative; width: 960px; margin-left:7px; }
#menu		{ position:relative; width: 960px; height: 43px; background: url(../_img/home/bg_menu.png) repeat-x left top; z-index: 10000; }
#hero_holder{ z-index: 1; position:relative; width: 960px; height: 580px; margin-top: 10px; background:url(../_img/home/bg_hero.png) no-repeat center top; overflow:hidden; }
#content	{ position: relative; width:930px;margin-left:15px; clear: both; padding-bottom: 30px;}
#footer		{ position:relative; width: 100%; height: 115px; background: url(../_img/home/bg_body.gif) repeat-x left bottom; z-index:200}
#bottomnav	{ position:relative; width: 974px; height: 90px; margin: 0 auto; background: url(../_img/home/bg_head_foot_bnr.png) no-repeat left bottom;}

#bottomnav p	{ font-size: 12px; color: #666666; padding-top: 30px; }
#bottomnav a	{ color: #666666; text-decoration: none; }
#bottomnav a:hover {text-decoration: underline; }

#specials {position:relative;}
#specials > div {float:left;}

#availability	{position:relative;width:552px;height:190px; margin-top:14px;background: url(../_img/home/bg_iconic.jpg) no-repeat right 0; float:left;}
#availability h3	{ padding-bottom: 18px; color:#FF0000; }
#availability p	{ padding-bottom: 12px; font-size: 12px;font-family: 'Nobile', Arial, Helvetica, sans-serif;}
#availability input  {font-size: 13px; width: 120px; padding: 0 2px; } 
#availability select {font-size: 13px; padding: 2px; max-width: 90px;}
#availability #bb_channelCode	{ max-width: 266px; width: 266px; }
#availability #btn_check {width:131px;height:33px;}
#availability_photos {width:257px;height:168px;margin-top:15px;margin-left:5px;margin-right:5px;float:left;overflow:hidden;}
#availability_form {width:280px;height:130px;margin-top:63px;padding-left:5px;float:left;}
#availability_head { position:absolute;width:508px;height:40px;left:35px;top:7px;background:url(../_img/home/head_iconic_properties.png) no-repeat 0 0; z-index:999;}

#bnr_youth	{ width:373px;height:100px; background:url(../_img/home/bg_youth-traveller.jpg) no-repeat 9px 0;cursor:pointer;}
#bnr_senior	{ width:373px;height:100px; background:url(../_img/home/bg_holidays-for-seniors.jpg) no-repeat right 0;}

#specials div.special h3	{ color:#2E3192;line-height:0.9em;}
#specials div.special h3 a {color:#2E3192;display:block;text-decoration:none;}
#specials div.special h3 a:hover	{ color:#FF0000;}
#specials div.special p	{ font-size: 11px; font-family: 'Nobile', Arial, Helvetica, sans-serif;  }


#bnr_youth h3	{padding:20px 0 0 150px;width:190px;}
#bnr_youth p	{padding:4px 0 0 150px; width:190px;}
#bnr_senior h3	{padding:20px 0 2px 25px;width:200px;}
#bnr_senior p	{padding:4px 0 0 25px; width:200px;}
/* -------------------------------------------- */
/* 						HERO	  				*/
/* -------------------------------------------- */

#hero_photos,
#hero_photos > div { position:absolute; width:870px; height:470px; top:36px; left:45px; }
#hero_controls	{ position: absolute; width:240px;height:30px;top:530px;left:670px;}
#hero_controls p {text-align:right;}
#hero_controls a { color:#14B5FF; padding-left: 16px;}
#hero_controls span.hero_slide_number a { display: block; width: 19px; height: 19px; float: left; padding:0; margin-left: 5px; background: url(../_img/home/bg_slide_number.png); }
#hero_controls span.hero_slide_number a span { display: none; }
#hero_controls span.hero_slide_number a:hover { background-position: left bottom; }

#hero_holder > div > img { position:absolute;}
div.hero_ad	{ position:absolute; width:245px;height:470px;left:625px;top:0; background:url(../_img/home/bg_hero_ad.png) repeat 0 0;}

div.hero_ad h2	{ position:relative;width:245px;height:150px; background:url(../_img/home/blank.gif) no-repeat center center; }
div.hero_ad h2 span	{text-indent: -9999px;display:block;}

div.hero_ad p.description	{padding:0 32px; color:#0066B3; text-align:center}
div.hero_ad div.price	{ font-size: 18px;color:#0091CE; width: 110px; padding: 40px 20px 0 0; text-align: right; float: left; }
div.hero_ad div.price em	{ font-size: 24px; font-weight:bold; color: #000000; }

div.hero_ad div.book	{ width:98px; height:33px; padding-top:35px; float:left;  }
div.hero_ad div.book a	{ display: block; width:98px; height:33px; background: url(../_img/home/bg_book_button.png) no-repeat 0 0; color:#FFFFFF; text-decoration:none; font-size:14px; font-weight: bold; line-height: 30px; text-align: center;}

div.hero_ad > div	{width:245px;height:470px;}
div.hero_ad div.eco	{background:url(../_img/home/logo_ecocertified.png) no-repeat right bottom;}
#hero_longisland  div.hero_ad > div {background:url(../_img/home/logo_li_awards_2010.png) no-repeat right bottom;}

#hero_hides h2	{background-image: url(../_img/home/head_hideshotel.png);}
#hero_capetribulation h2 {background-image: url(../_img/home/head_capetribulation.png);}
#hero_airliebeach h2 {background-image: url(../_img/home/head_airliebeach.png);}
#hero_longisland h2 {background-image: url(../_img/home/head_longisland.png);}
#hero_sunlover h2 {background-image: url(../_img/home/head_sunlover.png);}
#hero_ferntreelodge h2 {background-image: url(../_img/home/head_ferntreelodge.png);}


/* -------------------------------------------- */
/* 						MENU	  				*/
/* -------------------------------------------- */
#menu ul	{ list-style-type: none; position:relative; z-index: 9999; font: normal 13px/normal  'Nobile', Arial, Helvetica, sans-serif; }
#menu > ul > li	{ display: block; height: 43px; float:left; padding-left: 18px; z-index: 9999; line-height: 40px;}
#menu li	{ position:relative; }

#menu ul a		{ color: #000000; text-decoration:none;}
#menu ul a.book { color:#FFFFFF;font-weight:bold;}
#menu ul a:hover { color:#0091CE;}
#menu ul a.book:hover { color:#F1F1F1;}


#menu ul ul {display:none; width: 240px;background-color: #F6F6F6; }
#menu > ul li.ieHover > ul,
#menu > ul li:hover > ul {display:block; position:absolute; top:38px; border: 2px solid #0091CE; left: 5px;}

#menu ul ul a  { position:relative; display:block; width: 235px; height: 28px; padding-left: 5px; font: normal 13px/28px  "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing: normal; border-bottom: 1px dotted #0091CE;}
#menu ul ul a:hover	{ background-color: #FFFFFF; }
#menu > ul li.book-sub > ul { left: -145px; }

#menu > ul li.book-sub {background:url(../_img/home/bg_book_button.png) no-repeat 8px center;padding-right:8px;padding-left:16px}

/* -------------------------------------------- */
/* 				PROPERTY THUMBS	  				*/
/* -------------------------------------------- */

#property_thumbs					{ height:130px;padding-top:30px;padding-left:70px;z-index: 400;  }
#property_thumbs p 					{ clear: both; margin: 0; padding: 0; z-index:9999; }
#property_thumbs p a				{ width: 120px; height: 140px; float:left; margin: 0 0 0 30px; }
#property_thumbs p a img			{ width: 120px; height: 140px; margin: 0; padding: 0; }
#property_thumbs p a.hover,
#property_thumbs p a:hover			{ position:relative; }
#property_thumbs p a.hover img,
#property_thumbs p a:hover img 	{ position:absolute; width: auto; height: auto; left:-21px; top:-30px;  }