.blue {
    background-color: #9FC1D3;
    color: #242A2C;
}
.red {
    background-color: #CE0004;
    color: white;
}
.orange {
    background-color: #E57F00;
    color: white;
}
.brown {
    background-color: #A4A19A;
    color: white;
}
.cloistersred {
    background-color: #9A1721;
    color: white;
}
.cloistersgold {
    background-color: #90691b;
    color: white;
}
.cloistersblack {
	background-color: #000;
	color: white;
}

.black {
    background-color: #2F2A2C;
    color: white;
}
.white {
    background-color: white;
    color: #242A2C;
}
.whiteborder {
    border-bottom: 11px solid white;
}
.whitebordertop {
    border-top: 11px solid white;
}
.greybordertop {
    border-top: 11px solid #A4A19A;
}
.orangeborder {
    border-bottom: 11px solid #E57F00;
 // border-bottom: 9px solid #E57F00;
}
.goldborder {
	height: 261px;
	background: url('../images/autumn/gold.jpg');
	background-position: bottom;
}
.blueborder {
    border-bottom: 11px solid #9FC1D3;
}
.blueborderextreme {
    border-bottom: 17px solid #9FC1D3;
}
.brownborder {
    border-bottom: 11px solid #A4A19A;
}
.blackborder {
    border-bottom: 11px solid #000000;
}
.cloistersredborder {
    border-bottom: 11px solid #9A1721;
}
.cloistersgoldborder {
    border-bottom: 11px solid #90691b;
}
.redborder {
    border-bottom: 11px solid #CE0004;
}
.hidden {
    position:absolute;
    left:-200px;
}
.bluebg {
	background-image: url('../images/keyrotate.jpg');
	background-repeat: no-repeat;
	background-position: 100% -16px;
}
.transparent {
    opacity:.75;
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
}
/* Basic styles */
a {
    color: #05204D;
    text-decoration: none;
    border: 0;
}
a:hover {
    text-decoration: underline;
}
* {
    margin:0;
    padding:0;
    border:0;
}
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
} 
body {
    background-color: white;
    font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
}
img.key {   /* "Bullet" image */
    float:left;
    padding-top: 10px;
    //margin-top: 5px;
}
img#sideimage {
/*    position: absolute;
    right: 14px;
    bottom: 8px;
    //right: 0px; */
}
img.moveup {
    margin-top: -11px;
}
img.moveup_alot {
    position:relative;
    float:right;
    margin-top:-34px;
    margin-right:2px
}
/* Font sizes - check PC */
table { border-collapse: collapse; }
p { font-size: 73%; line-height: 1.4em;
//font-size: 77%; line-height: 1.3em;
}
h3 { font-size: 102%; line-height: 1.2em; margin-bottom: 7px; }
h4 { color: white; font-size:90%; padding-bottom:1.2em; }
h3.oneline { padding-top:0.5em; text-indent:0.5em; }
h3.devtitle { margin-bottom:0; }
div#sitenav a {
    display:block;
    float:right;
    font-size: 72%;
    text-decoration:none;
    clear: both;
    border-bottom: 1px solid white;
    border-left: 1px solid white;
    width: 140px;
    padding: 4px 6px;
    color: white;
    top:0;
}
div#sitenav a:hover {
    background-color: #817E79;
}
input, textarea, select {
	border-top: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
	background-color: #C0E9FF;
	width: 213px;
	font-size: x-small;
	margin-bottom:-2px;
	padding: 2px;
}
optgroup {font-style:normal;text-indent:1em}
textarea {
	border-bottom: 1px solid white;
}
address {
    font-style: normal;
    font-size: 78%;
    padding-top:0.5em;
    padding-bottom:0.5em;
}
#container {
    width: 744px;
    position: relative;
    min-height: 100%; /* for modern browsers... <strong>/
    height: auto !important; /</strong> For modern browsers <strong>/
    height: 100%; /</strong> ...for IE */
	left: 50%;
    margin-left: -372px;
}
#container-body {
	padding-top: 11px;
	padding-bottom: 42px;
}
div.border {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    line-height: 1px;
    font-size: 1px;
    height: 12px;
}
div#gallery {
    position: relative;
    width: 100%;
    height: 250px;
 // height: 194px;
}
div#logo {
    width: 100%;
    height: 58px;
}
div#cloisterslogo {
    width: 100%;
    height: 28px;
}
div.navigation {
    clear: left;
    width: 100%;
    height: 38px;
}
div.navigation.short {
    height: 34px;
}
div.navigation div.navbar {
    clear: both;
    width: 100%;
    height: 34px;
    margin: 0px;
}
div.navigation .navbar img {
    height: 34px;
    padding: 0;
    margin: 0;
    border: 0;
}
div#logo h1, div#cloisterslogo h1 {
    display: none;
}
div#logo h2 {            /* Wynbrook logo */
    display: block;
    position: relative;
    float: right;
    margin: 6px 5px 0 0;
}
div#gallery h1 {
    position: absolute;
    top: 0;
    left: 300px;
    font-size: 94%;
    width: 420px;
    //width: 444px;
    padding: 10px 12px;
    background-color: #817E79;
}
div#gallery p {
    clear: both;
    left: 300px;
    position: absolute;
    top: 2.5em;
    padding: 10px 12px;
    font-size: 86%;
}
div#content {
    width: 100%;
    height: auto;           /* check */
    position: relative;
    clear: both;
}
div#content div#contentheader {
    padding: 16px 18px 6px 18px;
}
div#content div.contentthird {
    padding: 6px 18px;
    width: 29%;
}
div#content div.contentquarter {
    padding: 6px 18px;
    width: 24%;
}
html>body>div#container>div#content div.contentthird img {
    margin-bottom:-2px;
}
html>body>div#container>div#content div.contentquarter img {
    margin-bottom:-2px;
}
div#content div.left {
    position: relative;
    left: 0px;
    width: 216px;
    //width: 250px;
}
div#content div.middle {
    position: absolute;
    bottom: 0px;
    left: 33%;
    width: 216px;
    //width: 250px;
}
div#content div.leftmid {
    position: absolute;
    top: 0px;
    left: 25%;
    width: 150px;
    //width: 200px;
}
div#content div.rightmid {
    position: absolute;
    top: 60px;
    left: 51%;
    width: 150px;
    //width: 200px;
}
div#content div.quarterright {
    position: absolute;
    top: 60px;
    left: 75%;
    width: 150px;
    //width: 200px;
}
div#content div.quarterleft {
    position: absolute;
    top:60px;
    left: 1%;
    width: 150px;
    //width: 200px;
}

