@charset "utf-8";
/* CSS Document */

.spacer_, p { padding:0px; margin:0px; }

body { background-color:#FFF; color:#FFF; padding:0px; margin:0px; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:12px;
		background-repeat:no-repeat;
		background-position: 50% 0px;
	
}
/*html,body {
	overflow:hidden;
}*/


#overlay { z-index:9999999; margin-top:20px; background-color:#FFF; position:absolute; width:1024px; height:484px; top:0px; left:50%; margin-left:-512px; color:#666; padding-top:284px; text-align:center; }
#overlay b { text-decoration:blink; }

#background-img-wrapper {
	height: 100%;	
	width:100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:-2;
	overflow:hidden;
}

body { background-position: center 20px; }
#background-img { width:100%; height:auto; overflow:hidden; position:absolute; bottom:0px; }
#site-logo { 
	text-align:center;
	position:absolute;
	top: 590px;
	width: 1024px;
	z-index:1;
}
#awards-module { 
	text-align:left;
	position:absolute;
	top: 560px;
	z-index:1;
	padding-left:25px;
}
#nav-buttons { width:1024px; position: absolute; top:720px; z-index:2; }
#nav-buttons a { width:74px; height:18px; display:block; text-decoration:none; }
#nav-buttons a.back { background-image:url(../images/btn-back.png); float:left; margin-left:25px; }
#nav-buttons a.back-black { background-image:url(../images/btn-back-black.png); float:left; margin-left:25px; }
#nav-buttons a.next { background-image:url(../images/btn-next.png); float:right; margin-right:35px; }


#navigation, #subnavigation, #content { width: 1014px; margin-left:auto; margin-right:auto; }
#wrapper { width:1024px; height:auto; margin-left:auto; margin-right:auto; margin-top:20px; height:788px; }
#fadeImages img { width:312px; height:221px; }
.clearfix {clear:both;font-size:0.1px;height:0pt;line-height:0pt;width:0pt;}
a img { border:none; }
.whiteborder { border:3px solid #FFF; }


/* Navigation */

#navigation { height:42px; padding-top:11px; padding-left:15px; margin-bottom:0px; z-index:2;  }
#navigation a { display:block; height:42px; float:left; background-image:url(../images/menu.png); background-repeat:no-repeat; text-decoration:none; }
#navigation a:hover, #navigation a.selected { background-image:url(../images/menu-o.png);  }


#navigation .spacer { height:42px; display:block; float:left; width:5px; background-image:url(../images/menu.png); background-repeat:no-repeat; text-decoration:none; } 

#navigation a.home { width:98px; background-position:0px 0px; }
#navigation .one { background-position: -98px 0px;  } 

#navigation a.the-island { width:129px; background-position: -103px 0px; }
#navigation .two { background-position: -232px 0px;  } 

#navigation a.the-walk { width:115px; background-position: -237px 0px; }
#navigation .three { background-position: -352px 0px;  } 

#navigation a.day-by-day { width:122px; background-position: -357px 0px; }
#navigation .four { background-position: -479px 0px;  } 

#navigation a.walkers-words { width:175px; background-position: -484px 0px; }
#navigation .five { background-position: -659px 0px;  } 

#navigation a.awards { width:95px; background-position: -662px 0px; }
#navigation .six { background-position: -753px 0px;  } 

#navigation a.bookings { width:115px; background-position: -764px 0px; }
#navigation .seven { background-position: -881px 0px;  } 

#navigation a.contact { width:119px; background-position: -884px 0px; }

.subnavigation-wrapper { position:absolute; margin-top: 1px; z-index:999; }
#subnavigation div { width:130px; background-color:#167fe0; position:absolute; float:left; }
#subnavigation .the-island { left:107px;  }
#subnavigation .the-walk { left:237px; width:170px;  }
#subnavigation .day-by-day { left:360px; }
#subnavigation a { text-align:center; text-transform:uppercase; font-weight:bold; letter-spacing:0.5px; display:block; float:left; width:130px; line-height:30px; text-decoration:none; color:#FFF;  }
#subnavigation a:hover { background-color:#FFF; color:#1879bf; }
#subnavigation .the-walk a { width:170px; }
/* Content */

#content-title { position:absolute; font-size:30px; z-index:-1; padding:0px; margin:0px; height:30px; margin-left:25px; margin-top:10px;   width:650px;  }
#content-title h1, #content h1.tal { margin:0px !important; padding:0px !important;}
#content h1.tal { font-size:70px; }
#content .pagecontent { font-size:29px; text-align:center;   }
#content .pagecontent2.big { font-size:90px; margin:0px; padding:0px; }
#content .pagecontent2 { font-size:26px; margin:0px; padding:0px; }
#content .pagecontent2.med { font-size:50px; margin:0px; padding:0px; }
#content .pagecontent4 { font-size:20px; margin-top:10px; margin-bottom:10px; }

#content #fadeImages img {
	padding-bottom:5px; padding-right:5px; margin-right:3px; margin-bottom:5px; 
}

