/* CSS Document */

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

body {
	font-family: trebuchet ms, arial, verdana, tahoma;
	font-size: 12px;
	color: #373737;
	margin: 0;
	background: url(/images/bg.gif) repeat-x #E2DAD8;
	}

a:link, a:visited {
	color: #7e4f38;
	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; }
img { border:0; }
p { margin: 0; padding: 0; line-height: 18px; }

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

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

a span, h1 span, h2 span, h3 span { display: none; }
.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-left 	{ clear: left; font-size: 1px; }
.clear-right 	{ clear: right; font-size: 1px; }

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

.no 			{ margin: 0 !important; padding: 0 !important; }
.no-right 		{ margin-right: 0 !important; }
.bottom 		{ margin-bottom: 20px !important; }
 
.float-left    { float:left; }
.float-right   { float:right; }
 
.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; }
.highlight     { background:#ffc; }
.light-brown	{ color: #7e4f38; }
.dark-brown  	{ color: #392216; }
.blue			{ color: #2d596d; }
.white			{ color: #fff; }
 
.img-left      { float:left; margin:0 10px 4px 0; }
.img-right     { float:right; margin:0 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }
.bottom        { margin-bottom: 20px !important; }

img.thumb {
	padding: 3px;
	background-color: #fff;
	border: 1px solid #553424;
	}

/***** Main Layout Containers *****/

#center {
	width: 862px;
	margin: 0 auto;
	text-align: center;
	}

#header {
	width: 800px;
	padding: 0 31px;
	text-align: left;
	}

#master {
	width: 800px;
	text-align: left;
	background: url(/images/master-bg.gif) repeat-y;
	float: left;
	padding: 0 31px;
	}

#body-content {
	width: 770px;
	padding: 15px;
	float: left;
	background: url(/images/body-bg.gif) repeat-x top;
	}

#body-content div.body-left {
	float: left;
	width: 540px;
	}

#body-content div.body-right {
	float: right;
	text-align: left;
	width: 210px;
	}


/***** Main Site Elements *****/

a#logo {
	display: block;
	width: 119px;
	height: 99px;
	margin: 13px 0 16px 23px;
	background: url(/images/logo.gif) no-repeat;
	float: left;
	}

#contact-info {
	float: right;
	width: 200px;
	text-align: left;
	padding-top: 45px;
	}

ul#nav {
	width: 800px;
	height: 42px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(/images/nav/bg.gif) repeat-x;
	clear: both;
	font-size: 13px;
	}

ul#nav li {
	display: inline;
	float: left;
	height: 35px;
	margin: 0;
	padding: 7px 0 0 0;
	}

ul#nav li a {
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-decoration: none;
	display: block;	
	height: 27px;
	padding-top: 8px;
	margin: 0 22px;
	}

ul#nav li a.sm { width: 68px; }
ul#nav li a.sm:hover {background: url(/images/nav/sm.gif) no-repeat;}

ul#nav li a.md { width: 102px; }
ul#nav li a.md:hover {background: url(/images/nav/md.gif) no-repeat;}

ul#nav li a.lg { width: 142px; }
ul#nav li a.lg:hover {background: url(/images/nav/lg.gif) no-repeat;}

ul#nav li.left {
	width: 9px;
	height: 42px !important;
	padding: 0 !important;
	background: url(/images/nav/end-left.gif) no-repeat;
	}

ul#nav li.right {
	width: 9px;
	height: 42px !important;
	padding: 0 !important;
	background: url(/images/nav/end-right.gif) no-repeat;
	float: right;
	}

#hotel-drop, #vacations-drop {
	width: 780px;
	height: 20px;
	padding: 5px 10px;
	display: none;
	background: url(/images/drop-bg.gif) repeat-x;
	border-bottom: 1px solid #BFAEA7;
	position: relative;
	}

#hotel-drop ul, #vacations-drop ul {
	list-style: none;
	margin: 0;
	padding: 0;
	color: #496227;
	} 

#hotel-drop ul li, #vacations-drop ul li {
	display: inline;
	margin: 0 2px;
	padding: 0;
	font-weight: bold;
	}

#hotel-drop a.close, #vacations-drop a.close {
	width: 13px;
	height: 13px;
	display: block;
	position: absolute;
	top: 3px;
	right: 3px;
	background: url(/images/icons/hide.gif) no-repeat;
	}


/* Titles */

h1.page-title {
	height: 34px;
	margin: 0 0 5px 0;
	}

h1.brown-sub {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 5px 0;
	color: #392216;
	}	

