/* Stylesheet for La Quinta Inn
Designed and developed by The Amplified Group, LLC
All rights reserved, but you can steal stuff anyways
*/

.soon {
	margin: 0 auto;
	width: 200px;
	height: 30px;
	padding: 20px 0 10px;
	border: 2px solid #694D31;
	background-color: #C4B392;
	color: #694D31;
	text-align: center;
	font-size: 28px;
}

* {
	margin: 0;
	padding: 0;
}

body {
	background: #fff url(images/bg.jpg) repeat-x top left;
	font-size: 11px;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.5em;
	color: #444;
}

span {
	display: none;
}

/*--- IMAGE STYLES ---*/
img.center {
	background-color: #7E5B32;
	border: 7px solid #C4B392;
	padding: 3px;
}

img.managed {
	margin: 0 auto;
	margin-top: 10px;
	border: none;
}

img.layout {
	padding-bottom: 8px;
}

/*--- LINK STYLES ---*/
#content a, #content a:visited {
	color: #911402;
	text-decoration: underline;
}

#content a:hover {
	text-decoration: none;
}

#footer a, #footer a:visited {
	color: #694D31;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

/*--- PARAGRAPH STYLES ---*/
p {
	padding-bottom: 8px;
}

#footer p {
	padding-top: 6px;
	font: bold 10px Arial, Helvetica, Verdana, sans-serif;
	text-align: center;
	color: #694D31;
}

/*--- LIST STYLES ---*/
ul#list {
	margin: 5px 0 15px;
}

ul#list li {
	margin-left: 25px;
}

/*--- HEADINGS ---*/
h1 {
	font-size: 22px;
}

h2 {
	font-size: 18px;
	color: #694D31;
	padding: 5px 0;
	text-decoration: underline;
	text-align: center;
}

h3 {
	font-size: 14px;
	color: #694D31;
	padding: 2px 0;
}

/*--- IDS ---*/
#container {
   margin: 0 auto;
   background: #fff url(images/container-bg.jpg) repeat-y top left;
   width: 680px;
}

#header {
   background: #fff url(images/mastheadnew1.jpg) no-repeat;
   width: 680px;
   height: 212px;
}

#flashdiv {
	background: #fff url(images/flashdiv.jpg) no-repeat;
	width: 680px;
	height: 227px;
}

#flash {
	width: 680px;
	height: 227px;
}

#navbar {
   background: #fff url(images/nav-bg.jpg) no-repeat;
   width: 680px;
   height: 40px;
}

#imagediv {
	background: #fff url(images/imagediv.jpg) no-repeat;
	width: 680px;
	height: 262px;
}

#imagedivwrap {
	margin-left: 181px;
	padding: 15px 0 0;
}

#content {
	width: 305px;
	padding-top: 10px;
	padding-left: 186px;
	padding-bottom: 30px;
	text-align: justify;
}

#footer {
   background: #fff url(images/footer-bg.jpg) no-repeat;
   width: 680px;
   height: 108px;
}

/*--- NAVIGATION STYLES ---*/
ul#navigation {
   width: 355px;
   font-size: 10px;
   list-style: none;
   margin-left: 161px;
   background: transparent url(images/ul_bg.gif) center left repeat-x;
}

ul#navigation li {
   font: bold 10px/1.8em Arial, "Helvetica", sans-serif;
	display: block;
   float: left;
   padding: 0;
   margin: 0;
	padding-top: 5px;
   text-align: center;
}

ul#navigation li.home, ul#navigation li.home a { width: 39px; }
ul#navigation li.amenities, ul#navigation li.amenities a { width: 59px; }
ul#navigation li.meeting, ul#navigation li.meeting a { width: 86px; }
ul#navigation li.reservations, ul#navigation li.reservations a { width: 78px; }
ul#navigation li.tour, ul#navigation li.tour a { width: 34px; }
ul#navigation li.packages, ul#navigation li.packages a { width: 59px;}

ul#navigation li a {
   display: block;
   float: left;
   color: #3C2116;
   padding: 0;
   text-decoration: none;
}
            
ul#navigation li a:hover, body#home li.home a, body#amenities li.amenities a, body#meeting li.meeting a, body#reservations li.reservations a, body#tour li.tour a, body#packages li.packages a {
	height: 19px;
  	color: #fff;
   text-decoration: underline;
	background: transparent url(images/a_bg.gif) top left repeat-x;
}

/*--- TABLE STYLES ---*/
table {
	width: 305px;
	font-size: 11px;
   font-weight: bold;
   border: none;
   border-collapse: collapse;
}

th, td {
	padding: 8px;
   border: none;
}

th {
   text-align: left;
}

.alt {
   background: url(images/tr_bg.gif) repeat-x top left;
}

/*--- FORM STYLES ---*/
label {
	font-weight: bold;
	color: #694D31;
}

textarea {
	width: 95%;
	border: 1px solid #694D31;
	padding: 3px 0 3px 10px;
	background: url(images/input.gif) no-repeat top left;
	font: 11px Verdana, sans-serif;
	color: #444;
}

input {
	width: 65%;
	border: 1px solid #694D31;
	padding: 3px 0 3px 10px;
	background: url(images/input.gif) no-repeat top left;
	font: 11px Verdana, sans-serif;
	color: #444;
}

input.button {
	border: 0;
	background: #694D31;
	color: #ECDEC3;
	cursor: pointer;
	font: bold 11px Arial, sans-serif;
	text-transform: capitalize;
	width: 75px;
	padding: 3px;
}