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

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	====

***********************************************************************
Edit:
Body 
container
banner
bannerPrint
content
sidebar
navigation2

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

/***********************************************************************
				UNIVERSAL STYLES
************************************************************************/
/* ====== 1. Universal (html, body) ====== */
	* { font-family: "Lucida Grande", 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; */}

		
/* ====== 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; */
				display:none;}

	#bannerPrint {	/*	display: none; */
					display: block;
					padding: 15px 0px;
					border-bottom: 1px #666666 solid;
					margin: 0 0 15px 0;}	

	#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;*/
				display:none; }		

	#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;
			font-size: 1.4em;
			color: #333333;
			font-weight: bold;
			text-transform:uppercase;}
	/* ---- Specialty --- */			
		h4	{ 	font-size: 1.4em;
				color: #666666;
				font-weight: bold;}
		h5  { font-size: 1.8em;
				color: #9b247e;
				font-weight: bold;}	
	/* ---- Small --- */			
		h6  { }



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

		a:hover {   font-weight: bold;
					text-decoration: none;
					color: #003a10;
					border-bottom: 1px solid #003a10;}

		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 */

		.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;*/
							display:none;}

		#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: 100%;}

		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: 100%;}

		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: 10px 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 20px; 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: 10px 0; padding: 5px 10px;}