h1#home-title { background: url(/images/titles/home.gif) no-repeat; width: 277px; }
h1#contact-title { background: url(/images/titles/contact.gif) no-repeat; width: 277px; }
h1#feature-title { background: url(/images/titles/feature.gif) no-repeat; width: 394px; }
h1#examples-title { background: url(/images/titles/examples.gif) no-repeat; width: 160px; }
h1#hotels-title { background: url(/images/titles/hotels.gif) no-repeat; width: 160px; }
h1#vacations-title { background: url(/images/titles/vacations.gif) no-repeat; width: 160px; }
h1#admin-title { background: url(/images/titles/admin.gif) no-repeat; width: 144px; }


/* Buttons */

a.booknow-white {
	width: 75px;
	height: 33px;
	background: url(/images/buttons/booknow-white.gif) no-repeat 0% 0%;
	display: block;
	}

a.booknow-white:hover { background-position: 100% 100%; }

a.search-white {
	width: 75px;
	height: 33px;
	background: url(/images/buttons/search-white.gif) no-repeat 0% 0%;
	display: block;
	}

a.search-white:hover { background-position: 100% 100%; }

a.submit-white {
	width: 75px;
	height: 33px;
	background: url(/images/buttons/submit-white.gif) no-repeat 0% 0%;
	display: block;
	}

a.submit-white:hover { background-position: 100% 100%; }


/* Home Page Elements */

#home-feature {
	width: 170px;
	height: 435px;
	padding: 50px 20px 0 20px;
	background: url(/images/rounded/homefeature-bg.gif) no-repeat;
	}

#home-feature h2 {
	font-weight: bold;
	font-size: 14px;
	margin: 0; padding: 0;
	}
	

#hotels-button {
	width: 241px;
	height: 141px;
	background: url(/images/rounded/hotels-button.gif) no-repeat;
	float: left;
	position: relative;
	}

#vacations-button {
	width: 241px;
	height: 141px;
	background: url(/images/rounded/vacations-button.gif) no-repeat;
	float: right;
	position: relative;
	}

#hotels-button a, #vacations-button a {
	position: absolute;
	width: 72px;
	height: 31px;
	background: url(/images/buttons/clickhere-brown.gif) no-repeat 0% 0%;
	top: 75px;
	left: 90px;
	display: block;
	}

#hotels-button a:hover, #vacations-button a:hover { background-position: 100% 100%; }


/* Build Out Elements */

#search-console {
	width: 770px;
	height: 219px;
	}

#search-console #search-box {
	width: 244px;
	height: 197px;
	float: left;
	padding: 14px 25px 0 25px;
	background: url(/images/rounded/searchbox-bg.gif) no-repeat;
	}

#search-console #search-box h1 {
	background: url(/images/titles/searchbox.gif) no-repeat;
	width: 157px;
	height: 31px;
	margin: 0 0 5px 0;
	}

#search-box h1.vacations {
	background: url(/images/titles/searchbox-vacations.gif) no-repeat !important;
	width: 174px !important;
	}

#search-console #search-box ul
	{
	list-style: none;
	text-align: right;
	margin: 0; padding: 0;
	width: 220px;
	}

#search-console #search-box ul li
	{
	padding: 5px;
	position: relative;
	text-align: right;
	width: 220px;
	}

#search-console #search-box ul li select {
	width: 155px;
	height: 20px;
	}

#search-console #search-box ul li a.search-white { float: right; margin-top: 5px; }

#search-console #header-image {
	float: right;
	width: 438px;
	height: 204px;
	padding: 3px 10px 12px 3px;
	background: url(/images/headers/bg.gif) no-repeat;
	}

#popular-thumbs {
	width: 537px;
	}

#popular-thumbs div.top {
	width: 537px;
	height: 9px;
	background: url(/images/rounded/thinrnd-top.gif) no-repeat;
	font-size: 1px;
	}

#popular-thumbs div.bot {
	width: 537px;
	height: 9px;
	background: url(/images/rounded/thinrnd-bot.gif) no-repeat;
	font-size: 1px;
	clear: both;
	}

#popular-thumbs div.content {
	width: 505px;
	float: left;
	border-left: 1px solid #e0d8d5;
	border-right: 1px solid #e0d8d5;
	padding: 10px 15px;
	}

#popular-thumbs div.content ul {
	width: 505px;
	margin: 0;
	padding: 0;
	list-style: none;
	}

#popular-thumbs div.content ul li {
	display: inline;
	float: left;
	width: 74px;
	padding: 0 5px;
	margin: 0;
	text-align: center;
	}

.bluetop-box {
	width: 537px;
	}

