/*Colors

Blue=#286f9a
Orange=#dd9f29
Grey=#ededed
Grey Border=#ebf4f9

*/

/*----------------------- LAYOUT SETTINGS -----------------------*/

body 
{ 
    font-family: Arial;
    font-size: small;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    color: #dd9f29;
    Background-color: #000;
    margin:0;
    padding:0; 
}   
#container
{
    margin:0;
    text-align:center;
    padding:0;
}

#mainNav
{
    margin:0;
    text-align:center;
}
#mainNav li
{
    text-align:justify;
    text-decoration:none;
    display:inline;
    border-width:0 1.5px 0 0;
    border-color:#ededed;
    border-style:solid;
    border-spacing:10px;
}

#mainNav li a
{
    text-align:justify;
    text-decoration:none;
    color:#ededed;

}
#mainNav li a:hover
{
    text-decoration:none;
    color:#dd9f29;

}
#mainNav li a:active
{
    text-decoration:none;
    color:#dd9f29;

}

#mainNav li a.current
{
    color:#dd9f29;

}
#mainNavfooter li
{
    text-align:justify;
    text-decoration:none;
    display:inline;
    border-width:0 1.5px 0 0;
    border-color:#ededed;
    border-style:solid;
    border-spacing:10px
}#mainNavfooter li a
{
    text-align:justify;
    text-decoration:none;
    color:#181818;
}
#mainNavfooter li a:hover
{
    text-decoration:none;
    color:#dd9f29;

}
#mainNavfooter li a:active
{
    text-decoration:none;
    color:#dd9f29;

}

#mainNavfooter li a.current
{
    color:#dd9f29;

}
#p
{
    color:#ededed;
    padding:5px;
    background-color:#ebf4f9;
    margin: 30px 30px 50px 30px; 
}
#wrapper
{
    width:870px;
    padding:5px;
    background-color:#ebf4f9;

    margin: 30px auto 10px auto; 
}
#wrapper2
{
    width:830px;
    background-color:#286f9a;
    padding: 0px 20px 10px 0px;
    margin: 0px 10px 0px 10px;
    overflow: hidden;
}
#nav
{
    font-weight: bold;
    background:#286f9a;
    text-align:justify center;
    font-size: medium;
    margin:10px 10px 0px 10px;
    padding:10px;
    float:left;
    position: relative;
}
#headerimages 
{
    padding:0;
    margin:0 10px;
    background:#286f9a;
}
#headerimages img
{
    padding:0px;
    margin:0px;
    border:0px;
    display:inline;
}
#content {

    line-height:20px;
    text-align:left;
    margin: 0px 10px 0px 10px;
    padding:10px 20px 20px 0;
    background: #286f9a;
    overflow: hidden;
    /*height:100%;*/
}

#content table, #content td, #content tr
{
    line-height:-20px;
    text-align:left;
    /*margin: 0px 10px 0px 10px;*/
    padding:5px 0 5px 0;
    background: #286f9a;
    overflow: hidden;
}

#contenthome {
	width:450;
    line-height:20px;
    text-align:left;
    padding:10px 40px 0 0;
    background: #286f9a;
	float:left;
	display:inline;
    overflow: hidden;
    /*height:100%;*/
}
#contentpic{
    line-height:20px;
    text-align:left;
    float:left;
    display:inline;
    overflow: hidden;
    margin:0px 0 0 30px;
}

#contentpic a img{
	text-align:left;
	float:left;
	display:inline;
    padding: -40px 10px 10px 10px;
	margin:5px;
}

#content1 {
    width:320px;
    padding:10px 0 0 0;
    line-height:20px;
    text-align:left;
    float:left;
    overflow:hidden;
    display:inline;
}
#content2 {
    width:490px;
    padding:20px 0 0 0;
    line-height:20px;
    text-align:left;
    float: right;
    overflow: hidden;
    display: inline;
}

