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

html {
	margin: 0px;
	padding: 0px;
	}

body {
	margin: 0px;
	padding: 0px;
	font-size:.8em;
	line-height:1.6em;
    font-family: verdana, arial, Helvetica, sans-serif;
	background:#fff;
   	color:#403f40;
    background:	url("../img/bg-01.gif") repeat-x;
	}

/*----- headings & lists -----*/

h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px;
	}

h2 {
	font-family: arial;   ;
    font-weight: normal;
    font-size:1.6em;
    padding-bottom:25px;
    }

h3 {
	font-family: arial;
    font-weight: normal;
    font-size:1.5em;
    }

h4 {
    font-size:1.1em;
    }

p  {
    margin:0px 0 15px 0;
    }

ul  {
    margin:0 10px;
    }

.hidden {
    display:none;
    }

/*----- global link -----*/

a {color:#00877f; text-decoration:none; font-weight: bold;}
a:visited  {color:#00877f;}
a:hover {color:#843039; cursor:pointer;}


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

#wrapper {
	margin-left:auto;
	margin-right:auto;
	width:990px;
    display:block;
    overflow: hidden;
	}

#mainNav  {
    height:35px;
    margin:0 2px;
    margin:0 8px;
    }

#header {
    padding:0px;
    display:block;
    }

.columns {
    clear: both;
    float: left;
    width: 100%;
    }

.column {
    float: left;
    }


/*1 col style  */

.one .column {
    width: 96%;
    margin:20px 20px 10px 20px;
    }

/*2 col style  */

.two .column {
    width: 450px;
    padding:20px 15px 10px 20px;
    }

/*3 col style  */

.three .column {
    width: 283px;
    margin:0 10px;
    font-size:.85em;
    background:#fff;
    padding:10px;
    border:0px solid #e31752;
	background: url(../img/3col-top.gif) no-repeat top;
    }

.three .column img {
    margin:0 0 10px 0;
    text-align:center;
    }

/*4 col style */

.four .column {
    margin:0px 17px 0px 10px;
    float: left;
    width:216px;
    height:177px;
    display:block;}
    }

.last {
   float:right;
   margin:0px;
   padding:0px;
    }

.column ul  {
    margin:5px 10px 15px 0px;
    *margin-left:20px;
    }




/*--left col large / right small--*/

#leftCol {
    position:relative;
    width:600px;
    padding:0 0 0 25px;
    display:block;
    }

#rightCol {
    position:relative;
    width:300px;
    margin-right:0px;
    display:block;
    float:right;
    padding:0 25px 0 0;
    }


/*----------------------------*/
/*----- MAIN NAVIGATION-------*/
/*----------------------------*/

.off a {filter:alpha(opacity=66); opacity:.66; -moz-opacity:.66;}

.nav01 a {background:url("../img/nav-01.jpg") no-repeat; width:216px; height:177px; display:block;}
.nav01 a:hover {background:url("../img/nav-01-on.jpg") no-repeat; filter:alpha(opacity=100); opacity:1; -moz-opacity:1;}
.nav01on a {background:url("../img/nav-01-on.jpg") no-repeat; width:216px; height:177px; display:block;}

.nav02 a {background:url("../img/nav-02.jpg") no-repeat; width:216px; height:177px; display:block;}
.nav02 a:hover {background:url("../img/nav-02-on.jpg") no-repeat; filter:alpha(opacity=100); opacity:1; -moz-opacity:1;}
.nav02on a {background:url("../img/nav-02-on.jpg") no-repeat; width:216px; height:177px; display:block;}

.nav03 a {background:url("../img/nav-03.jpg") no-repeat; width:216px; height:177px; display:block;}
.nav03 a:hover {background:url("../img/nav-03-on.jpg") no-repeat; filter:alpha(opacity=100); opacity:1; -moz-opacity:1;}
.nav03on a {background:url("../img/nav-03-on.jpg") no-repeat; width:216px; height:177px; display:block;}

.nav04 a {background:url("../img/nav-04.jpg") no-repeat; width:216px; height:177px; display:block;}
.nav04 a:hover {background:url("../img/nav-04-on.jpg") no-repeat; filter:alpha(opacity=100); opacity:1; -moz-opacity:1;}
.nav04on a {background:url("../img/nav-04-on.jpg") no-repeat; width:216px; height:177px; display:block;}




/*-----------------------*/
/*----- THUMBNAILS-------*/
/*-----------------------*/

#thumbs {
  padding:16px 0px 10px 0;
  width:450px;
}

#thumbs img {
  padding:0 4px 0 8px;
  float:left;
}

/*#thumbs a img {no-repeat; filter:alpha(opacity=66); opacity: 0.66; -moz-opacity:0.66;}
#thumbs a:hover img {no-repeat; filter:alpha(opacity=100); opacity: 1; -moz-opacity:1;}*/



/*------------------*/
/*----- CONTENT-----*/
/*------------------*/


#logo {
    padding:10px 15px;
    float:left;
    }

#details {
    margin:15px 15px 0 0;
    float:right;
    text-align:right;
    font-size:.8em;
    }

#details img {
    margin:15px 0 0 0;
    }

.title {
    padding-bottom:5px;
    }

.redDot {
    background:url("../img/dot-red.gif") no-repeat; width:8px; height:8px;
    padding:2px;
    }

.quote {
    margin:30px auto 30px auto;
    clear:both;
	color:#666;
    font-family:arial;
	font-size:1.3em;
	line-height:1.3em;
	font-weight:normal;
	background: url(../img/blockquote-start.gif) no-repeat top left;
    text-align:center;
    }

.quote  div {
    padding: 1px 45px;
	background: url(../img/blockquote-end.gif) no-repeat right bottom;
    }

.quote  small {
	font-size:0.6em;
    float:right;
    }

#imgMain {
  padding:0 5px 0 0;
}

#map {
  float:right;
  margin:0 0 25px 25px;
  border:0;
  text-align:center;
}

.preload {
  display:none;
}



.line {
	margin-left:auto;
	margin-right:auto;
    border-top:1px dotted #666;
    margin:20px ;
	}

ol li {
  padding-bottom:15px;
}

#table {
    border:1px solid #ccc;
}

.tableHead {
  background-color:#cdefec;
}




/*--------------------*/
/*----- CALENDAR -----*/
/*--------------------*/

#calendarFree	{
    font-size:.9em;
    float:left;
	padding:4px 2px;
   margin:5px 5px 0 0;
    border:1px solid #000;
    width:70px;
    text-align:center;
	}

#calendarBooked	{
    font-size:.9em;
    float:left;
	padding:4px 2px;
   margin:5px 15px  0 0px;
    border:1px solid #000;
    width:70px;
    text-align:center;
   background:#b4666d;
   color:#fff;
	}





/*-----------------*/
/*----- Form-----*/
/*-----------------*/

.form  {
  width:95%;
  margin:0 auto;
}


.form  p {
  text-align:right;
}






/*-----------------*/
/*----- FOOTER-----*/
/*-----------------*/


#footer {
	margin-left:auto;
	margin-right:auto;
	width:990px;
    border-top:1px dotted #666;
    font-family:arial;
    font-size:.85em;
    letter-spacing:.13em;
    clear:both;
    padding:10px 0px 20px 0;
    margin-top:15px;
    text-align:center;
	}

#footer strong {
    font-size:1.1em;
    font-weight:bold;
	}