/* css for basic items ---------------------------------------------------------------------------------- */

html,body	{
 	width:100%;
 	}
body {
    padding: 0;
    margin: 0;
 	min-width: 888px;
	font-family: verdana, arial, helvetica;
    font-size: 11px;
    line-height: 17px;   
	color: #fff;
	background: #003568 url(../images/bg.gif) repeat-x; 
 	}
ul {
    padding: 0;
    margin: 0;
    list-style: none;
    }
ul li {
    padding: 0;
    margin: 0;
    float: left;
    }
img {
    padding: 0;
    margin: 0;
    }
a, 
a:visited,
a:active {
	color: #fff;
	text-decoration: none;
	outline: none;
	}
a:hover {
	color: #c1d830;
	text-decoration: none;
	outline: none;
	}
p {
    padding: 0 0 15px 0;
    margin: 0;
	clear: both;
    }
h1 {
    padding: 0 0 15px 0;
    margin: 0;
	font-size: 10px;
	color: #c1d830;
	font-weight: normal;
	}
h2 {
    padding: 15px 0 5px 0;
    margin: 0;
	font-size: 15px;
	line-height: 17px;
	color: #fff;
	}
h3 {
    padding: 15px 0 5px 0;
    margin: 0;
	font-size: 13px;
	line-height: 17px;
	color: #fff;
	}
h4 {
    padding: 0px 0 5px 0;
    margin: 0;
	font-size: 12px;
	line-height: 16px;
	color: #fff;
	}
hr {
	border: none;
	border-bottom: 1px solid #41c4dc;
	color: #003568;
	clear: both;
	}


/* css for site structure ------------------------------------------------------------------------------ */

#outer {
	width: 100%;
	display: table;
	vertical-align: middle;
 	}
#container {
	margin: 16px auto 0 auto;
	width: 888px;
    }
#inner {
	position: relative;
	width: 888px;
	}    


/* css for header items --------------------------------------------------------------------------------- */

#nav-top {
	position: relative;
    padding: 0 0 0 0;
	width: 888px;
	height: 35px;
	font-size: 10px;
	line-height: 14px;
	text-align: right;	
	}
	#nav-top span {
		font-weight: bold;
		color: #c1d830;
		}
#header {
	position: relative;
    padding: 0 0 26px 0;
	width: 888px;
	height: 136px;
	font-size: 0px;
	line-height: 0px;
	}
	.logo {
		width: 228px;
		height: 126px;
		float: left;
		font-size: 0px;
		line-height: 0px;
		}
	.main-nav {
		padding: 88px 0 0 0px;
		width: 654px;
		height: 38px;
		float: right;
		font-size: 0px;
		line-height: 0px;
		}		
   .line {
   		width: 888px;
   		height: 10px;
   		clear: both;
		font-size: 0px;
		line-height: 0px;
		background: url(../images/line.gif) no-repeat;
   		}
   	.home-box {
   		position: absolute;
   		padding: 10px 0 0 0;
   		right: 17px;
   		width: 166px;
   		height: 65px;
		background: url(../images/bg-box.png) no-repeat;
   		z-index: 999;
   		font-size: 11px;
   		line-height: 17px;
   		color: #fff;
   		text-align: center;
   		}
   		.home-box h1 {
   			padding: 2px 0 0 0;
   		 	margin: 0;
   			font-size: 16px;
   			font-weight: bold;
   			color: #fff;
   			}
   		
/* css for content --------------------------------------------------------------------------------------- */

#content-left {
	position: relative;
    padding: 0 6px 0 0;
	width: 228px;
	float: left;
	}
#content-right {
	position: relative;
    padding: 0;
	width: 654px;
	float: right;
    }
#content-full {
	position: relative;
    padding: 0;
	width: 888px;
    }
    .key {
    	position: absolute;
		top: 348px;
		left: 41px;
    	z-index: 999;
    	color: #000;
    	font-size: 10px;
    	}
    .photos {
    	font-size: 0;
    	line-height: 0;
    	}
	.photos li {
		padding-right: 6px;
		}
	.photos li.last {
		padding-right: 0px;
		}
		
		
/* css for columns --------------------------------------------------------------------------------------- */
#home-column1 {
	position: relative;
    padding: 0 6px 0 0;
	width: 228px;
	float: left;
	}
#home-column2 {
	position: relative;
    padding: 22px;
	width: 410px;
	float: left;
	}
	#home-column2 span {
		color: #c1d830;
		}
#home-column3 {
	position: relative;
    padding: 0 0 0 0;
	width: 200px;
	float: left;
	}

#location-column1 {
	position: relative;
    padding: 0 6px 0 0;
	width: 228px;
	float: left;
	}
#location-column2 {
	position: relative;
    padding: 0 25px 15px 0;
	width: 253px;
	float: left;
	font-size: 13px;
	line-height: 20px;
	}
#location-column3 {
	position: relative;
    padding: 0 0 0 0;
    font-size: 11px;
	width: 376px;
	float: left;
	}
	#location-column3 span {
		color: #c1d830;
		}
	.south {
		display: none;
		}
	.north {
		display: none;
		}

#floorplan-column1 {
	position: relative;
	width: 381px;
	float: left;
	}
