@charset "UTF-8";


/* GENERAL 
---------------------------------------------*/

#container {
	width: 940px;
	height: 715px;
	margin-top: 25px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	background-color: #FFFFFF;
	background-image: url(../images/background-gradient.jpg);
}
#left-wrapper {
	float: left;
	height: 700px;
	width: 20px;
}
#right-wrapper {
	float: left;
	height: 700px;
	width: 900px;
}
#header {
	float: left;
	height: 124px;
	width: 880px;
	margin: 0px 10px 0px 10px;
	padding: 0px;
	background-image: url(../images/moda-logo.gif);
	background-repeat: no-repeat;
	background-position: left;
}

#content {
	float: left;
	height: 474px;
	width: 880px;
	margin: 0px 10px 0px 10px;
	padding: 0px;
}
#left-col {
	float: left;
	height: 474px;
	width: 603px;
	margin: 0px 10px 0px 0px;
	padding: 0px;

}
#homepage-right-col {
	float: left;
	height: 405px;
	width: 247px;
	background-image: url(../images/h1-outline.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding: 8px 10px 10px 10px;
	margin: 0px;
}
#tabs-right-col {
	float: left;
	height: 437px;
	width: 247px;
	background-image: url(../images/h1-outline.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding: 8px 10px 10px 10px;
	margin: 0px;
}
#testimonials-right-col {
	float: left;
	height: 322px;
	width: 247px;
	background-image: url(../images/h1-outline.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin: 0px;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#testimonials-right-col-trip-advisor {
	float: left;
	height: 100px;
	width: 265px;
	padding: 0px;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#right-col {
	float: left;
	height: 455px;
	width: 247px;
	background-image: url(../images/h1-outline.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding: 8px 10px 10px 10px;
	margin: 0px;
}
#top-reasons-right-col {
	float: left;
	height: 455px;
	width: 247px;
	background-image: url(../images/h1-outline.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding: 8px 10px 10px 10px;
	margin: 0px;
}
#tabs-right-col-buttons {
	float: left;
	height: 13px;
	width: 265px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#homepage-right-col-logos {
	float: left;
	height: 50px;
	width: 265px;
	padding: 0px;
	margin: 0px;
}
#tabs-button-1 {
	float: right;
	height: 13px;
	width: 13px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
}
#tabs-button-2 {
	float: right;
	height: 13px;
	width: 13px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
}
#tabs-button-3 {
	float: right;
	height: 13px;
	width: 13px;
	padding: 0px;
	 margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
}
#tabs-button-4 {
	float: right;
	height: 13px;
	width: 13px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
}
#tabs-button-5 {
	float: right;
	height: 13px;
	width: 13px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
}

#homepage-right-col ul {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin: 0px;
	list-style-type: disc;
}
	
#homepage-right-col li {
	font-size: 11px;
	line-height: 16px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#top-reasons-right-col ul {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin: 0px;
	list-style-type: disc;
	text-align: justify;

}
	
#top-reasons-right-col li {
	font-size: 11px;
	line-height: 16px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

#slideshow {
	float: left;
	height: 415px;
	width: 603px;
	margin: 0px;
	padding: 0px;
	z-index: 1; 

}


#footer-1 {
	float: left;
	height: 25px;
	width: 880px;
	margin: 0px 10px 5px 10px;
	padding: 0px;
	background-color: #4997bb;

}

#footer-2 {
	float: left;
	height: 20px;
	width: 880px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;	
	background-color: #8bb2c8;

}

#ask-a-question {
	height: 90px;
	width: 20px;
	padding: 489px 0px 0px 0px;

}


h1 {
	color: #818386;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

h2 {
	color: #818386;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 15px;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 9px 0px;
}



body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	color: #818386;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/background-tile.jpg);
	background-repeat: repeat;
}

img {
	border: none;
}


p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #818386;
	text-align: justify;
	margin: 0px;
	padding: 0px 0px 7px 0px;
	}
	
