/* Global reset */
html, body, div, span, p,
a, em, font, img, ol, ul, li {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-weight:inherit;
    font-style:inherit;
    font-size:100%;
    font-family:inherit;
    vertical-align:baseline; }

ol, ul { list-style:none; }




/* General layout */
body {
    background:#6889b4 url(../images/bg-repeat.jpg) top center repeat-x;
    width:100%;
    line-height:1;
    color:#000;
    min-width:973px;
    font-family:Arial, Helvetica, sans-serif; }  

div {
    text-align:center; }
 
div#page {
    width:973px;
    margin:0 auto;
    text-align:left; }
 
div#menu {
    float:left;
    background:#6889b4 url(../images/menu-column.jpg) top left no-repeat;
    text-align:center;
    width:203px;
    height:866px; }
 
div#content {
    background-color:red;
    width:770px;
    margin:0 0 0 203px;
    min-height:866px;
    _height:866px;
    height:866px; }
 
div#footer {
    background:#6889b4;
    width:973px;
    height:30px; }
    


    
/* Header */
div#header {
    position:relative;
    background:#6889b4 url(../images/header.jpg) no-repeat;
    width:973px;
    height:83px;}

div#logo {
    position:absolute;
    text-align:left;
    top:0;
    left:0;
    background:#6889b4 url(../images/logo.jpg) no-repeat;
    width:280px;
    height:83px; }
    
div#logo p {
	font-size:.7em;
	color:#7b7b7b;
    margin:62px 0 0 10px; }

div#logo a {
    font-size:1em;
	color:#7b7b7b;
    text-decoration:none; }      
    
div#headerlinks {
    position:absolute;
    top:0;
    right:0;
    background:none;
    width:280px;
    height:83px; }
    
div#headerlinks p {
    float:right;
    font-size:.75em;
    font-weight:bold;
    color:#222;
    margin:10px 10px 0 0; }    
    
div#headerlinks a,
div#headerlinks span {
    font-size:.9em;
    font-weight:normal;
	color:#204970;
    text-decoration:none; }    
    
div#logo a:hover,
div#headerlinks a:hover {
	color:#6889b4;
    text-decoration:none; }




/* Insider's guide buttons */    
a.insidersguidebutton {
    position:absolute;
    top:33px;
    right:0;
    display:block;
    background:url(../images/insiders-guide-button.jpg) no-repeat;
    height:50px;
    width:240px;
    text-indent:-9999em; }
        
a.insidersguidebutton:hover {
    background:url(../images/insiders-guide-button.jpg) 0 -50px; }

a.insidersguidebuttonv2 {
    display:block;
    background:url(../images/insiders-guide-button-v2.jpg) no-repeat;
    height:146px;
    width:203px;
    text-indent:-9999em; }
        
a.insidersguidebuttonv2:hover {
    background:url(../images/insiders-guide-button-v2.jpg) 0 -146px; }
    
    

    
/* Menu Column */
div#pagetitle {
    display:block;
    text-align:center;
    width:203px;
    height:146px; }

div#pagetitle h2 {
    color:#fff;
    font-size:1.5em;
    margin:0;
    padding:30px 0 5px 0;
    font-weight:bold; }

div#pagetitle p {
    font-size:.9em;
    color:#fffbe6;
    line-height:1.1em; }    

div#menulinks {
    display:block;
    text-align:center;
    width:203px;
    height:720px; }
        
div#menulinks p {
    font-size:.95em;
    color:#de6a00;
    font-weight:bold;
    padding:8px 0 0 0; }

    
    

/* Navigation menu */    
div#nav {
	width:189px;
    margin:15px 7px 0 7px; }
	
div#nav li a {
    text-align:left;
    font-size:.8em;
	text-decoration: none;
    line-height:1.4em;}	
	
div#nav li a:link,
div#nav li a:visited {
	color:#204970;
	display:block;
	padding:9px 4px 12px 6px;
    border:1px solid #fffae2; }
	
div#nav li a:hover {
    color:#204970;
	background:#fde361;
	padding:9px 4px 12px 6px;
    border:1px solid #feeb8e; }
    


    
/* At Your Service button */    
div#atyourservice {
    background:url(../images/at-your-service-bg.jpg) no-repeat;
    text-align:center;
    width:189px;
    padding:10px 0 10px 0; 
    margin:0 7px 21px 7px;} 

a.atyourservicebutton {
    display:block;
    background:url(../images/at-your-service-button.jpg) no-repeat;
    height:35px;
    width:126px;
    margin:18px 33px 0 33px;
    text-indent:-9999em; }
        
a.atyourservicebutton:hover {
    background:url(../images/at-your-service-button.jpg) 0 -35px; }
    
div#atyourservice p {
	font-size:.75em;
    line-height:1.3em;
    font-weight:normal;
	color:#555;
    margin:0;
    padding:5px 0 8px 0;}

div#atyourservice a {    
    font-weight:normal;
	color:#2d5c88;
    text-decoration:none; }     

div#atyourservice a:hover {
    color:#6889b4;
    text-decoration:none;  }
    
div#atyourservice p.atyourservicehelp {
    font-weight:bold; } 

    
    

/* Main Content */
div#mainphoto {
    position:relative;
    background:#6889b4 url(../images/main-photo.jpg) top left no-repeat;
    display:block;
    text-align:center;
    width:770px;
    height:328px; }

p.phototext {
    text-align:justify;
    color:#fff;
    margin:0;
    padding:50px 500px 0 24px;
    font-size:.95em;
    line-height:1.15em;
    font-weight:normal; }

h2.toursheading {
    position:absolute;
    top:300px;
    left:309px;
    color:#26537c;
    margin:0;
    font-size:1.10em;
    font-weight:normal; }




/* Individual tour sections */
div#tours {
    background:#fff;
	overflow:hidden; }

div#tours li {
    position:relative;
    float:left;
    width:254px;
    height:269px;
    text-align:center;
    background:url(../images/tour-bg.jpg) right no-repeat; }

div#tours li.fourth {
    background:url(../images/tour-bg-fourth.jpg) right no-repeat; }

div#tours li.sixth {
    background:url(../images/tour-bg-sixth.jpg) right no-repeat; }            
    
div#tours li.first,
div#tours li.fourth {
    width:262px; }

div#tours p {
    color:#fff;
    text-align:center;
    font-size:.75em;
	text-decoration: none;
    line-height:1.3em;
    margin:10px 0 0 0; }

div#tours li.first p,
div#tours li.fourth p {
    margin:10px 0 0 5px; }
    
div#tours li.third p,
div#tours li.sixth p {
    margin:10px 3px 0 0; }     
    
div#tours img {
    position:absolute;
    top:46px;
    right:12px;
    display:block; }


            

/* Tour buttons */
a.detailsbutton {
    position:absolute;
    top:228px;
    right:142px;
    display:block;
    background:url(../images/tour-button.jpg) no-repeat 0 0;
    height:24px;
    width:70px;
    text-indent:-9999em; }
        
a.detailsbutton:hover {
    background:url(../images/tour-button.jpg) no-repeat 0 -24px; }

a.buynowbutton {
    position:absolute;
    top:228px;
    right:45px;
    display:block;
    background:url(../images/tour-button.jpg) no-repeat 0 -48px;
    height:24px;
    width:70px;
    text-indent:-9999em; }

a.buynowbutton:hover {
    background:url(../images/tour-button.jpg) no-repeat 0 -72px; }
    



/* Footer content */
div#footer p {
    text-align:right;
	font-size:.7em;
	color:#ddd;
    margin:16px 4px 0 0;}    