#content h1, #content1 h1, #content2 h1, #contenthome h1, #floorplanTopLeft h1
{
    font-size: 16pt;
    color:#dd9f29;
    margin:20px 0px 10px 30px;
}
#content h2, #content1 h2, #content2 h2, #contenthome h2, #floorplanTopLeft h1
{
    font-size: 12pt;
    color:White;
    margin:0px 0px 0px 30px;
}
#content p, #content1 p, #content2 p, #contenthome p, #floorplanTopLeft h1
{
    font-size: 10pt;
    color:White;
    margin:8px 0px 0px 30px;
    float: left;
    overflow: hidden;
    text-align:left;
}

#contenthome p
{
	width:400px;
    font-size: 10pt;
    color:White;
    /*margin:8px 0px 0px 30px;*/
    float: left;
    overflow: hidden;
    text-align:left;
}


#content a, #content1 a, #content2 a
{
    font-size: 10pt;
    color:White;
    overflow: hidden;
    text-decoration:underline;
    /*color:#dd9f29;*/
    text-align:left;

}
	
#content img
{
    float: right;
    position: inherit;
	padding:-30px 10px 10px 0;
    margin:0px;
    border:0px;
    text-align:left;
}
#contenthome2 img
{
    float: right;
    position: inherit;
	padding:70px 0 10px 70px;
    border:0px;
    text-align:left;
}

#content1 img, #content2 img
{
    float: right;
    position: inherit;
	padding:15px 10px 10px 0;
    margin:0px;
    border:0px;
    text-align:left;
}

#content2 p.colored, #content2 p.colored a {
	color:#dd9f29;
}
#content2 p.colored a:hover {
	color:#ffffff;
}
.clear
{
    clear: both;
}
.homeleft
{
	float:left;	
	width:550px;
}
.homeright
{
	float:right;	
}
.homepic
{
	padding:20px 10px 0 0;
}
#footer
{
    font-size: small;
    text-align:right;
    float:inherit;
    overflow: hidden;
    padding:10px;
}
#footer a
{
    text-align:justify;
    text-decoration:none;
    color:#181818;
}
#footer a:hover
{
    text-decoration:underline;
}
#footer a:active
{
    text-align:justify;
    text-decoration:none;
    color:#ededed;
    color:black;
}
#footer p
{
    text-align:right;
    text-decoration:none;
    color:black;
    float:right;
    overflow: auto;
}    
#footer p a:link
{
    text-align:right;
    text-decoration:underline;
    color:#ededed;
    color:#286f9a;
}
#footer img
{
    float: left;
    position: inherit;
    overflow: auto;
}

#walkthroughbar
{
    height:5px;
    background:#174870;
    margin:20px -10px 0 -10px;

}
#available
{
	width:475px;
	padding:80px 10px 10px 10px;
    line-height: 1.25em;
    overflow:visible;
    float:right;
	display:inline;
	color:white;
	text-align:left;
}
#available a:link, #available a:active, #available a:hover, #available a
{
	color:white;
	text-align:right;
}

/*---------------------*/
/*Floorplan Page*/
/*---------------------*/

#floorplanTopLeft {
	width:300px;
    padding:10px 0 0 0;
    line-height:20px;
    text-align:left;
    float:left;
    overflow:hidden;
    display:inline;
}
.floorplan {
    width:830px;

	background:#224e6b;
	border-top:solid 3px #275c7e;
	border-bottom:solid 3px #194866;
	
    padding:0 10px 10px 10px;
	margin:10px 0 -10px 0;
    line-height:20px;
    text-align:left;
    float:left;
    overflow:hidden;
    display:inline;
}
.floorplan1 {
    width:33%;
    padding:10px 0 0 0;
    line-height:20px;
    text-align:left;
    float:left;
    overflow:hidden;
    display:inline;
}
.floorplan2 {
    width:275px;
    padding:10px 0 0 0;
    line-height:20px;
    text-align:left;
    float: left;
    overflow: hidden;
    display: inline;
}
.floorplan3 {
    width:275px;
    padding:10px 0 0 0;
    line-height:20px;
    text-align:left;
    float: left;
    overflow: hidden;
    display: inline;
}

