/* CSS By Jeff McNeil, New Spin Design - www.newspindesign.com
12-28-07

 COLORS:

light blue: 798ED7
medium blue: 415392
dark blue: 012563
red: D12B34
*/

@import '_reset.css';

*{font-size:100.01%}
html{
	font-size:62.5%;
	height:100%
}
body{
	/*font:1em Georgia, 'Gill Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif;*/
	font:1em 'Trebuchet MS', 'Times New Roman', Times, Arial, Helvetica, sans-serif;
	margin:0;
	padding:8px 0 0;
	background:#012563;
	color:#312E2A;
	line-height: 1.4;
	color: #fff;
	letter-spacing: 1px;
}
img{
	border:none;
}
a {
	color: #fff;
	text-decoration: underline;
}

a.pdf {
	background: url(../images/pdf_icon.gif) no-repeat 0 50%;
	display: block;
	padding: 3px 0 3px 22px;
	margin-bottom: -10px;
	height: 15px;
}

/* [][][][][][][][][][][][][][] - STRUCTURE - [][][][][][][][][][][][][][] */


#wrapper {
	margin:0 auto;
	width:779px;
	padding: 6px 14px 14px 6px;
	height: 546px;
	overflow:hidden;
	background: #001851 url(../images/wrapper-bg.gif) repeat-y;
	position: relative;
}

#header{
	height: 190px;
	background:url(../images/header-bg-sub.jpg) no-repeat -44px 0px;
}

#home #header { background:url(../images/header-bg-home.jpg) no-repeat; }

#contact #header {
	height:338px;
}

#location #header {
	height:338px;
}	

#amenities #header {
	height:338px;
}
/* [][][][][][][][][][][][][][] - HEADER CONTENT (NAV) - [][][][][][][][][][][][][][] */

#header ul { /*nav */
	position: absolute;
	top: 376px;
	right: 14px;
	width: 325px;
	text-transform: uppercase;
	font-size: 105%;
	padding: 4px 0 0 89px; /* leaves room for line bg */
	letter-spacing: 3px;
	background: url(../images/nav-bg.gif) no-repeat;	
}
#header ul li { width: 292px; /*for IE6 */ }
#header ul li a{
	display: block;
	width: 292px;
	height: 14px;
	color: #fff;
	border-bottom: 2px solid #012563;
	margin-bottom: 7px;
	text-decoration: none;
	overflow: hidden;
}

#header ul li a:hover {
	border-bottom: 2px solid #415392;
}

/* [][][][][][][][][][][][][][] - PAGE SPECIFIC NAVIGATION - [][][][][][][][][][][][][][] */

#home #header ul 					{ background: none }
#therevolutionarychoice #header ul 	{ background-position: 27px -125px; }
#location #header ul 				{ background-position: 27px -102px; }
#amenities #header ul 				{ background-position: 27px -79px; }
#availabilities #header ul			{ background-position: 27px -56px; }
#contact #header ul 				{ background-position: 27px -32px; }



/* [][][][][][][][][][][][][][] - HEADINGS - [][][][][][][][][][][][][][] */


span.imgrep {
	text-indent: -3000px;
	display: block;
}

h1 { /* 1000 Wash logo */
	width: 95px;
	height: 86px;
	margin: 52px 0 0 79px;
	background: url(../images/logo.png) no-repeat bottom right;
	float: left;
}

/* Holly Hack. IE Requirement \*/
* html h1 {
	background: none;
	margin-left: 40px; /* IE double float bug */
	filter: progid:dximagetransform.microsoft.alphaimageloader(src='/images/logo.png', sizingMethod='scale');
}
/* end  */

h1 a { /* Link logo to homepage */
	display: block;
	width: 95px;
	height: 86px;
}

h2 { /* CBRE logo */
	width: 112px;
	height: 21px;
	position: absolute;
	bottom: 31px;
	right: 36px;
	background: url(../images/logo_cbre.gif) no-repeat bottom right;
	z-index: 99; /* show above nav */
}

h2 a {
	display: block;
	height: 21px;
	width: 112px;
}

/* [][][][][][][][][][][][][][] - PAGE SPECIFIC - [][][][][][][][][][][][][][] */

/* page names / slogans */

#home h3 { 
	width: 249px;
	height: 48px;
	float: right;
	margin: 131px 78px 0 0;
	background: url(../images/txt-homeslogan.gif) no-repeat bottom right;
}
/* Holly Hack. IE Requirement \*/
* html #home h3{ 
	margin-right: 39px; /* IE double margin bug */
}
/* end  */

#therevolutionarychoice h3 { 
	width: 240px;
	height: 57px;
	float: right;
	margin: 16px 102px 0 0;
	background: url(../images/txt-revolutionaryslogan.png) no-repeat bottom right;
}
/* Holly Hack. IE Requirement \*/
* html #therevolutionarychoice h3 { 
	margin-right: 41px; /* IE double margin bug */
	background: none;
	filter: progid:dximagetransform.microsoft.alphaimageloader(src='/images/txt-revolutionaryslogan.png', sizingMethod='scale');
}
/* end  */