#floorplan-column2 {
	position: relative;
	width: 507px;
	float: left;
	font-size: 11px;
	line-height: 20px;	
	}
	 .floorplan-table-cell1 {
		padding: 2px 0 2px 0;
	 	width: 145px;
		border-bottom: 1px solid #fff;
	 	}
	 .floorplan-table-cell2 {
		padding: 2px 0 2px 0;
	 	width: 248px;
		border-bottom: 1px solid #fff;
	 	}
	 .floorplan-table-cell3 {
		padding: 2px 0 2px 0;
	 	width: 114px;
	 	text-align: right;
		border-bottom: 1px solid #fff;
	 	}
	 .floorplan-table-cell4 {
		padding: 2px 0 2px 0;
	 	width: 145px;
	 	}
	 .floorplan-table-cell5 {
		padding: 2px 0 2px 0;
		padding-top: 5px;
	 	width: 362px;
		font-size: 10px;
		letter-spacing: -.5px;
	 	}
#floorplan-details {	
	position: relative;
	width: 211px;
	float: left;
	font-size: 11px;	
	}
	 .floorplan-detail-cell1 {
		padding: 2px 0 2px 0;
	 	width: 162px;
		border-bottom: 1px solid #fff;
		font-size: 11px;
	 	}
	 .floorplan-detail-cell2 {
		padding: 2px 0 2px 0;
	 	width: 125px;
		border-bottom: 1px solid #fff;
		font-size: 10px;
	 	}
	 .floorplan-detail-cell3 {
		padding: 2px 0 2px 0;
	 	width: 37px;
	 	text-align: right;
		border-bottom: 1px solid #fff;
		font-size: 10px;
	 	}
	#compass {
		position: absolute;
		top: 197px;
		right: 0px;
		}
	#floorplan {
		position: absolute;
		}
	#floors {
		position: absolute;
		}
	#view-images {
		position: absolute;
		font-size: 10px;
		}
	#view-images a {
		padding: 5px 0 5px 18px;
		color: #fff;
		background: url(../images/view-images.gif) no-repeat;
		}
	#view-images a:hover {
		color: #faa634;
		background: url(../images/view-images-on.gif) no-repeat;
		}
	#back-to-floorplans {
		position: absolute;
		font-size: 10px;
		}
	#back-to-floorplans a {
		padding: 5px 0 5px 18px;
		color: #fff;
		background: url(../images/back.gif) no-repeat;
		}
	#back-to-floorplans a:hover {
		color: #faa634;
		background: url(../images/back-on.gif) no-repeat;
		}
	#download {
		position: absolute;
		font-size: 10px;
		}
	#download a {
		padding: 5px 0 5px 18px;
		color: #fff;
		background: url(../images/view-images.gif) no-repeat;
		}
	#download a:hover {
		color: #faa634;
		background: url(../images/view-images-on.gif) no-repeat;
		}

		
#features-nav {
	position: relative;
	width: 234px;
	float: left;
	line-height: 20px;
	}
#features-photos {
	position: relative;
	width: 654px;
	float: left;
	}
#features-column1 {
	position: relative;
	width: 234px;
	float: left;
	}
#features-column2 {
	position: relative;
    padding: 0 25px 10px 0;
	width: 253px;
	float: left;
	font-size: 13px;
	line-height: 20px;
	}
#features-column3 {
	position: relative;
    padding: 0 0 0 0;
    font-size: 11px;
	width: 376px;
	float: left;
	}





#gallery-nav {
	position: relative;
	width: 234px;
	float: left;
	line-height: 20px;
	}
#gallery {
	position: relative;
	width: 465px;
	float: left;
	}
#gallery-details {	
	position: relative;
	padding: 43px 0 0 27px;
	width: 162px;
	float: left;
	font-size: 11px;	
	}
	 .gallery-table-cell1 {
		padding: 2px 0 2px 0;
	 	width: 162px;
		border-bottom: 1px solid #fff;
		font-size: 11px;
	 	}
	 .gallery-table-cell2 {
		padding: 2px 0 2px 0;
	 	width: 125px;
		border-bottom: 1px solid #fff;
		font-size: 10px;
	 	}
	 .gallery-table-cell3 {
		padding: 2px 0 2px 0;
	 	width: 37px;
	 	text-align: right;
		border-bottom: 1px solid #fff;
		font-size: 10px;
	 	}

	
	
/* css for footer  --------------------------------------------------------------------------------------- */
    
#footer {
	position: relative;
    padding: 0 0 40px 0;
	width: 888px;
	height: 45px;
	font-size: 10px;
	line-height: 12px;
	clear: both;
    }
#footer ul li.reserve {
    padding: 25px 0 0 0;
	width: 548px;
	font-size: 9px;
	color: #80a2be;
	}
#footer ul li.icons {
    padding: 0;
	width: 340px;
	text-align: right;
	float: right;
	}


/* css for misc item--------------------------------------------------------------------------------------- */

.clear {
	clear: both;
	font-size: 0;
	line-height: 0;
	}
a.arrow {
	padding: 0 0 0 12px;
	background: url(../images/arrow-off.png) no-repeat;
	}
a.arrow:hover {
	padding: 0 0 0 12px;
	background: url(../images/arrow-on.png) no-repeat;
	color: #c1d830;
	}
.bullets {
	padding: 0 0 0 0px;
	}
.bullets li {
	padding: 0 0 5px 16px;
	float: none;
	background: url(../images/dash.gif) no-repeat;
	line-height: 16px;
	}
a.blue,
.blue {
	color: #41c4dc;
	}
a.blue:hover,
a.green,
.green {
	color: #c1d830;
	}