/* CSS Document */

/***** Global Settings *****/
 
html, body {
border:0;
margin:0;
padding:0;
}

body {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #3899e3;
	margin: 0;
	color: #333;
	}

a:link, a:visited {
	color: #308ae7;
	text-decoration: underline;
	}

a:hover, a:active {
	text-decoration: none;
	}
	
/***** Common Formatting *****/
 
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight:normal; }

h1 { font-size: 18px; }
h2 { font-size: 14px; }
h3 { font-size: 12px; }
h4 { font-size: 11px; }

img { border:0; }
p { margin: 0; padding: 0; line-height: 18px; vertical-align: top; }

.pmargin-5 p { margin: 0 0 5px 0; }
.pmargin-10 p { margin: 0 0 10px 0; }
.pmargin-15 p { margin: 0 0 15px 0; }

/***** Forms *****/
 
form {
margin:0;
padding:0;
display:inline;
}
 
input, select, textarea {
font:1em arial, helvetica, sans-serif;
}
 
textarea {
line-height:1.25;
}
 
label {
cursor:pointer;
}

 
/***** Global Classes *****/

.clear 			{ clear: both; font-size: 1px; }
.clear-5 		{ clear: both; font-size: 1px; height: 5px; }
.clear-10		{ clear: both; font-size: 1px; height: 10px; }
.clear-15 		{ clear: both; font-size: 1px; height: 15px; }
.clear-20 		{ clear: both; font-size: 1px; height: 20px; }	
.clear-25 		{ clear: both; font-size: 1px; height: 20px; }	
.clear-left 	{ clear: left; font-size: 1px; }
.clear-right 	{ clear: right; font-size: 1px; }
 
