/*Imports
--------------------------------*/
@import 'reset.css';
@import 'typography.css';
@import 'forms.css';

/*
sIFR Styles
http://wiki.novemberborn.net/sifr/
http://www.mikeindustries.com/sifr
-------------------------*/

.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}

.sIFR-unloading .sIFR-flash {
  visibility: hidden !important;
}

.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
}

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}

.sIFR-dummy { 
  width: 0px;
  height: 0px;
  margin-left: 42px;
  z-index: 0;
}



/*
Base Styles
-------------------------*/
/*
Home Page Announcement
-------------------------*/
#announcement { height:25px; padding-top:5px; margin-bottom:62px; text-align:center; border-bottom:2px solid #323d4a; }

body { background:#efecca url(../images/body-bg.gif) /*0px 32px*/ top repeat-x; color:#323d4a; padding-top:62px; margin:0px; }


h1 { font-size:2em; margin-left:0; padding-left:0; }
h2 { font-size:1.5em; color:#323d4a; }
h3 { font-size:1em; font-weight:bold; color:#323d4a; margin-bottom:0; }

a { color:#2d6ca3; }
a:visited { color:#323d4a; }

/*
main divs
-------------------------*/

#main-wrapper { width:821px; margin:0 auto; }
#container { width:821px; position:absolute; }

/*
Header
-------------------------*/
#header { background:transparent url(../images/header-bg.gif) top left no-repeat; height:319px; padding:18px 0 0 23px; }
	#flash-holder {  }
	h1.page-title { padding:23px 40px 0 40px; margin-bottom:0; }

/*
Navigation
-------------------------*/	
	#nav-container {  position:absolute; top:-21px; left:80px; z-index:0; }
	#primary-nav { list-style-type:none; margin:0; }
	#primary-nav li { display:block; float:left; margin-right:8px; }
	
	#primary-nav a	{ font-size:1em; display:block; padding:2px 8px 3px 8px; }
	
	#primary-nav a {
		text-decoration:none;
		font-weight:bold;
		margin:0;
		color:#fff;
		background:#45403d url(../images/nav-item-bg.gif) bottom no-repeat;
		background-position:0px -32px;
		border-top:3px solid #fff;
		border-right:3px solid #fff;
		border-left:3px solid #fff;
		
		
		}
	#primary-nav a:hover, #primary-nav a.active {
		background:#45403d url(../images/nav-item-bg.gif) bottom no-repeat;
		background-position:0px 0px;
		padding:2px 8px 3px 8px; }
		
/*
Content
-------------------------*/	
#content { background:transparent url(../images/content-bg.gif) center repeat-y; padding:18px 67px 0; }
	#welcome-message { background:transparent url(../images/welcome-msg-bg.gif) scroll 0px 229px no-repeat; padding:5px 0 0 0; margin-bottom:25px; }
	#welcome-message p { padding-top:54px; font-size:1em; color:#323d4a; }
	
	#video-box { float:left; padding:14px 0 0 16px; width:336px; height:253px; background:url(../images/flash-holder-bg.jpg) top no-repeat; }
	
	
	a.button { 
		color:#fff;
		font-weight:bold;
		text-decoration:none;
		padding:2px 8px 4px;
		background: url(../images/button-bg.gif) no-repeat scroll;
		background-position: 0 -23px;
		border:3px solid #fff;
		}
	a.button:hover { background-position: 0px 0px; }
	
	h2.news { margin-bottom:0; padding-bottom:0; }
	.news-item { padding:0 5px; padding-bottom:10px; }
	
	noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
		noscript a { color: #a00; text-decoration: underline }
		noscript ol { margin-left: 25px; }
		
		a:focus { outline:none }


								
/*
Property Page
-------------------------*/

.slider-wrap {
	margin:0;
	position: relative;
	width: 100%;
	padding-bottom:17px;
	background:transparent url(../images/scroller-shadow.gif) bottom center no-repeat;
}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height:460px; background: #e6e4d8; overflow: hidden;}
.csw .loading {margin: 200px 0 300px 0; text-align: center}

.stripViewer {
	position: relative;
	overflow: hidden; 
	border-top:2px solid #453f3b;
	margin: auto;
	width: 651px; 
	clear: both;
	background:#e6e4d8 url(../images/bg-scroller.gif) bottom repeat-x;
}

.stripViewer .panelContainer { 
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	
}

.stripViewer .panelContainer .panel { 
	float:left;
	height: 100%;
	position: relative;
	width: 651px; 
}

.stripViewer .panelContainer .panel .wrapper { 
	padding: 10px;
}

.stripNav { 
	margin: auto;
	text-align:center;
}

.stripNav ul { 
	list-style: none;
	margin-left:0;
}

.stripNav ul li {
	float: left;
	margin-right: 1px; 
}

.stripNav a { 
	font-weight: bold;
	text-align: center;
	line-height: 28px;
	color: #453f3b;
	text-decoration: none;
	display: block;
	padding: 0 15px;
}

		
.stripNav li a:hover {
	background:#453f3b url(images/scroller-nav-bg.gif) top repeat-x scroll;
	color:#f0f1e3;
}

.stripNav li a.current {
	background:#453f3b url(images/scroller-nav-bg.gif) top repeat-x scroll;
	color:#f0f1e3;
}

.twoColumn-left {
	float:left;
	width:308px;
	margin-right:5px;
}
.twoColumn-right {
	float:left;
	width:308px;
}


	
.panel { font-size:.9em; }
.panel ul li { list-style-type:square;}

h3 { margin-bottom:10px; }
div#endUnitPhotos ul li,
div#interiorUnitPhotos ul li {list-style-type:none;}

div#endUnitPhotos img,
div#interiorUnitPhotos img {margin:0;}



#endUnit,
#interiorUnit { padding:0 0 0 20px;}

.unit-features {
		font-size:.9em;
	}
ul.unit-features li { list-style-type:none;font-weight:bold; }
.unit-features li a { float:left; display:block; padding:5px 5px 0 0; }
.unit-features li ul li { list-style-type:square;font-weight:normal; }

ul.prices { font-size:.9em; margin:5px 5px 0 10px; }
ul.prices li { list-style-type:none;font-weight:bold; }
.prices li ul { display:inline;  }
.prices li ul li { list-style-type:none; font-weight:normal; border-bottom:1px dashed #999; text-align:left; margin:0 0 10px 0;}

.block { background-color:#395A69;color:#fff;padding:5px 5px 5px 10px; }
.sold { color:red; }
.underContract { color:green; font-size:.75em; }


/*
Location Page
-------------------------*/
#map-shadow 
{
	padding-bottom:16px;
	background:transparent url(../images/scroller-shadow.gif) bottom center no-repeat;
}

/*
Gallery Page
-------------------------*/
.gallery-frame {
	 
	padding-bottom:17px;  
	background:transparent url(../images/gallery-shadow.gif) bottom center no-repeat;
}
#gallery-flash-box {
	background:#e6e4d8 url(../images/bg-scroller.gif) bottom repeat-x;
	padding:20px;
}

/*
Links Page
-------------------------*/
ul.link-list { margin:0 0 0 18px; padding:0; }
ul.link-list li {
	margin:0; padding:0 10px 0 0; list-style-type:none;
    min-height:100px;   
    height:auto !important; /* ie6 hack */
    height:100px; /* ie6 hack */
}
ul.link-list img {
	float:left;
	margin:0 10px 0 0;
}

ul.link-list a img { border:none; }

ul.link-list p { font-size:.8em; }

/*
Contact Page
-------------------------*/


div#contact-map a img { margin:0; border:6px solid #fff; padding:0; }

/*
Footer
-------------------------*/
#footer { height:75px; background:transparent url(../images/footer-bg.gif) top center no-repeat; padding:0 0 0 55px; font-size:.90em; color:#fff; font-weight:bold;   }
	#footer-nav { list-style-type:none; margin:0; padding:13px 0 0 0; float:left; width:550px; }
	#footer-nav li { display:inline; }
	#footer a { color:#45343b; text-decoration:none; padding:0 0px 2px; border-bottom:1px dotted #45343b; }
	#footer a:hover { color:#efecca; border-bottom:1px dotted #efecca; }
	#footer p { float:left; text-align:center; font-size:.75em; padding-top:12px; }

/*
Assorted Styles
-------------------------*/
.left { float:left; margin:0 18px 18px 0; padding:0; }
.right { float:right;  margin:0 0 18px 18px; padding:0 }