/*
Created May 16, 2005
SparkPlug Studios

Client: AV Star
*/

html, body {
	background: #d5e4ec url('images/bg-main.jpg') repeat-x;
	margin: 0 auto;
	padding: 0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	
	}
	
p { 
color: #4c4d4d; }


.hide, hr {visibility: hidden; display: none;}

/* start header styles */

#header {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 748px;
	height: 109px;
	background: url('images/bg-header.jpg'); no-repeat top left;
	position: relative;
}

#headersub {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 748px;
	height: 86px;
	background: url('images/bg-header02.jpg'); no-repeat top left;
	position: relative;
}

img {

border: 0; }

#logo {
	display: block;
	margin: 0;
	padding: 0;
	width: 124px;
	height: 56px;
	position: absolute;
	top: 16px;
	left: 39px;
}

#metanav {
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 22px;
	right: 39px;
	list-style-type: none;
	color: #a8a8a8;
}

#metanav li {
	float: left;
	padding: 0 10px;
}

#metanav li a {
	color: #a8a8a8;
	text-decoration: none;
}

#metanav li a:hover {
	background: #d5f5f9;
}

#metanav li#contact {
	border-left: 1px solid #a8a8a8;
	
}


/* metanav of subpages starts here bebe */

#metanavsub {
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 26px;
	right: 39px;
	list-style-type: none;
	color: #a8a8a8;
}

#metanavsub li {
	float: left;
	padding: 0 10px;
}

#metanavsub li a {
	color: #a8a8a8;
	text-decoration: none;
}

#metanavsub li a:hover {
	background: #d5f5f9;
}

#metanavsub li#contact {
	border-left: 1px solid #a8a8a8;
	
}

/* metanav of subpages ends here dude */


#mainnav {
	display: block;
	margin: 0;
	padding: 0;
	width: 376px;
	height: 23px;
	background: url('images/navigation.png') no-repeat top left;
	position: absolute;
	top: 52px;
	right: 39px;
}

#mainnav li {
	display: block;
	list-style-type: none;
	float: left;
	height: 23px;
}

#mainnav li a {
	display: block;
	height: 23px;
	width: 94px;
}


li#home a {display: block; width: 94px;}
li#home a:hover, li#home .selected {background: url('images/navigation.png') no-repeat 0 -23px };

li#airlines a {display: block; width: 94px;}
li#airlines a:hover, li#airlines .selected  {background: url('images/navigation.png') no-repeat -94px -23px };

li#cruises a {display: block; width: 94px;}
li#cruises a:hover, li#cruises .selected  {background: url('images/navigation.png') no-repeat -188px -23px };

li#hotels a {display: block; width: 94px;}
li#hotels a:hover, li#hotels .selected  {background: url('images/navigation.png') no-repeat -282px -23px };
/*
li#promos a {display: block; width: 93px;}
li#promos a:hover, li#promos .selected  {background: url('images/navigation.png') no-repeat -376px -23px };
*/




/* main navigation of subpages starts here bebe */
#jump {
   
	display: block;
}

#jump #mainnavsub {
	display: block;
	margin: 0;
	padding: 0;
	width: 470px;
	height: 23px;
	background: url('images/navigation.jpg') no-repeat top left;
	right: 39px;
	top: 58px;
	 position: absolute;
}

#jump #mainnavsub li {
	display: block;
	list-style-type: none;
	float: left;
	height: 23px;
}

#jump #mainnavsub li a {
	display: block;
	height: 23px;
	width: 94px;
}
li#home a {display: block; width: 94px;}
li#home a:hover, li#home .selected {background: url('images/navigation.jpg') no-repeat 0 -23px };

li#airlines a {display: block; width: 94px;}
li#airlines a:hover, li#airlines .selected  {background: url('images/navigation.jpg') no-repeat -94px -23px };

li#cruises a {display: block; width: 94px;}
li#cruises a:hover, li#cruises .selected  {background: url('images/navigation.jpg') no-repeat -188px -23px };

li#hotels a {display: block; width: 94px;}
li#hotels a:hover, li#hotels .selected  {background: url('images/navigation.jpg') no-repeat -282px -23px };

li#promos a {display: block; width: 93px;}
li#promos a:hover, li#promos .selected  {background: url('images/navigation.jpg') no-repeat -376px -23px };

/* main navigation of subpages ends here man! */



#header #sam .advisory {
	color: #ffffff;
}

#header #sam {
	display: block;
	position: absolute;
	bottom: 5px;
	right: 42px;
	color: #ffffff;
	
}

