/************************************************************************
Author: Ideawire [Mari Garza] 

BASED ON 4 COLUMN LAYOUT: COLUMNS=225PX GUTTER=12PX

Listing Order:
	===	universal ====
  1 - 	Universal (html, body)
  2 - 	Structure/Layout
  3 - 	Text Elements (p, headlines, links, lists )
  4	- 	Images
  5	- 	Navigation (main, secondary)
	===	special conditions ====
  6 - 	Banner Elements
  7 - 	Main Content Elements
  7 - 	Footer Elements
  9 - 	Sidebar Elements
	===	additional elements ====
 10 - 	Tables
 11 - 	Forms
 12 - 	Errors
	===	plugins	====
	
	
	
	
	====== COLORS ======
	
Purple: 		#9b247e
Light Purple: 	#ebd3e5

Grey: 			#666666
light Grey:		#eeeeee
Dark Grey		#333333



************************************************************************/


/***********************************************************************
				UNIVERSAL STYLES
************************************************************************/
/* ====== 1. Universal (html, body) ====== */
	* { font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Tahoma", Verdana, Arial, Helvetica, sans-serif;
		margin: 0px;
		padding: 0px; }

	html {}
 
	body {
	font-size: 62.5%;
	width:100%;
	background-color: #9b247e;
	background-image: url(../images/banner_bg_purple.gif);
	background-repeat:repeat-x; }
	
	
	#top { 	position:absolute;
	     	top:0;
	     	left:0;} 		
	#clear { clear: both;}	

	#clearLeft { clear: left;}	
	
	#clearRight { clear: right;}	

/* ====== 2. Structure/Layout ====== */

	#container { 	margin:0 auto;
					width:930px;
					padding: 0px 15px;
					background-color: #FFFFFF;
					background-image: url(../images/banner_bg_white.gif);
					background-repeat:repeat-x; }

	#banner {	padding: 15px 0px;
				height: 100px;}
	
	#bannerPrint {	display: none;}	
	
	#logo { 	width: 300px;
				position: relative;
				float:left;}
	
	#hotel {		width: 615px;
					float: left;
					position: relative;
					margin: 0px 0px 0px 15px;}
		
			
	#content { 	margin: 30px 0px 0px 0px;
				float:left;}	
				
	#sidebar {	width: 300px;
				position: relative;
				float:left;}		
	
	#mainContent { 	width: 615px;
					float: left;
					position: relative;
					margin: 0px 0px 0px 15px;}
				
	#footer { 	clear: both;
				text-align: center;
				padding: 15px 0px;}
				
				
	#indexContent {  width: 630px;
					margin: 0px 0px 0px 150px;}
	
	#indexContent table { width: 630px; }
		