div#content div.bordered {
    border-left: 1px solid white;
}
div#content div.right {
    position: absolute;
    bottom: 0px;
    left: 66%;
    width: 216px;
    //width: 250px;
}
div#content div.right img {
    position: relative;
    right: -16px;
}
div#content div.right img.bottomright {
    position: absolute;
    left: 18px;
    bottom:0px;
}
.news .left { position:absolute;bottom:-1.2em; }
div#content p {
    text-indent: 0;
    margin-bottom: 7px;
}
div#content p.noindent {
    text-indent: 0;
}
img.sampleimage {
    /* margin-top:12px;
    margin-bottom:-2px; */
    position: absolute;
    bottom: 0px;
}
div#content.currentdevelopments div.left {
    position:absolute;
}
div#content.currentdevelopments div.middle {
    position:relative;
}
div#content.currentdevelopments div.leftmid {
    position:relative;
}
div#content.cloisters div.left {
    position:absolute;
	width:29%;
}
div#content.cloisters div.middle {
   position:relative;
	width:29%;
}
div#content.cloisters div.altswitchleft {
   position:relative;
	width:29%;
}
div#content.cloisters div.altswitchmiddle {
   position:absolute;
   top:164px;
	width:29%;
}
div#content.cloisters div.altswitchright {
   position:absolute;
  top:164px;
	width:29%;
}
div#content.terms div.left {
    position:relative;
}
div#content.terms div.middle {
    position:absolute;
}
.currentdevelopments h3, h4 {
    padding-left: 34px;
}
#content ul {
    font-size: 76%;
    line-height: 1.4em;
}
#content ul.inline {
    list-style-position: inside;
    font-size: 64%;
    margin-bottom:1em;
}
#content ul.inline li {
    margin-top: 0.2em;
}
#gallery ul {
position: absolute;
left: 300px;
bottom: 0px;
    font-size: 86%;
    list-style-type: none;
}
#gallery ul li {
    border-top: 1px solid white;
    border-right: 1px solid white;
