@charset "utf-8";
/* Cleary Developments design styles */

body {
margin:0;
padding:0;
background: #fff url(../images/wallpaper.gif) repeat-x top left;
font: normal normal 12px/16px Arial, Helvetica, sans-serif;
color: #333;
}

div#container {
width: 900px;
margin:0 auto;
padding:0 0 10px 0;
position:relative;
}

a:link, a:visited { color: #333; text-decoration:none; }
a:hover, a:active { color: #000; text-decoration:underline; }

a.soloLink {
padding-left: 15px;
font-size: 14px;
background: transparent url(../images/gold-list-arrow.gif) no-repeat left center;
float:right;
clear:left;
text-transform: uppercase;
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
}

a.soloLink:hover {
background: transparent url(../images/black-list-arrow.gif) no-repeat left center;
}

h1, h2, h3, h4, h5, h6, form, p {margin:0; padding:0; }
ol, ul, dl, li {margin:0; padding:0; list-style-type:none; }


div#topBar {
width: 884px;
padding: 18px 8px 18px 8px;
background: #808080;
}

ul#nav {
list-style:none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin-bottom: 10px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
text-align: right;
position:relative;
z-index: 100;
}

ul#nav li a:link, #nav li a:visited {
color: #fff;
text-decoration:none;
}

ul#nav li a:hover, #nav li a:active {
color: #000;
}

ul#nav li {
display: inline;
margin-right: 30px;
}

ul#nav li.lastNavItem {
margin-right: 0;
}


div#titleBar {
width: 900px;
background-color: #fff;
clear:left;
overflow:hidden;
margin:0;
padding:0;
}

#titleBar h1 {
width: 415px;
height: 36px;
background : #fff url(../images/link-title.gif) no-repeat right center;
float:right;
margin: 10px 8px 10px 8px;
padding:0;
}

#titleBar h1 a { visibility:hidden; }


div#logoDiv {
position:absolute;
margin-left: 76px;
top:0;
}


div#animationDiv {
clear:both;
width: 900px;
margin: 0 auto;
height: 310px;
background: #808080;
overflow:hidden;
}

div#animationDiv img {
width: 886px;
height: 295px;
margin: 7px;
}

div#bannerDiv {
clear:both;
width: 880px;
height: 290px;
background: #808080;
overflow:hidden;
padding:10px;
color: #fff;
}

div#halfBannerAnim {
width: 437px;
height: 290px;
overflow:hidden;
margin-right: 10px;
float:left;
}

#halfBannerAnim img {
width: 437px;
height: 290px;
overflow:hidden;
}

#bannerDiv h1, #content h1.spaceDesc {
font-size: 20px;
font-weight: normal;
margin-bottom: 5px;
color: #808080;
text-transform: uppercase;
text-align: left;
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
}

#bannerDiv h2, #content h2.spaceDesc {
font-size: 17px;
font-weight: normal;
margin-bottom: 12px;
color: #ed1a3b;
text-transform: uppercase;
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
}

#bannerDiv h3, #content h3.spaceDesc {
font-size: 12px;
font-weight: normal;
margin-bottom: 12px;
color: #808080;
text-transform: uppercase;
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
}


div#content {
clear:left;
width: 880px;
background: #fff;
padding: 12px 8px 12px 12px;
overflow:auto;
}

#content img.floatRight {
display: inline;
float:right;
margin: 20px auto 20px auto;
border: 1px solid #ed1a3b;
}

#content p, #bannerDiv p {
margin-bottom: 12px;
}

#content h1 {
font-size: 30px;
font-weight: normal;
margin: 10px 0 18px 0;
color: #ed1a3b;
text-transform: uppercase;
text-align: center;
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
}

#content h2 {
font-size: 20px;
font-weight: normal;
margin-bottom: 18px;
color: #808080;
text-transform: uppercase;
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
}

#content h3 {
font-size: 16px;
margin-bottom: 8px;
color: #ed1a3b;
font-weight: normal;
text-transform: uppercase;
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
word-spacing: 3px;
}

#content h2.listings {
margin-bottom: 8px;
}

#content h3.listings {
margin-bottom: 18px;
}

/**** quotes ***/
div#quotes {
width: 100%;
clear:both;
height:55px;
overflow:hidden;
margin: 10px auto 18px auto;
}