/* ====== 3. Text Elements (p, headlines, links, lists) ====== */
	p {		line-height: 1.6em;
	        font-size:1.2em;
			margin:0px 0px 10px 0px;}
			
	hr { clear: both;}	
	#Intro p {	font-size:1.4em; }
	#Intro b {	font-size:1.6em;
				color: #9b247e;}
				
	.address { 	color: #666666;
				font-weight:bold;} 
	.address b{ 	color: #000000; }	
	
	.asteric	{ font-size: 0.9em}				


/* -------------- HEADLINES ------------- */
	h1 {
	font-size: 3.8em;
	color: #9b247e;
	font-weight: normal;
	text-align: left;
	clear: both;
	margin:10px 0px; 
}
		
	h2	{ 	margin:10px 0px;
			font-size: 2.5em;
			color: #333333;
			font-weight: normal;
			clear:left; }
			
	h3 	{   margin:10px 0px 5px 0px;
			font-size: 1.5em;
			color: #666666;
			font-weight: normal;}
/* ---- Specialty --- */			
	h4	{ 	font-size: 1.4em;
			color: #666666;
			font-weight: bold;}
	h5  { font-size: 1.8em;
			color: #9b247e;
			font-weight: bold;}	
/* ---- Small --- */			
	h6  { font-size: 1.1em; line-height:1.3em;
			color: #666666;
			font-weight: normal; margin: 10px 0px; padding: 5px 0px; border-top: 1px solid #666666;}



/* -------------- LINKS ------------- */
	a {		font-weight: bold;
			text-decoration: none;
			color: #9b247e;
			border-bottom: 1px solid #9b247e;}
 
	a:hover {   font-weight: bold;
				text-decoration: none;
				color: #333333;
				border-bottom: 1px solid #333333;}
				
				
	th a {		font-weight: bold;
						text-decoration: none;
						color: #FFFFFF;
						border-bottom: 1px solid #FFFFFF;}

	th	a:hover {   font-weight: bold;
					text-decoration: none;
					color: #9b247e;
					border-bottom: 1px solid #9b247e;}			
			
	a:link img 	{ border: none; }
	a:hover img { border: none; }

/* -------------- LISTS ------------- */
	ul 		{ margin: 0px 15px 15px 35px;}		
	ul li 	{ font-size: 1.2em;}	
		
	ol 		{ 	margin: 0px 15px 0px 35px;}
						
	ol li 	{  	font-size: 1.4em;
				color: #9b247e;
				font-weight: bold;
				margin: 0px 0px 10px 0px;}
	
	#liText { 	font-weight: normal;
				font-size: .9em;
				color: #000000; }
 
/* ====== 4. Images ====== */
	img { border: none; }
		
	a.image { border: none;} /* this removes a border from images when a btm border is placed on the a tag.  a class="image" must accompany image */
	a:hover.image { border: none;} /* this removes a border from images when a btm border is placed on the a tag.  a class="image" must accompany image */

	.imgleft {	margin: 0px 10px 10px 0px;
				float: left;}
	.imgright {	margin: 0px 0px 10px 10px;
				float: right;}
			
/* ====== 5. Navigation (main, secondary) ====== */
/* -------------- MAIN NAV ------------- */
	#navigation ul { 	width: 244px;
						list-style: none;
						font-size: 1.1em;
						border-bottom: 1px dotted #000000; }

	#navigation ul li { border-bottom: none; }

	#navigation a	{ 	display: block;
						color: #000000;              
						width: 224px;                
						padding: 5px 10px 5px 10px;  
						text-decoration: none;       
						border-top: 1px dotted #000000;
						border-bottom: none;         
						font-weight: bold;}          

	#navigation a:hover{background-color: #f3eccf;
						color: #000000;}

/* -------------- SECONDARY NAV ------------- */
	#navigation2 {  	width: 615px;
						float:left;
						margin: 0 0 15px 0;}
						
	#navigation2 ul { list-style: none;
						margin: 0px;}

	#navigation2 ul li { float:left;
							text-transform:uppercase;
							padding: 0px; }

	#navigation2 ul li a {	padding: 5px 15px;
							border-bottom: none;}
	
	#navigation2 ul li a:hover {padding: 5px 15px;;  
								background-color: #666666;
								color: #ffffff;
								border-bottom: none;}

/***********************************************************************
				SPECIAL CONDITIONS
************************************************************************/
/* ====== 6. Banner Elements ====== */
	#banner p {	}
	#banner img a {	border: none; }
	#banner  a:hover{ }
/* ====== 7. Main Content Elements ====== */
	#main p {	}
	#main a {	 }
	#main a:hover{ }
	#footnote { margin: 15px 0px 0px 0px;
				padding: 10px 0px;
				border-top: 1px solid #666666;}
	#footnote p {	font-size: 0.9em;
					font-style:italic;}

/* ====== 8. Footer Elements ====== */
	#footer p {font-size: 1em;}
	#footer a {	 }
	#footer a:hover{ }
/* ====== 9. Sidebar Elements ====== */
	#sidebar p { 	font-size: 1.1em;
					word-spacing:.12em;
					}   					

	#sidebar a { }
	#sidebar a:hover{ }

/***********************************************************************
				ADDITIONAL ELEMENTS
************************************************************************/
/* ====== 10. Tables ====== */
	table { width: 615px; }
		
	th { 	color: #ffffff;
			background-color: #666666; 	
			font-size: 1.2em;
			font-weight: bold; 
			text-align: left;
			vertical-align: top;
			padding: 5px;
			width: auto;}
	td { 	font-size: 1.1em;
			text-align: left;	
			vertical-align: top;
			padding: 5px;
}
		