#location h3 {
	position: absolute;
	top: 144px;
	left: 23px;
	width: 212px;
	height: 44px;
	background: url(../images/txt-location.png) no-repeat;
}
/* Holly Hack. IE Requirement \*/
* html #location h3 {
	background: none;
	filter: progid:dximagetransform.microsoft.alphaimageloader(src='/images/txt-location.png', sizingMethod='scale');
}
/* end  */

#amenities h3 {
	position: absolute;
	top: 162px;
	left: 77px;
	width: 108px;
	height: 23px;
	background: url(../images/txt-amenities.png) no-repeat;
}
/* Holly Hack. IE Requirement \*/
* html #amenities h3 {
	background: none;
	filter: progid:dximagetransform.microsoft.alphaimageloader(src='/images/txt-amenities.png', sizingMethod='scale');
}
/* end  */

#availabilities h3 { 
	width: 128px;
	height: 47px;
	float: right;
	margin: 16px 218px 0 0;
	background: url(../images/txt-availabilities.png) no-repeat bottom right;
}
/* Holly Hack. IE Requirement \*/
* html #availabilities h3 {
	margin-right: 109px; /* IE double float bug */
	background: none;
	filter: progid:dximagetransform.microsoft.alphaimageloader(src='/images/txt-availabilities.png', sizingMethod='scale');
}
/* end  */

#contact h3 {
	position: absolute;
	top: 162px;
	left: 94px;
	width: 79px;
	height: 23px;
	background: url(../images/txt-contact.png) no-repeat;
}
/* Holly Hack. IE Requirement \*/
* html #contact h3 {
	background: none;
	filter: progid:dximagetransform.microsoft.alphaimageloader(src='/images/txt-contact.png', sizingMethod='scale');
}
/* end  */



/* REVOLUTIONARY CHOICE PAGE */

#therevolutionarychoice .feature p {
	position: absolute;
	top: 80px;
	right: 35px;
	width: 330px;
	text-align: right;
	line-height: 1.4;
}

#therevolutionarychoice .feature img.primary {
	position: absolute;
	left: 6px;
	bottom: 14px;
}


/* LOCATION PAGE */
	
#location .feature p {
	position: absolute;
	top: 375px;
	left: 140px;
	width: 200px;
	text-align: left;
}	

#location .primary {
	float:right;
	width:526px;
	height:338px;
	margin: 0;
}
	
#location img.secondary {
	position:absolute;
	top:196px;
	left: 6px;
	border-top: 8px solid #415392;
	border-right: 8px solid #415392;
}
	
/* AMENITIES PAGE */
	
#amenities .feature p {
	position: absolute;
	top: 375px;
	left: 140px;
	width: 225px;
	text-align: left;
}	

#amenities .primary {
	float:right;
	width:526px;
	height:338px;
	margin: 0;
	border-left: 8px solid #415392;
}
	
#amenities img.secondary {
	position:absolute;
	top:196px;
	left: 6px;
	border-top: 8px solid #415392;
}

#amenities p#download {
	position: absolute;
	top: 514px;
	left: 457px;
	height: 42px;
	overflow: visible;
}

/* AVAILABILITIES PAGE */

#availabilities .feature p {
	position: absolute;
	top: 80px;
	width: 230px;
	right: 130px;
}

#availabilities .feature a#zoom {
	display: block;
	width: 340px;
	height: 30px;
	padding: 160px 25px 10px 0;
	text-align: right;
	background: url(../images/floorplan_sm3.gif) no-repeat;
	color: #012563;
	font-size: 105%;
	font-weight: bold;
	text-transform: uppercase;
	position: absolute;
	left: 6px;
	bottom: 14px;
	line-height: 1.2;
}

#availabilities .feature a#zoom:hover {
	color: #D12B34;
}

#availabilities .feature img.primary {
	
}

#availabilities p#floorplanpdf {
	position: absolute;
	top: 514px;
	left: 457px;
	height: 42px;
	overflow: visible;
}
	
/* CONTACT PAGE */
	
#contact .feature {
	padding: 12px 400px 0 140px;
	line-height: 1.2;
}

#contact .feature ul {
	margin-top: 8px;
}

#contact .feature ul li {
	font-variant: small-caps;
	font-size: 12px;
	margin-bottom: 4px;
}

#contact .feature ul li a {
	font-variant: normal;
	font-size: 11px;
}

#contact img.primary {
	float:right;
	}
	
#contact img.secondary {
	position:absolute;
	top:196px;
	left: 6px;
	border-top: 8px solid #415392;
	border-right: 8px solid #415392;
}

/* [][][][][][][][][][][][][][] - MAIN CONTENT - [][][][][][][][][][][][][][] */


div.feature {
	border-top: 8px solid #415392;
	line-height: 1.6;
}

div.feature .primary {
	float: left;
	margin: 0;
}

div.feature .secondary {
	border-bottom: 8px solid #415392;
	/*position: absolute;
	right: 14px;
	top: 204px;*/
	float: right;
}


/* [][][][][][][][][][][][][][] - FOOTER - [][][][][][][][][][][][][][] */


#footer {
	width: 774px;
	margin: 0 auto;
	text-align: right;
	color: #798ED7;
}

#footer a { color: #798ED7; }