#home { margin-top:30px; display:block; }

#content .about-us { margin-top:11px; }
#content .about-us .pagecontent { font-size:20px; }
#content .about-us .pagecontent.big { font-size:29px; padding:0px; margin:0px; margin-top:20px; }

#content .media { margin-top:13px; padding-right:390px; margin-left:50px; }
#content .media .pagecontent { margin-top:70px;  }

#content .awards { margin-top:13px; margin-left:20px; }
#content .awards .pagecontent { margin-top:20px; margin-right:255px; }
#content .awards .sidebar { background-color:#000;width:312px; height:703px; filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4; position:absolute; left:50%; top:88px; margin-left:187px; margin-top:-10px; }
#content .awards .sidebar-inner { color:#FFF; position:absolute; width:282px; height:670px; padding-left:10px; padding-right:20px; top:0px; margin-top:65px; padding-top:10px; left:50%; margin-left:191px;  }
#content .awards h2 { padding-bottom:0px; margin-bottom:0px; font-size:21px; } 
#content .awards h4 { padding:0px; margin:0px;  font-size:15px; margin-bottom:0px; }
#content .awards .sidebar-inner img { margin-top:8px; }
#content .awards .sidebar-inner img.overlap-bottom { margin-bottom:-50px; position:relative; z-index:9999; margin-top:20px; }

#content .bookings { margin-top:15px; margin-left:20px; }
#content .bookings .pagecontent { margin-top:30px; font-size:26px; padding-right:60px; }
#content .bookings .pagecontent.small { font-size:20px; margin:0px; padding:0px; margin-top:10px; }
#content .bookings .sidebar { color:#000; background-color:#000; width:207px; height:540px; filter:alpha(opacity=25); -moz-opacity:0.25; opacity:0.25; position:absolute; top:10; left:50%; margin-left:260px; }
#content .bookings .sidebar-inner { color:#FFF; position:relative; width:177px; height:540px; margin-left:52px; margin-top:32px; }

#content .bookings .downloads img { float:left; margin-right:10px; }
#content .bookings .downloads .pagecontent2 { float:left; font-size:32px; margin-right:50px; margin-top:25px; }

#content .the-island { margin-top:11px;   }
#content .the-island .pagecontent { margin-top:30px; }
#content .the-island img { padding-bottom:5px; padding-right:10px; }

#content .the-walk { margin-top:11px; }
#content .the-walk table .pagecontent { margin-top:220px; font-size:33px; }
#content .the-walk img { padding-bottom:12px; padding-right:11px; }

#content .day-by-day  { margin-top:10px;  }
#content .day-by-day .flashAnimation { margin-top: -10px; }
#content .day-by-day h1 { margin-bottom:10px !important; }
#content .day-by-day .pagecontent, #content .day-by-day .pagecontent2, #content .day-by-day .pagecontent3 { margin:0px; padding:0px; font-size:18px;  }
#content .day-by-day .pagecontent2.big { font-size:105px; margin:0px; padding:0px; }

#content .the-wildlife { margin-top:11px; }
#content .the-wildlife .pagecontent { margin-top:10px;  }

#content .the-beauty { margin-top:13px; }
#content .the-beauty .pagecontent { margin-top:35px; }

#content .the-history { margin-top:13px; }
#content .the-history .pagecontent { padding:0px; margin:0px; margin-top:20px; font-size:26px; }

#content .food-and-wine { margin-top:11px; }
#content .food-and-wine .pagecontent { margin-top:25px; width:540px;  }
#content .food-and-wine img { padding-bottom:5px; padding-right:5px; }

#content .walkers-words { margin-top:60px; }
#content .walkers-words .pagecontent { font-size:20px; padding:0px; margin:0px; }
#content .walkers-words .pagecontent.big { font-size:33px; }

#content .the-guides { margin-top:13px; margin-left:20px; }
#content .the-guides .pagecontent { margin-top:10px;  }

#content .the-accomodation { margin-top:13px; margin-left:20px; }
#content .the-accomodation .pagecontent { margin-top:30px;  }


#quotes .quote { z-index:-2; width:1024px; top:145; position:absolute; background-color:#FFF; background-image:url('../../cms/wp-content/gallery/backgrounds/walkers_words.jpg'); background-position: center -112px; margin-left:-5px; }


.link-aboutus-greatwalk {  z-index:9999999999;font-size:1px; color:transparent !important; opacity:0; padding-top:90px;  float:left; position:relative; top:0px; left:0px; width:100px; height:10px; display:block; margin-top:-100px;  text-decoration:none; }
.link-aboutus-ecocert {  z-index:9999999999;font-size:1px; color:transparent !important; opacity:0; padding-top:90px;  float:left; position:relative; top:0px; left:100px; width:100px; height:10px; display:block; margin-top:-100px;  text-decoration:none; }

/* These are standard sIFR styles... do not modify */
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}
