/* FHH Main CSS Style Sheet */

body {
color: #333300; text-align: center; font: normal small/1.5em georgia, sans-serif; margin: 0px; bottom: 1em;
}

/***********************************************/
/* FHH Font Attributes                         */
/***********************************************/

p {
margin: 0; padding-bottom: 10px;
}

h1, h2, h3, h4, h5, h6 {
margin: 0; font-family: georgia, sans-serif; font-weight: lighter; padding-bottom: 10pt;
}

h1 {
font-size: 185%; text-align: right;
}

h2 {
font-size: 165%; color: #669900; text-decoration: none;
}

h3 {
font-size: 120%; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #669900; padding-bottom: 5px; margin-right: 0px;
margin-bottom: 10px; margin-left: 0px; padding-left: 0px; margin-top: 0px; padding-top: 0px; padding-right: 0px; color: #669900;
text-decoration: none;
}

h4 {
font-size: 120%;
}

h5 {
font-size: 100%;
}

h6 {
font-size: 90%;
}

.highlight {
color: #990099; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #990099;
}

.caption {
color: #999; font-size: 11px;
}

.welcome h1 {
height:34px; background-image: url(../assets/welcome.jpg); background-repeat: no-repeat;
background-position: right top; width: 126px; display: block; position: absolute; top: 46px;
right: 0px; margin: 0px; padding: 0px;
}
	
.welcome h1 span {
display: none;
}

.about h1 {
height:34px; background-image: url(../assets/about_2.jpg); background-repeat: no-repeat;
background-position: right top; width: 126px; display: block; position: absolute;
top: 46px; right: 0px; margin: 0px; padding: 0px;
}
	
.about h1 span {
display: none;
}

.facilities h1 {
height:34px; background-image: url(../assets/facilities_2.jpg); background-repeat: no-repeat;
background-position: right top; width: 126px; display: block; position: absolute;
top: 46px; right: 0px; margin: 0px; padding: 0px;
}
	
.facilities h1 span {
display: none;
}

.enter h1 {
height:34px; background-image: url(../assets/enter_2.jpg); background-repeat: no-repeat;
background-position: right top; width: 172px; display: block; position: absolute;
top: 46px; right: 0px; margin: 0px; padding: 0px;
}
	
.enter h1 span {
display: none;
}

.gallery h1 {
height:34px; background-image: url(../assets/gallery_2.jpg); background-repeat: no-repeat;
background-position: right top; width: 172px; display: block; position: absolute;
top: 46px; right: 0px; margin: 0px; padding: 0px;
}
	
.gallery h1 span {
display: none;
}

.booking h1 {
height:34px; background-image: url(../assets/booking.jpg); background-repeat: no-repeat;
background-position: right top; width: 236px; display: block; position: absolute;
top: 46px; right: 0px; margin: 0px; padding: 0px;
}
	
.booking h1 span {
display: none;
}


.availability h1 {
height:34px; background-image: url(../assets/avail.jpg); background-repeat: no-repeat;
background-position: right top; width: 236px; display: block; position: absolute;
top: 46px; right: 0px; margin: 0px; padding: 0px;
}
	
.availability h1 span {
display: none;
}

.contact h1 {
height:34px; background-image: url(../assets/contact_2.jpg); background-repeat: no-repeat;
background-position: right top; width: 172px; display: block; position: absolute;
top: 46px; right: 0px; margin: 0px; padding: 0px;
}
	
.contact h1 span {
display: none;
}

.construct h1 {
height:34px; background-image: url(../assets/construct.jpg); background-repeat: no-repeat;
background-position: right top; width: 320px; display: block; position: absolute;
top: 46px; right: 0px; margin: 0px; padding: 0px;
}
	
.construct h1 span {
display: none;
}

.holiday h1 {
height:41px; width: 45px; display: block; position: relative; top: -20px; right: 10px; margin: 0px; padding: 0px; float: right;
}
	
.holiday h1 span {
display: none;
}

.terms h1 {
height:34px; background-image: url(../assets/terms.jpg); background-repeat: no-repeat;
background-position: right top; width: 320px; display: block; position: absolute;
top: 46px; right: 0px; margin: 0px; padding: 0px;
}
	
.terms h1 span {
display: none;
}

.access h1 {
height:34px; background-image: url(../assets/access.jpg); background-repeat: no-repeat;
background-position: right top; width: 320px; display: block; position: absolute;
top: 46px; right: 0px; margin: 0px; padding: 0px;
}
	
.access h1 span {
display: none;
}

.sitemap h1 {
height:34px; background-image: url(../assets/sitemap.jpg); background-repeat: no-repeat;
background-position: right top; width: 320px; display: block; position: absolute;
top: 46px; right: 0px; margin: 0px; padding: 0px;
}
	