a:link {
	color:#818386;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
a:visited {
	color: #818386;
	margin: 0px;
	padding: 0px;
	text-decoration: none;

}
a:hover {
	color: #818386;
	margin: 0px;
	padding: 0px;
	text-decoration: underline;
}
a:active {
	color: #818386;
	margin: 0px;
	padding: 0px;
	text-decoration: underline;

}
#header-sub-nav a:link {
	color: #4997bc;
	text-decoration: none;
}
#header-sub-nav a:visited {
	color: #4997bc;
	text-decoration: none;
}
#header-sub-nav a:hover {
	color: #4997bc;
	text-decoration: underline;
}
#header-sub-nav a:active {
	color: #4997bc;
	text-decoration: underline;
}

#booking-enquiry a:link {
	text-decoration: none;
}
#booking-enquiry a:visited {
	text-decoration: none;
}
#booking-enquiry a:hover {
	text-decoration: underline;
}
#booking-enquiry a:active {
	text-decoration: underline;
}

#content a:link {
	text-decoration: none;
}
#content a:visited {
	text-decoration: none;
}
#content a:hover {
	text-decoration: none;
	color: #ababab;
}
#content a:active {
	text-decoration: none;
	color: #ababab;

}

#footer-1 a:link {
	color: #FEFFFF;
	text-decoration: none;
}
#footer-1 a:visited {
	color: #FEFFFF;
	text-decoration: none;
}
#footer-1 a:hover {
	color: #9cc2d7;
	text-decoration: none;
}
#footer-1 a:active {
	color: #9cc2d7;
	text-decoration: none;
}

#footer-2 a:link {
	color: #FEFEFE;
	text-decoration: none;
}
#footer-2 a:visited {
	color: #FEFEFE;
	text-decoration: none;
	}
#footer-2 a:hover {
	color: #4997bc;
	text-decoration: none;
}
#footer-2 a:active {
	color: #4997bc;
	text-decoration: none;
}
	
#header-sub-nav {
	float: right;
	height: 45px;
	width: 250px;
	margin-bottom: 15px;
}
.header-sub-nav {
	color: #4997bb;
	margin: 0px;	
	padding: 10px 0px 0px 0px;
	text-align: right;
}
.header-booking {
	color: #9a9a9a;
	margin: 0px;	
	padding: 2px 0px 0px 0px;
	text-align: right;
}
#booking-enquiry {
	float: right;
	height: 25px;
	width: 137px;
	margin: 0px;
	padding: 0px;
	clear: both;
}
.footer-1 {
	color: #FFFFFF;
	padding: 5px 0px 0px 5px;
	margin: 0px;
	text-align: left;
}
.footer-2 {
	color: #FFFFFF;
	font-size: 9.5px;
	padding: 2px 0px 0px 5px;
	margin: 0px;
	text-align: left;
}

#right-col ul {
	display: inline;
	list-style: none;
	float: left;
	width: 247px;
	padding: 0px;
	margin: 0px;
	
}
#right-col li {
	float: left;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	margin: 0px;
	width: 247px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
	
#tabs-right-col ul {
	display: inline;
	list-style: none;
	float: left;
	width: 247px;
	padding: 0px;
	margin: 0px;
	
}
#tabs-right-col li {
	float: left;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	margin: 0px;
	width: 247px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#testimonials-right-col ul {
	display: inline;
	list-style: none;
	float: left;
	width: 247px;
	padding: 0px;
	margin: 0px;
	
}
#testimonials-right-col li {
	float: left;
	width: 247px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	line-height: 16px;
	text-align: left;
	margin: 0px;
	line-height: 16px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
}

	
	
	
	/* NAVIGATION 
---------------------------------------------*/
	
#navigation {
	float: left;
	padding: 0px;
	margin: 0px 10px 10px 10px;
	height: 28px;
	width: 880px;
	background-color: #4997bb;
	z-index: 2; 

}
	
#nav-main a { 
	color: #FFFFFF; 
	font-size: 9.5px;
	font-weight: normal;


} 
	
#nav-main ul li a:hover { 
	text-decoration: none; 
}
	
	
#nav-main { 
	list-style: none;
	padding: 0px;
	margin: 0px;  
}
	
