
html, body { font-size:11px; }
body {	background: #FFF url(design/pc/header.gif) repeat-x; }
/*h2 { font-size: 18px; color: #99CC33; background: url(design/pc/h-fon.gif) repeat-x; height: 34px; padding: 8px 10px 0 10px; margin: 10px 0 10px 0; }*/
.main-pic { background: #BCD430 url(design/pc/main-pic.jpg) no-repeat; }
#center {	width: 840px; }

a.h2, a.menu-level1, a.menu-level1:visited { font-size:14px; }
#slogan2 { padding:115px 0 0 240px }

.block_header { color: white; background-color:#669900; text-align: center;}

.message_error {
	font-size: 14px;
	color: red;
	font-weight: bold;
}

<!-- HEADER -->



#header{
	width: 100%;
	display: table;
}

#header .hr{background: #DBDBDB;width:100%;height: 8px;clear:both;}

#header .center{
	width: 1024px;
	margin: 0px auto;
	display: table;
	min-width: 1024px;
}

#header .logo{
	margin: 12px 50px;
	float: left;
	width: 180px;
	height: 88px;
	background:url(header_logo.png) no-repeat;
}

#header .top-menu{
	float: right;
	padding-right:50px;
	width: 685px;
	height:27px;*/
}

#header .top-menu ul{
	float: right;
	margin: 0px auto;
	list-style:none;
	height: 27px;
}

#header .top-menu ul li{
	float: left;
	height: 27px;
	background:#DBDBDB;
	height: 18px;
	padding: 9px 5px 0px 5px;
	font: normal 10px Verdana, Helvetica;
	text-transform:uppercase;
	color: #999999;
}

#header .top-menu ul li.login{
	padding: 5px 15px;	
}
#header .top-menu ul li.login input{
	width: 85px;
	height: 15px;
	font-size: 10px;
}

#header .top-menu ul li.lb{
	background:url(header_topmenu_lb.png) no-repeat;
	width: 8px;
	height: 27px;
	padding: 0px;
}

#header .top-menu ul li.split{
	background:url(header_topmenu_split.png) no-repeat;
	width: 3px;
	height: 27px;
	padding: 0px;
}

#header .top-menu ul li.rb{
	background:url(header_topmenu_rb.png) no-repeat;
	width: 8px;
	height: 27px;
	padding: 0px;
}

#header .top-menu ul li a{
	font: normal 10px Verdana, Helvetica, Helvetica;
	text-transform:uppercase;
	color: #999999;
	text-decoration:none;
}

#header .top-menu ul li a:hover{
	font: normal 10px Verdana, Helvetica;
	text-transform:uppercase;
	color: #333333;
	text-decoration:underline;
}

#header .tool-menu{
	height: 37px;
	float:right;
	margin: 50px 50px 0px ;
	background:url(header-tool-menu-rb.png) right top no-repeat;
	display: none;
}

#header .tool-menu sup{font: normal 9px Verdana, Arial, Helvetica, sans-serif;color:#CC6600;}

body#inbox #header .tool-menu,
body#chat #header .tool-menu,
body#currency-converter #header .tool-menu{
	display: block;
}


#header .tool-menu ul{
	margin: 0px; padding: 0px 20px 0px 10px;
	background:url(header-tool-menu-lb.png) left top no-repeat;
	list-style:none;
/*	width: 600px;*/
	height: 37px;
}

#header .tool-menu ul li{
	background: url(header-tool-menu-bk.png) repeat-x top;
	height: 37px;
	padding:5px 15px 0px 15px;
	float:left;
}

#header .tool-menu ul li a{
	font: normal 17px "Trebuchet MS", Helvetica;
	color: #FFF;
	text-decoration: none;
}

body#currency-converter #header .tool-menu ul li.currency-converter a,
body#chat #header .tool-menu ul li.chat a,
body#inbox #header .tool-menu ul li.inbox a{
	color: #256AB0;
}

#header .tool-menu ul li a:hover{
	color: #256AB0;
}

#header .under-menu{
	height:114px;
	width: 1024px;
	overflow:inherit;
	clear:both;
}
#header .main-menu{
	width: 924px;
	height: 36px;
	overflow:hidden;
	margin: 0px 0px 0px 50px;
	clear: both;
}