text-indent: 12px;
//text-indent: 0px;
padding-right: 1.35em;
line-height: 1.8em;
width: auto;
}
#gallery a {
	color: white;
	font-weight: bold;
}
.navbar ul {
	display: inline;
	list-style-type:none;
	padding:0;
	margin:0;
	// height: 34px;
}
.navbar ul li {
	list-style-type:none;
	display: inline;
	padding:0;
	margin:0;	
	//height: 34px;
}
.cloistersbar {
    border-top: 11px solid white;
    height:300px;
}
.cloisters #contentheader {}
.prev {
    height: 200px;
}
img.rightseparator {
    border-right: 1px solid #A4A19A;
    padding-right: 20px;
    margin-right: 10px;
    //border-right:none;
    //margin-right:18px;
}
img.hugbottom {
    margin-bottom:-3px;
    margin-left: 24px;
    margin-right: 10px;
}
tr.greydivider {
    border-bottom: 1px solid #A4A19A;
}
div.cloisters table {
    margin:12px 0;
    padding:0;
}
#footer {
position:relative;
width: 744px;
height:35px;
left: 50%;
margin-left: -372px;
/*    position: absolute;
    bottom: 0 !important;
    bottom: -1px;
    width: 744px;
    height: 35px;
	left: 50%;
	margin-left: -372px; */
}
.right_footer_img {float: right;position:relative;top:-24px;right:20px}

em {
    font-family: "Times New Roman", Times, Georgia, serif;
    font-style: italic;
    font-weight: normal;
}
img#topsample {
	position: absolute;
	right: 0;
	bottom: 0;
}
img.disregard {
	position: relative;
	left: 0;
}
img.indentimage {
    margin-left: 18px;
}
img.bottomleft {
    position: absolute;
    left:16px;
    bottom:20px;
}
.givemespace {
    margin-bottom:12px;
}
tr.dimensions img {
    margin:6px 0;
}
tr.zebra1 {
    background-color: #EDEDED;
}
tr.zebra2 {
    background-color: white;
}
span.dim {
    float: right;
    height: 1em;
}
span.roomname {
    float: left;
    height: 1em;
}
table.floorplan {
    font-size: 64%;
    position: relative;
}
table.floorplan td {
    position: relative;
    width: 162px;
    padding: 2px;
    padding-right:12px;
}
table.floorplan_mini {
    font-size: 64%;
    position: absolute;
    right: 0px;
    top: 158px;
}
table.floorplan_mini td {
    position: relative;
    width: 192px;
    padding: 4px;
}
.dimline {
    position: relative;
}
.wideheader {
    clear: both;
    float: none;
    display: block;
    margin-top: 14px;
    margin-bottom: 0px;
}
.columnrel {
    position: relative;
}
.rightlisting {
    width: 262px;
    height: 385px;
    position: absolute;
    right: 70px;
    top:95px;
}
.rightlisting img {
    margin-bottom: 12px;
    margin-top: 12px;
}
.keepplan {
    margin-top: 16px;
    margin-right: 9px;
}
table.floorplan_wide {
    width: 240px;
    font-size: 74%;
    position: absolute;
    right:0px;
    top:186px;
}
table.floorplan_wide td {
    position: relative;
    width: 162px;
    padding: 5px;
}
.fpdimensions img {
    position: absolute;
    top:126px;
    right:58px;
}
.fpdimensions_mini img {
    position: absolute;
    top:100px;
    right:18px;    
}
.keepplan {
    z-index:1000; !important
    margin-left:0px; !important
    width:50%; !important
    height:50%; !important
    border: 2px solid black;
}
.photo_gallery_link {
	float:right;
}
.headerafterbullet {
    position:absolute;
    left:52px;
    top:19px;
}
.back_apartments {
margin-top:12px;
}
.headerafterbullet_upalittle {
    position:absolute;
    left:52px;
    top:10px;
}

body.autumn div#content {
color: white;
background: url('/images/autumn/winter.jpg');
/*background: url('/images/autumn/autumnbg.jpg');*/
height:277px;
}

body.autumn p {
font-size: 68%;
}


body.autumn .left {
width:224px !important;
height:172px;
}

body.autumn .left {
border-right: 1px solid white;
}

body.autumn .middle, body.autumn .right {
	margin-bottom:7px;
}
body.autumn .middle {
	margin-left: 23px; position: relative;top: 69px;
}
body.autumn .right {
position: relative;top: 69px;
}

div.carolgate a {
	color:#fff;
	text-decoration:underline;
}

.shadowed_title { position: relative; left: -9px;top:-4px; }
.first_para { position: relative;top:-14px; }
/*
img.bottomright {
    position:absolute;
    float:none;
    left: 0;
    bottom:-20px;
}
*/

fpdimensions_mini { z-index:800; }
fpdimensions_mini img { position:absolute; z-index:900; }

h4.develo { font-size:11px; }

.clstr #gallery {height:250px !important}

.cloisters_dim_text {margin-top: 12px}