* { margin: 0; padding: 0; }
/* img, div { behavior: url(/_css/iepngfix.htc); } */

/* -------------------------------------------- */
/* 				Global parameters  				*/
/* -------------------------------------------- */

body,h1,h2,h3,h4,h5,h6,p,ul,ol,td,input,textarea,div,select 			{ font: 12px Verdana, Arial, Helvetica, sans-serif; color: #333333; }

#left p,
.content p,
.content ul,
.content ol,
.content h5,
.content h6	 		{ font-size:1.0em; line-height: 1.3em;  margin: 10px 0; }


.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6			{ font-weight: bold;  }

.content h1,
.content h2,
#left h1				{ font-size:1.20em; color: #006699; margin: 10px 0px 8px 0px; font-weight: bold;  }
#left h1 a				{ color: #006699; text-decoration: none; }

/* #right .content p			{ clear: both; } */

.content h1.title		{ height: 50px; background-repeat: no-repeat; background-position: bottom left; color: #FFFFFF; font-size: 1px; text-indent: -10000px; }
.content h2.divide		{ border-top: 1px dotted #0087C4; padding-top: 15px; clear: both; }

input,textarea,select	{ font-size: 0.91em; line-height: normal;} 

#full blockquote	{ margin-left: 30px; }

.big 				{ font-size:1.20em; }
.bigger 			{ font-size:1.40em; }
.small 				{ font-size:0.90em !important; font-weight: normal; }

a img				{ border: 0; }

.normal				{ font-weight: normal;  }
.clear				{ clear: both; }
.hidden, .hide		{ display: none; }
.em					{ color: #E36C0A; }

a:hover				{ text-decoration: none; }


.content ul, 
.content ol, 
.content blockquote		{ margin-left: 40px; }

/* -------------------------------------------- */
/* 						LAYOUT  				*/
/* -------------------------------------------- */


body					{ background: #E7E7E7 url(../_img/backgrounds/bg_body.gif) repeat-x top left; text-align: center;  }

#container				{ position: relative;  width: 780px; height: auto; margin: 0px auto; background: #FFFFFF url(../_img/backgrounds/bg_container.gif) repeat-y top center; text-align: left;}
#header					{ position: relative;  width: 780px; height: 100px; background: url(../_img/backgrounds/bg_header.gif) no-repeat top center; }
#header	h1				{ width: 195px; color: #F7F7F7; font-size: 1px; line-height: normal; float: left; }
#header	h1 a			{ display: block; width: 205px; height: 140px; position: absolute; color: #F7F7F7; font-size: 1px; text-indent: -10000px; line-height: normal; background: url(../_img/logos/logo_oceanhotels.gif) no-repeat bottom right;  }
#nav					{ width: 400px; height: 20px; margin-top: 27px; float: right; padding-right: 40px; text-align: right; color: #FFFFFF; line-height: normal; }
#nav a					{ color: #FFFFFF; font-weight: bold; text-decoration: none; }
#nav a:hover			{ color: #CCCCCC; }
#holder					{ width: 780px; min-height: 300px; background: url(../_img/backgrounds/bg_holder.gif) no-repeat top center;  }
#content				{ position: relative; width: 770px; margin-left: 5px; }

#full					{ position: relative; clear: both; width: 740px; margin-left: 15px; }
#left					{ z-index: 1000; position: relative; display: inline; float: left; width: 290px; margin-top: 80px; margin-left: 15px; }
#right					{ z-index: 9; position: relative; display: inline; float: left; width: 465px; }

#divider				{ z-index: 5; position: relative; clear: both; width: 740px; height: 10px; margin-left: 15px;  top: -30px; border-top: 1px dotted #0087C4; } 
#banner					{ z-index: 5; position: relative; clear: both; width: 770px; height: 160px; top: -30px; background: #277CC0 url(../_img/banners/bnr_bg_770x160.jpg) no-repeat top left;  } 
#banner a				{ display: block; width: 770px; height:160px; text-decoration: none; color: #FFFFFF; }
#banner	a span			{ display: block; width: 205px; height: 70px; margin-left: 115px; padding-top: 88px; font-size: 1em; line-height: 1.2em; text-align: right; cursor: pointer;  }
#banner a.inline		{ display: inline; width: auto; height:auto; text-decoration: underline;}
#banner a.inline:hover	{ color: #FFFF00; }
#footer					{ position: relative; width: 780px; height: 20px; clear: both; background: url(../_img/backgrounds/bg_footer.gif) no-repeat bottom center; color: #3061AD; z-index: 900 !important; }
#footer p				{ position: relative; top: -25px; margin: 0 10px; text-align: center; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #3061AD; }
#footer p a				{ color: #3061AD; text-decoration: none; }
#footer p a:hover		{ text-decoration: underline; }
#copyright p			{ font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #737373; }
#copyright a			{ color: #737373;}


#polaroid				{ width: 465px; height: 374px; background: url(../_img/backgrounds/bg_polaroid.png) no-repeat top left; }
#polaroid img			{ display:none; position:absolute; left: 38px; top: 10px; overflow: hidden;}



#right div.content		{ margin-top: 80px; padding: 0 15px; padding-bottom: 50px; }
#right div.tnq			{ position: absolute; display: block; background: #fff; width: 225px; height: 44px; top: -46px; left: 205px;}




#full div.gallery		{ position: relative; top: -50px; }
#full div.gallery h2 	{ padding-bottom: 3px; border-bottom: 1px dotted #0087C4; }
td.cellPhoto 			{ text-align: center; vertical-align: top; padding-bottom: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; }

/* -------------------------------------------- */
/* 					GET ACROBAT  				*/
/* -------------------------------------------- */

a.getacrobat					{ display: block; width:96%; margin: 20px 10px 10px 0px; border: 1px solid #CCCCCC; background: #FFFFFF url(../_img/icon_getacrobat.gif) no-repeat 6px center; font-size: 9pt; color: #999999; text-decoration: none;}
a.getacrobat span				{ display: block; margin-left: 100px; padding-top: 4px; padding-right: 4px; }
a.getacrobat:hover 				{ background-image: url(../_img/icon_getacrobat_on.gif); border: 1px solid #FF0000; }
a.getacrobat:hover span			{ color: #FF0000; }


/* -------------------------------------------- */
/* 						CONTACT  				*/
/* -------------------------------------------- */

div.contact					{ clear: both; padding-bottom: 1px; }
div.contact span.label		{ font-weight: bold; display: block; float: left; width: 165px; }
div.contact span.value		{ display: block; float: left; }

div.contact p				{ clear: both; }



/* -------------------------------------------- */
/* 						COMMON  				*/
/* -------------------------------------------- */

p.center			{ text-align: center; }
img.right			{ float: right; margin-left: 8px; margin-bottom: 8px; clear: right;}
img.left			{ float: left; margin-right: 8px; }
img.frame			{ padding: 4px; background-color: #FFFFFF; border: 1px solid #0099CC; } 

div.thumb			{ clear: both; float: right; margin-left: 8px; margin-bottom: 8px; display: block; padding: 4px; background-color: #CCFFFF; border: 1px solid #0099CC;  }
div.thumb span		{ font-size: 0.9em; }
div.thumb a			{ display: block; font-size: 0.9em; text-decoration: none; color: #333333; background: url(../_img/backgrounds/bg_thumb.gif) no-repeat bottom right; }
div.thumb img.frame	{ border: none; padding: 0; padding-bottom: 4px; }
div.left			{ float: left; margin-left: 0; margin-right: 8px; }

.hidden, .hide		{ display: none; }

div.link p,
p.link				{ display: block; background-color: #2C88C9; text-align: right; clear: both; padding: 4px; }
p.link a			{ color: #FFFFFF;font-weight: bold; }

p.quote				{ font-size: 1.2em; font-weight: bold;   }


#formLogin 			{ position: absolute; top:0; left:0; z-index: 9999; display: none; width: 230px; padding: 10px; border: 1px solid #999999; background-color: #CCFFCC;}
#formLogin p 		{ clear: both; margin: 4px 0; }
#formLogin p span 	{ display: block; width: 80px; float: left;}
div.notification 	{ padding: 15px; border: 1px solid #FF0000; background-color: #CCFFCC;  }




#availability { border: 1px dotted #FF0000; background-color: #EEEEEE; padding: 8px; width: 266px; height: 28px; margin: 15px 0;}
#availability select { margin-right: 0px; font-size: 13px;font-family: "Trebuchet MS", Calibri, Arial ; }
#availability input { font-size: 13px; font-family: "Trebuchet MS", Calibri, Arial ; width: 120px; }