.float-left    { float:left !important; }
.float-right   { float:right !important; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.linethru		{ text-decoration: line-through; }
.highlight     { background:#ffc; }
.small			{ font-size: 11px; }
.orange			{ color: #f78f1e; }
.dblue	  		{ color: #267cc0; }
.white			{ color: #fff; }
.black			{ color: #000; }

.img-left      { float:left; margin:0 10px 4px 0; }
.img-right     { float:right; margin:0 0 4px 10px; }

input.textboxERR { border: 1px solid #8f2a2b; }
.ltblue			{ background-color: #edf4f8; }
.hide			{ display: none; }

/* Padding, Margin and Borders */

.brd0{ border:none !important;}
.brd1{ border:1px solid #9acce9;}
.bl1 { border-left: 1px solid #9acce9; }
.br1 { border-right: 1px solid #9acce9; }
.bt1 { border-top: 1px solid #9acce9; }
.bb1 { border-bottom: 1px solid #9acce9; }

.pad0{ padding:0px !important;}
.pad2{ padding:2px;}
.pad3{ padding:3px;}
.pad5{ padding:5px;}
.pad10{ padding:10px;}
.pad20{ padding:20px;}
.pad30{ padding:30px;}

.mar0{ margin:0px !important;}
.mar5{ margin:5px;}
.mar10{ margin:10px;}
.mar20{ margin:20px;}

.pt0{ padding-top:0 !important;}
.pt3{ padding-top:3px;}
.pt5{ padding-top:5px;} 
.pt10{ padding-top:10px;} 
.pt20{ padding-top:20px;} 
.pt15{ padding-top:15px;} 
.pt30{ padding-top:30px;} 
.pt25{ padding-top:25px;} 

.mt0{ margin-top:0 !important;}
.mt5{ margin-top:5px; }
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;} 
.mt20{ margin-top:20px;} 
.mt30{ margin-top:30px;}
	
.pr0{ padding-right:0 !important;}
.pr5{ padding-right:5px;}
.pr10{ padding-right:10px;}
.pr20{ padding-right:20px;}
.pr30{ padding-right:30px;}

.mr0{ margin-right:0 !important;}
.mr3{ margin-right:3px;}
.mr5{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr20{ margin-right:20px;}
.mr30{ margin-right:30px;}
.mr40{ margin-right:40px;}

.pb0{ padding-bottom:0 !important;}
.pb5{ padding-bottom:5px;} 
.pb10{ padding-bottom:10px;} 
.pb20{ padding-bottom:20px;} 
.pb30{ padding-bottom:30px;} 
.pb25{ padding-bottom:25px;}

.mb0{ margin-bottom:0 !important;} 
.mb5{ margin-bottom:5px;} 
.mb10{ margin-bottom:10px;} 
.mb20{ margin-bottom:20px;} 
.mb30{ margin-bottom:30px;} 
.mb3{ margin-bottom:3px;}
	
.pl0{ padding-left:0 !important;} 
.pl5{ padding-left:5px;} 
.pl10{ padding-left:10px;} 
.pl15{ padding-left:15px;} 
.pl20{ padding-left:20px;} 
.pl30{ padding-left:30px;} 
.pl40{ padding-left:40px;}

.ml0{ margin-left:0 !important;} 
.ml5{ margin-left:5px;} 
.ml10{ margin-left:10px;} 
.ml15{ margin-left:15px;} 
.ml20{ margin-left:20px;} 
.ml30{ margin-left:30px;} 
.ml100{ margin-left:100px;} 

/* List Elements */

ul.horizontal {
	list-style: none;
	margin: 0; padding: 0;
	}

ul.horizontal li {
	display: inline;
	float: left;
	margin: 0 0 5px 0; padding: 0;
	}

ul.two-col {
	list-style: none;
	margin: 0;
	padding: 0;
	}

ul.two-col li {
	width: 50%;
	margin: 0 0 5px 0;
	padding: 0;
	float: left;
	}

ul#types a { padding: 4px 0 0 33px; background-repeat: no-repeat; display: block; height: 20px; }

ul#types a.airport { background-image: url(/images/icons/airport.gif); }
ul#types a.discount { background-image: url(/images/icons/discount.gif); }
ul#types a.downtown { background-image: url(/images/icons/downtown.gif); }
ul#types a.pets { background-image: url(/images/icons/pet-friendly.gif); }
ul#types a.luxury { background-image: url(/images/icons/luxury.gif); }

ul#chains { list-style: none; margin: 0; padding: 0; }
ul#chains li { display: inline; float: left; margin: 0 5px; padding: 0; }

h2.title { font-size: 18px; }

hr.grey {  border: none; height: 1px; line-height: 1px; background-color: #d4d4d4; color: #d4d4d4;  }	
	
/*** Main Layout Containers ***/

#master {
	width: 851px;
	float: left;
	text-align: left;
	}

#body-content {
	width: 835px;
	background: url(/images/body-bg.gif) repeat-y;
	float: left;
	padding: 0 8px;
	}

#body-left {
	float: left;
	width: 466px;
	padding-right: 10px;
	border-right: 1px solid #d4d4d4;
	}

#body-right {
	float: right;
	text-align: left;
	width: 308px;
	padding-left: 10px;
	}

a#logo { display: block; background: url(/images/logo.gif) no-repeat; width: 301px; height: 120px; }
#phone { background: url(/images/phone.jpg) no-repeat; width: 550px; height: 120px; }

ul#nav {
	list-style: none;
	margin: 0; padding: 0 8px;
	width: 835px;
	height: 40px;
	background: url(/images/nav/bg.gif) no-repeat;
	}

ul#nav li {
	display: inline;
	float: left;
	height: 40px;
	}

ul#nav li a {
	display: block;
	height: 40px;
	background-position: 0% 0%;
	background-repeat: no-repeat;
	}
ul#nav li a span { display: none; }

ul#nav li.spacer { width: 2px; background: url(/images/nav/spacer.gif) no-repeat; font-size: 1px; }

ul#nav li a:hover { background-position: 100% 100%; }

ul#nav li a#nav-home { background-image: url(/images/nav/home.gif); width: 84px; }
ul#nav li a#nav-hotels { background-image: url(/images/nav/hotels.gif); width: 136px; }
ul#nav li a#nav-cars { background-image: url(/images/nav/cars.gif); width: 78px; }
ul#nav li a#nav-flights { background-image: url(/images/nav/flights.gif); width: 94px; }
ul#nav li a#nav-faq { background-image: url(/images/nav/faq.gif); width: 69px; }
ul#nav li a#nav-contact { background-image: url(/images/nav/contact.gif); width: 123px; }
ul#nav li a#nav-reservations { background-image: url(/images/nav/reservations.gif); width: 239px; }

a#logo span { display: none; }

.hotel-listing { border-bottom: 1px solid #d4d4d4; }

/*** Footer Elements ***/

#footer { width: 851px; height: 100px; background: url(/images/body-bot.gif) top no-repeat; }
#footer h1 { font-size: 12px; }
#footer ul { list-style: none; margin: 0 0 10px 0; padding: 0; }
#footer ul li { display: inline; margin: 0 5px; padding: 0; }
#footer ul li a { color: #b5daff; }