/*reset*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
/*table{border-collapse:collapse;border-spacing:0;}*/
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
/*fonts*/
body{font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small; background:#fff;}
table {font-size:inherit;font:100%;}
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;*font-size:100%;}
body * {line-height:1.3em;}
/* IMAGES ---------------------- */
img, a img {border: none;}
/* TABLES ---------------------- */
table {margin-bottom: 1.2em;font-size: 1em;}
/* FORMS ----------------------- */
form {margin: 0;}
/* CLEARS ----------------------- */
.brclear { clear:both; height:0; margin:0; font-size: 1px;line-height: 0;}




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




/* blocks */
body {padding:10px; background:#CCFFFF; }
.family-home {background:#0099FF; }
#wrapper {  float:left; width:75.385em; *width:73.568em;}
#masthead { float:left; width:75.385em; *width:73.568em;background:#fff;}
#masthead.bluehead { background:#CCFFFF;}
#col-1 {  float:left; width:31.846em; *width:31.079em;}
#col-2 {  float:left; width:31.846em; *width:31.079em;}
#caption {  float:left; width:31.846em; *width:31.079em; font-size:77%; margin:.4em 0 0 0; }
#footer {  float:left; width:75.385em; *width:73.568em; background:#0033CC; height:3.846em; margin:4em 0 0 0;}
#footer2 {  float:left; width:75.385em; *width:73.568em; height:70px; margin:0 0 1em 0;}
ul#ft-links { float:left; width:75.385em; *width:73.568em; padding:.7em 0 0 6em;} 
ul#ft-links li { float:left; width:16em; } 
ul#ft-links li a {  display:block; margin:0 0 .5em 0; text-transform:uppercase; color:#FFF; text-decoration:none; font-weight:bold; font-size:93%;}


/* nav */
#nav {  float:left; float:left; width:75.385em; *width:73.568em; background:#0033CC;}
#nav ul { float:left; display:inline; margin-left:5.846em;}
#nav li {float:left; margin:0;padding:0;}
#nav a {display:block; padding:6px 6em 6px 0 ; text-decoration:none; color:#666; font-size:100%; font-weight:bold; text-transform:uppercase;}

#nav a.nav-home {color:#fff;}
#nav a.nav-where {color:#00CE01;}
#nav a.nav-about {color:#FE9900;}
#nav a.nav-news {color:#0099FF;}
#nav a.nav-contact {color:#FF679A;}
#nav a.end { padding-right:0;}

/* homepage */

.family-home #masthead {background:#0099FF; height:12.153em; }
.family-home #col-1 {  float:left; width:23em; *width:22.445em; background:url(../i/ind-logos.gif) no-repeat 0 100%; height:13.077em; margin:0;}
.family-home #col-2 {  float:left; width:52.307em; *width:51.047em; margin:0; margin-bottom:2em;}
.family-home #col-2 p { font-size:131%; line-height:180%;}

/* where we go  */
#col-where {float:left; width:37.692em; *width:36.783em; height:20em; *height:19.518em;}
#col-where div { margin:4em 0 0 6em;}
.col-europe { background:#00CE01;}
.col-africa { background:#FE9900;}
.col-caribbean { background:#FF679A;}
.col-indian { background:#0099FF;}

a.menu {  display:block; float:left; margin:0; width:11em; padding:.8em .6em; background:#FFF; border:#000 1px solid; color:#FFF;}
a.menu:hover {color:#fff;}

#col-where h2 { color:#FFF; font-weight:bold;}
#col-where h2 a {color:#FFF; text-decoration:none;} #col-where h2 a:hover {text-decoration:underline;}
#col-where p {margin:1em 0 0 0;}
table#contactdetails td {padding:10px 0 0 0;}


/* continent pages  */
.continent-europe {background:#00CC66;}
.continent-africa {background:#FFCC00;}
.continent-caribbean {background:#FF9999;}
.continent-indian {background:#00CCFF;}

#col-cont-1 { width:26.076em; *width:25.448em; float:left;}
#col-cont-2 { width:41em; *width:40.011em; float:left;}

#sub-nav {  float:left; width:100%; height:6em;}
#sub-nav ul { float:left; display:inline; margin-left:5.846em; padding:1em 0 0 0;}
#sub-nav li {float:left; margin:0;padding:0;}
#sub-nav a {display:block; padding:6px 3.5em 6px 0 ; text-decoration:none; color:#fff; font-size:123.1%; font-weight:bold;}
#subnav a.end { padding-right:0;}

#choose-menu {height:6.5em; width:100%;}

#col-cont-1 h1 {font-size:116%; line-height:115%;}
#col-cont-1 p {font-size:85%; line-height:130%;}

#footer-continent, #image-continent {width:100%; float:left;}

/* hotel pages  */
#hotel { background:#FFF;}
#hotel #col-1 {float:left; width:34.307em; *width:33.480em; background:#fff; }
#hotel #col-2 {float:left; width:37.692em; *width:36.783em; background:#CCFFCC; }
#hotel #col-1.top, #hotel #col-2.top {height:8.846em;}
#hotel #nav {background:#00CC66;}
#hotel #nav a { color:#000;}

#nav-hotel {width:100%; height:1em; margin:1em 0;}
#nav-hotel ul { float:left; display:inline; margin-left:1.692em; padding:0 0;}
#nav-hotel li {float:left; margin:0;padding:0;}
#nav-hotel a {display:block; padding:0 1.2em 0 0 ; text-decoration:none; font-size:77%; text-transform:uppercase;}
#hotel h1 {color:#00CC66; font-size:257%; font-weight:normal; margin:.7em 0 0 0;}
#hotel h2 {color:#000; font-size:153.9%; font-weight:normal; margin:0;}
#hotel h3 {color:#00CC66; font-size:167%; font-weight:normal; margin: 1.3em 0 .7em 0; clear:both;}
#hotel h4 {color:#000; font-size:123.1%; font-weight:normal; margin:0 0 .7em 0;}
#hotel dl {  width:100%; clear:both;}
#hotel dt { float:left; color:#FF9900; display:block; margin:0 .6em 0 0; font-weight:bold; clear:left;}
#hotel dd { float:left; color:#000; display:block; clear:left; margin:0 0 .6em 0;}

/* hotel info  */
#hotel.h-info #col-2 {background:#FFFFCC;}
#hotel.h-info #nav {background:#FFCC00;}
#hotel.h-info h1, #hotel.h-info h3, #hotel.h-info dt { color:#FF9900;}
/* hotel rooms  */
#hotel.h-rooms #col-2 {background:#CCFFFF;}
#hotel.h-rooms #nav {background:#00CCFF;}
#hotel.h-rooms h1, #hotel.h-rooms h3, #hotel.h-rooms dt { color:#0099FF;}
/* hotel services  */
#hotel.h-services #col-2 {background:#FFE4E1;}
#hotel.h-services #nav {background:#FF3366;}
#hotel.h-services h1, #hotel.h-services h3, #hotel.h-services dt { color:#FF2D67;}
/* hotel prices  */
#hotel #col-2 h2 {font-size:100%;}
#hotel #col-2 h3 {font-size:93%; color:#000; margin-top:1em;}


/* margins */
#col-1, #col-2, #col-cont-1, #caption { margin-left:5.846em; *margin-left:5.705em; display:inline;}
#col-cont-2 {margin-left:2.461em; *margin-left:2.402em; display:inline;}
#hotel #col-1, #hotel #col-2 { margin-left:1.692em; *margin-left:1.651em;}
#hotel #col-2 img, #hotel #col-2 table, #hotel #col-2 h2, #hotel #col-2 h3 {margin-left:1.692em; *margin-left:1.651em; margin-right:1.692em; *margin-right:1.651em;}


/* TYPOGRAPHY ------------------------- */

h1 {font-size:138.5%; color:#000; font-weight:bold; margin:0 0 1em 0;}

h2 {font-size:182%; color:#0E7969; }
h3 {font-size:122%; color:#0E7969; margin:0 0 .6em 0;}
h4 {font-size:107%; font-weight:bold;margin:0 0 .5em 0;}
p {margin:0 0 .769em 0;}
em { font-style:italic;}
a {color:#000;}
a:hover {color:#666;}
strong { font-weight:bold;}
#nav-top li {padding:4px 0;}
#nav-main li, #nav-bottom li {padding:.154em 0;}
#nav-main li a ,#nav-top li a, #nav-bottom li a, #nav-hotelofmonth li a  { text-decoration:none; font-size:92%;}
/*ul.nav3 {margin:17em 0 0 0;}*/
.selected { font-weight:bold;}
a.booknow { padding:2px; display:block;/* border-bottom:#666 1px solid; border-right:#666 1px solid;*/ }
a:hover.booknow { color:#FFF; border:none; }
.caption p {font-size:77%;}
ul.links-list {font-size:129%;}
ul.links-list li { margin:.1em 0;}
ul.links-list li a { text-decoration:none; font-weight:bold;}


/* TABLE STYLES ----------------------- */

table.prices { font-size:87%; margin: .769em 0; }
table.prices td {padding:2px ; border-top:#999 1px solid;}
table.prices th {padding:2px ; border-top:#000 2px solid;font-weight:bold;}

table.offices { font-size:92%; background:#fff; margin: .769em 0; }
table.offices td {padding:2px ; font-weight:bold; vertical-align:top; }
table.offices th {padding:2px ;}