/* CSS Document */

label {
	float: left; clear: left; margin: 2px 2px 0 0; width: 150px;
	text-align: left; 
	font-size: 14px; 
	color:#000;/* #445668;*/
	text-transform: inherit; 
	/*text-shadow: 0px 1px 0px #f2f2f2;*/
	font-weight:800;
	border: 0px solid  #445668;
}

input[type=text] {
	padding:3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #333;
    color:#FFF;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
	 height:20px;
	 width:250px;
}

select {
    padding:3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #333;
    color:#FFF;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
	 width:400px;

}



input::-webkit-input-placeholder  {
    	color: #a1b2c3; text-shadow: 0px -1px 0px #38506b;
	}

input:-moz-placeholder {
	    color: #a1b2c3; text-shadow: 0px -1px 0px #38506b;
	}

textarea {
	width: 230px; height: 125px; padding: 12px 20px 0px 5px; margin: 0 0 20px 0;
	background: -moz-linear-gradient(top, #546A7F 0%, #5E768D 20%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#546A7F), color-stop(20%,#5E768D)); 
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#546A7F', endColorstr='#5E768D');     
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#546A7F', EndColorStr='#5E768D'); /* IE6,IE7 */ -
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	-moz-box-shadow: 0px 1px 0px #f2f2f2;-webkit-box-shadow: 0px 1px 0px #f2f2f2;
	font-family: sans-serif; font-size: 16px; color: #f2f2f2; /*text-transform: uppercase;*/ text-shadow: 0px -1px 0px #334f71;
	background: #ccc; /*url("../imgs/lg_pix.png") repeat;*/
	color:#000;
}
	textarea::-webkit-input-placeholder  {
    	color: #a1b2c3; text-shadow: 0px -1px 0px #38506b;
	}
	textarea:-moz-placeholder {
	    color: #a1b2c3; text-shadow: 0px -1px 0px #38506b;
	}
	
input[type=submit] {
	width: 210px; height: 40px; float: right; padding: 10px 15px; margin: 10px 15px 0 0;
	-moz-box-shadow: 0px 0px 5px #999;-webkit-box-shadow: 0px 0px 5px #999;
	border: 1px solid #556f8c;
	border-radius: 8px 8px 8px 8px;
	background: -moz-linear-gradient(top, #718DA9 0%, #415D79 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#718DA9), color-stop(100%,#415D79)); 
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#718DA9', endColorstr='#415D79');     
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#718DA9', EndColorStr='#415D79'); /* IE6,IE7 */ -
	cursor: pointer;
	font-weight:800;
	background:url("../imgs/btn_bg.png") repeat;
}

#estimate_btn{
	width: 210px; height: 40px; float: right; padding: 10px 15px; margin: 10px 15px 0 0;
	-moz-box-shadow: 0px 0px 5px #999;-webkit-box-shadow: 0px 0px 5px #999;
	border: 1px solid #556f8c;
	border-radius: 8px 8px 8px 8px;
	background: -moz-linear-gradient(top, #718DA9 0%, #415D79 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#718DA9), color-stop(100%,#415D79)); 
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#718DA9', endColorstr='#415D79');     
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#718DA9', EndColorStr='#415D79'); /* IE6,IE7 */ -
	cursor: pointer;
	font-weight:800;
	background:url("../imgs/btn_bg.png") repeat;
}

#calculate_btn{
	width: 210px; height: 40px; float: right; padding: 10px 15px; margin: 10px 15px 0 0;
	-moz-box-shadow: 0px 0px 5px #999;-webkit-box-shadow: 0px 0px 5px #999;
	border: 1px solid #556f8c;
	border-radius: 8px 8px 8px 8px;
	background: -moz-linear-gradient(top, #718DA9 0%, #415D79 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#718DA9), color-stop(100%,#415D79)); 
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#718DA9', endColorstr='#415D79');     
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#718DA9', EndColorStr='#415D79'); /* IE6,IE7 */ -
	cursor: pointer;
	font-weight:800;
	background:url("../imgs/btn_bg.png") repeat;
}




#wrap_all				            { }
.doc_body{ 
	border:0px solid #f00; 
	width:1000px;
 	min-height:600px;
	position: relative;
	padding: 0px;
	clear:both;
	top:1px;
	background: url("../imgs/dark_red_bg.png") repeat;
	background: url("../imgs/brown_bg.png") repeat;
	background-color:#FFFFFF;
	overflow: hidden;
	}

.myleft_col{
width:260px;/*719px;*/
min-height:500px;
background-color: #FFFFFF;
border-right: 0px solid #F00;
float:left;
padding-left:0px;
position:relative;
background: url("../imgs/bg_pix.png") repeat;
}
.myright_col{
width:719px;
min-height:500px;
height:100%;
background-color:#FFFFFF;
float: left;
border-right:0px solid #660000;
padding-left: 0px;
background: url("../imgs/bg_pix.png") repeat;
}

.main_col{
width:90%;
min-height:500px;
height:100%;
background-color: #CCCCCC; /* #9C9C9C;*/ 
float: left;
border-right:0px solid #660000;
padding-left: 0px;
display:block;
background: url("../imgs/brown_bg.png") repeat;
}
.left_col{
width:5%;
min-height:750px;
height:100%
background-color: #CCCCCC; /* #9C9C9C;*/ 
float: left;
border-right:0px solid #660000;
padding-left: 0px;
display:block;
background: url("../imgs/tile.png") repeat;
}
.right_col{
width:5%;
min-height:750px;

background-color: #CCCCCC; /* #9C9C9C;*/ 
float: right;
border-right:0px solid #660000;
padding-left: 0px;
display:block;
background: url("../imgs/tile.png") repeat;
}

article, aside, details, figcaption, figure, header, hgroup, menu, nav, section {
    display: block;
}
ol, ul {
    list-style: none outside none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
#accessibility-nav, .hide {
    height: 1px;
    left: -999em;
    position: absolute;
    top: -999em;
    width: 1px;
}

body {
    color: #000;
    font: 87.5%/1.4 Arial,Helvetica,sans-serif;
	 margin:0px;
    padding:0px;
    top:0px;
	 background-color:#000000;
	 background: url("../imgs/bg_pix.png") repeat;
}

.frmBkg{
  	background: url("../imgs/frmbkg.png")  no-repeat;
  	height: 500px;
	width: 400px;
	margin: 20px auto 0px auto;
}

hr {
    display: none;
}
strong {
    font-weight: bold;
}
em {
    font-style: italic;
}
del {
    text-decoration: line-through;
}
th, td {
    vertical-align: top;
}
th {
    font-weight: normal;
    text-align: left;
}
address, cite, dfn {
    font-style: normal;
}
abbr, acronym {
    border-bottom: 1px dotted #999999;
    cursor: help;
}
input, textarea, select {
    font-family: Arial,Helvetica,sans-serif;
}
textarea {
    overflow: auto;
}
a {
    color: #666666;
    text-decoration: none;
}
a:hover, a:active {
    text-decoration: underline;
}
a:visited {
    text-decoration: none !important;
}

#header {
   background: url("../imgs/header.gif")  no-repeat;
   height: 150px;
	width: 1000px;
	margin: 0px auto 0px auto;
	border-bottom: 2px solid #FFFFFF;
	
}

#footer {
	height: 80px;
	width: 1000px;
	margin: 0px auto 0px auto;
	position: relative;
	top:0px;
	border: 0px solid #00FB00;
	clear:both;
	background: url("../imgs/footer_bg.png") repeat;
	/*background-color:#545454;*/
}