.bluetop-box div.hed {
	width: 517px;
	height: 27px;
	background: url(/images/rounded/blue-hed.gif) no-repeat;
	padding: 10px 0 0 20px;
	}

.bluetop-box div.hed h2 {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	}

.bluetop-box div.sort-bar {
	background: url(/images/sortbar-grad.gif) repeat-x;
	width: 515px;
	height: 27px;
	padding: 9px 10px 0 10px;
	border-left: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	}

.bluetop-box div.content {
	width: 487px;
	padding: 10px 25px;
	background: url(/images/list-grad.gif) repeat-x #fff;
	float: left;
	}

.bluetop-box div.content-hotels {
	width: 517px;
	padding: 10px;
	background: url(/images/list-grad.gif) repeat-x #fff;
	float: left;
	}

.bluetop-box div.content a, .bluetop-box div.content-hotels a { color: #2E5B70; }

.bluetop-box div.content ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 487px;
	}

.bluetop-box div.content ul li {
	display: inline;
	float: left;
	width: 162px;
	margin: 0 0 3px 0;
	padding: 0;
	}
	
.browntop-box {
	width: 537px;
	}

.browntop-box div.hed {
	width: 497px;
	height: 27px;
	background: url(/images/rounded/brown-hed.gif) no-repeat;
	padding: 10px 20px 0 20px;
	}

.browntop-box div.hed h2 {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	}

.browntop-box div.hed h2 a { color: #fff;}

.browntop-box div.content {
	width: 487px;
	padding: 10px 25px;
	background: url(/images/list-beigegrad.gif) repeat-x #fff;
	float: left;
	}

.browntop-box div.content-hotels {
	width: 517px;
	padding: 10px;
	background: url(/images/list-beigegrad.gif) repeat-x #fff;
	float: left;
	}

.browntop-box div.content-hotels a { color: #9e1300; }

div.content-hotels ul {
	list-style: none;
	margin: 0; padding: 0;
	width: 517px;
	}

div.content-hotels ul li {
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	width: 517px;
	}

div.content-hotels ul li div.top {
	width: 517px;
	height: 5px;
	background: url(/images/rounded/hotellisting-top.gif) no-repeat;
	font-size: 1px;
	}

div.content-hotels ul li div.bot {
	width: 517px;
	height: 5px;
	background: url(/images/rounded/hotellisting-bot.gif) no-repeat;
	font-size: 1px;
	clear: both;
	}

div.content-hotels ul li div.listing {
	width: 495px;
	float: left;
	border-left: 1px solid #bfb5b4;
	border-right: 1px solid #bfb5b4;
	background-color: #fff;
	padding: 5px 10px;
	}

div.content-hotels ul li div.listing div.info {
	float: left;
	width: 300px;
	}

div.content-hotels ul li div.listing div.book {
	float: right;
	width: 98px;
	}

.browntop-box div.listing div.book div.price {
	width: 88px;
	height: 60px;
	text-align: right;
	padding: 8px 10px 0 0;
	background: url(/images/rounded/featureprice-bg.gif) no-repeat;
	color: #88670d;
	}

.bluetop-box div.listing div.book div.price {
	width: 88px;
	height: 60px;
	text-align: right;
	padding: 8px 10px 0 0;
	background: url(/images/rounded/price-bg.gif) no-repeat;
	color: #234757;
	}

div.content-hotels div.listing div.book div.price p {
	font-size: 11px;
	line-height: 12px;
	}

div.content-hotels div.listing div.book div.price h2 {
	font-size: 22px;
	font-weight: bold;
	margin: 0; padding: 0;
	}

div.content-hotels ul li div.listing div.book a {
	display: block;
	width: 98px;
	height: 27px;
	background: url(/images/buttons/booknow-dark.gif) no-repeat;
	}

/***** Contact Us Elements *****/

#contact-form div.form {
	float: left;
	width: 260px;
	margin-right: 10px;
	}

#contact-form ul
	{
	list-style: none;
	text-align: right;
	margin: 0; padding: 20px 0 0 0;
	width: 260px;
	}

#contact-form ul li
	{
	padding: 6px;
	position: relative;
	text-align: right;
	width: 248px;
	}

#contact-form ul li input {
	width: 130px;
	height: 18px;
	border: 1px solid #DFDFDF;
	}

#contact-form ul li textarea {
	width: 130px;
	height: 80px;
	border: 1px solid #DFDFDF;
	}

#contact-form ul li span#comments {
	position: absolute;
	top: 10px;
	left: 48px;
	}

