.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {
 clear: both;
 height: 0px;
}

/* Main Text Definitions */
body {
 background: #fff url(../images/bg_nav.jpg) repeat-x;
 color: #333;
 font-family: Arial, Helvetica, sans-serif;
 margin: 0 34px;
}
body.sub {
 background: #fff url(../images/bg_nav_sub.jpg) repeat-x;
 color: #333;
 font-family: Arial, Helvetica, sans-serif;
 margin: 0 34px;
}
body.blank {
 background: #fff; 
 color: #333;
 font-family: Arial, Helvetica, sans-serif;
 margin: 0 34px;
}
h1 {
color: #245F89;
}
h2, h3, h4 {
color: #2e9a9a;
}
h1 {font-size: 160%; margin-top: 0; margin-bottom: 0;}
h2 {font-size: 140%; margin-bottom: 8px; margin-top: 0;}
h3 {font-size: 100%; margin-bottom: 6px;}
h4 {font-size: 100%; margin-bottom: 3px;}

a img {border: 0;}
a {color: #2e9a9a;}
a:hover {color: #333;}
a img {border: 0;}

img {display: block;}

/* Generic Layout Definitions */
#container {width: 850px; margin: 0 auto; font-size: 80%;}
#mainNav {width: 850px; height: 40px; text-align: center;}
#subNav {width: 850px; height: 40px; text-align: center;}
#logo {float: left; clear: both; width: 272px; height: 144px;}
#language {float: right; width: 570px; height: 89px; text-align: right; padding-top: 55px;}
#language img {display: inline;}
#language img.booknow {margin-top: 10px;}
#footer {clear: both; width: 850px; margin: 20px 0; padding: 10px 0; color: #666; font-size: 85%; border-top: 1px solid #ccc;}


/* Home Page layout */
#hpMain {width: 850px;}
#hpSub {width: 850px; margin-top: 20px;}
#hpSub #left {float: left; width: 400px; margin-right: 20px; display: inline;}
#hpSub .apartment {float: left; width: 400px; padding-right: 20px; line-height: 140%; margin-bottom: 20px;}
#hpSub .apartment img {float: left; padding-right: 20px;}
#hpSub .apartment h1 {color:#245F89; margin-top: 10px; margin-bottom: 0;}
#welcome {float: left; width: 148px; padding-right: 25px; line-height: 140%;}
#hpPic {float: right; width: 677px; height: 330px;}

#language a.booknow {float: right; display: block; margin-top: 10px; color: #fff; text-align: center; padding-top: 5px; font-weight: bold; width: 147px; height: 22px; background: url(../images/bg_booknow.gif) no-repeat; text-decoration: none;}

/* Sub Page layout */
#spMain {width: 850px;}
#spNav {float: left; width: 261px;}
#spNav img {}
#spNav .caption {height: 20px; margin: 0; font-size: 85%; color: #666; font-style: italic;}
#spContent {float: right; width: 519px; padding-left: 70px; margin: 0;}
#spContentFull {width: 850px;}

/* Toggle these styles if Flash option used */
#quotebox {float: right; display: inline; margin: 0 0 20px 20px; background-color: #d5ebeb; padding: 10px; width: 120px; color: #333;}
#quotebox p {margin: 0; padding-bottom: 10px; font-family: Times New Roman, Serif;}
/*#quotebox {float: right; display: inline; margin: 0 0 20px 20px; width: 140px;}
#quotebox p {margin: 0; padding: 0 10px; width: 118px; font-family: Times New Roman, Serif;}*/




/* Special Offers layout */
#soCopy {float: left; width: 530px; padding: 18px;}
#soGeneric {float: right; width: 260px; padding: 10px; color: #2C9BA2; font-size: 85%; padding-top: 18px;}
.soButton {background: #245F89; font-weight: bold; color: #ffffff;}

/* Navigation Definitions */

/* Main navigation */
#mainNav ul {
 list-style: none;
 padding: 0;
 margin: 0;
 width: 850px;
 font-size: 120%;
} 
#mainNav ul li {
 float: left;
 height: 20px;
 display: block; 
 white-space: nowrap;
 padding: 10px 16px;
}
#mainNav ul li.on {
 float: left;
 height: 20px;
 display: block; 
 white-space: nowrap;
 background: #245F89;
 padding: 10px 14px;
}
#mainNav ul li a {
 color: #fff;
 padding: 6px 0;
 text-decoration: none;
}
#mainNav ul li a:hover {
 color: #81C3C3;
}