.sitemap h1 span {
display: none;
}


/***********************************************/
/* FHH List Attributes                         */
/***********************************************/

ul {
list-style-type: none; margin-top: 0.3em; margin-bottom: 1.5em; margin-left: 0px;
}

li {
line-height: 1.5em; background-image: url(../assets/arrow.gif); background-repeat: no-repeat; background-position: left 5px; padding-left: 15px; position: relative;
}

/***********************************************/
/* FHH Link Attributes                         */
/***********************************************/

a, a:link, a:link, a:link, a:hover {
background:transparent; text-decoration: underline; cursor: pointer; 
} 

a:link {
color: #669900; text-decoration: none;
} 

a:visited {
color: #669900;
} 

a:hover,a:active {
color: #990099; text-decoration: underline;
}

/***********************************************/
/* FHH Accesskeys                              */
/***********************************************/

#accesskeys {
padding:0px; margin:0px; margin:0px; text-align:left; width:730px;
position: relative; height: 30px;
}

#skiplinks{
display:block; position:absolute; top:3px; left:0px; text-align:left;
width:250px; height:1em; clip:rect(0px,220px,1.7em,0px);
}

#skiplinks ul {padding:0;margin:0;list-style:none;}

#skiplinks li {
padding:0; margin:0; list-style:none; display:inline; white-space: nowrap;
}

#skiplinks a {color:#679402;position:absolute;top:0px;left:0px;overflow:hidden;width:0;height:0;z-index:1000;}

#skiplinks a:active, #skiplinks a:focus {
position:absolute; overflow:visible; width:auto; height:auto; margin:auto; padding:3px; background-color:#FCFDF6; text-decoration:none;
border: 1px solid #669900;
}

/***********************************************/
/* FHH Main Div Layout                         */
/***********************************************/

#wrapper {
width: 770px; height: auto; margin-left: auto; margin-right: auto; text-align: left;
background-image: url(../assets/bg-1.jpg); background-repeat: repeat-y;
}

#headContainer {
width:730px; height:110px; margin-right: 20px; margin-left: 20px; border-bottom-width: 2px; border-bottom-style: solid;
border-bottom-color: #333300;
}

#headLeft {
width:220px; height:85px; float:left; position: relative; padding-top: 5px;
}
	
#headLeft h1{
width:200px; height:70px; background-image: url(../assets/fhh_logo.jpg); background-repeat: no-repeat;
}
	
#headLeft h1 span{
display: none;
}

#headerRight {
width:500px; height:90px; float:right; position: relative;
}

#contentContainer {
width:770px; height:auto; margin-right: auto; margin-left: auto; background-repeat: no-repeat;
position: relative; background-position: bottom;
}


#contentMain {
width:750px; height:auto; float:left; left: 10px; right: 10px; bottom: 0px; position: relative; background-image: url(../assets/bg-3.jpg);
background-repeat: no-repeat; background-position: bottom; padding-bottom: 20px;
}

#contentMain #left {
width:230px; height:340px; float:left; position: relative; top: 20px; right: 10px; left: 0px;
}

#contentMain #right {
width:478px; height:auto; float:right; position: relative; top: 20px; right: 10px; bottom: 10px; padding-top: 20px;
padding-bottom: 50px; background-color: #FCFDF7; background-image: url(../assets/butterfly.jpg); background-repeat: no-repeat;
background-position: bottom; padding-right: 10px; padding-left: 10px; border: 1px solid #CFDFAC;
}

/***********************************************/
/* FHH Navigation                              */
/***********************************************/

.navigation {
width: 220px; height: 340px; position: absolute; left: 10px; right: 10px;
}

.navigation ul{
padding:0px; margin:0px; list-style-type:none; width: 220px;
}

.navigation li {
width:220px; background-image: none; position: relative; margin: 0px; padding: 0px;
}
	
.navigation li.home{
display: block; padding-top: 15px;
}

.navigation li.home a {
display:block; padding:0px; text-decoration: none; height:25px; background: url(../assets/home.gif) no-repeat 0 0;
}

.navigation li.home a:hover { 
background-position: 0 -25px; 
}

.navigation li.home a:active {
}

.navigation li.home span {
display: none;
}

.navigation li.about{
display: block; padding-top: 15px;
}

.navigation li.about a {
display:block; padding:0px; text-decoration: none; height: 25px; background: url(../assets/about.gif) no-repeat 0 0;
}

.navigation li.about a:hover { 
background-position: 0 -25px; 
}

.navigation li.about a:active {
}

.navigation li.about span {
display: none;
}

.navigation li.facilities {
display: block; padding-top: 15px;
}

.navigation li.facilities a {
display:block; padding:0px; text-decoration: none; height: 25px; background: url(../assets/facilities.gif) no-repeat 0 0;
}

