@charset "utf-8";
/* CSS Document */
html{
	background:url(../img/bg.png) repeat-y  top center #000; font:11px Tahoma, Geneva, sans-serif; 
}
body{
	background:url(../img/bg_cnt1.png) no-repeat  top center;	color:#FFF; min-height:500px	
}
a{
	color:#FFF; text-decoration:none;	
}
a:hover{
	color:#00ADEE; 	 text-decoration:none;	
}
.screen{
	width:975px; margin:auto; padding:0; overflow:hidden;
}
.display{
	clear:both; float:left; width:100%; display:block;	
}
.none{
	margin:0; padding:0; list-style-type:none;	
}
/********************/
#header .logo{
	background:url(../img/logo.png) no-repeat left top; height:41px; overflow:hidden; padding:24px 0 0 80px; margin:0;
	font:bold italic 15px "Trebuchet MS", Arial, Helvetica, sans-serif; float:left; display:inline;
}
#header .share-mxh{
	float:right; font:bold italic 13px	"Trebuchet MS", Arial, Helvetica, sans-serif; margin-top:15px;
}
#header .share-mxh a{
	color:#FFF; margin-right:10px; display:inline
}
#header .share-mxh a.facebook{
	background:url(../img/facebook.png) no-repeat left center; padding-left:25px;
}
#header .share-mxh a.twitter{
	background:url(../img/twitter.png) no-repeat left center; padding-left:25px;
}
#header .share-mxh a.google{
	background:url(../img/plusone-16.png) no-repeat left center; padding-left:25px;
}
#header .share-mxh a.zing{
	background:url(../img/icon_zing.png) no-repeat left center; padding-left:25px;
}
/***************************/
#content-page{
	margin-top:65px; overflow:hidden;	
}
.sologan{
    color: #FFFFFF;    font: 22px/30px "Trebuchet MS", Arial, Helvetica, sans-serif; 	width:47%; display:block;
	margin-left:80px;
}
.sologan b{
    color: #00ADEE; text-transform:capitalize; font:bold italic 24px Tahoma, Geneva, sans-serif
}
.read-more{
	font:13px AreplosBookProBoldItalic; color:#00ADEE; text-transform:capitalize; text-decoration:underline;
}
#nav-main{
	position:relative; top:-76px;
}
#nav-main a{
	color:#EEFAFE; font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif
}
/*********/
#nav-main .nav-welcome{
	position:absolute; background:url(../img/moto4.jpg) no-repeat right top #037CA9; height:195px; overflow:hidden;
	width:190px; padding:0px 200px 0 0; right:0px; top:-80px; text-align:center;
}
#nav-main .nav-welcome span{
	background:url(../img/head.png) no-repeat center 68px;	float:left;	width:190px; height:82px; overflow:hidden;
	padding-top:113px
}
/*********/
#nav-main .nav-services{
	position:absolute; background:url(../img/moto1.jpg) no-repeat left top #00ADEE; height:195px; overflow:hidden;
	width:190px; padding:0px 0 0 200px ; left:0px; top:115px; text-align:center;
}
#nav-main .nav-services span{
	background:url(../img/flower.png) no-repeat center 68px;	float:left;	width:190px; height:82px; overflow:hidden;
	padding-top:113px
}
/*********/
#nav-main .nav-blog{
	position:absolute; background:url(../img/moto3.jpg) no-repeat right bottom #54C8F3; height:190px; overflow:hidden;
	width:195px; padding:0px 0px 200px 0; left:390px; top:115px; text-align:center;
}
#nav-main .nav-blog span{
	background:url(../img/hand.png) no-repeat center 68px;	float:left;	width:190px; 	overflow:hidden;
	padding-top:113px
}
/*********/
#nav-main .nav-trips{
	position:absolute; background:url(../img/moto2.jpg) no-repeat left top #93C5D8; height:195px; overflow:hidden;
	width:190px; padding:0px 0 0 200px; right:0px; top:115px; text-align:center;
}
#nav-main .nav-trips span{
	background:url(../img/letter.png) no-repeat center 68px;	float:left;	width:190px; height:82px; overflow:hidden;
	padding-top:113px
}
/*******************/
.h-main{
	min-height:1365px; 
}
.detail-title{
	clear:both; float:left; margin:0 0 0 195px;
}
.detail-title span{
	float:left; background:#037CA9; padding:0px 20px; font:bold italic 13px/65px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
/***********/
#page-welcome{
	height:1495px;	
}
#page-welcome .img-thums{
	float:left; width:195px; overflow:hidden; height:195px; background:#EEE;
}
#page-welcome .img-thums img{
	float:left; width:195px; overflow:hidden; height:195px;
}
#page-welcome .detail-content{
	float:left; width:535px; background:#FFF; display:block; overflow:hidden; min-height:145px;
	padding:30px 20px 20px 30px; color:#000; font-weight:normal; line-height:24px; font-size:13px;
}
#page-welcome .detail-content h5{
	font:bold italic 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#page-welcome .detail-content a{
	color:#000; border-bottom:1px dotted #333; padding:0 3px 1px
}
#page-welcome .detail-content img{
	max-width:530px; text-align:center;
}
#page-welcome .detail-right{
	float:right; width:195px; overflow:hidden; height:195px; display:block; background:#00ADEE;
	text-align:center; vertical-align:middle;
}
#page-welcome .detail-right a h2{
	line-height:195px;
}
#page-welcome .detail-right a:hover{
	color:#FFF;
}
#page-welcome .detail-tags{
	clear:both; float:left; width:780px; display:block;
}
#page-welcome .detail-tags a{
	color:#FFF;
}
#page-welcome .detail-tags a:hover{
	color:#FFF;
}
.tag-item{
	font:bold italic 13px/65px "Trebuchet MS", Arial, Helvetica, sans-serif;  text-transform:capitalize; text-align:center;
	margin:0; padding:0
}
#page-welcome .detail-tags a.item-1{
	float:left; width:195px;	background:#00ADEE; 
}
#page-welcome .detail-tags a.item-2{
	background:#037CA9;	float:right; padding:0 45px
}
#page-welcome .detail-tags a.item-3{
	clear:both; float:left; margin-left:195px; padding:0 27px; background:#54C8F3
}
#page-welcome .detail-tags a.item-4{
	float:right; margin-right:-85px; padding:0 30px; background:#54C8F3
}
/************************/
#nav-top{
	background:url(../img/bg_menu.png) repeat-x left top; height:65px; overflow:hidden; margin-bottom:50px; line-height:65px;
	padding-left:220px; width:755px;
}
#nav-top a{
	font:bold italic 11px Verdana, Geneva, sans-serif; float:left; margin:18px 25px 15px 0;
}
#nav-top a.icon-welcome{
	background:url(../img/menu_head.png) no-repeat left top; padding:6px 0 6px 60px; display:inline
}
#nav-top a.icon-services{
	background:url(../img/menu_flower.png) no-repeat left top; padding:6px 0 6px 50px; display:inline
}
#nav-top a.icon-blog{
	background:url(../img/menu_hand.png) no-repeat left top; padding:6px 0 6px 60px; display:inline
}
#nav-top a.icon-trips{
	background:url(../img/menu_letter.png) no-repeat left top; padding:6px 0 6px 80px; display:inline
}
#nav-top a:hover, #nav-top a.selected{
	background-position:left -46px; color:#00ADEE !important
}
/***************/
#page-services{
	background:url(../img/bg_cnt3.png) no-repeat top center; min-height:1495px; overflow:hidden;	
}
#page-services #ser-content{
	position:relative;
}
#page-services #ser-content .title{
	font:bold italic 24px/40px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; text-transform:uppercase;
	position:absolute; left:420px; top:225px;
}
#page-services #ser-content a{
	font:bold italic 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; text-transform:capitalize;
}
#page-services #ser-content .ser-1{
	position:absolute; left:215px; top:24px; 
}
#page-services #ser-content .ser-2{
	position:absolute; right:175px; top:24px; 
}
#page-services #ser-content .ser-3{
	position:absolute; left:50px; top:221px; 
}
#page-services #ser-content .ser-4{
	position:absolute; left:90px; top:285px; 
}
#page-services #ser-content .ser-5{
	position:absolute; right:115px; top:285px; 
}
#page-services #ser-content .ser-6{
	position:absolute; right:190px; top:348px; 
}
#page-services #ser-content .ser-7{
	position:absolute; left:350px; top:480px; 
}
/*******************/
#footer{
	margin:10px	0; text-align:center; text-transform:capitalize; letter-spacing:0.7px;
	font:italic 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#footer h1{
	font:bold italic 13px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0; padding:0;
}
/*******************/
#detail #nav-top{
	margin-bottom:0;	
}
#page-blog .blog-right{
	float:right; width:195px; overflow:hidden; display:block; 
}
#page-blog .blog-left{
	float:left; width:780px; overflow:hidden; min-height:195px; display:block;
}
#page-blog .blog-left .blog-item{
	margin-top:10px; clear:both; float:left; width:100%; display:block; position:relative; background:#FFF; color:#000
}
#page-blog .blog-left .blog-item:first-child{
	margin-top:0px;
}
#page-blog .blog-left .blog-item a{
	color:#000
}
#page-blog .blog-left .blog-item a:hover{
	color:#037CA9
}
#page-blog .blog-left .img-thums{
	float:left; width:195px; overflow:hidden; height:195px; background:#EEE;
}
#page-blog .blog-left .img-thums img{
	height:195px; width:195px; vertical-align:middle;
}
#page-blog .blog-left .des{
	float:left; width:535px; background:#FFF; display:block; overflow:hidden; min-height:145px;
	padding:30px 20px 20px 30px; color:#000; font-weight:normal; line-height:24px;
}
#page-blog .blog-left .des h4{
	font:bold italic 13px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0 0 5px 0; padding:0;
}
#page-blog .blog-left .des h6{
	font:13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0; padding:0;
}
#page-blog .blog-left .blog-item .read-more{
	position:absolute; right:0px; bottom:0px; color:#FFF; padding:10px 20px; text-decoration:none;
	background:#54C8F3;	font:bold italic 11px "Trebuchet MS", Arial, Helvetica, sans-serif
}
#page-blog .blog-left .blog-item .read-more:hover{
	color:#000; 
}
/****************/
#pagination{
	clear:both; float:left; width:780px; display:block; overflow:hidden; text-align:right;	
}
#pagination div{
   background: none repeat scroll 0 0 #037CA9;    float: right;	 padding: 0 20px;
   font: italic bold 13px/65px "Trebuchet MS",Arial,Helvetica,sans-serif;
}
#pagination div a, #pagination div b{
   margin:0 7px;
}
#pagination div b{
   color:#000
}
#page-blog .blog-right .box{
	background:#00ADEE; clear:both; float:left; width:90%; padding:5%; color:#FFF; margin-bottom:10px;
}
.detail-blog{
   font: italic bold 15px "Trebuchet MS",Arial,Helvetica,sans-serif; margin-bottom:10px; color:#FFF:
}
.detail-blog a:hover{
   color:#FFF !important;
}
/*************************/
#page-blog .blog-right .box .item{
	clear:both; float:left; padding:5px 0 5px 12%; width:88%; display:block; font-weight:bold; font-size:11px;
	background:url(../img/list-2.png) no-repeat 10px 10px;
}
#page-blog .blog-right .box .item:hover{
	color:#333	
}
.i-tag{
	float:left; text-transform:capitalize; margin:0 5px 5px 0; background:#44C9FE; padding:3px 5px; display:inline; color:#FFF;
	font:11px Arial, Helvetica, sans-serif;
}
.i-tag:hover{
	color:#000;
}
/***********/
#page-welcome .blog-right{
	float:right; width:195px; overflow:hidden; display:block; 
}
#page-welcome .blog-right .box{
	background:#00ADEE; clear:both; float:left; width:90%; padding:5%; color:#FFF; margin-bottom:10px;
}
#page-welcome .blog-right .box .item{
	clear:both; float:left; padding:5px 0 5px 12%; width:88%; display:block; font-weight:bold; font-size:11px;
	background:url(../img/list-2.png) no-repeat 10px 10px;
}
#page-welcome .blog-right .box .item:hover{
	color:#333	
}
.blog-other a{
	color:#000;
}
.blog-other a:hover{
	color:#00ADEE;
}
/************************/
#page-trips #trips-left{
	float:left; width:195px; display:block; overflow:hidden; background:#FFF;	
}
#page-trips #trips-left h1{
	clear:both; float:left; padding:0; background:#FFF; font:bold italic 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000; margin:0px
}
#page-trips #trips-left h1 img{
	clear:both; float:left;
}
#page-trips #trips-left h1 span{
	clear:both; float:left; display:block; width:100%; padding:17px 0; text-align:center;
	font-size:20px;
}
#page-trips #trips-left a{
	color:#000;
}
/*************/
#page-trips #trips-right{
	float:right; width:780px; overflow:hidden; display:block;	
}
#page-trips #trips-right dt{
    background-color: #00ADEE;    float: left;    height: 260px;    margin-left: 65px;
    margin-bottom: 65px;    width: 130px;
}
#page-trips #trips-right dt div{
    vertical-align:middle; height:130px; display:table-cell; clear:both; width:130px; overflow:hidden; text-align:center;
}
#page-trips #trips-right dt div h3{
    font:bold italic 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#page-trips #trips-right a{
	color:#fff;
}
#page-trips #trips-right h3 i{
    color: #005474;    font-family: Arial,Helvetica,sans-serif;    font-size: 11px;    line-height: 20px;
}
/***********************/
.trips-title{
	margin-left:65px  !important;	
}
#trips-detail{
	margin-left:65px; width:675px; overflow:hidden; background:#FFF; clear:both; float:left; display:block; color:#000;
	padding:20px 10px 15px	30px; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#trips-detail img{
	max-width:670px; overflow:hidden;
}
#trips-img{
	margin-left:65px; width:715px; overflow:hidden; background:#FFF; clear:both; float:left; display:block; color:#000;
	padding-top:20px;
}
#trips-img li{
	float:left; width:20%; display:block; overflow:hidden; text-align:center; display:table-cell; vertical-align:middle;
	margin-bottom:20px;
}
#trips-img li img{
	height:120px; width:120px; padding:3px; border:1px solid #CCC; background:#FFF; border-radius:3px;
}

#trips-img li a{
	opacity:0.7;
}
#trips-img li a:hover{
	opacity:1
}
.f-11{
	font-size:11px;	
}