#quotes ul#quotesCycle li {
width: 100%;
font-size: 20px;
font-weight: normal;
line-height: 28px;
color: #ed1a3b;
text-transform: uppercase;
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
text-align: center;
}

div#quotes2 {
width: 880px;
margin: 15px auto 0 auto;
clear:both;
height: 35px;
overflow:hidden;
}

#quotes2 ul li {
font-size: 16px;
font-weight: normal;
color: #ed1a3b;
margin: 5px 25px;
text-align: center;
text-transform: uppercase;
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
float:left;
}

/**** showcase ***/


div#completedShowcase {
width: 400px;
float:right;
margin: 0 0 0 36px;
}

div#showcaseAnimation {
width: 400px;
height: 248px;
overflow:hidden;
margin: 0 0 12px 0;
}

#showcaseAnimation div.showcaseItem {
width: 400px;
height: 248px;
margin:0;
padding:0; 
position:relative;
overflow:hidden;
}

.showcaseItem p {
margin:0;
padding:12px 10px 8px 10px;
position:absolute;
bottom:-12px;
width: 380px;
background: #000;
color: #fff;
font-size: 16px;
font-weight: bold;
text-align:right;
-moz-opacity:.65;
opacity:.65;
filter:alpha(opacity=65);
}

.showcaseItem p a {
color:#fff;
text-decoration: none;
}

.showcaseItem p a:hover {
color: #c41724;
text-decoration: none;
}

/*** contact bar ***/

div#contactBar {
width: 768px;
margin:0;
padding: 16px 66px 16px 66px;
overflow:auto;
background: #808080;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #fff;
}

#contactBar h2 {
font-size: 18px;
font-weight: bold;
margin-bottom: 12px;
}

#contactBar a:link, #contactBar a:visited {
color: #fff;
}

#contactBar a:hover, #contactBar a:active {
color: #ed1a3b;
}

#contactBar ul li {
line-height: 1.4;
}

#contactBar ul li.titleLi {
font-weight: bold;
}

#contactBar ul li.imageLi img{
display: block;
}

div#auctioneerBlock {
width: 450px;
float:right;
}

#auctioneerBlock h2 {
width: 200px;
float:left;
margin-right: 80px;
}

ul.aucLeft {
width: 256px;
float:left;
}

ul.aucRight {
float:right;
display: inline;
margin-right: 50px;
}

div#logoFooter {
width: 752px;
height: 50px;
padding:0 74px;
background: #231f20;
overflow: hidden;
}

#logoFooter img {
margin:0;
padding:0;
float:left;
}

#logoFooter img.footerDevLogo {
float:right;
}

#footer {
text-transform: uppercase;
font-size: 8px;
margin-top: 2px;
color: #000;
}

div#designTag {
float:right;
}

#designTag a{
color: #000;
text-decoration: none;
}

#designTag a:hover {
color: #036485;
}

/*** available space listings ****/

table.availableSpace {
table-layout: fixed;
width: 880px;
margin: 10px 0;
}

.availableSpace td {
vertical-align: baseline;
background: #808080;
color: #fff;
padding: 5px;
text-align: center;
}

.availableSpace td.let {
background: #ed1a3b url(../images/let-banner.gif) no-repeat bottom center;
color: #fff;
}

.availableSpace th {
background: #ed1a3b;
color: #fff;
padding: 5px;
text-align: center;
}

.availableSpace a:link, .availableSpace a:visited {
color: #333;
text-decoration: underline;
}

.availableSpace a:hover {
color: #fff;
}

.availableSpace a.moreLink {
padding-left: 15px;
font-size: 12px;
background: transparent url(../images/black-list-arrow.gif) no-repeat left center;
float:right;
margin-right: 5px;
clear:left;
color: #333;
}

.availableSpace a.moreLink:hover {
color: #fff;
background: transparent url(../images/white-list-arrow.gif) no-repeat left center;
}


.availableSpace td#ASdetails {
text-align: left;
}

.availableSpace #ASbuilding {
width: 80px;
}

.availableSpace #ASunit {
width: 30px;
}

.availableSpace #ASsize {
width: 70px;
}

.availableSpace #ASavailability {
width: 70px;
}