#header .main-menu ul{
	display: blockl
	list-style:none;
	width: 954px;
	height: 36px;
	margin:0px;
	padding: 0px;
}

#header .main-menu ul li{
	height: 70px;
	margin: 0px;
	display: block;
	text-align:center;
	float: left;
	margin-left:-2px;
/*	background: url(header_mainmenu_rbk.png) right no-repeat;*/
}

#header .main-menu ul li.last{
	background: none;
}

/*#header .main-menu ul li{width: 95px;}*/

#header .main-menu ul li a{
	padding: 0px; margin:0px;
	height: 35px;
	display: block;
	font: normal 17px "Trebuchet MS",Helvetica ;
	color: #FFFFFF;
	text-decoration:none;
}

#header .main-menu ul li i{
	height: 28px;
	display: block;
	font-style:normal;
	padding:8px 10px 0px 10px;
	margin: 0px 3px 0px 3px;
}


#header .main-menu ul li a:hover{color:#256AB0;}


/* show active tab */

#header .main-menu ul li.active,
body#home #header .main-menu ul li.home,
body#itineraries #header .main-menu ul li.itineraries,
body#categories #header .main-menu ul li.categories,
body#friends #header .main-menu ul li.friends,
body#forum #header .main-menu ul li.forum,
body#trips #header .main-menu ul li.trips,
body#gallery #header .main-menu ul li.gallery,
body#tools #header .main-menu ul li.tools,
body#chat #header .main-menu ul li.tools,
body#currency-converter #header .main-menu ul li.tools,
body#inbox #header .main-menu ul li.tools
{
	margin-left:0;
	float: left;
	background:url(header_mainmenu_active_lb.png) no-repeat left top;
}

#header .main-menu ul li.active i,
body#home #header .main-menu ul li.home i,
body#itineraries #header .main-menu ul li.itineraries i,
body#categories #header .main-menu ul li.categories i,
body#friends #header .main-menu ul li.friends i,
body#forum #header .main-menu ul li.forum i,
body#trips #header .main-menu ul li.trips i,
body#gallery #header .main-menu ul li.gallery i,
body#tools #header .main-menu ul li.tools i
body#chat #header .main-menu ul li.tools i,
body#currency-converter #header .main-menu ul li.tools i,
body#inbox #header .main-menu ul li.tools i
{
	background: url(header_mainmenu_active_bk.png) top repeat-x;	
	height: 70px;
}

#header .main-menu ul li.active a,
body#home #header .main-menu ul li.home a,
body#itineraries #header .main-menu ul li.itineraries a,
body#categories #header .main-menu ul li.categories a,
body#friends #header .main-menu ul li.friends a,
body#forum #header .main-menu ul li.forum a,
body#trips #header .main-menu ul li.trips a,
body#gallery #header .main-menu ul li.gallery a,
body#tools #header .main-menu ul li.tools a
body#chat #header .main-menu ul li.tools a,
body#currency-converter #header .main-menu ul li.tools a,
body#inbox #header .main-menu ul li.tools a
{
	background:url(header_mainmenu_active_rb.png) no-repeat right top;
	margin:0px;
	height: 71px;
	display: block;
	color: #256AB0;
	overflow:hidden;
}

/* END show active tab */

#header .low-section{
	width: 100%;
	height: 150px;
	clear:both;
	background: url(header_low_bk.png) repeat-x;	
}
#header .main-menu ul li a:hover{color:#256AB0;}

#header .wide-section{
	width: 100%;
	height: 295px;
	clear:both;
	background: url(header_wide_bk.png) repeat-x;	
}

#header .wide-section .tour{
	float:left;
	width: 242px;
	height: 70px;
	background:url(tour_bk.jpg) no-repeat;
	padding: 224px 0px 0px 285px;
}

#header .wide-section .button-orange{
	background:url(button_orange_lb.png) left no-repeat;
	height: 43px;
	width: 150px;
}

#header .wide-section .button-orange i{
	background:url(button_orange_bk.png) repeat-x;
	height: 35px;
	display: block;
	margin: 0px 10px 0px 10px;
	padding-top: 8px;
	font-style:normal;
}

#header .wide-section .button-orange a{
	text-decoration:none;
	height: 43px;
	display: block;
	text-align:center;
	font: normal 19px "Trebuchet MS",Helvetica;
	color:#FFFFFF;
	background:url(button_orange_rb.png) right no-repeat;
}