/* ====== 11. Forms ====== */
	form {  }

	input {	font-size: 1.1 em;
			border: 1px #666666 solid;
			background-color: #eeeeee;
			padding: 2px;
			width: 85%;}
		
	select {	font-size: 1.1 em;
				border: 1px #666666 solid;
				margin: 2px;
				width:auto;}
				

	textarea {	font-size: 1.1em;
				border: 1px #666666 solid;
				padding: 5px;
				width: 85%;}

	label { font-weight: bold;
			padding: 0px 3px;
			margin: 0px 5px 0 0 ;}
	.button { 	width:auto;
				color: #ffffff;
				background-color: #9b247e; 	
				font-weight: bold;
				float: right; 
			}		
			
			
			
	.buttonCancel	{ 	width:auto;
				color: #ffffff;
				background-color: #9b247e; 	
				font-weight: bold;
				float: right;
				margin-right: 20px; 
			}		
				

/* ====== 12. Errors ====== */
	#notice {	font-weight: bold;
				background-color:#abff89;
				color: #000000;
				font-size: 1.2em;
				padding: 5px;
				margin: 5px 0px;
				border-bottom: 1px solid #cccccc;
				border-top: 1px solid #cccccc; }

/***********************************************************************
				PAGE SPECIFIC
************************************************************************/

		#featured {		border-top: 1px solid #333333; 
						border-bottom: 1px solid #333333;
						padding: 15px;
						background-color: #ebd3e5;}


/* ====== Hotel Specials ====== */

	#featuredHotel { 	 padding: 15px 0px;}
	
	
	#featuredHotel  .info{ 	width: 300px;
					float: left;
					position: relative;
					margin:0px 15px 0px 0px; }
	
	#featuredHotel  .photo{ 	width: 300px;
					float: left;
					position: relative; } 
					
	.hotelListing2 { width: 280px;
					float: left;
					position: relative;
					margin:15px 0px 0px 0px;
					background-color: #eeeeee;

					padding: 10px;}				
	
	#adminContent { width: 930px;
					float: left;
					position: relative;}
					
	#adminAddEdit 	{ padding: 15px 0px;}				
					
	#adminContent table { width: 930px; }
	

   .bio { width: 290px;
					float: left;
					position: relative;
					margin:0px 15px 10px 0px;}
	
					
#rates  ul { margin: 0px;}

#rates li { margin: 10px 20px; font-size: 2em; color: #9b247e;list-style-type: none; }  				
					
#featuredHotel ul, .hotelListing ul { margin: 0px;font-size: 1em;}

#featuredHotel li { margin: 5px 20px 0 0;  vertical-align: top; font-size: 1em; width: 285px;

list-style-type: none; list-style-position: outside; display: -moz-inline-box; display: inline-block;  }  				

.hotelListing li{ margin: 10px 10px 0 0;  vertical-align: top; font-size: 1em; width: 275px; background-color: #eeeeee; padding: 10px; list-style-type: none; list-style-position: outside; display: -moz-inline-box; display: inline-block;}				

#featuredHotel li li {  margin: 5px 10px 0px; font-size: 1.1em; list-style-type: disc; display: list-item;  }

#featuredHotel li img { max-width: 255px;}  						

.dotted {border-bottom:1px dotted  #666;}

#featuredHotel h1 {
	font-size: 2.8em;
	color: #9b247e;
	font-weight: normal; 
	clear: both;
	margin:5px 0px; padding: 0 0 5px 0; line-height:1em; border-bottom:1px dotted  #666; text-align:center;
}
		
#featuredHotel	h2, #rates H2	{ 	margin:10px 0px;
			font-size: 2.3em;
			color: #333333;
			font-weight: normal;  }
			
#featuredHotel h3 	{   margin:10px 0px 5px 0px;
			font-size: 1.6em;
			color: #666666;
			font-weight: normal; text-align: left;}
 			
#featuredHotel	h4	{ 	font-size: 1.3em;
			color: #666666;
			font-weight: normal; text-align: left;}
#featuredHotel	h5  { font-size: 1.2em; text-align:right;
			font-weight: bold;}	
			
#featuredHotel	img  { margin: 10px 0px; text-align:center;}					


/***********************************************************************
				PLUGINS
************************************************************************/
/* ====== --- ====== */

#rates {border: 1px solid #666666; background: #FFE4F7; margin: 5px 0; padding: 5px 10px;}