.availableSpace #ASfloorplan {
width: 90px;
}

.availableSpace #ASbrochure {
width: 80px;
}

.availableSpace #ASenquire {
width: 80px;
}

.availableSpace tfoot td {
background: #231f20;
color: #fff;
text-align: right;
text-transform: uppercase;
padding: 5px 8px;
}

.availableSpace tfoot td a:link, .availableSpace tfoot td a:visited {
padding-left: 15px;
color: #9ed2e8;
background: transparent url(../images/gold-list-arrow.gif) no-repeat left center;
float:right;
text-decoration: none;
text-transform: uppercase;
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
word-spacing: 3px;
}

.availableSpace tfoot td a:hover {
background: transparent url(../images/white-list-arrow.gif) no-repeat left center;
color: #fff;
}

/*** unitdetails/ enquiry page ***/

div#unitDetails {
width: 880px;
margin: 20px 0;
clear: both;
overflow:hidden;
}

#unitDetails .smallCell {
/*display: table-cell;
vertical-align: baseline; */
background: #ed1a3b;
color: #fff;
padding: 5px;
text-align: center;
width: 208px;
float:left;
margin: 0 2px 2px 0;
}

.smallCell a:link, .smallCell a:visited {
color: #fff;
padding: 5px;
text-align: center;
text-decoration: underline;
}

.smallCell a:hover {
color: #333;
text-decoration: underline;
}

#unitDetails div#unitDesc {
width: 418px;
float:left;
height: 168px;
padding: 10px;
background: #808080;
color: #fff;
clear:left;
margin: 0 2px 2px 0;
overflow-y:auto;
scrollbar-face-color: #808080;
scrollbar-shadow-color: #ed1a3b;
scrollbar-highlight-color: #fff;
scrollbar-3dlight-color: #fff;
scrollbar-darkshadow-color: #ed1a3b;
scrollbar-track-color: #fff;
scrollbar-arrow-color: #ed1a3b;
}

#unitDetails div.specCell {
background: #808080;
color: #fff;
padding: 0;
text-align: left;
width: 438px;
float:left;
margin: 0 2px 2px 0;
clear: both;
}

.specCell b {
display:block;
background: #ed1a3b;
color: #fff;
width: 438px;
border-bottom: 2px solid white;
padding: 5px 0;
text-align: center;
}

.specCell ul {
margin: 5px;
}

#unitDetails div.returnFooterLink {
width: 422px;
background: #231f20;
color: #fff;
text-align: right;
text-transform: uppercase;
padding: 2px 8px;
overflow:auto;
margin: 0 2px 0 0;
float:left;
}

#unitDetails .returnFooterLink a:link, #unitDetails .returnFooterLink a:visited {
display: block;
padding: 5px 5px 5px 15px;
color: #808080;
background: transparent url(../images/gold-list-arrow.gif) no-repeat left center;
float:right;
text-decoration: none;
text-transform: uppercase;
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
word-spacing: 3px;
}

#unitDetails .returnFooterLink a:hover {
padding: 5px 5px 5px 15px;
background: transparent url(../images/white-list-arrow.gif) no-repeat left center;
text-decoration: none;
color: #fff;
}

div#formLegend {
width: 418px;
background: #ed1a3b;
color: #fff;
margin: 0 2px 2px 0;
padding: 5px 10px;
font-weight: bold;
overflow: auto;
text-align: center;
}

div#unitEnquiry {
width: 418px;
height: 200px;
margin: 0 2px 2px 0;
padding: 10px;
overflow:hidden;
background: #808080;
color: #fff;
}

input.readonlyInput {
background: #808080;
border: none;
color: #fff;
font-weight: bold;
}

/** location page **/

div#locationMap {
width: 340px;
height: 300px;
margin: 20px 10px 20px auto;
border: 1px solid #ed1a3b;
float:left;
}


/********misc*************/

a.whiteLink {
color: #ffffff;
}

a.whiteLink:hover {
color: #ccc;
}

div.noBottomBorder { border-bottom:none }

img#floatRight {
float:right;
}

h2#gold { color: #ed1a3b; }

.bottomMargin15 {margin-bottom: 15px; }

.clearBoth {clear: both;}

.clearBoth {clear: left;}

.heading { font-weight: bold; }