#header .wide-section .signup{
	width: 300px;
	height: 295px;
	margin-right: 20px;		
	float: right;
}

#header .wide-section .signup ul{
	margin: 25px auto;
	width: 300px;
	list-style: none;
}
#header .wide-section .signup ul li{
	float: left;
	width: 54px;
	height: 54px; 
	margin:0px 4px 3px 4px;
}

#header .wide-section .signup ul li.button{
	float:left;
	margin-left: 50px;	
	margin-top: 20px;
	
}
#header .single{
	border-bottom: 8px solid #A6CBEF;
}

#header .section .signup ul li.button a{
	display: block;
	clear:both;
	background:url(button_signup.png) no-repeat;
	width: 148px;
	height: 41px;
}

<!-- END HEADER -->

<!-- FOOTER -->

#footer{
	width: 100%;
	height: 20px;
	padding-top: 12px;
}
#footer .background{
	height: 32px;
	background: url(footer_bk.png) repeat-x;
/*	padding-top: 12px;*/
}

#footer .center{
	width: 1024px;
	margin: 0px auto;
	font: normal 11px Verdana, Helvetica;
	color: #E8E88E;
	text-align:center;
	padding-top: 12px;
}

#footer .center a{
	font: normal 11px Verdana, Helvetica;
	color: #E8E88E;
	text-decoration: none;
}

#footer .center a:hover{ 
	text-decoration:underline;
	}
	
	
<!-- END FOOTER -->	



/* HOT TRAVEL DEAL BOX */

#hot_travel_deals_box{
	width: 432px;
	display: table;
}
#hot_travel_deals_box ul.headline{
	width: 623px;
	height: 46px;
	background:url(hot_travel_deals_box_header_bk.png) repeat-x;
	list-style: none;
	margin: 0px; padding:0px;
}
#hot_travel_deals_box ul.headline li{float: left;}
#hot_travel_deals_box ul.headline li.caption{
	padding: 10px 0px 0px 3px;
	font: bold 19px "Trebuchet MS",Helvetica;
	color:#333333;
}
#hot_travel_deals_box ul.headline li.rss_link{
	background:url(hot_travel_deals_box_header_rss.png) no-repeat left;
	padding-left: 20px;
	margin: 15px 0px 0px 20px;
}
#hot_travel_deals_box ul.headline li.rss_link a{font: normal 10px Verdana;color: #999999;}
#hot_travel_deals_box ul.headline li.rss_link a:hover{text-decoration:none}

#hot_travel_deals_box ul.travels_list{
	width: 623px;
	background:url(hot_travel_deals_box_header_bk.png) repeat-x;
	list-style: none;
	margin: 0px; padding:0px;
	display:table;
}

#hot_travel_deals_box ul.travels_list li{
	height: 45px;
	width: 623px;
	background:url(hot_travel_deals_box_list_bk.png) repeat-x;
}

#hot_travel_deals_box ul.travels_list li a{
	padding: 1px;
	height: 41px; width: 621px;
	background:url(hot_travel_deals_box_list_bk.png) repeat-x;
	font: normal 11px Verdana;
	color: #666666;
	text-decoration: none;
	display: block;
}

#hot_travel_deals_box ul.travels_list li a:hover{
	color: #FFFFFF;
	background:url(hot_travel_deals_box_list_bk_over.jpg) repeat-x;

}

#hot_travel_deals_box ul.travels_list li a span{font: normal 12px Verdana;color: #2C71B7;}
#hot_travel_deals_box ul.travels_list li a:hover span{font: normal 12px Verdana;color: #FFF;text-decoration: underline;}

#hot_travel_deals_box ul.travels_list li a i{
	padding-left:38px;
	margin-top: 5px;
	display: block;
	background: url(hot_travel_deals_box_list_bul.png) no-repeat left top;
	font-style:normal;
}

#hot_travel_deals_box ul.travels_list li.view_more{background:none;}
#hot_travel_deals_box ul.travels_list li.view_more a{
	background:none;
	color: #FB7708;
	text-decoration:underline;
	padding: 15px 0px 0px 15px;
	height: auto; width:auto;
}
#hot_travel_deals_box ul.travels_list li.view_more a:hover{ text-decoration:none}

