/*------- Reset  -------*/

html, body, div, span, h1, h2, h3, h4, h5, h6, p,  
a, abbr, acronym, address, cite,
del, em, img, ins, strong, 
b, u, s, i, dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

img { -ms-interpolation-mode:bicubic; } /*improves IE resizing*/

/*------- End Reset  -------*/


/*------- Typography  -------*/

body {font-family: Calibri,"Lucida Grande","Helvetica Neue",Helvetica,Arial,sans-serif;} 
h2 {font-size:1.5em;}
h2, h3 {color:#000;}
a.hotelname {font-weight:bold;}
#currentdeals .promotext {font-weight:bold;	color:black;}
.promotext {font-size:1em;}
h3.sidebar {font-size:1.4em;}
#footer {font-size:0.8em;}

/*------- End Typography  -------*/


/*--- Clear Floated Elements  -------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/*--- end Clear Floated Elements  -------*/

/*----------    Buttons    -----------*/
.button {
color:white; 
text-decoration:none; 
text-indent:-9999px; 
background:transparent url('../images/qb/button-book.gif') no-repeat;
margin-bottom:0.3em;
}

a.button:hover {background:transparent url('../images/qb/button-book.gif') -92px no-repeat;}

#currentdeals .button, #dealoftheweek .button, #emailsignup .button { 
	display:inline-block;
	width:92px; height:24px; 
}	

#dealoftheweek .button {margin-top:1em; float:left;}

#emailsignup .button {margin-left:5px; background:white url('../images/qb/email-signup-button.gif') no-repeat;}
#emailsignup .button:hover {background:white url('../images/qb/email-signup-button.gif') -92px no-repeat;}

/*----------    End Buttons    -----------*/


/*---hover effects---*/
a:link {color:blue;}
a:visited {color:#384635;}
a:hover {color:#090;}
a:focus {outline:1px dotted #aaa;}
a:active {color:green;}

#headerlinks a:hover {background-color:#eee;}
#currentdeals a {color:white; text-decoration:none; cursor:pointer;}
#currentdeals .hotel a {color:blue; text-decoration:underline;}
#currentdeals .hotel a:link {color:blue;}
#currentdeals .hotel a:visited {color:#384635;}
#currentdeals .hotel a:hover {color:#090;}
#currentdeals .hotel a:active {color:green;}
#currentdeals h2 a {display:block; width:100%; text-transform:capitalize;}
#currentdeals h2 a:hover {text-decoration:none; color:#ccc;}
#currentdeals .hotel img:hover {background-color:#ccc; border:4px double #bbb;}
#hoteldeals a:hover {background-color:#eee;}
#dealoftheweek a:hover {color:#060;}
#dealoftheweek .promotext a:hover {color:#060; background-color:#ead479;}
#dealoftheweek a img:hover {border-right:4px #d3bf6d solid; border-bottom:4px #d3bf6d solid;}

/*---end hover effects---*/


/*-----------    main section      ---------*/


#container {
	margin-left: 5px;
	width: 990px;
	background:#fff url('../images/qb/bg-container.gif') repeat;
}

#header {
	position:relative;
	height:150px;
	width:976px;
	margin-left:7px;
	background:url('../images/qb/ourbest-header.gif') no-repeat;
}

#header h1 {float:left; text-indent:-9999px;}
#header .home {position:absolute; z-index:0; display:block; height:100%; width:100%;}
#headerlinks {font-size:0.75em; position:absolute; right:40px; margin-top:5px; z-index:1;}
#header .share {position:absolute; z-index:1; right:40px; top:1.8em;}

#maincontent {
	width:976px;
	margin-left:7px;
	background:#fff url('../images/qb/top-gradient.jpg') repeat-y top right;
	display:inline-block;
}

#currentdeals {
	position:relative;
	display: inline-block;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	width: 603px;
	padding:5px;
	padding-left:15px;
}


.sidebar {
	position:relative;
	display: inline;
	float: left;
	margin-left: 8px;
	margin-right: 5px;
	width:308px;
	padding:10px;
	border:1px solid #e3e3e3;						
	background:#fff;
	margin-bottom:0.5em;
}

