/* All style reset */
@import "reset.css";

/* Elements */
@import "elements.css";

html {height:100%}

body{
	font-family: "Lucida Sans", Arial, Verdana, Helvetica, sans-serif;
	color: #000;
	font-size:0.8em;
	margin:0;
	padding:0;
	background: #fff url(../media/bodyBGsm.jpg) repeat-x;
	}
		
/* layout */

#wrapper {
	position:relative;
	margin:20px auto 0 auto;
	width:892px;
	background: url(../media/bodyBG.png) no-repeat;
	background-position: 50% 0;
    }

/* content */	
#content {width:892px; position:relative; padding-top:20px;}
#content p {padding:0 6px;}	
	
#mainContent{ background: #666 url(../media/mainContentBG.jpg) top left no-repeat; width:847px; height:242px; margin:-14px auto 20px auto; position:relative;}
#mainContent p{ color:#ccc; font-size:1.2em; padding:0 10px 10px 240px;}
#mainContent h1{ color:#ccc; font-size:2.2em; padding:20px 10px 10px 234px; border:0; text-align:left;}

#leftCol{ float:left; width:250px; margin-left:20px;}
#rightCol{ float:right; width:600px; margin-right:20px;}
	
/* footer */
#footWrapper{background: url(../media/footWrapperBG.jpg) repeat-x; height:248px; position:relative;}	
#footWrapper p{width:892px;margin:0 auto; padding-left:60px; font-size:0.85em;}
#footer{ width:892px; height:65px; font-size:0.85em; margin:0 auto; text-align:left; background:url(../media/footer.png) no-repeat; 	background-position: 50% 0; position:relative;}
#footer img{ position:absolute; right:30px; top:-10px;}
	
#homeServ{ float:left; margin-left:30px; position:relative; width:200px; height:267px; background: url(../media/homeServ.png) top left no-repeat;}
#homeServ span{ position:absolute; top:100px; left:14px; padding-right:12px;}
#homeServ .Btn{ position:absolute; bottom:24px; right:34px; font-size:1.3em;}

#homeQuote{float:left; margin-left:11px; position:relative;width:200px; height:267px; background: url(../media/homeQuote.png) top left no-repeat;}
#homeQuote span{ position:absolute;  top:100px; left:14px; padding-right:12px;}
#homeQuote .Btn{ position:absolute; bottom:24px; right:34px; font-size:1.3em;}

#homeDD{float:left; margin-left:11px; position:relative;width:200px; height:267px; background: url(../media/homeDD.png) top left no-repeat;}
#homeDD span{ position:absolute;  top:100px; left:14px; padding-right:12px;}
#homeDD .Btn{ position:absolute; bottom:24px; right:34px; font-size:1.3em;}

#homeLogos{float:left; margin-left:11px; position:relative;width:200px; height:267px; background: url(../media/homeLogos.png) top left no-repeat;}
#homeLogos #abta{ position:absolute; top:68px; left:50px;}
#homeLogos #iata{position:absolute; top:151px; left:38px;}
#homeLogos #atol{position:absolute; top:234px; left:50px;}

#logo{ float:left; margin:4px 25px 0 30px;}
#travelLogos{ position:absolute; top:70px; left:610px;}

/* top nav bar */
#top_nav{ position:relative; float:right; height:50px; margin:40px 30px 0 0;}
#top_nav ul {margin:0; padding:0; list-style: none;}
#top_nav ul li {float:left;font-size:1.2em;}
#top_nav ul li span{font-size:0.7em;}
#top_nav ul li a:link,#top_nav ul li a:visited{height:50px; display:block; padding: 0 18px; border-left: 1px solid #036;}
#top_nav ul li a:hover{ border-left: 1px solid #fff; color:#fff;}
#top_nav #highlight a:link,#top_nav #highlight a:visited{border-left: 1px solid #fff; color:#fff;}

#twentyfourseven{ position:absolute; right:40px; top:5px; font-size:1.25em; color:#fff;}
#twentyfourseven a:link,#twentyfourseven a:visited{ color:#fff;}
#twentyfourseven a:hover{ color:#efefef;}

/* links */
/* default link colours */
a:link, a:visited{ color: #036; text-decoration:none;}
a:hover{color: #666;}
a:active{color: #f00;}

.footer a:link, .footer a:visited{ color: #dedede; text-decoration:none;}
.footer a:hover{color: #efefef;}
.footer a:active{color: #efefef;}

/* contact */
#contact a{ display:block; width:500px; color: #CC0000; margin:0 0 0 40px; line-height:20px; padding:4px; border-bottom:1px dashed #dedede;}
#contact a:hover{ background-color:#dedede; color:#006699;}
#contact a:active{}
#contact a:visited{}

/* download links */
#downloads{ background:url(../media/dlChoiceBG.png) top left no-repeat; margin-left:20px; width:549px; text-align:center; height:30px; line-height:30px;}
#downloads a:link,#downloads a:visited{ color:#666;}
#downloads a:hover{ color:#333;}

/* Rotator */
/* rotator in-page placement */
    div#rotator {
	position:relative;
	height:242px;
	margin-left: -40px;
	margin-top:0;
	float:left;
}
/* rotator css */
	div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	div#rotator ul li img {
	/*border:1px solid #ccc;*/
	/*padding: 4px;*/
	background: #fff;
}
    div#rotator ul li.show {
	z-index:500;
}