/* END HOT TRAVEL DEAL BOX */

/* VACATION BOX */

#vacation_box{
	width: 480px;
	display: table;
}

#vacation_box .headline{
	width: 465px;
	height: 32px;
	background:url(vocation_box_headline_bk.png) no-repeat;
	font: bold 19px "Trebuchet MS",Helvetica;
	color: #205B97;
	padding: 4px 0px 0px 15px;
}

#vacation_box .container{
	width: 444px;
	background:url(vocation_box_container_bk.png) repeat-y;
	padding:18px;
}

#vacation_box .container .package-type{width: 300px;}
#vacation_box .container .package-type td{height: 25px;}



#vacation_box .footer{
	width: 480px;
	height: 20px;
	background:url(vocation_box_footer_bk.png) no-repeat;
}

#vacation_box .headline i{color: #FB7708;}

/* END VACATION BOX */



/* GALLERY BOX */

#latest_gallery_box{
	width: 320px;
	display: table;
}

#latest_gallery_box h2{
	width: 320px;
	background:url(hot_travel_deals_box_header_bk.png) repeat-x;
	color: #242424;
	padding: 10px 0px 0px 2px;
	font: bold 19 "Trebuchet MS",Helvetica;
}

#latest_gallery_box img{
	border: 5px solid #CCCCCC;
}

/* END GALLERY BOX */




/* SUBSCRIBE BOX */

#subscribe_box{
	width: 316px;
	height: 211px;
	background: url(subscribe_box_bk.jpg) no-repeat;
}

#subscribe_box ul{
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#subscribe_box ul li.headline{
	font: normal 18 "Trebuchet MS",Helvetica;
	padding: 20px 15px 15px 15px;
}

#subscribe_box ul li.headline a{
	height: 26px;
	display:block;
	font: normal 18px "Trebuchet MS",Helvetica;
	color: #FFFFFF;
	text-decoration:none;
	background:url(subscribe_box_headline_ico_1.png) no-repeat left;
	padding: 4px 5px 0px 30px;
}
#subscribe_box ul li.headline a i{color: #256AB0;}

#subscribe_box ul li.text{
	color: #666666;
	font: 	normal 12px Verdana;
	padding: 0px 15px 15px 15px;
}
#subscribe_box ul li.text a{color: #666666;}
#subscribe_box ul li.text a:hover{color: #666666; text-decoration:none}

#subscribe_box ul li.field{padding: 0px 20px 15px 15px;}
#subscribe_box ul li.field input{
	width: 275px;
	color:#666;
	font: normal 12px Verdana;
	border: 1px solid #256AB0;
	padding: 4px;
}
#subscribe_box ul li.button{
	padding: 0px 17px 20px 15px;
}
#subscribe_box ul li.button a{
	width: 94px;
	height: 32px;
	display: block;
	float:right;
	background: url(subscribe_box_button.png) no-repeat;
}

#subscribe_box ul li.button input{
	width: 94px;
	height: 32px;
	display: block;
	float:right;
	border: 0px;
	background: url(subscribe_box_button.png) no-repeat;
	cursor: pointer;
}

/* END SUBSCRIBE BOX */



/* LATEST TRIP JOURNAL BOX */

#latest_trip_journal_box{
	width: 620px;
	display: table;
}

#latest_trip_journal_box h2{
	width: 560px;
	background:url(hot_travel_deals_box_header_bk.png) repeat-x;
	color: #242424;
	margin: 0px 0px 0px 40px;
	font: bold 19 "Trebuchet MS",Helvetica;
}

#latest_trip_journal_box ul{
	list-style:none;
/*	display: table;*/
	width: 620px;
	padding: 10px 0px;
	margin:0px;
}

#latest_trip_journal_box ul li{
	width: 256px;
	float:left;
	padding: 0px 0px 0px 45px;
	overflow:hidden;
	clear: none;
	display: inline;
}


#latest_trip_journal_box ul li ul{
	width: 256px;
	float:left;
	margin: 0px;
	padding:0px;
	list-style: none;
}


#latest_trip_journal_box ul li ul li img{border: 5px solid #CCCCCC;}
#latest_trip_journal_box ul li ul li{margin: 0px;padding:0px 0px 10px;}