#nav-main ul { 
	list-style: none;
	padding: 0px;	
	margin: 0px;
	float: left;
	width: 880px;
}
	
#nav-main li.nav-sub { 
	float: left;
	margin: 0px;	
	padding: 0px 0px 0px 10px;
	position: relative;
}
	
#nav-main li.nav-sub a {
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	float: left;
	margin: 0px;	
	padding: 8px 5px 10px 5px;
}

#nav-main li.nav-sub a:hover { 
	color: #9cc2d7;
}

#nav-main li.nav-sub ul {
	list-style: none;
	position: absolute;
	left: 10px;
	top: 28px;
	margin: 0px;
	padding: 0px;
	display: none;
	float: left;
	width: 115px;
	background-color: #FEFEFF;
	color: #999999;
	z-index: 3;
	opacity:0.9;
	filter:alpha(opacity=90);
	
}
	
#nav-main li.nav-sub:hover ul { 
	display: block; 
}
	
#nav-main li.nav-sub ul li a {
	float: left;
	width: 125px;
	background-color: #FEFEFF;
	color: #999999;
	margin: 0px;	
	padding: 5px 0px 6px 10px;
	font-size: 11px;

}
	
#nav-main li.nav-sub ul li a:hover {
	color: #666666;
}
	


/* SLIDESHOW 
---------------------------------------------*/


#slideshow * { 
	margin: 0px; 
	padding: 0px; 
}

#slideshow { 
	position: relative; 
	padding: 0px;
	margin: 0px; 
	width: 603px; 
	height: 474px; 
}

#slideshow #thumbnails, #slideshow #pictures, #slideshow #loading { 
	position: absolute; 
}


#slideshow #loading { 
	background: url('images/spinner.gif'); 
	display: block; 
	top: 200px; 
	left: 300px; 
	text-indent: -5000px; 
	width: 24px; 
	height: 24px; 
	visibility: hidden; 
}


#slideshow #pictures {
	width: 603px; 
	height: 415px; 
	float: left; 
	overflow: hidden; 
}

#slideshow #pictures li { 
	display: block; 
	position: absolute; 
	top: 0; 
	width: 603px; 
}

#slideshow #pictures li img { 
	display: block; 
	position: relative; 
	bottom: 0; 
}

#slideshow #thumbnails {
	list-style-type: none;
	float: left;
	top: 415px;
	width: 603px;
	height: 50px;
	margin: 0px;	
	padding: 9px 0px 0px 0px;

}
#slideshow #thumbnails li {
	display: block;
	float: left;
	padding: 0px;
	height: 42px;
	width: 42px;
	margin: 0 9px 0 0px;
	position: relative;

}
#slideshow #thumbnails li a { 
	display: block; 
	text-decoration: none; 
	padding: 0px; 
}

#slideshow #thumbnails li a:focus { 
	outline: none; 
}

#slideshow #thumbnails li a:hover { 
	color: #FFFFFF; 
}

#slideshow #thumbnails li.current a { 
	color: #FFFFFF; 
	padding: 0px; 
}

/* SLIDESHOW 
---------------------------------------------*/

#right-col input {
	border:1px solid #818386;
	height:15px;
	width:232px;
	color:#818386;
	font-size:9px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 3px;
}
#right-col textarea {
	border:1px solid #818386;
	height:40px;
	width:232px;
	color:#818386;
	font-size:9px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0;
	padding: 0px;
}
#right-col .input-small {
	border:1px solid #818386;
	height:15px;
	width:109px;
	color:#818386;
	font-size:9px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 3px;
}

#right-col .submit-button { 
width:auto; 
height:auto; 
border:0px; 
margin-top: 0px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 0px;
padding:0px; 
float:left; 
}
#right-col .reset-button {
	width:auto;
	height:auto;
	border:0px;
	padding:0px;
	float:left;
	margin: 0px;
}

.form-text {
	padding:0px;
	margin:0px;
}

#right-col label { 
display:none; 
}