@charset "utf-8";
/* CSS Document */
html{ 
 	background:url(images/bgs.png); 
	margin:0;
	padding:0;
	position:relative;
	z-index:0;
	} 

body{ 
	background:url(images/bg-head.png) repeat-x top;
	min-height:500px;
	behavior: url("csshover3.htc");
	position:relative;
	margin:0 auto; 
 	padding:0;
	z-index:1;
 	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	}
img{ 
	padding:0;
	margin:0;
	border:0;
		max-width:736px;
	}
p{ 
	padding:0;
	margin:8px 0;
	font-size:100%; 
	}
a{
	color: #900;
	}
.fr{
	float:right;
	}
.fl{
	float:left;
	}
	
#header{
 	height:120px; 
 	z-index:100;
	position:relative;
	
} 

#header .bg{background:url(images/vegasbg.gif) no-repeat right; display:block; height:100px; width:125%; position: ; top:0; right:0; z-index:120;}
#header .logo{float:left; z-index:70}
#header .socialmedia{position:absolute; top:52px; left:180px}

#header .socials{position:absolute; top:52px; left:170px;}
#header .socials ul{ margin:0; padding:0;}
#header .socials li{ float: left; margin:0 10px 0 0; padding:0; vertical-align:middle; list-style:none }
#header .socials li #fb-root iframe{  width:400px !important;}
#header .socials li #fb-root input{  width:300px !important;}
#header .socials li.goo{ width:90px; z-index:20}
#header .socials li.num{}

.pagelink{color: #666; font-size:90%; position:absolute; top:92px; left:158px;}
.pagelink a{ padding:0 2px; text-decoration:none; color: #900; }
.pagelink a:hover{ text-decoration:underline}
.pagelink a:visited{ color:#666}


#footer{
	margin:0 auto;
	margin-bottom:20px;
	background: #900;
 	height:50px; 
} 

#footer .col1{color:#700; padding:9px 5px 0 0; text-align:right}
#footer .col1 a{color:#300; text-decoration:none; padding:0 8px;}
#footer .col1 a:hover{text-decoration: underline}
#footer .col2{
	background:#600;
	height:50px;
	position:relative; 
	width:190px;
	text-align:center;
	vertical-align:middle; 
	font-size:85%; 
	font-weight:bold;
	}




/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
		vertical-align:top;
}

.colmask .maintable {
	margin:0 auto;
	padding:0 0 0 10px;
	border:0;
	width:970px;
	vertical-align:top;
	height:100%;
	
}


/* LEFT MAIN CONTENT*/

table .col1 {
	width:770px;
	padding-right:7px;
	max-width:770px;
	vertical-align:top;
	position:relative;
	z-index:200;
}
 
.col1 .content {
	background:#fff; 
	min-height:600px;
	margin-bottom:15px;
	padding-bottom:10px;
	
	}



.titletab{
	background:url(images/title_bg.gif) center repeat-x; 
	height:20px;
	line-height:20px;
	width:100%; 
	display:block; 
	margin:25px 0 9px 0;
	position:relative;
	font-family: Tahoma, Geneva, sans-serif;
	color:#333; 
	text-transform:uppercase;
}
.aboutbg{margin:5px 0 0 0}
.titletab h1{ background:#fff; font-size:150%; display:inline; padding-right:5px }
.titletab h2{ background:#fff; font-size:150%; display:inline; padding-right:5px }
.titletab b{ color:#900}

.indexabout{
	background-image:url(images/title_index_about.gif);
	margin:0;
}

.featured{ border-spacing:0 8px;}
.featured h4{ padding:0 6px 0 4px; margin:0 0 2px 0; }
.featured tr{ height:60px; }
.featured p {font-size:95%; text-indent:0; padding:0 6px 0 4px; margin:0; line-height:12px;}
.featured p a {font-weight:bold;}


#featured-package{
	width:100%;
	background:url(images/bg_fpack.png) top no-repeat #C90;
	min-height:300px;
	padding-top:130px; padding-bottom:1px;
}
#featured-package .detail{padding:0; margin:9px 10px 15px 10px; background:#FFF; min-height:100px;}

#featured-package ul{ list-style:square; color:#333; padding: 5px 0 5px 24px; margin:0;}
#featured-package h3{ padding:0 18px 5px 0; margin:0; color: #FFF; min-height:20px; }
#featured-package a { background:#C00; color:#FFF; font-weight:bold; padding:4px; margin:6px; text-decoration:none; display: inline-block}
#featured-package a:hover { background:#900}
#featured-package .p1 h3{background:url(images/bg_fpack1.png) bottom right no-repeat #C90}
#featured-package .p2 h3{background:url(images/bg_fpack2.png) bottom right no-repeat #C90}
#featured-package .p3 h3{background:url(images/bg_fpack3.png) bottom right no-repeat #C90}


.ctable{ width:100%;}

/* RIGHT COLUMN NAVIGATION */

table .col2 {
	width:190px;
	min-width: 190px;
	padding-left:0;
	background:url(images/bg2.png) repeat-x top, url(images/bgs2.png);
	vertical-align:top;
	position:relative;
}




#rightnavi{
	position:relative;
	top:122px;
	width:100%;
	left:0;
	padding:0;
	margin:0;
	list-style:none;

	}
#rightnavi li{ 
	padding-bottom:2px;
	
	}

