/************************************************************************
Author: Ideawire [Mari Garza]
Client: Olympia I Business Center

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

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

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

	html {}


	body {	height: 100%;		
			font-size: 62.5%;
			width:100%;
			background-color: #ffffff;
			color: #333333;}
		
/* ====== 2. Structure/Layout ====== */

	#container {margin-left: auto;
				margin-right: auto;
				margin: 0 0 4 0;
				padding:0 10px 0 10px;
				width:100%; }
	
	#banner {	display: none;}
	
	#bannerPrint { display: block;	}			
	
	#Navigation {	display: none; }
			
	#mainContent{ 	width:68%;
					min-height:40%;
					margin: 10px;
					float:left;}	
				
	#sidebar {
	width: 28%;
	display: inline;
	float: right;
	position: relative;
	font-size: 1em;
	background-position:bottom left;
	background-repeat:no-repeat;
	border-left: 1px #cccccc solid;
	margin-bottom: 10px;
}				
				
	#footer{	clear: both;
				border-top: 1px solid #444444;
				padding: 10px;
				text-align:center;
				font-size: 0.9em;
				color: #333333;}

/* ====== 3. Text Elements (p, headlines, links, lists) ====== */
	p {		font-size:1.2em;
	        line-height: 1.3em;
			margin: 0px 0px 10px 0px;}
					
	hr { clear: both;}

/* -------------- HEADLINES ------------- */
	h1 {    font-size: 3.5em;
			color: #333333;
			font-weight: bold;
			text-align: left; 
			text-transform: lowercase;
			clear:both;
			margin:10px 0px;
			border-bottom: 1px dotted #444444;}
		
	h2	{
	font-size: 2.5em;
	color: #333333;
	font-weight: bold;
	text-align: left;
	clear:both;
	margin:5px 0px;
	border: none;
	border-bottom: 1px dotted #444444;}
			
	h3 	{font-size: 1.6em;
	color: #333333;
	font-weight: bold;
	text-align: left;
	margin:0px 0px 5px 0px;}
/* ---- Specialty --- */			
	h4	{ }
	h5  { }	
/* ---- Small --- */			
	h6  { }



/* -------------- LINKS ------------- */
	a {		font-weight: bold;
			text-decoration: none;
			color: #333333;
			border-bottom: 1px solid #444444;}
 
	a:hover {   font-weight: bold;
				text-decoration: none;
				color: #333333;
				border-bottom: 1px solid #444444;}
			
	a:link img 	{ border: none; }
	a:hover img { border: none; }

/* -------------- LISTS ------------- */
	ul 		{ margin: 0px 15px;
	   		  list-style-type: disc;
	   		  list-style-position: outside; }		
	ul li 	{ margin: 5px 0px;}	
		
	ol 		{ 	}					
	ol li 	{ 	font-weight: bold;}

/* ====== 4. Images ====== */
	img { border: none; }

	.logo {  }

	.imgleft {	margin: 0px 10px 10px 0px;
				float: left;}
	.imgright {	margin: 0px 0px 10px 10px;
				float: right;}
			
/* ====== 5. Navigation (main, secondary) ====== */
/* -------------- MAIN NAV ------------- */
	#Navigation ul { 	list-style: none; }
						
	#Navigation ul li { float: right;
						border-bottom: none;
						font-size: 1.3em;
						margin: 5px 15px;
						height: 16px;
}
						
	#Navigation a	{ 	display: block;
						color: #d7bc89;              
						text-decoration: none;       
						border-bottom: none;         
						font-weight: bold;}          

	#Navigation a:hover{ 	color: #007188;}
	

/* -------------- SECONDARY NAV ------------- */
	#Navigation2 ul { }

	#Navigation2 ul li { }

	#Navigation2 ul li a {	}
	
	#Navigation2 ul li a:hover {}

/***********************************************************************
				SPECIAL CONDITIONS
************************************************************************/
/* ====== 6. Banner Elements ====== */
	#banner p {	}
	#banner a {	 }
	#banner a:hover{ }
	#feature { 	float: right;} 
	#feature img { border: 2px #ffffff solid;
					margin: 20px 20px; }
			
/* ====== 7. Main Content Elements ====== */
	#main p {	}
	#main a {	 }
	#main a:hover{ }
	#floorplan img { float: left; margin: 10px 10px 0 0;}
	#addional_info { float: right; margin: 0 0 10px 10px; padding: 0 0 0 5px; border-left: 1px solid #444444; }
/* ====== 8. Footer Elements ====== */
	#footer p {	}
	#footer a {	 }
	#footer a:hover{ }
/* ====== 9. Sidebar Elements ====== */
	#sidebar p { 	margin: 10px ;
					font-size: 1em;
					line-height: 1.6em;
					word-spacing:.15em;
					}   					

	#sidebar a { }
	#sidebar a:hover{ }
	#sidebar h1 {margin: 10px ;
	             font-size: 2.5em;
	             color: #333333;
	             text-transform: none;}
	             
    #sidebar h2 {margin: 10px ;
                 color: #833111;
	             font-size: 1.7em; }
/* ----- b. Testimonials ----- */	
        #testimonial { padding: 10px; }
        #testimonial .quote{ font-size: 1.6em;
                             line-height: 1.2em;
                             color: #333333;
                             font-family:Georgia, Times New Roman, Serif;}
        #testimonial .name{ font-size: 1.2em; 
                            color: #333333;
                            font-weight: bold;}
        #testimonial .company{ font-weight: bold;
                               font-size: 1.1em}
                  

/***********************************************************************
				ADDITIONAL ELEMENTS
************************************************************************/
/* ====== 10. Tables ====== */
	table { width: 68%; }
		
	th { 	color: #333333; 	
			font-size: 1.1em;
			font-weight: bold; 
			text-align: left;
			vertical-align: top;
			padding: 5px;
	        background-color: #ededed;}
	td { 	font-size: 1em;	
			vertical-align: top;
			padding: 5px;
	        background-color: #ededed; }
		
/* ====== 11. Forms ====== */
	form {  }

	input {	display: none;}
		
	select { display: none;}

	textarea { display: none;}

	label { font-weight: bold;
			padding: 0px 3px;
			margin: 0px 5px 0 0 ;}

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

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