/* ----- CSS ----- */



body 	{

		margin: 0;

		padding: 0;

		background: #266386 url(i/bg_skyline.gif) top left repeat-x;

		color: #ffffff;

		font-family: "Lucida Grande", Verdana, Helvetica, serif;

		font-size: 14px;

		line-height: 140%;

		}





#container {

		width: 950px;

		margin-top: 0px;

		margin-right: auto;

		margin-bottom: 0px;

		margin-left: auto;

		}



#header {

		width: 950px;

		height: 430px;

		background: url(i/skyline.gif) top left no-repeat;

		}



#nav	{

		padding: 30px 0px 23px 0px;

		border-bottom: 1px solid #ffffff;

		font-size: 16px;

		letter-spacing: 1px;

		}



#nav ul	{

		padding: 0px;

		margin: 0px;

		}



#nav ul li {

		display: inline;

		padding-left: 28px;

		padding-right: 28px;

		}



#content {

		background: #e69ebe;

		width: 930px;

		padding: 20px 0 0 0px; 

		}



#left	{

		float: left;

		width: 900px;

		padding-right: 10px;
		padding-left: 10px;

		}



#left_inside {

		float: left;

		background: #e1f3fc;

		width: 616px;

		margin-right: 10px;

		color: #266386;

		}



#left_inside p {

		padding: 0px 10px 0px 10px;

		}



#right	{

		float: left;

		width: 284px;

		background: #d273a2;

		padding: 0px 10px 20px 10px;

		}



#attic_preview {

		float: left;

		width: 303px;

		margin-right: 10px;

		}



#recroom_preview {

		float: left;

		width: 303px;

		}



#recroom_preview img {

		padding-bottom: 4px;

		}



#footer	{

		padding-top: 10px;

		height: 80px;

		clear: both;

		font-size: 11px;

		color: #95bbd1;

		text-align: center;

		letter-spacing: 1px;

		text-transform: uppercase;

		}



#footer a {

		text-decoration: none;

		color: #95bbd1;

		border-bottom: 1px solid #95bbd1;

		}



#footer a:hover {

		text-decoration: none;

		color: #95bbd1;

		border-bottom: 0px solid #95bbd1;

		}



a		{

		text-decoration: none;

		color: #ffffff;

		}



a:hover	{

		text-decoration: none;

		color: #e9cfe6;

		}



a.inside {

		text-decoration: none;

		color: #266386;

		}



a.inside:hover {

		text-decoration: none;

		color: #266386;

		}



#left_inside a {

		text-decoration: none;

		color: #d273a2;

		}



#left_inside a:hover {

		text-decoration: none;

		color: #266386;

		}



ul		{

		padding: 16px;

		margin: 0;

		}



ul li	{

		list-style-type: bullet;

		}



.clear	{

		clear: both;

		}



hr		{

		height: 1px;

		background: #679cbb;

		border: 0px;

		}



td		{

		padding-top: 4px;

		padding-bottom: 4px;

		}



form	{

		font-size: 16px;

		}



input, select, textarea	{

		background: #679cbb;

		border: 0px;

		color: #ffffff;

		font-size: 16px;

		padding: 0px;

		}



input.submit_button	{

		background: #e9cfe6;

		border: 0px;

		color: #911083;

		font-size: 16px;

		padding: 8px;

		}



.question {

		text-transform: uppercase;

		letter-spacing: 2px;

		font-weight: bold;

		font-size: 12px;

		color: #94bfd8;

		}



img.left {

		float: left;

		padding: 0px 16px 60px 0px;

		}



h2		{

		padding: 0px;

		margin: 0px 0px 0px 10px;

		font-size: 18px;

		line-height: 150%;

		}