.floorplan1 h1, .floorplan2 h1, .floorplan3 h1
{
    font-size: 16pt;
    color:#dd9f29;
    margin:20px 0px 10px 30px;
}
.floorplan1 h2, .floorplan2 h2, .floorplan3 h2
{
    font-size: 12pt;
    color:White;
    margin:0px 0px 0px 30px;
}
.floorplan1 p, .floorplan2 p, .floorplan3 p
{
    font-size: 10pt;
    color:White;
    margin:8px 0px 0px 30px;
    float: left;
    overflow: hidden;
    text-align:left;
}

.floorplan1 a, .floorplan2 a, .floorplan3 a
{
    font-size: 10pt;
    color:White;
    overflow: hidden;
    text-decoration:underline;
    /*color:#dd9f29;*/
    text-align:left;}
.floorplan1 img, .floorplan2 img, .floorplan3 img
{
    float: right;
    position: inherit;
    padding: 0 10px 10px 0;
    margin:0px;
    border:0px;
    text-align:left;
}

.floorplan1 a:hover, .floorplan2 a:hover, .floorplan3 a:hover
{
    text-decoration:underline;
    color:#dd9f29;
}

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


.contactcelltitle
{
    width:100%;
    text-align:center;
    border:none;
    overflow:visible;
    float:left;
	display:inline;
}

.contactcelllabel
{
    padding:0 0 0 10px;
    text-align:right;
    width:200px;
    height:25px;
    border:none;
    overflow:visible;
    float:left;
	display:inline;
}

.contactcellform
{
    padding:0 0 0 12px;
    height:25px;
    border:none;
    overflow:visible;
    float:left;
	display:inline;
}

/*---------------------*/
/*Lightbox CSS Settings*/
/*---------------------*/

#lightbox{
    position: absolute; 
    left: 0; 
    width: 100%; 
    z-index: 100; 
    text-align: center; 
    line-height: 0;
}
#lightbox img{ 
    width: auto; 
    height: auto;
}
#lightbox a img{ 
    border: none; 
}
#outerImageContainer{ 
    position: relative; 
    background-color: #fff; 
    width: 250px; 
    height: 250px; 
    margin: 0 auto; 
}
#imageContainer{ 
    padding: 10px; 
}
#loading{ 
    position: absolute; 
    top: 40%; 
    left: 0%; 
    height: 25%; 
    width: 100%; 
    text-align: center; 
    line-height: 0; 
}
#hoverNav{ 
    position: absolute; 
    top: 0; 
    left: 0; 
    height: 100%; 
    width: 100%; 
    z-index: 10; 
}
#imageContainer>#hoverNav{ 
    left: 0;
}
#hoverNav a{ 
    outline: none;
}
#prevLink, #nextLink{ 
    width: 49%; 
    height: 100%; 
    /*background-image: url(data:image/gif;base64,AAAA);    */
    /* Trick IE into showing hover */ 
    display: block; 
}
#prevLink { 
    left: 0; 
    float: left;
}
#nextLink { 
    right: 0; 
    float: right;
}
#prevLink:hover, #prevLink:visited:hover { 
    background: url(../images/lightbox/prevlabel.gif) left 15% no-repeat; 
}
#nextLink:hover, #nextLink:visited:hover { 
    background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat; 
}
#imageDataContainer{ 
    font: 10px Verdana, Helvetica, sans-serif; 
    background-color: #fff; 
    margin: 0 auto; 
    line-height: 1.4em; 
    overflow: auto; 
    width: 100% ; 
}
#imageData{ 
    padding:0 10px; 
    color: #666; 
}
#imageData #imageDetails{ 
    width: 70%; 
    float: left; 
    text-align: left; 
}   
#imageData #caption{ 
    font-weight: bold;  
}
#imageData #numberDisplay{ 
    display: block; 
    clear: left; 
    padding-bottom: 1.0em;  
}
#imageData #bottomNavClose{ 
    width: 66px; 
    float: right;  
    padding-bottom: 0.7em; 
    outline: none;
}       
#overlay{ 
    position: absolute; 
    top: 0; 
    left: 0; 
    z-index: 90; 
    width: 100%; 
    height: 500px; 
    background-color: #000; 
}


#map {
	width:480px;
	height:350px;
	border:solid 4px #194866;
}