.navigation li.facilities a:hover { 
background-position: 0 -25px; 
}

.navigation li.facilities a:active {
}

.navigation li.facilities span {
display: none;
}

.navigation li.enter {
display: block; padding-top: 15px;
}

.navigation li.enter a {
display:block; padding:0px; text-decoration: none; height: 25px; background: url(../assets/enter.gif) no-repeat 0 0;
}

.navigation li.enter a:hover { 
background-position: 0 -25px; 
}

.navigation li.enter a:active {
}

.navigation li.enter span {
display: none;
}

.navigation li.gallery{
display: block; padding-top: 15px;
}

.navigation li.gallery a {
display:block; padding:0px; text-decoration: none; height: 25px; background: url(../assets/gallery.gif) no-repeat 0 0;
}

.navigation li.gallery a:hover { 
background-position: 0 -25px; 
}

.navigation li.gallery a:active {
}

.navigation li.gallery span {
display: none;
}

.navigation li.price {
display: block; padding-top: 15px;
}

.navigation li.price a {
display:block; padding:0px; text-decoration: none; height: 25px; background: url(../assets/pricing.gif) no-repeat 0 0;
}

.navigation li.price a:hover { 
background-position: 0 -25px; 
}

.navigation li.price a:active {
}

.navigation li.price span {
display: none;
}

.navigation li.avail {
display: block; padding-top: 15px;
}

.navigation li.avail a {
display:block; padding:0px; text-decoration: none; height: 25px; background: url(../assets/availability.gif) no-repeat 0 0;
}

.navigation li.avail a:hover { 
background-position: 0 -25px; 
}

.navigation li.avail a:active {
}

.navigation li.avail span {
display: none;
}

.navigation li.recom {
display: block; padding-top: 15px;
}

.navigation li.recom a {
display:block; padding:0px; text-decoration: none; height: 25px; background: url(../assets/recom.gif) no-repeat 0 0;
}

.navigation li.recom a:hover { 
background-position: 0 -25px; 
}

.navigation li.recom a:active {
}

.navigation li.recom span {
display: none;
}

.navigation li.contact {
display: block; padding-top: 15px;
}

.navigation li.contact a {
display:block; padding:0px; text-decoration: none; height: 25px; background: url(../assets/contact.gif) no-repeat 0 0;
}

.navigation li.contact a:hover { 
background-position: 0 -25px; 
}

.navigation li.contact a:active {
}

.navigation li.contact span {
display: none;
}

/***********************************************/

/* FHH Sub Navigation                          */

/***********************************************/

#subNav {
height: 33px; width: 96%; position: relative; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #669900; margin-bottom: 20px;
}

#subNav p {
display:block; color:#999999; text-decoration:none; white-space: nowrap; float: left; padding: 10px;
}

#subNav a {
display:block; color: #669900; text-decoration:none; white-space: nowrap; float: left; font-family: georgia, times, serif; font-size: 110%;
padding-top: 8px; padding-right: 5px; padding-bottom: 8px; padding-left: 5px;
}



#subNav  a:hover {
color:#990099; background-image: url(../assets/subnav_bg-6.jpg); background-repeat: repeat-x; background-position: left bottom; border-bottom-style: none;
}

#subNav  strong {
color:#990099; display: block; float: left; background-image: url(../assets/subnav_bg-6.jpg); background-repeat: repeat-x; background-position: left bottom;
font-weight: normal; font-family: georgia, times, serif; font-size: 110%; padding-top: 8px; padding-right: 5px; padding-bottom: 8px; padding-left: 5px;
}

#subNav  a:hover strong {
color:#FFFFFF; background: #0066cc;
}

#subNav  ul {
margin:0; padding:0; list-style:none;
}

#subNav  li {
float:left; margin:0; padding:0; text-indent:0; line-height: normal; background-image: none;
}

/***********************************************/
/* FHH Flash Content Holder                    */
/***********************************************/

#flashcontentOne {
width: 478px;
}

#containerOne {
height: 478px; width: 478px; background-image: url(../assets/postcard.gif); background-repeat: no-repeat; position: relative;
}

#flashcontent{
width: 380px; height: 276.3px; position: absolute; top: 100px; left: 50px;
}

.errorbox {
background-color: #fbfbfb; border: 1px solid #CCCCCC; background-repeat: no-repeat;
background-position: 5px 5px; width: auto; padding: 10px; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; 
margin-left: 10px;
}

/***********************************************/
/* FHH Lightbox Attributes                     */
/***********************************************/

#lbOverlay {
position: absolute; z-index: 9999; left: 0; width: 100%; background-color: #333; cursor: pointer;
}