#content {
	display: block;
	width: 748px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	
}

#content h5{
	width: 240px;
	position: absolute;
	top: 155px;
	right: 20px;
	margin: 0 auto;
	font-size: 12px;
	color: #7393A3;
	background: url('images/bg-h2.gif') repeat-x bottom left;
	padding: 0 0 3px 3px;
	display: block;
	
}

#content h6{
	width: 240px;
	position: absolute;
	top: 247px;
	right: 20px;
	margin: 0 auto;
	font-size: 12px;
	color: #7393A3;
	background: url('images/bg-h2.gif') repeat-x bottom left;
	padding: 0 0 3px 3px;
	display: block;
	
}




/* styles for the main feature box and the special promos on the index page */

#mainbox {
	display: block;
	width: 748px;
	height: 234px;
	background: url('images/bg-mainbox.jpg') no-repeat top left;
	position: relative;
}

#mainbox h2 {
	display: block;
	width: 232px;
	height: 17px;
	background: url('images/hd-special.jpg') no-repeat top left;
	margin: 0;
	padding: 0;
	font-weight: normal;
	position: absolute;
	top: 20px;
	right: 33px;
}


/* mainbox for subpages starts here */
#mainboxair {
	display: block;
	width: 748px;
	height: 143px;
	background: url('images/bg-mainbox-airlines.jpg') no-repeat top left;
	position: relative;
	margin: 0;
	padding: 0;
}

#mainboxair h3 {
	
	font-weight: 100;
	font-size: 18px;
	margin: 0 auto;
	padding: 0;
	font-family: Myriad Pro, Verdana, Arial, Helvetica, sans-serif;
	position: relative;
	top: 15px;
	left: 23px;
	color: #8DA6B3;
}

#mainboxcruise {
	display: block;
	width: 748px;
	height: 143px;
	background: url('images/bg-mainbox-cruises.jpg') no-repeat top left;
	position: relative;
	margin: 0;
	padding: 0;
}

#mainboxcruise h3 {
	
	font-weight: 100;
	font-size: 18px;
	margin: 0 auto;
	padding: 0;
	font-family: Myriad Pro, Verdana, Arial, Helvetica, sans-serif;
	position: relative;
	top: 15px;
	left: 23px;
	color: #8DA6B3;
}

#mainboxhotel {
	display: block;
	width: 748px;
	height: 143px;
	background: url('images/bg-mainbox-hotels.jpg') no-repeat top left;
	position: relative;
	margin: 0;
	padding: 0;
}

#mainboxhotel h3 {
	
	font-weight: 100;
	font-size: 18px;
	margin: 0 auto;
	padding: 0;
	font-family: Myriad Pro, Verdana, Arial, Helvetica, sans-serif;
	position: relative;
	top: 15px;
	left: 23px;
	color: #8DA6B3;
}

#mainboxabout {
	display: block;
	width: 748px;
	height: 143px;
	background: url('images/bg-mainbox-aboutus.jpg') no-repeat top left;
	position: relative;
	margin: 0;
	padding: 0;
}

#mainboxabout h3 {
	
	font-weight: 100;
	font-size: 18px;
	margin: 0 auto;
	padding: 0;
	font-family: Myriad Pro, Verdana, Arial, Helvetica, sans-serif;
	position: relative;
	top: 15px;
	left: 23px;
	color: #8DA6B3;
}


#mainboxpromos {
	display: block;
	width: 748px;
	height: 143px;
	background: url('images/bg-mainbox-promos.jpg') no-repeat top left;
	position: relative;
	margin: 0;
	padding: 0;
}

#mainboxpromos h3 {
	
	font-weight: 100;
	font-size: 18px;
	margin: 0 auto;
	padding: 0;
	font-family: Myriad Pro, Verdana, Arial, Helvetica, sans-serif;
	position: relative;
	top: 15px;
	left: 23px;
	color: #8DA6B3;
}


#mainboxcontact {
	display: block;
	width: 748px;
	height: 143px;
	background: url('images/bg-mainbox-contact.jpg') no-repeat top left;
	position: relative;
	margin: 0;
	padding: 0;
}

#mainboxcontact h3 {
	
	font-weight: 100;
	font-size: 18px;
	margin: 0 auto;
	padding: 0;
	font-family: Myriad Pro, Verdana, Arial, Helvetica, sans-serif;
	position: relative;
	top: 15px;
	left: 23px;
	color: #8DA6B3;
}


/* mainbox for subpages ends here */