#latest_trip_journal_box ul li ul li.title{
	font: normal 10px Verdana;
	color:#656565;
}

#latest_trip_journal_box ul li ul li.title span{
	font: bold 19px "Trebuchet MS",Helvetica;
	color:#256AB0;
}
#latest_trip_journal_box ul li ul li.title a{color:#C0CE21;}
#latest_trip_journal_box ul li ul li.title .date{text-align:center; font-weight:bold; padding-left: 10px}
#latest_trip_journal_box ul li ul li.title .date .month{
	background:url(latest_journal_trip_date_top_bk.png) no-repeat;
	height: 16px;
	width: 34px;
	font: bold 9px Verdana;
	color:#FFFFFF;
}
#latest_trip_journal_box ul li ul li.title .date .day{
	background:url(latest_journal_trip_date_bottom_bk.png) no-repeat;
	height: 18px;
	width: 34px;
	font: bold 12px Verdana;
	color: #333333;
}

#latest_trip_journal_box ul li ul li.description{
	width: 245px;
	font: normal 10px Verdana;
	color: #333;
	text-align:justify;
	padding: 0px 5px 15px 5px;
	height: 105px;
}



/* END LATEST TRIP JOURNAL BOX */


/* HOME PAGE STYLES */

#homepage{
	width: 1024px;
	margin: 0px auto;
	display: table;
	padding: 25px 0px 25px 0px;
	clear: both;
}

#homepage .hot_travel_deals{
	padding: 0px 0px 0px 40px;
	width: 432px;
	float: left;
	display: table;
}

#homepage .book_your_dream_vacation{
	width: 287px;
/*	height: 420px;*/
	float: left;
	margin: 40px 0px 0px 40px;
	display: table;
}

#homepage .latest_photo_gallery{
	padding: 20px 0px 0px 40px;
	clear:left;
	width: 320px;
	float:left;
	display: table;
}

#homepage .clear{
	clear: both;
	width: 320px;
	height:20px;
}

#homepage .latest_trip_journal{
	padding: 20px 30px 0px 0px;
	width: 620px;
	float: right;
	display: table;
	vertical-align:top;
}
/* END OF HOME PAGE STYLES */


/* SITEMAP */

#sitemap ul{list-style:none;}
#sitemap ul li{margin:5px 0px;}
#sitemap ul li a{
	font: normal 14px Verdana,Helvetica;
	text-decoration:none;
}
#sitemap ul li ul{
	margin:0px; padding-left:20px;
}
#sitemap ul li ul li a{
	font: normal 12px Verdana,Helvetica;
	text-decoration:underline;
}


/* END of SITEMAP */


/* CHAT */
#main #optionsContainer{
	height: 35px;
	border-bottom: 3px solid #215CAD;
}

#main #optionsContainer div{ 
	height:35px;
	float: left;
	margin-right:4px;
}
#main #optionsContainer div a{
	display: block;
	height: 35px;
	background:url(../pc/tab-rb.png) top right no-repeat;
	font: bold 16px "Trebuchet MS",Helvetica;
	color: #FFFFFF;
	text-decoration: none;
}
#main #optionsContainer div a b{ 
	background:url(../pc/tab-lb.png) top left no-repeat;
	height:35px;
	float: left;
	
}

#main #optionsContainer div i{
	display: block;
	height: 35px;
	background:url(../pc/tab-bk.png) repeat-x top;
	margin: 0px 5px 0px 5px;
	padding: 7px 10px 0px 10px;	
	font-style:normal;
}

#main #optionsContainer div a:hover b,
#main #optionsContainer div.active a b{ 
	background:url(../pc/tab-active-lb.png) top left no-repeat;
}
#main #optionsContainer div a:hover,
#main #optionsContainer div.active a{
	display: block;
	height: 35px;
	background:url(../pc/tab-active-rb.png) top right no-repeat;
	font: bold 16px "Trebuchet MS",Helvetica;
	color: #FFF;
	text-decoration: none;
}
#main #optionsContainer div a:hover i,
#main #optionsContainer div.active a i{
	display: block;
	height: 35px;
	background:url(../pc/tab-active-bk.png) repeat-x top;
	margin: 0px 5px 0px 5px;
	padding: 7px 10px 0px 10px;	
	font-style:normal;
}

/* END of CHAT	*/