#lbCenter, #lbBottomContainer {
position: absolute; z-index: 9999; left: 50%; overflow: hidden; background-color: #F0F5D5;
}

.lbLoading {
background-color: #F0F5D5; background-image: url(../assets/loading.gif); background-repeat: no-repeat; background-position: center;
}

#lbImage {
position: absolute; left: 0; top: 0; border: 10px solid #F0F5D5; background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
display: block; position: absolute; top: 0; width: 50%; outline: none;
}

#lbPrevLink {
left: 0;
}

#lbPrevLink:hover {
background-color: transparent; background-image: url(../assets/prevlabel.jpg); background-repeat: no-repeat; background-position: 0% 15%;
}

#lbNextLink {
right: 0;
}

#lbNextLink:hover {
background-color: transparent; background-image: url(../assets/nextlabel.jpg); background-repeat: no-repeat; background-position: 100% 15%;
}

#lbBottom {
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #333300; line-height: 1.4em; text-align: left;
border: 10px solid #F0F5D5; border-top-style: none;
}

#lbCloseLink {
display: block; float: right; width: 66px; height: 22px; background: transparent url(../assets/closelabel.gif) no-repeat center;
margin: 5px 0; outline: none;
}

#lbCaption, #lbNumber {
margin-right: 71px;
}

#lbCaption {
font-weight: bold;
}

/***********************************************/
/* FHH Bottom Navigation                       */
/***********************************************/

.bottomNav {
position: relative; background-color: #CAE292; height: 70px;
background-image: url(../assets/bg-4.jpg); width: 770px; background-repeat: no-repeat;
}

.bottomNav .bottomTabs {
overflow: hidden; height: auto; position: relative; width: 770px; float: right;
}
	
.bottomNav .bottomTabs ul { 
margin: 20px 20px 0 0; padding: 0; 
}
	
.bottomNav .bottomTabs li {
display: block; float: right; border-right: 1px solid #336600;
text-align: center; background-image: none; margin: 0px; padding: 0px; width: auto;
}

.bottomNav .bottomTabs li.site {
padding-right: 10px; padding-left: 10px; border-left-style: none;
}
	
.bottomNav .bottomTabs li.access { 
padding-right: 10px; padding-left: 10px;
}

.bottomNav .bottomTabs li.terms{ 
padding-right: 10px; padding-left: 10px;
}

.bottomNav .bottomTabs li.contact { 
padding-right: 10px; padding-left: 10px;
}
	
.bottomNav .bottomTabs li.xhtml { 
padding-right: 10px; padding-left: 10px;
}
	
.bottomNav .bottomTabs li.css {
padding-right: 10px; padding-left: 10px; border-right-style: none;
}

.bottomNav .bottomTabs a {
font-family: Arial, Helvetica, sans-serif; font-size: 12px;
color: #669900; margin: 0px; padding: 0px; display: block; text-align: center;
text-decoration: none;
}
	
.bottomNav .bottomTabs a:hover {
text-decoration: underline; color: #990099;
}
	
.bottomNav .bottomTabs a.active { 
text-decoration: none; font-weight: bold; 
}


/***********************************************/
/* FHH Table Attributes     				   */
/***********************************************/

#table{
height:auto; border-top: 1px solid #333300; border-right: 1px solid #333300;
border-bottom: 1px solid #333300; width: 100%; border-collapse: collapse; margin-bottom: 20px;
}

#table tbody tr td {
padding: 3px 8px; border-left: 1px solid #333300; border-bottom-width: 1px; border-bottom-style: solid;
border-bottom-color: #333300;
}

#table tbody tr.selected td {
color: #FFFFFF; font-weight: bold; border-left: 1px solid #FFFFFF; border-bottom: 1px solid #333300; height: auto; font-size: 100%;
background-color: #333300;
}

/***********************************************/
/* FHH Footer Attributes                      */
/***********************************************/

#footer {
width:auto;height:40px; font-size: 10px; font-family: Arial, Helvetica, sans-serif; padding-left: 10px; margin-top: 0px; background-color: #FFFFFF;
position: relative;
}

/***********************************************/
/* FHH General Attributes                      */
/***********************************************/


.thumbnail {
background-color: #FCFDF6; border: 1px solid #669900; padding: 5px; width: auto;
position: relative; z-index: 9999; margin: 5px 0px 10px 10px; height: auto; float: right;
}

.thumbnail span{
}

.thumbnail2{
float: left; height: 96px; width: 149px; padding-top: 12px; padding-left: 9px; background-image: url(../assets/image_frame.gif);
background-repeat: no-repeat;
}
	
.thumbnail2 img{
position: relative; height: 70px; width: 131px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;
background-image: url(Frejus%20Matina);
}

.img {
position: relative;
}

/*  browser float fix  */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
	display: inline-table;
	}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */