/* Layout */
html, body  {padding:0; margin:0; height: 100%; }
body 		{font-size: 76%;  background:#1D1D1D; font-family: arial, helvetica, verdana; color:#FFF;}
#wrapper	{width: 800px; min-height: 100%; background: #1D1D1D url(../images/interface/bodybg.gif) 0 0;}

#content	{float:left; width: 450px; padding-left: 50px;}
#homepage #content	{width: 700px; padding: 0 50px;}
#sidebar	{width: 200px; padding: 0 45px 0 50px; float:left;}
#homepage #sidebar	{float:right; padding-right:0; margin-right: -50px;}
#footer		{width: 700px; padding: 0 50px 50px 50px;}
#pageintro	{height: 177px; padding: 23px 0 0 18px; margin-left: -18px; background: url(../images/interface/greenlozenge.gif) 0 27px no-repeat;}
h1			{display:block; margin:0 0 0 -50px; padding:0; width: 400px; height: 199px; text-indent: -9999px;
			 background: url(../images/interface/logo.png) 0 0 no-repeat;}



/* General Styles*/		
h2			{margin:0; padding:0 0 0 50px; display:block; font-size: 1.2em; font-weight:normal; line-height: 50px; text-transform:uppercase;
				background: url(../images/interface/bullet_standard.gif) 22px 22px no-repeat;}
ul          {padding:0; margin:0; list-style:none;}
ul li       {list-style:none;}

a img       {border:none;}
a.listings {color:#99CC33;}
a.listings:hover {color:#666;}
#content a { color: #99CC33 }
div#pageintro a { text-transform: none; color: #99CC33; }

p { font-size: 0.95em; line-height: 1.35em; margin: 0 0 1.35em 0; color:#FFF; }
p.agreement { margin-left: 50px;  }
p.agreement a { color: #99CC33 }
p.legal { font-size: 10px; font-family: arial, sans; color: #ccc; }

img.border 	{border:1px solid #B18B63;}
img.left	{float:left; margin: 0 50px 50px 0;}
img.inlineleft	{float:left; margin: 0 25px 0 0;}
img.right	{float:right; margin: 0 0 0 27px;}

/* Side Bar Styles*/

#pageintro p	{font-family: arial, helvetica, sans-serif; margin-bottom: 1.75em; font-size: 0.85em;}
#sidebar ul		{display:block; float:left; clear:both; width: 200px; margin:0 0 50px 0; padding:0; letter-spacing: 0.05em;}
#sidebar ul#listAboveFlash { margin-bottom: 36px; }
#sidebar li		{display:block; height: 50px; margin:0; padding:0;}
#sidebar a		{text-decoration:none; text-transform:uppercase; color:#FFF;}
#sidebar ul.nav	{border: 1px solid #2D2E29; background:#1B1D1A;}
#sidebar ul.nav a	{display:block; width: 150px; height: 32px; padding: 18px 0 0 50px;
				 background: url(../images/interface/bullet_standard.gif) 22px 22px no-repeat;}
#sidebar ul li a:hover	{color:#9C3;}
				
#sidebar ol		{display:block; width: 200px; margin:0 0 50px 0; padding:0; float:left; clear:both;}

#sidebar ol li	{display:block; float:left; clear:both; margin-bottom: -1px;height: 50px;}
#sidebar ol li a{display:block; width: 198px; padding-top: 18px; height: 32px; }
#sidebar li span{display:block; width: 50px; height: 50px; border: 1px solid #2D2E29; margin: -18px 18px 0 0; 
				background-color: #1B1D1A; background-repeat:no-repeat; background-position: 50% 50%; float:left;}
#sidebar ol li a:hover span	{background-color:#2D2E29;}
#sidebar ol li span.n1	{background-image: url(../images/interface/bullet_ol1.png);}
#sidebar ol li span.n2	{background-image: url(../images/interface/bullet_ol2.png);}
#sidebar ol li span.n3	{background-image: url(../images/interface/bullet_ol3.png);}
#sidebar ol li span.n4	{background-image: url(../images/interface/bullet_ol4.png);}

#sidebar ul.roomstatus li		{padding-top: 18px; height: 32px; width: 200px; margin:0 0 -1px 0; float:left; clear:both; text-transform:uppercase;}
#sidebar ul li span.available	{background-image: url(../images/interface/bullet_available.gif);}
#sidebar ul li span.purchased	{background-image: url(../images/interface/bullet_purchased.gif);}

/* Contact Form */
#footer					{padding-top: 50px;}
#footer h4				{margin-top:0; padding-bottom: 10px; border-bottom: 3px solid #9C3;font-family: lucida, helvetica, sans-serif;  text-transform:uppercase; font-weight:normal; font-size: 1em;}
#footer form			{padding-bottom: 30px;}
form label				{font-size: 0.9em; margin: 0 0 6px 0; text-transform:uppercase; float:left; clear:both;}
form input				{float:left; clear:both; margin: 0 0 10px 0; background: #1D1D1D; border:none; border: 1px solid #404040; width: 245px; height: 21px; color:#FFF; font-size: 1em; font-weight:normal;}
form textarea			{width: 255px; height: 127px; background: #1D1D1D; border:none; border: 1px solid #404040; color:#FFF; font-family:  arial, helvetica, verdana; font-size: 1em;}
form #contactsubmit		{height: 20px; width: 50px; border:none;}
form p					{padding: 18px 10px 0 0;}
div.col					{width: 275px; float:left;}


/* Special Styles*/
div.clear   			{width: 100%; height:1px; margin-top: -1px; clear:both; overflow:hidden; }
.print					{display:none !important; position:absolute; height:0; width:0; overflow:hidden; left: -2000;}

/* Flash */
#flashFloorPlan { display: inline; float: left; margin-right: 15px; }