body{background: url(../images/bg-home.jpg) no-repeat top center !important;}
header{height:110px !important;}
#main-menu{ position:relative}
#main-menu ul { margin: 10px 2px 14px;}

.badge{
  border-top:1px #222 dotted;
  margin-top:15px;
  padding-top:25px;
}
.badge img{
  margin-right:6px;
  vertical-align:middle
}

#mainContent .left-col{ width:660px !important;}
.left-col .col1, .left-col .col2{ position:relative; display:block;}
.left-col .col1{float:left; width:320px; }
.featured p{ color:#aaa}
.featured img{ display:block; }
.featured h3{ margin:15px 0 10px; font-size:14px; line-height:14px; color:#FC0}
.featured a{ padding:5px 13px; background:#222;  float:right; font-weight:bold; text-transform: capitalize; font-size:90%; color:#FC0}
.featured a:hover{ text-decoration:none; background:#FC0; color:#000}


.left-col .col2{float:right; width:320px; }



#mainContent .left-col section{ margin:0 0 30px;}
#mainContent .left-col .banner{ display:block; margin:10px 0 30px}

#mainContent .services ul{ margin:0; padding:0; display: block; height: 1%; width:102%}
#mainContent .services ul:after{content: ".";
		    display: block;
		    height: 0;
		    clear: both;
		    visibility: hidden;}
#mainContent .services ul li{ margin: 0 10px 0 0; padding:0; list-style:none; float:left; width:160px;}
#mainContent .services ul li a{ color:#fff}
#mainContent .services ul li a:hover{ text-decoration:none; color:#0c0}
#mainContent .services ul li h4{ margin:2px 0 5px; font-size:110%}
#mainContent .services ul li img{border:#333 2px solid; width:155px}
#mainContent .services ul li p{ margin:0; padding:0; font-size:12px; line-height:13px; color:#666666}



#mainContent .right-col{ width:240px !important; margin-top:5px}
/*#mainContent .right-col section{ border:dotted #333 1px; margin:10px 0 15px; padding:10px; background:#0c0c0c; width:100%}*/
#mainContent .right-col section{margin:15px 0; width:100%}
#mainContent .right-col .banner{ display:block; margin:0 0 7px}

.pkg { background:#161616; margin:0 0 10px; padding:3px; position:relative; display:block; vertical-align:top; border: solid #122f12 1px; }
.pkg .detail{ border:#000 solid 1px; padding: 13px 13px 10px; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; color:#CCCCCC}
.pkg h4{ font-size:18px; color:#0c0; margin-bottom:13px;  text-shadow: 1px 3px #000; font-family:inherit }
.pkg em{ display:block; color:#333; font-size:12px}
.pkg ul{ margin: 5px 0 10px; padding:0 0 0 15px; list-style:none; font-size:11px}
.pkg ul li{ list-style-image:url(../images/pkg-list.gif); margin: 0 0 3px 0; padding: 0 0 2px 0; line-height:12px }
.pkg ul li a{ color:#222; text-decoration:underline }
.pkg ul li a:hover{ color: #C00 }
.pkg .price{ line-height:25px; font-weight:bold; font-size:18px; margin: 0; text-align:right; color:#fff }
.pkg .price small{ font-size:12px;}
.pkg a.book{ display:block; margin-top:14px}

.right-col section a.more{background:url(../images/bg-more-pkg.gif) repeat-x; display:block; width:100%;  color:#fff; font-weight:bold; text-align:center; line-height:30px; text-transform:uppercase}


/******************************** SLIDER **********************************************************/
#hero{width:945px; height:250px; padding: 0 25px;}

/* slider layout */
.lof-slidecontent { position:relative;	overflow:hidden;}
.lof-slidecontent .preload{	height:100%;	width:100%;	position:absolute;	top:0;	left:0;	z-index:100000;	text-align:center;	background:#000}
.lof-slidecontent .preload div{	height:100%;	width:100%;	background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;}

.lof-slidecontent  .sliders-wrapper{	position:relative;	height:100%;	width:900px;	z-index:3px;	overflow:hidden; }
.lof-slidecontent  ul.sliders-wrap-inner{overflow:hidden;	/*background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;*/	padding:0px;	margin:0;	position:absolute;	overflow:hidden;}
.lof-slidecontent  ul.sliders-wrap-inner li{overflow:hidden;	padding:0px;margin:0px;	float:left;	position:relative;}
.lof-slidecontent  .lof-opacity  li{position:absolute;	top:0;	left:0;	float:inherit; }


.lof-slidecontent  .navigator-content { position:absolute;
  background: none repeat scroll 0 0 #000000;
    border-radius: 5px 5px 5px 5px;
    bottom: 10px;
    padding: 5px 15px;
    position: absolute;
    right: 10px;
}
.lof-slidecontent  .navigator-wrapper{	position:relative;	z-index:10;
	height:180px;
	width:310px;
	overflow:hidden;
	color:#FFF;
	float:left
}
.lof-slidecontent  ul.navigator-wrap-inner{	top:0;	padding:0;	margin:0;	position:absolute;	width:100%; }
.lof-slidecontent  ul.navigator-wrap-inner li{ cursor:hand; 	cursor:pointer;	list-style:none;	padding:0;	margin-left:0px;	overflow:hidden;	float:left;	display:block;	text-align:center;}

/*******************************************************/
 
ul.sliders-wrap-inner li img{	padding:0px;	}

.lof-slidecontent .slider-description a.readmore{color:#58B1EA; font-size:95%; }
.lof-slidecontent .slider-description a{ color:#FFF; }
.lof-slidecontent .slider-description{
	z-index:100px;
	position:absolute;
	bottom:50px;
	left:0px;
	width:350px;
	background:url(../images/bg_trans.png);
	height:100px;
	padding:10px;
	color:#FFF;
}
.lof-slidecontent .slider-description h4 {    font-size: 14px;    margin: 10px 0;    padding: 0; }
.lof-slidecontent .slider-description .slider-meta a{	
	margin:0;
	background:#C01F25;
	font-size:75%;
	padding:2px 3px;
	font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;
	text-transform:uppercase;
	text-decoration:none
}
.lof-slidecontent  .item-meta a:hover{	text-decoration:underline;}
.lof-slidecontent  .item-meta i {	font-size:70%; }

/* item navigator */
 
.navigator-wrapper{
	 color: #FFFFFF;
    float: left;
    height: 180px;
    overflow: hidden;
    position: relative;
    width: 310px;
    z-index: 100;
}
.navigator-wrap-inner{
	top:0;
	padding:0;
	margin:0;
	position:absolute;
	width:100%;
}

.lof-slidecontent ul.navigator-wrap-inner li {
	cursor:hand; 
	cursor:pointer;
	list-style:none;
	padding:0;
	margin-left:0px;
	overflow:hidden;
	float:left;
	display:block;
	text-align:center;
}
.lof-slidecontent ul.navigator-wrap-inner li span{
	display:block; padding:6px; position:relative; line-height:0.5em  }

.lof-slidecontent ul.navigator-wrap-inner li.active ,
.lof-slidecontent ul.navigator-wrap-inner li:hover  {
	background:#FC0;
	color:#000;
	display:block;
	-moz-transition:background-color  0.8s
}

.top-test:after{content: ".";  display: block; height: 0; clear: both; visibility: hidden;}
.top-test .dquo1, .top-test .dquo2 {
color:#333;
font-size:50px;
font-weight:700;
height:30px;
line-height:40px;
overflow:hidden;
position:relative;
width:35px;
}

.top-test p {
margin:10px 10px 0;
color:#CCC;
font-style:italic;
}

.top-test .dquo1 {
float:left;
left:-2px;
}

.top-test .dquo2 {
display:block;
float:right;
line-height:45px;
right:-5px;
}

.top-test span {
display:block;
font-style:normal;
margin-top:8px;
text-indent:35px;
}


.payment{
  background:#222;
  padding:5px 5px 20px;
  width:230px !important;
  border:1px #060 solid;
}
.payment h3{
  background:#060;
  padding:5px;
}
.payment table{
  margin:15px 15px;
}

@media only screen and (max-width : 480px) {
  body{background: #000 none !important;}
	header{height: inherit !important;}
  #hero{ display:none}
  #main-menu ul{
    margin:0 !important;
  }
  #mainContent .left-col,
  #mainContent .right-col,
  .left-col .col1, .left-col .col2,
  .left-col .col1 img, .left-col .col2 img,
  .banner img {
    float: none;
    width: 100% !important
  }
  
}