#footer .cpr{
	position:relative;
	padding-top: 20px;
	width: 900px;
	text-align:center;
	font-weight:800;
	/*background: url("../imgs/brown_bg.png") repeat;*/
}

.top_bar {
 	top: 0px;
	position: relative;
	width:1000px;
	height:auto;
	/*background-color:#545454;*/
	background-color:#AB8F6A; /*#ff5454;*/
	margin: 0px auto 0px auto;
	border-bottom: 2px solid #AB8F6A; /*#000099;*/
	text-align:left;
	padding-right:0px;
	font-weight:800;
	color:#FFFFFF;
}

/* Top Bar Menu */
.quicklinks-wrapper {
   position: relative;
   width: 1000px;
	min-height: 500px;
	margin:auto;
	margin-left: auto; 
	margin-right: auto;
	border: 0px solid #f00;
	border-top: 0px;
   z-index: 1;
	background-color:#FFFFFF
	background: url("../imgs/dark_red_bg.png") repeat;
	clear:both;
	top:0px;
}

.quicklinks {
 	top: 0px;
	position: relative;
	border: 1px solid #FFF;
	width:1000px;
	height:80px;
	/*
	background-color:#FFFF00;
	background: url("../imgs/top_menu_bg.png") repeat;
	*/
	margin: 0px auto 0px auto;
}
.quicklinks a {
 	 color: #FFFFFF;
    display: inline-block;
    font: 16px/1 futura-pt,Arial,Helvetica,sans-serif;
	 font-weight:800;
    height: 20px;
    padding: 2px 12px 0;
	 margin-top: 0px;
	 border: 0px solid #F00;
	 position:relative;
}
.quicklinks a:hover {
    color: #FFFF00;
    text-decoration: none;
}
.quicklinks li {
   display: inline;
   position: relative;
	z-index: 3;
	border: 0px solid #0F0;
	background: url("../imgs/li_bg.png") repeat;
}

/* //// test */
/*a little bit of reset*/
#services-list, #services-list p, #services-list h3 {
list-style: none;
margin:0; padding:0;
}

#services-list > li{
  float:left;
  margin-right: 20px;
  width: 130px;
}

#services-list > li > .image{
  display:block;
  float:left;
  margin-right:10px;
}

/*
this instructions are to force the dimensions of image and its container <a>
*/
#services-list > li > .image,
#services-list > li > .image > img{
  width:24px; height:24px;
}
/* EOF Test */
/* ///// EOF TOP BAR MENU //// */

.fsz{
background: #FFF;
width:550px;
}

.fs{
width:420px;
border-width:1px;
border-style:dotted;
border-color:#CCCCCC;
display:none;
float:left
}

.fsq{
width:420px;
border-width:0px;
border-style:dotted;
border-color:#CCCCCC;
margin-left:auto;
margin-right:auto;
}


.ffs{
width:425px;
border-width:1px;
border-style:dotted;
border-color:#CCCCCC;
float:left
}

.cfs{
width:520px;
border-width:1px;
border-style:dotted;
border-color:#CCCCCC;
float:left
}

.r_fs{
width:420px;
border-width:0px;
border-style:dotted;
border-color:#CCCCCC;
display:none;
float:left
}


.rates_cnt{
	border: 0px solid #000000;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	padding-left:auto;
	padding-right:auto;
	width:610px;
}

.sideNote{
	width:250px;
	height:375px;
	background: url("../imgs/sidenote.png") no-repeat;
	border: 0px solid #f00;
	margin-top:10px;
	margin-left: 8px;
	display: block;
	color:#FFFFFF;
}

.sideNote_small{
	width:250px;
	height:250px;
	background: url("../imgs/sidenote_small.png") no-repeat;
	border: 0px solid #f00;
	margin-top:10px;
	margin-left: 8px;
	display: block;
}

.warninig{
	width: 230px;
	font-family:"Times New Roman";
	font-size:12px;
	margin-left:20px;
}

.node_title{
	position:relative;
	top:2px;
	margin-left:2px;
	width:246px;
	height:40px;
	border: 0px solid #0f0;
	background:url("../imgs/node_title_bg.png") repeat;
}

.discount_10{
	width:80px;
	height:80px;
	background:url("../imgs/discount_10.png") no-repeat;
	position: relative;
	float: left;
	left:-30px;
	margin-top: 10px;
	border: 0px solid #F00;
	z-index: 2000;
}

.discount_text{
	margin-left: 20px;
	margin-top: 20px;
	font:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:800;
	width:150px;
	border: 0px solid #0f0;
	float: left;
}

.discount_note{
	clear:both;
	width:220px;
	position:relative;
	margin-top:30px;
	margin-left:20px;
	font-size: 9px;
	font-family: "Times New Roman", Times, serif;
}

#addr{
	width:463px;
	position:absolute;
	height:34px;
	margin-left:265px;
	margin-top:110px;
	background:url("../imgs/addr1.png") no-repeat;
}

#addr:hover{
	color: #FFFF33;
	text-decoration: none;
	position:absolute;
	width:463px;
	height:34px;
	margin-left:265px;
	margin-top:110px;
	background:url("../imgs/addr2.png") no-repeat;
	border:0px solid blue;
}

.side_btn{
	position:relative;
	margin-top: 10px;
	margin-left:2px;
	width:246px;
	height:40px;
	border: 0px solid #0f0;
	background:url("../imgs/side_btn.png") no-repeat;
	background:url("../imgs/node_title_bg.png") repeat;
	text-align:center;
	color:#FFFFFF;
}

.side_btn a{
	color: #FFFFFF;
	font-size: 24px;
	font-family: "Times New Roman";
}

.side_btn a:hover{
	color: #FFFF33;
	text-decoration: none;
}

.rates_text{
	position:relative;
	margin-left: 20px;
	margin-top: 20px;
	font:"Times New Roman";
	font-size:12px;
	width:210px;
	border: 0px solid #0f0;
	clear:both;
}

.rates-city-list{
	/*
	position: relative;
	margin-top:20px;
	*/
	margin-left:20px;
	/*
	width:240px;
	float:left;
	*/
}

.sp{
	color:#FF0000;
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	font-weight:800;
	width:40px;
	float:left;
}
.city-label{
	color:#FFFFFF;
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	font-weight:800;
	width:130px;
	float:left;
	border: 0px solid #0f0;
}

.phone_btn{
	position:relative;
	margin-top: 5px;
	margin-left:2px;
	width:246px;
	height:30px;
	background:url("../imgs/phone_bg.png") no-repeat;
	text-align:center;
	vertical-align:middle;
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	font-weight:800;
	padding-top:6px;
}

.email_btn{
	position:relative;
	margin-top: 5px;
	margin-left:2px;
	width:246px;
	height:30px;
	background:url("../imgs/email_bg.png") no-repeat;
	vertical-align:middle;
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	/*font-weight:800;*/
	padding-top:6px;
	padding-left:50px;
	color:#FFFFFF;
}

.email_btn a{
	color:#FFFFFF;
}

#home_txt{
	margin-top: 15px;
	margin-left:20px;
	width:800px;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	color:#00000;
	font-weight:800;
}

#home_txt p{
	font-size:12px;
	font-weight:800;
}

#estimate_res {
	font-weight:800;
	color:#FFF;
}

#check_flight{
	color:#000000;
}

#member_login{
	color:#000000;
}

#map-canvas, #r_map-canvas {
        height: 100%;
		  width: 100%;
        margin: 0px;
        padding: 0px
      }

.map{
	background: #FFF;
	width:250px;
	height:180px;
	border-width:1px;
	border-style:dotted;
	border-color:#CCCCCC;
	display:none;
	float:left;
}

.r_map{
	width:250px;
	height:180px;
	border-width:1px;
	border-style:dotted;
	border-color:#CCCCCC;
	display:none;
	float:left;
}

.rate_cnt{
	height:1000px;
	width: 100%;
}

.left_menu{
	width: 260px;
	height:350px;
	background:url("../imgs/left_menu_bg.png") no-repeat;
	margin-top:10px;
	padding-top:40px;
}

#static_div{
/*position: fixed;*/
z-index:999;
padding:auto;
}

.col_cnt{
width:1000px;
border: 0px solid #0F0;
position:relative;
display:inline-block;
clear:both;
}

.main_cnt{
	margin-top: 20px;
	margin-left:50px;
	width:800px;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	color:#00000;
	font-weight:800;
	padding:auto;
}

#customer .title {
width:150px;
height:50px;
background:url("../imgs/users_title.png") no-repeat;
}

.reserve_all{
width:390px;
display: inline-block;
border: 0px solid red;

}
.reserve_title {
width:130px;
height:20px;
font:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:800;
border: 0px solid #0f0;
float: left;
}

.r_div{
	width:250px;
	height:190px;
	border-width:0px;
	border-style:dotted;
	border-color:#CCCCCC;
	display:none;
	float:left;
}

.room_div{
	width:800px;
	border-width:1px;
	border-style:dotted;
	border-color:#CCCCCC;
}

.room_div #p1 #p2 #p3 #p4 #p4{
	height:300px;
	width:500px;
	margin:auto; 
    position: relative; 
	border-width:1px;
	border-style:dotted;
	border-color:#f00;
	border-left:50px;
}

.mroom_div {
	height:auto;
	width:300px;
	margin:auto; 
    position: relative; 
	border-width:1px;
	border-style:dotted;
	border-color:#f00;
	border-left:50px;
}

.room_div #i1{
	height:50px;
	width:100px;
	margin-left: 100px;
	margin-top: 100px; 
    position: relative; 
	border-width:0px;
	border-style:dotted;
	border-color:#f00;
	border-left:50px;
}

.room_div #i2{
	height:50px;
	width:100px;
	margin-left: 100px;
	margin-top: 100px; 
    position: relative; 
	border-width:1px;
	border-style:dotted;
	border-color:#f00;
	border-left:50px;
}
#yelp_div{
	width:80px;
	height:80px;
	position:absolute;
	min-height:80px;
	max-width:80px;
	margin-left: 810px;
	margin-top: 43px; 
	border-width:0px;
	border-style:solid;
	border-color:#f00;
}

.r_div_bg{
	width:800px;
	height:500px;
	background:url("../imgs/r_div_bg.png") no-repeat;
	border:0px solid #225;
	display:block;
}
#room_cnt_div{
	width:500px;
	height:300px;
	position:absolute;
	margin-left: 150px;
	margin-top: 100px;
	/*margin-left: 810px;
	margin-top: 43px;*/ 
	border-width:0px;
	border-style:solid;
	border-color:#f00;
}

#red_i{
	width:150px;
	height:70px;
	position:absolute;
	margin-left: 175px;
	margin-top: 0px;
	/*margin-left: 810px;
	margin-top: 43px;*/ 
	border-width:0px;
	border-style:solid;
	border-color:#f00;
	clear:both;
}	

#blue_i{
	width:150px;
	height:70px;
	position:absolute;
	margin-left: 480px;
	margin-top: 0px;
	/*margin-left: 810px;
	margin-top: 43px;*/ 
	border-width:0px;
	border-style:solid;
	border-color:#00f;
}

#vid1_i{
	width:150px;
	height:70px;
	position: absolute;
	margin-left: 650px;
	margin-top: 118px;
	/*margin-left: 810px;
	margin-top: 43px;*/ 
	border-width:0px;
	border-style:solid;
	border-color:#0f0;
}

#vid2_i{
	width:150px;
	height:70px;
	position: absolute;
	margin-left: 650px;
	margin-top: 215px;
	/*margin-left: 810px;
	margin-top: 43px;*/ 
	border-width:0px;
	border-style:solid;
	border-color:#0f0;
}

#vid3_i{
	width:150px;
	height:70px;
	position: absolute;
	margin-left: 650px;
	margin-top: 310px;
	/*margin-left: 810px;
	margin-top: 43px;*/ 
	border-width:0px;
	border-style:solid;
	border-color:#0f0;
}

#bd1_i{
	width:150px;
	height:70px;
	position: absolute;
	margin-left: 0px;
	margin-top: 118px;
	/*margin-left: 810px;
	margin-top: 43px;*/ 
	border-width:0px;
	border-style:solid;
	border-color:#000;
}

#bd2_i{
	width:150px;
	height:70px;
	position: absolute;
	margin-left: 0px;
	margin-top: 215px;
	/*margin-left: 810px;
	margin-top: 43px;*/ 
	border-width:0px;
	border-style:solid;
	border-color:#000;
}

#bd3_i{
	width:150px;
	height:70px;
	position: absolute;
	margin-left: 0px;
	margin-top: 310px;
	/*margin-left: 810px;
	margin-top: 43px;*/ 
	border-width:0px;
	border-style:solid;
	border-color:#000;
}
/*Mobile */

#mroom_cnt_div{
	width:90%;
	height:auto;
	position:absolute;
	margin-left: 10px;
	margin-top: 10px;
	/*margin-left: 810px;
	margin-top: 43px;*/ 
	border-width:0px;
	border-style:solid;
	border-color:#f00;
}

a[href^="tel:"]:before {
  content: "\260e";
  margin-right: 0.5em;
}

.m_i{
	width:150px;
	height:70px;
	position:absolute;
	margin-left: 0px;
	margin-top: 5px;
	float:left;
}	

.submit_err{
	font-family: "Times New Roman";
	color:#FF0000;
	font-size:12px;
	font-weight:800;
	text-align:center;
	vertical-align:middle;
	border: 2px solid #FF0000;
	background-color:#FFCC33;
	display:none; 
	width:100%;
	height:20px;
	padding:auto;
}