#dealoftheweek, #hoteldeals {
	padding-top:0px;
}

h2.sidebar, h3.sidebar {
	background:transparent url('../images/qb/bg-headings-sidebar.gif') no-repeat;
	border:0;
	width:310px;  /*2px difference to make up for border width*/
	margin-bottom:0;
	margin-top:5px;
	text-shadow: #fff 1px 1px 1px;
}

#currentdeals div, div.sidebar {
	border-bottom-right-radius:0.5em;
	border-bottom-left-radius:0.5em;
	-moz-border-radius-bottomright:0.5em;
	-moz-border-radius-bottomleft:0.5em;
	-webkit-border-bottom-right-radius:0.5em;
	-webkit-border-bottom-left-radius:0.5em;
}


#currentdeals .hotel {
	display: inline-block;
	float: left;
	width:274px;
	min-height:150px;
	_height:150px; /*hack for IE6*/
	margin:1px 0px 8px 6px;
	_margin:1px 3px 8px 3px; /*hack for IE6*/
	padding:10px;
	padding-right:8px;
	padding-bottom:0;
	overflow:hidden;
	background:#fff url('../images/qb/hotel-bg.jpg') repeat-x;
	color:#666;
	border:0;
}

#currentdeals h2 {
	color:white;
	background:#686b3c url('../images/qb/bg-headings.gif') no-repeat;
	text-indent:15px;
	height:33px;
	line-height:33px;
	text-shadow: #333 1px 1px 2px;
}

/*hack for Safari 3.0 and Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#currentdeals h2 {line-height:36px;}
}
/*end hack*/

#currentdeals a.hotelname{display:block;}
#currentdeals .rate strong {color:black;}
#currentdeals p {padding-left:105px;}

#currentdeals>div {
	position:relative; 
	margin-bottom:0.8em; 
	border:1px solid #e3e3e3; 
	zoom:1; /*hack to fix IE peekaboo bug*/
	}

.hotel img {
	display: inline;
	float: left;
	margin-right:16px;
}

#currentdeals .hotel img {
	background-color:#f1f1f1;
	border:4px double #e3e3e3;
}

.hotelname {
	font-size:1.0em;
	padding:0 0 0.6em 0;
}

#dealoftheweek {
	background-color:#ffe680;
	border-top:0;
}

#dealoftheweek h3 {width:140px; float:left; margin-top:0em; font-size:1.2em;}
#dealoftheweek img {float:left; margin-right:2px; border-right:4px #ffe680 solid; border-bottom:4px #ffe680 solid;}
#dealoftheweek .promotext {clear:both; padding-top:0.5em; position:relative;}
#dealoftheweek .promotext a {clear:both; display:inline-block; padding:5px 5px 5px 0;}

#emailsignup form {padding-left:15px;}

#hoteldeals ol, #hoteldeals ul {list-style: none; margin:0; }
#hoteldeals p {padding-top:10px; color:#666;}
#hoteldeals p strong{color:black;}
#hoteldeals ul {margin:0.5em 0 0 44px; padding:0;}
#hoteldeals li:last-child {margin-top:1em; font-style:italic; margin-bottom:1em;}
#hoteldeals li {line-height:1.2;}

#footer {
	position:relative;
	margin-left: 7px;
	margin-right: 7px;
	width: 944px;
	padding:16px;
	clear:both;
	display:inline-block;
	top:-5px;
	height:170px; 
	background-color:#e9e8cc;
}

#footerlinks, #footercontact, #footer p, #footeraffiliates {width:420px; margin-bottom:1em;}
#footerlinks, #footer p {float:left;}
#footercontact {float:right; width:411px;}
#footeraffiliates {clear:left; float:left;}

#footertwitter {
	font-size:0.9em;
	position:absolute; display:inline; float:right; width:582px; padding-right:16px; bottom:0; right:0; _margin-bottom:1em; #margin-bottom:1em; /*hack for IE6 and 7 */
}
#footertwitter p {display:inline; float:left; width:55%;  }
#footertwitter img{float:right; margin-right:39px; margin-bottom:5px;}


#mcafee  a {width:10px; float:left; margin-left:-220px;}