#contact-form div.info {
	float: right;
	width: 180px;
	text-align: left;
	padding-left: 20px;
	border-left: 1px solid #DFDFDF;
	}

#contact-form a.submit {
	display: block;
	width: 83px;
	height: 21px;
	background: url(/images/buttons/submit.gif) no-repeat 0% 0%;
	float: right;
	margin-top: 3px;
	}

#contact-form a.submit:hover { background-position: 100% 100%; }


/* Feature Your Property Page */

#feature-form ul
	{
	list-style: none;
	text-align: right;
	margin: 0; padding: 20px 0 0 0;
	width: 465px;
	}

#feature-form ul li
	{
	padding: 6px;
	position: relative;
	text-align: right;
	width: 453px;
	}

#feature-form ul li input {
	width: 250px;
	height: 18px;
	border: 1px solid #DFDFDF;
	}

#feature-form ul li input.check {
	width: 15px;
	height: 15px;
	border: 1px solid #DFDFDF;
	}

#feature-form ul li textarea {
	width: 383px;
	height: 100px;
	border: 1px solid #DFDFDF;
	}


/* Admin Section */

.bluetop-box-wide {
	width: 770px;
	}

.bluetop-box-wide div.hed {
	width: 750px;
	height: 32px;
	background: url(/images/rounded/bluewide-hed.gif) no-repeat;
	padding: 5px 10px 0 10px;
	}

.bluetop-box-wide div.hed ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 750px;
	height: 32px;
	}

.bluetop-box-wide div.hed ul li {
	display: inline;
	float: left;
	width: 149px;
	height: 32px;
	}

.bluetop-box-wide div.hed a {
	display: block;
	width: 149px;
	height: 32px;
	}

.bluetop-box-wide div.hed a#add-hotel { background: url(/images/admin/addhotel-tab.gif) 100% 100%; }
.bluetop-box-wide div.hed a#edit-hotel { background: url(/images/admin/edithotel-tab.gif) 100% 100%; }
.bluetop-box-wide div.hed a#add-vacation { background: url(/images/admin/addvacation-tab.gif) 100% 100%; }
.bluetop-box-wide div.hed a#edit-vacation { background: url(/images/admin/editvacation-tab.gif) 100% 100%; }
.bluetop-box-wide div.hed a#feature { background: url(/images/admin/feature-tab.gif) 100% 100%; }

.bluetop-box-wide div.hed a.active { background-position: 0% 0% !important; }

.bluetop-box-wide div.content {
	width: 720px;
	padding: 10px 25px;
	background: url(/images/list-grad.gif) repeat-x #fff;
	float: left;
	}

.bluetop-box-wide div.content h1 {
	font-weight: bold;
	font-size: 18px;
	margin: 10px 0 5px 0;
	}

.bluetop-box-wide div.content div.status {
	width: 698px;
	height: 15px;
	border: 1px solid #BFB4B3;
	background-color: #fff;
	padding: 10px;
	margin: 0 0 10px 0;
	}

.bluetop-box-wide div.content div.status h2 {
	font-weight: bold;
	font-size: 14px;
	}

#admin-content ul
	{
	list-style: none;
	text-align: right;
	margin: 0 auto; padding: 20px 0 0 0;
	width: 500px;
	}

#admin-content ul li
	{
	padding: 6px;
	position: relative;
	text-align: right;
	width: 488px;
	}

#admin-content ul li span#overview {
	position: absolute;
	top: 10px;
	left: 79px;
	}

#admin-content ul li input {
	width: 350px;
	height: 22px;
	border: 1px solid #79affa;
	}

#admin-content ul li input#browse {
	width: 75px;
	height: 26px;
	border: none;
	position: absolute;
	}

#admin-content ul li select {
	width: 200px;
	height: 22px;
	margin-right: 154px;
	}

#admin-content ul li textarea {
	width: 350px;
	height: 150px;
	border: 1px solid #79affa;
	}

#admin-content table {
	width: 720px;
	background-color: #EDE9E7;
	}
	
#admin-content table tr td {
	text-align: center;
	}

#admin-content table tr.hed {
	background: url(/images/featurelist-hed.gif) repeat-x #234e6b;
	color: #fff;
	font-weight: bold;
	height: 37px;
	}

/* Footer Styles */

#footer {
	width: 800px;
	height: 30px;
	padding: 15px 31px 0 31px;
	clear: both;
	background: url(/images/footer-bg.gif) no-repeat;
	}

#footer ul {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
	}

#footer ul li {
	display: inline;
	margin: 0;
	padding: 0;
	}

#footer ul li a {
	padding: 0 5px;
	}