#mainbox #special {
	display: block;
	width: 232px;
	position: absolute;
	top: 40px;
	right: 30px;
	list-style-type: none;
}

#special li {
	padding-left: 18px;
	margin-bottom: 5px;
	background: url('images/blt-special.jpg') no-repeat 0 2px;
}

#special a {
	color: #CC0000;
}

#special a:hover {
	text-decoration: none;
}

/* end styles for the main feature box and the special promos on the index page */

/* main column 1 on index page */

#mcol1 {
	display: block;
	width: 442px;
	margin: 0 0 0 22px;
	padding: 0;
}

#mcol1 h2 {
	margin: 0;
	padding: 0;
	font-family: Myriad Pro, Verdana, Arial, Helvetica, sans-serif;
	font-weight: 100;
	color: #8da6b3;
	background: url('images/bg-h2.gif') repeat-x bottom left;
}

#mcol1 h4 {
	margin: 0;
	padding: 10px 0 0 0;
	font-family: Myriad Pro, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #294E61;
	
}

#mcol1 .clickmore  {
	text-align: right;
	
}

#mcol1 .error  {
	color: #EE1B26;
	
}

#mcol1 a  {
	text-align: right;
	color: #EE1B26;
	text-decoration: none;
}

#mcol1 a:hover  {
	text-align: right;
	color: #EE1B26;
	text-decoration: underline; 
}

#mcol1 .leftimg {
	float: left;
	padding: 5px 10px 0px 0;
}



#rightpanel {
	top: 180px;
	background: url('images/topleft.gif') no-repeat;
	position: absolute;
	display: block;
	width: 250px;
	height: 11px;
	right: 20px;
	padding: 0 auto;
}

#rightpanel ul {
 background-color: #C1D6E0;
 list-style-type: none;
 padding: 0 10px 0 13px;
 margin: 11px 0 0 0;
 top: 255px;
 display: block;
 height: 200px;
}

#rightpanel li {
	background: url('images/bullettwo.gif') no-repeat 1px 2px;
	padding: 0 0 10px 18px;
	color: #547484;
	font-weight: normal;
	font-size: 11px;
}

#rightpanel li a{
	text-decoration: underline;
	color: #547484;
	
}

#rightpanel li a:hover{
	text-decoration: none;
	color: #547484;
	
}


#rightpanel #bottom{
	display: block;
	padding: 0 auto;
	margin: 0 auto;
}

#indexpanel {
	top: 280px;
	background: url('images/topleft.gif') no-repeat;
	position: absolute;
	display: block;
	width: 250px;
	height: 11px;
	right: 20px;
	padding: 0 auto;
}

#indexpanel ul {
 background-color: #C1D6E0;
 list-style-type: none;
 padding: 0 10px 0 13px;
 margin: 11px 0 0 0;
 top: 255px;
 display: block;
 height: 200px;
}

#indexpanel li {
	background: url('images/bullettwo.gif') no-repeat 1px 2px;
	padding: 0 0 10px 18px;
	color: #547484;
	font-weight: normal;
	font-size: 11px;
}

#indexpanel li a{
	text-decoration: underline;
	color: #547484;
	
}

#indexpanel li a:hover{
	text-decoration: none;
	color: #547484;
	
}


#indexpanel #bottom{
	display: block;
	padding: 0 auto;
	margin: 0 auto;
}


form {
display: inline;
padding: 0 auto;
}

form p {
clear: left;
margin: 15px 0 0 0 ;
padding:0;

}

form p a{
color: #00FF33;

}



form p label {
float: left;
width: 30%;
}

textarea {

background-color: #C1D6E0; 
border: 1px solid;
border-color: #7393A3;
width: 300px;
height: 80px;
font-size: 14px;
color: #547484;
font: Arial, Helvetica, sans-serif;

}


input.txt {
background-color: #C1D6E0;
border: 1px solid;
border-color: #7393A3;
font-size: 14px;
color: #547484;

}

input.btn {

float: right;
margin: 10px 5px 0 0;
border: 1px outset #7393A3;
background-color: #C1D6E0;
color: #4c4d4d;
}






/*end main column 1 on index page */

/* footer styles */

#footer {
	display: block;
	width: 748px;
	margin: 10px auto;
	padding: 1px 0;
	font-size: .8em;
	text-align: center;
	border-top: 5px solid #7393a3;}
	


#footer a {
	text-decoration: none;
	color: #4c4d4d;
}

#footer a:hover {
	color: #4c4d4d;
	text-decoration: underline;
	
}

/* end footer styles */