#rightnavi a.menuitem{
	background: #fff;
	color:#300;
	font-weight:bold;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform:uppercase;	
	text-indent:10px;
	display:block;line-height:28px;
	height:28px;
	line-height:28px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3;
	}	

#rightnavi a.menuitem:hover{

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;
	right:3px; top:-2px; position:relative;
}

#rightnavi a.selected, #rightnavi a.selected:hover{ 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1;
	right:7px; top:-2px; position:relative;
	text-indent:6px;
	}

#rightnavi .submenu{
	margin:0px; 
	padding:4px 0 10px 0;
	background:;
	width:100%;
}
#rightnavi .submenu li{
	padding:0; margin:0; list-style: none;
}

#rightnavi .submenu li a{
	font-size:11px;
	color:#ddd; 
	font-weight:normal; 
	background: url(images/rightlist.gif) left no-repeat;
	padding:5px 0 5px 18px; margin:0;
	text-decoration:none;
	display:block;
	border-bottom:1px solid #490808;
}

#rightnavi .submenu li a:hover{ background: url(images/rightlist2.gif) left no-repeat #490808; color:#FFF}
#rightnavi .submenu li a:active{ background: url(images/rightlist2.gif) left no-repeat #600}


#packagetitle{ padding:0; margin:0; background:url(images/bg_packtitle.gif) no-repeat; height:180px; width:100%; display:block; position: relative}
#packagetitle h2{ font-family:"Arial Black", Gadget, sans-serif; font-size:170%; color: #fff; position:absolute; top:105px; left:15px; }
input, select, textarea{ background:#eee}

.b {color:#000000; text-decoration:none}
.b:link {color:#000000; text-decoration:none}
.b:visited {color:#000000; text-decoration:none}
.b:hover {color:#000000; text-decoration:none}
.b:active  {color:#000000; text-decoration:none}

.titletab, h3{ display: block; clear:both; }
.pic-w-com {
background:#eee;
color:#444;
font-size:10px;
padding:5px;
text-align:center;
display:inline-block;
zoom:1;
*display:inline;
}
.pic-w-com.fr {
margin:0 0 10px 10px;
}

.pic-w-com.fl {
margin:0 10px 10px 0;
}

.pic-w-com img {
border:#666 1px solid;
display:block;
margin-bottom:5px;
}


.pkgs .pkg {
	background:#fafafa;
display:block;
float:left;
margin:0 13px 15px 0;
padding:4px;
position:relative;
vertical-align:top;
width:250px;
border:1px #9a9a9a solid;
border-right-width:2px;
border-bottom-width:2px;
}

.pkgs .pkg.two {
margin-right:0;
}

.pkgs .pkg .detail {
border:3px #eee solid;
padding:15px 15px 13px;
}

.pkgs .pkg h4 {
color: #333;
font-size:18px;
margin:0 0 12px;
}

.pkgs .pkg em {
color: #C90;
display:block;
}

.pkgs .pkg ul {
margin:7px 0 15px;
padding:0 0 0 13px;
}

.pkgs .pkg ul li {
line-height:13px;
margin:0 0 3px 3px;
padding:0 0 2px 0px;
}

.pkgs .pkg ul li a {
text-decoration:underline;
}

.pkgs .pkg ul li a:hover {
color:#C00;
}

.pkgs .pkg .price {
font-size:20px;
font-style:italic;
font-weight:700;
line-height:30px;
margin:0;
text-align:right;
}

.pkgs .pkg .price small {
font-size:12px;
}

.pkgs .pkg a.book {
display:block;
margin-top:10px;
text-align:center;
}
.pkgs .pkg a:hover{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;}

.pkgs .more{ clear:both;text-align:right;}
.pkgs .more a{ border-right:2px #9a9a9a solid;border-bottom:2px #9a9a9a solid; background:#C90;display: inline-block; padding:5px 15px; color:#fff; font-weight:bold; text-decoration:none;}
.pkgs .more a:hover { background:#c00}


@media \0screen {
  table .col2 {background:url(images/bg2.gif) repeat-x top;}
  #header .socials{top:50px;}
}