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

html, body {border: 0; margin: 0; padding: 0; height: auto;}
body {	
	font: 11px arial, helvetica, sans-serif;
	color: #000000; /*Font color*/
	background: #FFFFFF url(../images/bg_main01.gif) repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
body.content{
text-align: left;
background:none;
}
	p {}
	p, ul, ol { margin: 0; padding: 0; }
	img, img a { border: none; }
	form { margin: 0; padding: 0; }

	
/*************************  Nav  *************************/
#inside-nav{
    width:500px;
	height: 23px;
	float:left;
	padding: 129px 0 0 258px;
	text-align:right;
}
	
a:link {
	color:#333;
	text-decoration:none;
	font-weight: bold;
}
a:visited {
	color:#999999;
	text-decoration:none;
	font-weight:  bold;
}
a:hover {
	text-decoration: none;
	font-weight:  bold;
	color:#FF9900;
}
a:active {
	color:#999999;
	font-weight: bold;
}
/************************* Wrapper Css *************************/	
#Wrapper {
	width: 954px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

/****************************** Header Css ******************************/
#header{
	width: 954px;
	height: 252px;
	float:left;
	}

#logo{
	width: 196px;
	height: 252px;
	float:left;
	background: #000 url(../images/bg02.gif) no-repeat;
}

#btn-main{
	width: 196px;
}

#btn-main ul{
	padding-top:20px;
	padding-bottom:69px;
}

#btn-main ul li{
	width:auto;
	float:left;
	list-style:none;
	display:block;
}

#btn-email{
	width: 170px;
	text-align:left;
	padding-left:14px;
}
#header-tour,#header-visa,#header-hotels,#header-tickets,#header-airfare,#header-insurance{
	width: 755px;
	height: 252px;
	float:left;
	
	}
#header-tour{
	background: url(../images/header_tour.gif) no-repeat bottom left;
}
#header-visa{
	background: url(../images/header_visa.gif) no-repeat bottom left;
}
#header-hotels{
	background: url(../images/header_hotels.gif) no-repeat bottom left;
}
#header-tickets{
	background: url(../images/header_tickets.gif) no-repeat bottom left;
}
#header-insurance{
	background: url(../images/header_insurance.gif) no-repeat bottom left;
}
#header-airfare{
	background: url(../images/header_airfare.gif) no-repeat bottom left;
}
/****************************** Content area Css ******************************/
#left_panel {
	width: 130px;
	float:left;
	text-align:left;
}

/****************************** tour content area  ******************************/
#promo_area { 
width:450px;
float:left;
padding-left:30px;
padding-top:25px;
}

table.promo { 
float:left;
width:330px;
font-family:Arial, Helvetica, sans-serif;
font:11px Arial, Helvetica, sans-serif;
text-align:left;
}

th.header {
text-align:left;
font:12px verdana;
color:#999;
font-weight:bold;

}

th { 
text-align:right;
vertical-align:top;
font:11px Arial, Helvetica, sans-serif;
}
td { 
padding-left:10px;
text-align:left;
font:11px Arial, Helvetica, sans-serif;
font-weight:100;
color:#333333;
}


/****************************** promo end  ******************************/
#main_area{
	width:954px;
	height:750px;
	float:left;
	background: url(../images/bg03.gif) repeat-y;

}
#main_panel{
	margin:0;
	padding:0;
	width:814px;
	float:right;
	text-align:left;
	background-color:#FFF;
}

/****************************** old area Css ******************************/
#maintour { 
	width:150px;
	height:380px;
	background:#fff;
	padding-left:30px;
	padding-top:25px;
	float:left;
}
#maintour ul{
}

#maintour ul li{
	height: 20px;
	list-style:none;
	font-weight: bold;
	background: url(../images/bg_arrow.gif) no-repeat;
	padding: 1px 0 1px 16px;
}

#maintour ul li a{
	color:#999;
}

#maintour ul li a:hover{
	text-decoration:none;
	color:#1b4b61;
}

/****************************** Right panel Css ******************************/
#right-panel {
	width: 302px;
	float:right;
}

iframe{
	float:left;
	background-color:#FFFFFF;
	overflow-x:hidden;
	border:none;
}



/****************************** Footer Css ******************************/
#footer{
	width: 954px;
	height: 30px;
}

#footercontent { 
  	float: left;
	width: 954px;
  	margin: 0;
  	padding: 0;
	color:#999999;
  	list-style: none;
}

#copyright {
  	float: left;
  	margin: 0;
  	padding: 7px 13px;
}
	
#policy {
  	float: right;
  	margin: 0;
  	padding: 7px 13px;
} 
	
/****************************** Clear float Css ******************************/	
#clear{
	clear:both;
}

/* inner nav- coverpage */
    #innertab {
      float:left;
      width:500px;
      font-size:11px;
	  font:Verdana, Arial, Helvetica, sans-serif;
	  font-weight:bold;
      line-height:normal;
	 
      }
    #innertab ul {
	  margin:0;
	  padding:10px 10px 0 0;
	  list-style:none;
      }
    #innertab li {
      display:inline;
      margin:0;
      padding:0;
      }  
	  
    #innertab li a {
      float:left;
      background:url(../images/bg_nav_left.gif) no-repeat left top;
	  margin:0;
      padding:0 2px 0 2px;
      text-decoration:none;
	  font-weight:bold;
      }
    #innertab li a span {
      float:left;
      display:block;
      background:url(../images/bg_nav_right.gif) no-repeat right top;
      padding:5px 10px 4px 4px;
      color:#FFF;
      }
	  
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #innertab li a span {float:none;}
    /* End IE5-Mac hack */
    #innertab li a:hover span {
      color:#FFCC00;
      }
    #innertab li a:hover {
      background-position:0% -42px;
      }
    #innertab li a:hover span {
      background-position:100% -42px;
      }  
	  
/* Menu selected */
#innertab li.selected a{
      background-position:0% -84px;
}

#innertab li.selected a span{
      background-position:100% -84px;
}