@charset "utf-8";
/* CSS Document */

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:75%;
line-height:1.6em;
font-weight:normal;
text-align:justify;
color:#000000;
background: #f4f8fb url(images/body-bg.gif) repeat-x 0 0 scroll;
position:relative;
}

html, body {
height:100%;
}

* {
margin:0;
padding:0;
}

/*** GLOBLE STYLES ***/
#contentArea a, #contentArea a.visited {
color:#1555EA;
text-decoration:none;
}
#contentArea a:hover {
text-decoration:underline !important;
}
p {padding:0 0 10px 0;}
h1 {font-size:18px; padding-bottom:10px; font-family:Lucida Calligraphy, Verdana, Arial, Helvetica, sans-serif;}
h2 {font-size:15px; padding-bottom:10px;}
h3, h4, h5 {font-size:13px; padding:10px 0; margin:0;}
#contentArea ul {
padding:0;
margin:0;
}
#contentArea li{
background:transparent url(images/li.gif) no-repeat 0 0.65em scroll; 
list-style-type:none; 
padding:0 0 0 15px;
}
#contentArea img {
border:0 none;
}
#termsAndConditions #contentArea li {
padding:0 0 10px 15px;
}

span.redText {
color:#FF0000;
font-size:11px;
}
.pdf {
background:url(images/pdf.gif) 0 0.12em no-repeat scroll;
padding: 0 10px 0 15px;
}


/*** END OF GLOBLE STYLES ***/

#container {
margin:0px auto;
padding:0;
text-align:left;
width:910px;
border:1px solid #CCCCCC;
height:auto;
background-color:#FFFFFF;
position:relative;
}


/*** TOP HEADER AREA ***/

#container #header {
margin:0 10px 0 10px;
position:relative;
height:250px;
background-color:#ffffff;
}

#container #header #logo {
margin:10px 0 0 0;
padding: 0 8px 15px 0;
position:relative;
float:left;
width:18%;
color:#FFFFFF;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:26px;
line-height:1.4em;

}

#container #header #logo .location {
font-size:13px;
font-family:Lucida Calligraphy, Verdana, Arial, Helvetica, sans-serif;
color:#000000;
line-height:1.4em;
margin-top:20px;
letter-spacing:0.2em;
}

#container #header #banner {
margin:0;
position:relative;
float:right;
background: #cccccc;
width:76%;
overflow:hidden;
}

#container #header #banner img {
border:0;
padding:0;
}


/*** Top Navigation ***/

#container #topNavigation {
position:relative;
}

#topNavigation #top {
margin:0 10px;
padding:0;
background: transparent url(images/topNav-bg.jpg) repeat-x 0 0.85em;
padding:17px 10px 15px 10px;
height:20px;
}

#topNavigation #top ul {
margin:0;
padding:0 0px 0 10px; 
list-style-type:none;
text-decoration:none;
}

#topNavigation #top ul li#left-sep {
border-left:0 none;
}

#container #topNavigation ul li {
display:inline;
background:url(images/topNav-sep.gif) scroll 0 0 no-repeat transparent;
float:left;
padding:0 15px;
font-size:0.9em;
}

#topNavigation #top ul li a {
color:#FFCC00 !important;
font-weight:bold;
text-decoration:none;
margin:0;
padding:0;
text-transform:uppercase;
}

#topNavigation #top ul li.selected a {
color:#FFFFFF !important;
}

#topNavigation #top ul li a:hover {
text-decoration:underline;
}

/*** end of Top Navigation ***/
/*** END OF HEADER AREA ***/

#container #mainContent {
margin:0;
padding:0;
}


/*** LEFT COLOUMN ***/

#container #mainContent #leftColumn {
width:150px;
margin:10px 10px 10px 10px;
float:left;
}

#container #mainContent #leftColumn #leftNav {
text-align:left;
}

#container #mainContent #leftColumn #leftNav ul {
margin:0px;
padding:0px;
font-weight:normal;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#container #mainContent #leftColumn #leftNav li {
display:inline;
}

#container #mainContent #leftColumn #leftNav #levelOne li a {
text-decoration:none;
margin:0px;
padding:5px 3px 5px 4px;
font-size:1em;
color:#000000;
/* border-bottom:1px solid #CCCCCC; */
background-color:#DCE8EF;
display:block;
border-color:#FFFFFF;
border-style:solid none;
border-width:1px 0;
}

#container #mainContent #leftColumn #leftNav #levelTwo li a {
padding:2px 5px 2px 12px; 
margin:0;
font-size:0.9em;
background-color:#ffffff;
font-weight:normal;
color:#000000;
border-bottom:1px solid #CCCCCC;
}

#container #mainContent #leftColumn #leftNav #levelOne a.selected {
background-color:#9db4b5;
font-weight:bold;
}

#container #mainContent #leftColumn #leftNav #levelTwo a.selected {
background-color:#ffffff;
font-weight:bold;
}

#container #mainContent #leftColumn #leftNav #levelTwo .SelectedExpanded {
background-color:#9db4b5;
color:#000000;
font-weight:bold;
}

#container #mainContent #leftColumn #leftNav #levelTwo .Expanded {
background-color:#9db4b5;
color:#000000;
font-weight:normal;
}

#container #mainContent #leftColumn #leftNav #levelOne a:hover {
background-color:#9db4b5;
}

/*** END OF LEFT COLUMN ***/