/* Sub navigation */
#subNav ul {
 list-style: none;
 padding: 0;
 margin: 0;
 width: 850px;
 font-size: 100%;
} 
#subNav ul li {
 float: left;
 display: block; 
 white-space: nowrap;
 padding: 6px 7px;
}
#subNav ul li a {
 color: #fff;
 padding: 6px 0;
 text-decoration: none;
}
#subNav ul li a:hover {
 color: #81C3C3;
}
#subNav ul li.on a {
 font-weight: bold;  
}

/* Side navigation */
#spNav ul {
 list-style: none;
 padding: 0;
 margin: 0 0 20px 0;
 width: 260px;
} 
#spNav ul li {
 margin: 5px 0;
}
#spNav ul li a {
 color: #245F89;
 width: 260px;
 text-decoration: none;
}
#spNav ul li a:hover {
 color: #81C3C3;
}
#spNav ul li.on a {
 font-weight: bold;
}

/* Content Styles */
.column {
 float: left;
 width: 350px;
 padding-right: 60px;
 padding-top: 20px;
}
.apartmentList { 
 margin-top: 20px;
 width: 350px;
 height: 90px;
}
.apartmentList img {
 float: left;
 margin-right: 20px;
} 
#imageGallery {
 float: left;  
 width: 620px;
 margin-top: 20px;
} 
#imageGallery img {
 display: inline;
 margin-right: 5px;
 margin-bottom: 5px;
}   
#video {
 float: right; 
 margin-top: 20px;  
 width: 202px;
 height: 202px;
 padding: 10px;
 background: #f0f0f0;
 text-align: center;
}


/* Multiview Styles */
#apartments {
 margin-top: 20px;
}
#apartments img {
 display: inline;
}
.tabs
{
    position:relative;
    top:1px;
    left:10px;
}
.tab
{
    border:solid 1px #245F89;
    background-color:#eeeeee;
    padding:2px 10px;
}
.selectedTab
{
    background-color:white;
    border-bottom:solid 1px white;
}
.tabContents
{
    border:solid 1px #245F89;
    padding:10px;
    background-color:white;
}


/* Footer navigation */
#footer ul {
 list-style: none;
 float: left;
 width: 750px;
 padding: 0;
 margin: 0;
} 
#footer ul li {
 float: left; 
 margin-right: 24px;
 padding: 0;
}

#footer a {
 color: #666;
 text-decoration: none;
}
#footer a:hover {
 color: #333;
 text-decoration: none;
}

/* Admin styles */
#editContentMenu ul {
 list-style: none;
 float: left;
 width: 750px;
 padding: 0;
 margin: 4px 0 4px 6px;
}
.adminLabel {
 width: 120px;
 background: #f3f3f3;
 border-bottom: 1px solid #fff;
}



/* Forms */
FORM {
 padding: 0;
 margin: 0;
 border: 0;
}
.loginForm {
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
.loginForm label {
 float: left;
 width: 80px;
}
.loginForm input {
 float: left;
 width: 80px;
 height: 12px;
 font-size: 110%;
}
.loginForm .loginButton {
 float: left;
 height: 20px;
 font-size: 110%;
}

p.formRow {
 margin-top: 0px;
 margin-bottom: 4px;
}
label {
 float: left;
 width: 130px;
 padding-top: 4px;
}
.fmField {
 width: 150px;
 font-size: 100%;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #253255;
}
.fmFieldSml {
 width: 60px;
 font-size: 100%;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #253255;
}
.fmComments {
 width: 150px;
 height: 60px;
 font-size: 100%;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #253255;
}
select {
 font-size: 100%;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #253255;
}
.fmButton {
 background: #253255;
 color: #fff;
 font-weight: bold;
 border: 0;
}
textarea.quote {
 width: 230px;  
 height: 50px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}



/* Styles for WYSIWYG Editor */
.FTBeditor {
 font-size: 70%;
 background: #fff;
 margin: 5px;
}