/* CSS - Homepage */

body {
	background: #fff;
	margin:0;
	padding:0;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color:#000;
}
.clear {
	clear:both;
}

/* BEGIN TOP */
#top {
	background:#002c4e;
	height:44px;
}
#top .wraptop {
	width:960px;
	margin:0 auto;
}
#top .wraptop .left {
	float:left;
	margin:10px 0 0 0;
}
#top .wraptop .left ul {
	margin:0;
	padding:0;
}
#top .wraptop .left ul li {
	list-style-type:none;
	float:left;
	padding:0 15px 0 0;
}
#top .wraptop .left ul li a {
	color:#0067b5;
	text-decoration:none;
	font-size:12px;
}
#top .wraptop .left ul li a:hover {
	color:#fff;
}
#top .wraptop .right {
	float:right;
	margin:7px 0 0 0;
}
#top .wraptop .right ul {
	margin:0;
	padding:0;
}
#top .wraptop .right ul li {
	list-style-type:none;
	float:left;
	padding:0;
	font-size:12px;
}
#top .wraptop .right .call {
	margin:3px 0 0 0;
	padding:0 15px 0 0;
	color:#fff;
}
#top .wraptop .right ul li .callno {
	font-size:14px;
	color:#ffba01;
	font-weight:bold;
	text-shadow: 0px -1px 0px rgba(0, 37, 65, 1);
}
#top .wraptop .right .searchf {
	border:none;
	background: #fff url(magnifier.png) no-repeat 190px 7px;
	border-radius:3px;
	width:175px;
	height:28px;
	-moz-box-shadow: 1px 1px 2px rgba(201, 201, 201, 1) inset;
	-webkit-box-shadow: 1px 1px 2px rgba(201, 201, 201, 1) inset;
	box-shadow: 1px 1px 2px rgba(201, 201, 201, 1) inset;
	padding:0 25px 0 10px;
	color:#8d8d8d;
	font-size:12px;
	outline:none;
}
/* END OF TOP */

/* BEGIN SUBTOP */
#subtop {
	background: url(topbg.jpg) repeat-x;
	height:66px;
}
#subtop .wrapsubtop {
	width:960px;
	margin:0 auto;
}
#subtop .wrapsubtop .logo {
	float:left;
	margin:7px 0 0 0;
}
#subtop .wrapsubtop .logo img {
	outline:none;
	border:none;
}
#subtop .wrapsubtop .navmenu {
	float:right;
	margin:0;
	text-transform:uppercase;
}
#subtop .wrapsubtop .navmenu ul {
	margin:0;
	padding:0;
}
#subtop .wrapsubtop .navmenu ul li {
	list-style-type:none;
	float:left;
	margin:0;
	padding:0 15px;
	line-height:64px;
}
#subtop .wrapsubtop .navmenu ul li:hover {
	background: url(navh.png) repeat-x;
	height:64px;
	line-height:64px;
}
#subtop .wrapsubtop .navmenu ul li.last {
	padding:0 0 0 15px;
}
#subtop .wrapsubtop .navmenu ul li a {
	font-size:14px;
	color:#fff;
	text-decoration:none;
	line-height:64px;
	display:block;
	text-shadow: 0px -1px 2px #002c4e;
}
#subtop .wrapsubtop .navmenu ul li a:hover {
	text-decoration:none;
}
#subtop .wrapsubtop .navmenu ul #signin {
	margin:17px 0 0 0;
	background: url(loginbtn.png) no-repeat;
	display:block;
	width:83px;
	line-height:30px;
	text-align:center;
	font-size:13px;
	font-weight:700;
	color:#7d5200;
	text-shadow: 0px 1px 0px rgba(252, 214, 83, 0.75);
}
#subtop .wrapsubtop .navmenu ul .last:hover {
	background:none;
}
#subtop .wrapsubtop .navmenu ul #signin:hover {
	background: url(loginbtnh.png) no-repeat;
}
nav li { 
	position:relative;
	float:left;
	list-style-type:none;
}
nav ul ul {
	display:none;
	position:absolute;
	left:0;
}
#subtop .wrapsubtop .navmenu .submenu {	
	background:rgba(0, 52, 97, 0.8);	
	padding:10px;
	z-index:9999;
	-webkit-box-shadow: 4px 4px 4.75px 0.25px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 4px 4px 4.75px 0.25px rgba(0, 0, 0, 0.35);
	box-shadow: 4px 4px 4.75px 0.25px rgba(0, 0, 0, 0.35);
}
#subtop .wrapsubtop .navmenu .submenu li {
	padding:0 0 0 10px;
	margin:0;
	width:190px;
}
#subtop .wrapsubtop .navmenu .submenu li:hover {
	padding:0;
	margin:0;
	height:25px;
	background:none;
}
#subtop .wrapsubtop .navmenu .submenu li a {
	font-size:13px;
	line-height:25px;
	padding:0;
	text-transform:none;
}
#subtop .wrapsubtop .navmenu .submenu li a:hover {
	line-height:25px;
	padding:0 0 0 10px;
	color:#ffba01;
}
/* END OF SUBTOP */

/* BEGIN HEADER */
#header {

}
#header .subnav {
	background: #002c4e url(navbg.png) repeat-x;
	height:60px;
}
#header .subnav .wrapsubnav {
	width:960px;
	margin:0 auto;
}
#header .subnav .wrapsubnav ul {
	margin:0 20%;
	padding:0;
}
#header .subnav .wrapsubnav ul li {
	list-style-type:none;
	float:left;
	padding:0 30px;
	position:relative;
}
#header .subnav .wrapsubnav ul li:hover {
	background: url(navbgh.png) repeat-x;
	height:60px;
}
#header .subnav .wrapsubnav ul li a {
	color:#fff;
	font-size:14px;
	text-transform:uppercase;
	text-decoration:none;
	line-height:54px;
	display:block;
	padding:0 0 0 15px;
}
#header .subnav .wrapsubnav .booking {
	background: url(images/booking.png) no-repeat;
	width:17px;
	height:17px;
	position:absolute;
	left:15px;
	top:20px;
}
#header .subnav .wrapsubnav .flights {
	background: url(images/flights.png) no-repeat;
	width:15px;
	height:16px;
	position:absolute;
	left:15px;
	top:20px;
}
#header .subnav .wrapsubnav .hotels {
	background: url(images/hotels.png) no-repeat;
	width:18px;
	height:17px;
	position:absolute;
	left:15px;
	top:20px;
}
#header .subnav .wrapsubnav .deals {
	background: url(deals.png) no-repeat;
	width:17px;
	height:16px;
	position:absolute;
	left:15px;
	top:20px;
}
#header .subsearch {
	background:#002c4e;
	margin:0;
}
#header .subsearch .wrapsubsearch {
	width:960px;
	margin:0 auto;
	padding:20px 0;
}
#header .subsearch .wrapsubsearch .texts {
	margin:0 0 20px 0;
	padding:0;
}
#header .subsearch .wrapsubsearch .texts .colored {
	color:#1575bc;
}
#header .subsearch .wrapsubsearch .texts .what {
	width:200px;
	font-size:18px;
	font-style:italic;
	font-weight:600;
	text-shadow: 0px 1px 0px rgba(0, 38, 67, 1);
	float:left;
	margin:0 10px 0 0;
	color:#fff;
}
#header .subsearch .wrapsubsearch .texts .where {
	width:230px;
	font-size:18px;
	font-style:italic;
	font-weight:600;
	text-shadow: 0px 1px 0px rgba(0, 38, 67, 1);
	float:left;
	margin:0 10px 0 0;
	color:#fff;
}
#header .subsearch .wrapsubsearch .texts .when {
	width:150px;
	font-size:18px;
	font-style:italic;
	font-weight:600;
	text-shadow: 0px 1px 0px rgba(0, 38, 67, 1);
	float:left;
	margin:0 10px 0 0;
	color:#fff;
}
#header .subsearch .wrapsubsearch .texts .who {
	width:190px;
	font-size:18px;
	font-style:italic;
	font-weight:600;
	text-shadow: 0px 1px 0px rgba(0, 38, 67, 1);
	float:left;
	margin:0;
	color:#fff;
}
#header .subsearch .wrapsubsearch .texts .advsearch {
	float:right;
	padding:10px 0 0 0;
	width:100px;
}
#header .subsearch .wrapsubsearch .texts .advsearch a {
	color:#fff;
	font-size:12px;
	text-decoration:none;
}
#header .subsearch .wrapsubsearch .texts .advsearch a:hover {
	text-decoration:underline;
}
#header .subsearch .wrapsubsearch .selects  {
	margin:0;
	padding:0;
}
#header .subsearch .wrapsubsearch .selects .sbox {
	margin:0;
	padding:0;
}
#header .subsearch .wrapsubsearch .selects .sbox td {
	width:70px;
}
#header .subsearch .wrapsubsearch .selects .sbox .radiobtn {
	float:left;
}
#header .subsearch .wrapsubsearch .selects .sbox .text {
    float: left;
	padding:0 0 0 7px;
	cursor:pointer;
	font-size:12px;
	color:#fff;
}
#header .subsearch .wrapsubsearch .selects .what {
	width:200px;
	float:left;
	margin:4px 0 0 0;
}
#header .subsearch .wrapsubsearch .selects .where {
	width:230px;
	float:left;
	margin:0 0 0 10px;
}
#header .subsearch .wrapsubsearch .selects .when {
	width:150px;
	float:left;
	margin:0 0 0 10px;
	box-shadow: 0px 1px 0px 0px rgba(0, 58, 103, 1);
	border-radius:3px;
}
#header .subsearch .wrapsubsearch .selects .when .wheninput {
	box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.15) inset;
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2) inset;
	-moz-box-shadow:0 1px 2px rgba(0,0,0,0.2) inset;
	border-radius:3px;
	background:#002643 url(arrowd.png) no-repeat right;
	width:140px;
	height:32px;
	border:none;
	cursor:pointer;
	padding:0 0 0 10px;
	color:#1575BC;
	font-size:12px;
	outline:none;
}
#header .subsearch .wrapsubsearch .selects .when .wheninput:active {
	background:#002643 url(arrowdh.png) no-repeat right;
	color:#fff;
}
#header .subsearch .wrapsubsearch .selects .when .wheninput:hover {
	background:#002643 url(arrowdh.png) no-repeat right;
}
#header .subsearch .wrapsubsearch .selects .who {
	width:200px;
	float:left;
	margin:0 0 0 10px;
}
#header .subsearch .wrapsubsearch .selects .search {
	float:right;
	margin:0;
	width:110px;
}
#header .subsearch .wrapsubsearch .selects .search .searchbtn {
	background: url(searchbtn.png) no-repeat;
	width:123px;
	height:32px;
	display:block;
	border:none;
	line-height:32px;
	text-transform:uppercase;
	cursor:pointer;
	text-align:center;
	font-size:14px;
	font-weight:700;
	color:#7d5200;
	text-shadow: 0px 1px 0px rgba(252, 214, 83, 0.75);
	float:right;
	font-family: 'Open Sans', sans-serif;
}
#header .subsearch .wrapsubsearch .selects .search .searchbtn:hover {
	background: url(images/searchbtnh.png) no-repeat;
}
/* END OF HEADER */

/* BEGIN CONTENT */
#content {
	background:#fff;
}
#content .wrapcontent {
	width:960px;
	margin:15px auto;
}
#content .wrapcontent .special {
	width:960px;
	margin:0 0 20px 0;
}
#content .wrapcontent .special h2 {
	color:#004c85;
	font-size:22px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:0.3px;
	margin:10px 0;
}
#content .wrapcontent .special .box {
	float:left;
	width:306px;
	margin:0px 21px 0 0;
	position:relative;
}
#content .wrapcontent .special .box a {
	outline:none;
	display:block;
    position: relative;
	text-decoration:none;
}
#content .wrapcontent .special .box.last {
	margin:0;
}
#content .wrapcontent .special .box .image {
	border-radius:2px;
}
#content .wrapcontent .special .box .image .specialhover {
	position:absolute;
	display:none;
	z-index:0;
}
#content .wrapcontent .special .box .image img {
	outline:none;
	border:none;
}
#content .wrapcontent .special .box .title {
	position:absolute;
	width:306px;
	bottom:0;
	font-size:18px;
	font-weight:600;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	background:rgba(0, 0, 0, 0.8);
	padding:5px 0;
	border-radius:0 0 2px 2px;
}
#content .wrapcontent .special .box .title .colored { 
	color:#ffba01;
}
#content .wrapcontent .special .box .more {
	border-left:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	border-radius:0 0 2px 2px;
	background: url(morebg.png) repeat-x;
	height:35px;
	width:304px;
	padding:5px 0 0 0;
}
#content .wrapcontent .special .box .more .morebtn {
	display:block;
	text-align:center;
	line-height:40px;
	background: url(morebtn.png) no-repeat;
	width:113px;
	height:30px;
	line-height:30px;
	font-size:14px;
	font-weight:700;
	color:#7d5200;
	text-decoration:none;
	text-transform:uppercase;
	text-shadow: 0px -1px 2px #fcd653;
	margin:0 auto;
}
#content .wrapcontent .special .box .more .morebtn:hover {
	background: url(morebtnh.png) no-repeat;
}
#content .wrapcontent .top {
	width:960px;
}
#content .wrapcontent .top h2 {
	color:#004c85;
	font-size:22px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:0.3px;
	margin:10px 0;
}
#content .wrapcontent .top .box {
	border:1px solid #e3e3e3;
	border-radius:2px;
	width:306px;
	float:left;
	margin:0 18px 18px 0;
	position:relative;
	cursor:default;
}
#content .wrapcontent .top .box.last {
	margin:0;
}
#content .wrapcontent .top .box .image {
	text-align:center;
}
#content .wrapcontent .top .box .image img {
	outline:none;
	border:none;
	border-radius:2px;
	padding:10px 10px 5px 10px;
	width:286px;
}
#content .wrapcontent .top .box .image .travelhover {
	position:absolute;
	display:none;
	z-index:1;
}
#content .wrapcontent .top .box .title a {
	font-size:18px;
	font-weight:600;
	color:#1575bc;
	text-transform:uppercase;
	text-align:left;
	padding:0 0 0 10px;
	text-decoration:none;
}
#content .wrapcontent .top .box .title a:hover {
	text-decoration:underline;
}
#content .wrapcontent .top .box .title .count {
	font-size:12px;
	font-weight:600;
	text-transform:none;
	color:#ec5223;
	margin:0 0 0 5px;
}
#content .wrapcontent .top .box .ratings {
	padding:0 10px;
	margin:2px 0;
}
#content .wrapcontent .top .box .ratings .star-rating {
	list-style:none;
	margin:0 5px 0 0;
	padding:0px;
	width:70px;
	height:14px;
	position:relative;
	background: url(stars.png) top left repeat-x;
	float:left;
}
#content .wrapcontent .top .box .ratings .star-rating li {
	padding:0px;
	margin:0px;
	float: left;
}
#content .wrapcontent .top .box .ratings .star-rating li a {
	display:block;
	width:14px;
	height:14px;
	text-decoration:none;
	text-indent:-9000px;
	z-index:20;
	position:absolute;
	padding:0px;
}
#content .wrapcontent .top .box .ratings .star-rating li a:hover {
	background: url(stars.png) left bottom;
	z-index:1;
	left:0px;
}
#content .wrapcontent .top .box .ratings .star-rating a.one-star {
	left:0px;
}
#content .wrapcontent .top .box .ratings .star-rating a.one-star:hover {
	width:14px;
}
#content .wrapcontent .top .box .ratings .star-rating a.two-stars {
	left:14px;
}
#content .wrapcontent .top .box .ratings .star-rating a.two-stars:hover {
	width:28px;
}
#content .wrapcontent .top .box .ratings .star-rating a.three-stars:hover {
	width:42px;
}
#content .wrapcontent .top .box .ratings .star-rating a.three-stars {
	left:28px;
}
#content .wrapcontent .top .box .ratings .star-rating a.four-stars {
	left:42px;
}	
#content .wrapcontent .top .box .ratings .star-rating a.four-stars:hover {
	width:56px;
}
#content .wrapcontent .top .box .ratings .star-rating a.five-stars {
	left:56px;
}
#content .wrapcontent .top .box .ratings .star-rating a.five-stars:hover {
	width:70px;
}
#content .wrapcontent .top .box .ratings .address {
	font-size:12px;
	font-weight:600;
	color:#626262;
}
#content .wrapcontent .top .box .desc {
	font-size:12px;
	font-weight:300;
	color:#626262;
	text-align:left;
	padding:5px 10px;
}
#content .wrapcontent .top .box .desc .more a {
	text-decoration:none;
	font-weight:600;
	color:#626262;
}
#content .wrapcontent .top .box .desc .more a:hover {
	text-decoration:underline;
}
#content .wrapcontent .top .box .rooms {
	padding:0 10px;
	font-size:12px;
	font-weight:600;
	color:#626262;
	text-align:left;
	background: url(clock.png) no-repeat left;
	margin:0 10px 10px 10px;
	padding:0 0 0 20px;
}
#content .wrapcontent .top .box .rooms .left {
	padding:0 0 0 5px;
}
#content .wrapcontent .top .box .rooms .left a {
	color:#1575bc;
	text-decoration:none;
}
#content .wrapcontent .top .box .rooms .left a:hover {
	text-decoration:underline;
}
#content .wrapcontent .top .box .viewmap {
	padding:0 10px;
	font-size:12px;
	font-weight:600;
	text-align:left;
	background: url(point.png) no-repeat 2px 1px;
	margin:0 10px 15px 10px;
	padding:0 0 0 20px;
}
#content .wrapcontent .top .box .viewmap a {
	color:#626262;
	text-decoration:none;
}
#content .wrapcontent .top .box .viewmap a:hover {
	text-decoration:underline;
}
#content .wrapcontent .top .box .booknow {
	border-top:1px solid #e5e5e5;
	border-radius:0 0 2px 2px;
	background: url(booknowbg.png) repeat-x;
	height:35px;
	width:306px;
	padding:5px 0 0 0;
	position:relative;
}
#content .wrapcontent .top .box .booknow .price {
	float:left;
	font-size:22px;
	font-weight:800;
	color:#777777;
	padding:0 0 0 21px;
}
#content .wrapcontent .top .box .booknow .price .dollar {
	font-size:15px;
    font-weight:600;
    left:3px;
    position:absolute;
    top:6px;
}
#content .wrapcontent .top .box .booknow .priceh {
	color:#ec5223;
}
#content .wrapcontent .top .box .booknow .book {
	float:right;
	margin:0 8px 0 0;
}
#content .wrapcontent .top .box .booknow .book .bookbtn {
	background: url(booknowbtn.png) no-repeat;
	width:113px;
	height:30px;
	display:block;
	border:none;
	line-height:32px;
	text-transform:uppercase;
	cursor:pointer;
	text-align:center;
	font-size:14px;
	font-weight:700;
	color:#7d5200;
	text-shadow: 0px 1px 0px rgba(252, 214, 83, 0.75);
	font-family: 'Open Sans', sans-serif;
}
#content .wrapcontent .top .box .booknow .book .bookbtn:hover {
	background: url(booknowbtnh.png) no-repeat;
}
#content .wrapcontent .top .box .special {
	position:absolute;
	background: url(soffer.png) no-repeat;
	width:101px;
	height:102px;
	top:-5px;
	left:-5px;
	z-index:2;
}
#content .wrapcontent .top .box .deals {
	position:absolute;
	background: url(ldeals.png) no-repeat;
	width:101px;
	height:102px;
	top:-5px;
	left:-5px;
	z-index:2;
}
/* END OF CONTENT */

/* BEGIN FOOTER */
#footer {
	background: url(footerbg.jpg) repeat-x;
	height:55px;
}
#footer .wrapfooter {
	width:960px;
	margin:0 auto;
	font-size:12px;
}
#footer .wrapfooter .links {
	float:left;
	margin:20px 0 0 0;
}
#footer .wrapfooter .links ul {
	margin:0;
	padding:0;
}
#footer .wrapfooter .links ul li {
	list-style-type:none;
	float:left;
	padding:0 10px;
}
#footer .wrapfooter .links ul li a {
	color:#fff;
	text-decoration:none;
	outline:none;
	border:none;
	font-size:12px;
	text-shadow: 0px -1px 0px rgba(0, 44, 78, 0.5);
}
#footer .wrapfooter .links ul li a:hover {
	text-decoration:underline;
}
#footer .wrapfooter .copyright {
	float:right;
	margin:20px 0 0 0;
}
#footer .wrapfooter .copyright p {
	color:#fff;
	margin:0;
	padding:0;
	text-shadow: 0px -1px 0px rgba(0, 44, 78, 0.5);
}
/* END OF FOOTER */