/*** RIGHT COLUMN ***/

#container #mainContent #rightColumn {
width:210px;
margin:10px 10px 10px 0;
float:right;
}

#container #mainContent #rightColumn .subHeadingOne, #container #mainContent #rightColumn .subHeadingTwo {
border:1px solid #CCCCCC;
margin:10px 0 20px 0;
padding:5px;
background-color:#9DB4B5;
}

#container #mainContent #rightColumn .subHeadingOne a, #container #mainContent #rightColumn .subHeadingTwo a {
color:#000000;
}

#container #mainContent #rightColumn a, #container #mainContent #rightColumn a.visited {
text-decoration:none;
color:#1555EA;
}

#container #mainContent #rightColumn a:hover {
text-decoration:underline;
}

#container #mainContent #rightColumn .subHeadingOne img, #container #mainContent #rightColumn .subHeadingTwo img {
border:0;
}

#container #mainContent #rightColumn .subHeadingOne p, #container #mainContent #rightColumn .subHeadingTwo p {
margin:0;
padding:0;
}

#container #mainContent #rightColumn .quickLinks {
padding: 0 0 15px 5px;
}

#container #mainContent #rightColumn .quickLinks h3 {
padding: 0px 5px 5px 0;
}

#container #mainContent #rightColumn .quickLinks ul {
margin:0;
padding:0;
}

#container #mainContent #rightColumn .quickLinks ul li {
background:transparent url(images/li.gif) no-repeat 0 0.65em scroll; 
list-style-type:none; 
padding:0 0 0 15px;
}

/*** END OF RIGHT COLOUMN ***/



/*** MIDDLE COLOUMN - CONTENT AREA ***/

#container #mainContent #contentArea {
margin:10px 0 10px 5px;
width:490px;
float:left;
min-height:100%;
}

#contentArea img.floatRight {
float:right;
padding:5px;
}

.textBox {
background:#f9fafa url(images/textBoxBg.gif) repeat-x 0 0 scroll;
border:1px solid #CCCCCC;
color:#003333;
padding:5px;
height:100px;
margin:50px 0 10px 0;
}
.textBox h2 {
background:url(images/headerBg.gif) no-repeat 0 0 scroll;
margin:0;
padding:6px 20px;
color:#FFCC00;
overflow:hidden;
font-size:12px;
}

.textBox a, .textBox a.visited  {
text-decoration:none;
color:#003333;
}
.textBox a:hover {
text-decoration:underline;
}

#contentArea .priceBox {
width:280px;}

#contentArea .priceBox .days {
float:left;
}

#contentArea .priceBox .prices {
float:right;
}

/*** END OF MIDDLE COLUMN - CONTENT AREA ***/



/**** PHOTO GALLERY STYLE ***/
#contentArea .photoGallery { 
width:100%; 
margin-bottom:10px;
}

#contentArea .photoGallery .photoBoxOne div, #contentArea .photoGallery .photoBoxTwo div, #contentArea .photoGallery .photoBoxThree div, #contentArea .photoGallery .photoBoxFour div, #contentArea .photoGallery .photoBoxFive div {
display:inline; 
padding:0 3px 5px 0;
} 

#contentArea .photoGallery .photoBoxOne div img, #contentArea .photoGallery .photoBoxTwo div img, #contentArea .photoGallery .photoBoxThree div img, #contentArea .photoGallery .photoBoxFour div img, #contentArea .photoGallery .photoBoxFive div img { 
cursor:pointer; 
}

/* #contentArea .galImage {margin-right:10px;} */

/**** END PHOTO GALLERY STYLE ***/


/*** CALENDAR STYLE ***/
#contentArea #calendar iframe {
margin-top:30px;
} 

/*** END CALENDAR ***/



/*** FORM STYLE ***/
#contentArea .form .fullname, #contentArea .form .tel, #contentArea .form .email, #contentArea .form .comments {
margin:0 0 15px 0;
}

#contentArea .form .fullname input, #contentArea .form .tel input, #contentArea .form .email input {
width:260px;
}
/*** END FORM SYTLE ***/


/*** SITE MAP STYLE ***/
#sitemap #contentArea .text ul {
margin:0 0 0 20px;
line-height:2em;
} 
/*** END SITE MAP STYLE ***/



/**** FOOTER STYLE ****/

#container #footer {
margin:10px 10px 5px 10px;
padding:0;
position:relative;
height:30px;
font-size:0.9em;
clear:both;
border:1px solid #CCCCCC;
background: transparent url(images/footerBg.gif) repeat-x 0 0.35em scroll;
}

#container #footer .copyright {
float:left;
margin:0;
padding:0;
}

#container #footer .copyright p {
margin:5px 0 0 10px;
}

#container #footer .footerLinks {
float:right;
margin:0;
padding:0;
}

#container #footer .footerLinks ul {
margin:0;
padding:5px 0;
}

#container #footer .footerLinks ul li {
margin: 10px 0 0 0;
padding: 0 25px 0 15px;
list-style-type:none;
display:inline;
text-decoration:none;
}

#container #footer .footerLinks ul li a, #container #footer .footerLinks ul li a.visited {
text-decoration:none;
color:#000000;
}
#container #footer .footerLinks ul li a:hover {
text-decoration:underline;
}

#container #mainContent #clearFooter {
clear:both;
height:30px;
margin:0;
padding:0; 
}

/**** END FOOTER STYLE ****/

