html { margin: 0; padding: 0;}
body {
    margin: 0;
    padding: 0 0 40px 0;
    color: #000;
    font-size: 76%;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #000;
    }


/* */

h1 { font-size: 2.0em; font-weight: normal; margin-top: 0em; margin-bottom: 0em; }
h2 { font-size: 2.0em; font-weight: normal; margin-top: 0em; margin-bottom: 0em; }
h3 { font-size: 1.0em; font-weight: normal; margin-top: 0em; margin-bottom: 0em; }
h4 { font-size: 1.2em; font-weight: bold; margin-top: 0em; margin-bottom: 0em; }
h5 { font-size: 1.2em; font-weight: normal; margin: 0; color: #F15A31; }

p { margin: 0px; }
strong, b { font-weight: bold; }
img { border: 0; margin: 0; padding: 0; vertical-align: bottom; }
form { margin: 0; padding: 0; }
hr { margin: 0.5em 0; border: 0px; height: 1px; color: #000; background-color: #fff; border-top: 1px solid #d6d6d6; }
a { color: #0068b3; text-decoration: underline; }
a:hover { color: #79bde9; text-decoration: underline; } /* 00aedb */

.hide { display: none; }
.clr { clear: both; }
.highlight { color: #d9ecff; }
.floatLeft { float: left; }
.floatRight { float: right !important; }

.hr { margin: 0 10px 0 10px; padding: 0; background: transparent url(../img/hr_dashed_line.gif) repeat-x top left; height: 5px; }
.hr hr { display: none; }

.hvr a:hover { background-position: bottom left; }

h2.title, h2.title a { margin: 0; padding: 0; display: block; text-indent: -700em; text-decoration: none; overflow: hidden; }

.spacer170 { height: 170px; }
.spacer470 { height: 470px; }


/* */

.topEdge { margin: 0; padding: 0; background: transparent url(../img/top_edge.jpg) repeat-x top center; }
.mainBg { margin: 0; padding: 0; background: transparent url(../img/bg.jpg) no-repeat top center; }

.pageWrap {
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 1010px;
    position: relative;
    }
html > .pageWrap {
    width: 1010px;
    }

.headerArea {
    margin: 0;
    padding: 10px 0 0 10px;
    /*background: transparent url(../img/header_top.gif) no-repeat top left;*/
    }
.headerArea h2 {
    margin: 0;
    padding: 10px 0 0 0;
    width: 392px;
    height: 66px;
    float: left;
    }
/*
.headerArea h2 a {
    margin: 0;
    padding: 0;
    width: 392px;
    height: 66px;
    float: left;
    display: block;
    text-indent: -700em;
    text-decoration: none;
    overflow: hidden;
    }
*/
.headingImg, .logo {
    position: absolute;
    top: 56px;
    left: 10px;
}
a.logo {
    background: transparent url(../img/logo.gif) no-repeat top left;
}
.mnuPrecinct {
    background: transparent url(../img/dream.gif) no-repeat top left;
}
.mnuLifestyle {
    background: transparent url(../img/play.gif) no-repeat top left;
}
.mnuArchitecture {
    background: transparent url(../img/beyond.gif) no-repeat top left;
}
.mnuApartments {
    background: transparent url(../img/home.gif) no-repeat top left;
}
.mnuTeam {
    background: transparent url(../img/marking.gif) no-repeat top left;
}
.mnuVideo {
    background: transparent url(../img/game.gif) no-repeat top left;
}
.mnuEnquiries {
    background: transparent url(../img/its.gif) no-repeat top left;
}
#mnuNewActon {
    background: transparent url(../img/newacton.gif) no-repeat top left;
    margin: 2px 27px 0 0;
    padding: 0;
    width: 61px;
    height: 12px;
    float: right;
    display: block;
    text-indent: -700em;
    text-decoration: none;
    overflow: hidden;
}

.headerArea h4 {
    margin: 0;
    margin: 20px 11px 0 0;
    float: right;
    }
.headerArea h4 a {
    margin: 0;
    padding: 0;
    width: 114px;
    height: 66px;
    float: right;
    display: block;
    text-indent: -700em;
    text-decoration: none;
    overflow: hidden;
    background: transparent url(../img/btn_enquiries.gif) no-repeat top left;
    }

.contentWrap, .theArticles { float: left; margin: 0; padding: 0; width: 1010px; color: #fff; }
.contentWrap h1, .theArticles h1 { margin: 0; padding: 0 0 0.6em 10px; font-size: 1.4em; line-height: 1.4em; font-weight: normal; color: #939598; }
.contentWrap h2, .theArticles h2 { margin: 0; padding: 0 0 0.5em 10px; font-size: 1.4em; line-height: 1.4em; font-weight: normal; color: #f15a31; }
.contentWrap h3, .theArticles h3 { margin: 0; padding: 0 0 1em 10px; font-size: 1.1em; line-height: 1.4em; color: #f15a31; }
.contentWrap h1 a, .contentWrap h2 a, .contentWrap h3 a, .theArticles h1 a, .theArticles h2 a, .theArticles h3 a { text-decoration: none; color: #f15a31; }

.contentWrap h4, .theArticles h4 { margin: 0; padding: 0 10px 0 10px; font-size: 1.1em; line-height: 1.4em; font-weight: bold; color: #f15a31 }
.contentWrap h5, .theArticles h5 { margin: 0; padding: 0 10px 0 10px; font-size: 1.1em; line-height: 1.4em; }
.contentWrap h6, .theArticles h6 { margin: 0; padding: 0 10px 0 10px; font-size: 1.1em; line-height: 1.4em; font-weight: bold; }
.contentWrap p, .theArticles p  { margin: 0; padding: 0 10px 1em 10px; font-size: 1.1em; line-height: 1.4em; }
.contentWrap p strong, .theArticles p strong { }
.contentWrap a, .theArticles a { color: #8F8F91; text-decoration: underline; } /*#f15a31; }*/
.contentWrap a:hover, .theArticles a:hover { color: #8F8F91; }
.contentWrap ul, .content ol, .theArticles ul { margin-top: 0;  }
.contentWrap ul li, .contentWrap ol li, .theArticles ul li, .theArticles ol li { margin-top: 0; list-style-position: inside; padding: 0 20px 0 0px; font-size: 0.9em; line-height: 1.4em; color: #fff; }
.contentWrap ol li a, .theArticles ol li a { color: #8F8F91; }

.contentWrap h1.line, .theArticles h1.line { margin: 0 10px 0.6em 10px; padding: 0; border-top: 3px solid #fff; }


.content p.date { padding: 0 0 0 10px; font-size: 0.8em; color: #989898; }
.content p.moreLink { padding: 0 20px 10px 0; color: #989898; text-align: right; }
.content img.featImg { margin: 0 0 20px 10px; }

.redBox { margin: 0 0 10px 10px; padding: 10px 0 0 0; background-color: #b32317; }
.blueBox { margin: 0 0 10px 10px; padding: 10px 0 0 0; background-color: #0062a1; }

.redBox p, .blueBox p { color: #fff; }
.redBox p a, .redBox p a:hover, .blueBox p a, .blueBox p a:hover { color: #fff; }

/* */

.defaultTable { margin: 10px; padding: 10px 10px 10px 10px; }
.defaultTable table { padding: 0; margin: 0; border-collapse: collapse; }
.defaultTable table tr th { padding: 4px 15px 10px 0; margin: 5px; vertical-align: text-top; text-align: left; }
.defaultTable table tr td { padding: 3px 15px 3px 0; margin: 5px; vertical-align: text-top; }

/* */

.innerFooter { clear: both; height: 10px; font-size: 1px; overflow: hidden; width: 750px; }
.footerArea {
    margin: 0;
    padding: 0 10px;
    width: 1000px;
    clear: both;
    /*background: transparent url(../img/footer_bg.gif) no-repeat top left;*/
    }
.footerArea img {
    float: left;
    }
.footerArea p {
    margin: 0;
    padding: 15px 5px 1em 0;
    font-size: 0.9em;
    line-height: 1.3em;
    color: #939598;
    float: left;
    }
.footerArea p a { padding: 0 0 0 5px; color: #939598; text-decoration: none; }
.footerArea p a:hover { color: #939598; text-decoration: underline; }

.footerArea p em { text-decoration: underline; font-style: normal;  }
.footerArea p.right {
    margin: 0;
    padding: 15px 15px 1em 10px;
    font-size: 0.9em;
    line-height: 1.3em;
    color: #939598;
    float: right;
    }
.footerArea h4 {
    padding: 0;
    }
.footerArea h4.viewArticles a {
    margin: 0 7px 0 0;
    _margin: -7px 4px 0 0;
    padding: 0;
    width: 114px;
    height: 66px;
    float: right;
    display: block;
    text-indent: -700em;
    text-decoration: none;
    overflow: hidden;
    background: transparent url(../img/btn_view_the_articles.gif) no-repeat top left;
    }

h4.backToArticles {
    margin: 0;
    padding: 0;
}
h4.backToArticles a {

    margin: 0;
    padding: 0;

    width: 162px;
    height: 20px;
    overflow: hidden;

    display: block;
    text-indent: -700em;


    background: transparent url(../img/btn_back_articles.gif) no-repeat top left;

    position: relative;
    left: -10px;

}

/* Menu */

.mainMnu {
    margin: 0;
    padding: 0;
    width: 990px;
    height: 25px;
    clear: both;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    }
.mainMnu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    }
.mainMnu ul li {
    margin: 0;
    padding: 5px 0;
    font-size: 1.1em;
    float: left;
    color: #fff;
    }
.mainMnu ul li a {
    margin: 0;
    padding: 0 6px;
    color: #fff;
    text-decoration: none;
    }
.mainMnu ul li a:hover {
    background-position: bottom left;
    color: #F15A31;
    /*overflow: hidden;*/
    }
/*Hide from Mac IE\*/
.mainMnu ul li a {
    overflow: hidden;
    }
/*End hide*/

.mainMnu #mnuItem01 { padding: 0 6px 0 0 }
.mainMnu #mnuItem09 { margin: 0 0 0 360px; color: #6d6f71; }
.mainMnu .current, .mainMnu .current:hover { color: #f15a31; }

.textNav {
    margin: 0;
    padding: 0 0 25px 0;
    width: 150px;
    clear: both;
    }
.textNav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    }
.textNav ul li {
    margin: 0;
    padding: 0 0 0 0;
    font-size: 1.2em;
    line-height: 1.3em;
    color: #fff;
    }
.textNav ul li a {
    margin: 0;
    padding: 0 0;
    color: #fff;
    text-decoration: none;
    }
.textNav ul li a:hover {
    background-position: bottom left;
    /*overflow: hidden;*/
    }
/*Hide from Mac IE\*/
.textNav ul li a {
    overflow: hidden;
    }
/*End hide*/
.textNav .current {
    color: #8F8F91;
}


/* Page Layout Bg's / Column widths */

.whiteBox {
    clear: both;
    width: 402px;
    height: 36px;
    background-color: white;
}

/*.homePage .headerArea { background: transparent url(../img/header_top_home.gif) no-repeat top left; }*/
.homePage .headerArea h2 a { background: transparent url(../img/logo.gif) no-repeat top left; }
.homePage .headerArea h4 a { background: transparent url(../img/btn_enquiries.gif) no-repeat top left; }
.homePage .contentWrap { padding: 10px; }
.homePage .contentWrap .topSection h3 { margin: 0; padding: 4px 0 10px 0; color: #939598; }
.homePage .contentWrap p { padding-left: 0; }

.homePage .contentWrap .columnLeft { margin: 0; padding: 0 0 0 34px; width: 750px; float: left; }
.homePage .contentWrap .columnRight { margin: 0; padding: 0 0 0 15px; width: 130px; float: left; }

.homePage .contentWrap .innerColumnLeft { margin: 0; padding: 0 30px 0 0; width: 428px; float: left; }
.homePage .contentWrap .innerColumnRight { margin: 0; padding: 0; width: 280px; float: left; }

/*.homePage .footerArea { background: transparent url(../img/footer_bg_home.gif) no-repeat top left; }*/

.homePage .theArticles { margin: 0 0 0 0; padding: 20px 0 0 0; clear: both; }
.homePage .theArticles .columnLeft { margin: 0; padding: 0 0 0 0; width: 500px; float: left; }
.homePage .theArticles .columnLeft img { margin: 0; padding: 0 0 0 10px; }
.homePage .theArticles .columnCenter { margin: 0; padding: 0 0 0 0; width: 300px; float: left; }
.homePage .theArticles .columnRight { margin: 0; padding: 0 0 0 0; width: 200px; float: left; }

.contentPage2Col .pageWrap { }
.contentPage2Col .contentWrap { }
.contentPage2Col .contentWrap .columnLeft { margin: 0; padding: 10px 0 0 10px; width: 699px; float: left; }
.contentPage2Col .contentWrap .columnRight { margin: 0; padding: 150px 0 0 0; width: 290px; float: left; }
.contentPage2Col .contentWrap .topSection { margin: 0; padding: 10px 0 0 10px; width: 1000px; float: left; }

.contentPage2Col .contentWrap .columnLeft p { width: 290px; clear: right; float: right; padding: 0 10px 1em 0; }
.contentPage2Col .contentWrap .columnLeft img { float: left; }
.contentPage2Col .contentWrap .columnRight p { padding: 0 10px 1em 0; }
.contentPage2Col .contentWrap .columnLeft ol { padding: 0; width: 460px }
.contentPage2Col .contentWrap .columnLeft ol li { padding: 0 0 10px; }

.contentPage2Col .contentWrap h3 { font-size: 1.2em; color: #fff; }
.contentPage2Col .contentWrap .columnLeft h3 { width: 290px; clear: right; float: right; padding: 0 10px 1em 0; }
.contentPage2Col .contentWrap .columnRight h3 { padding: 10px 0 1em 0; }

.contentPage2Col .contentWrap .topSection { margin: 0; padding: 10px 0 0 10px; width: 1000px; float: left; background: transparent url(../img/hr_line.gif) no-repeat bottom center; }

.contentPage3Col .pageWrap { }
.contentPage3Col .contentWrap { }
.contentPage3Col .contentWrap .columnLeft { margin: 0; padding: 0 0 0 10px; width: 385px; float: left; }
.contentPage3Col .contentWrap .columnCenter { margin: 0; padding: 0 0 0 0; width: 305px; float: left; }
.contentPage3Col .contentWrap .columnRight { margin: 0; padding: 0 0 0 0; width: 290px; float: left; }

.contentPage3Col .contentWrap .topSection { margin: 0 0 20px 0; padding: 10px 0 0 10px; width: 1000px; float: left; background: transparent url(../img/hr_line.gif) no-repeat bottom center; }


.view360Page .pageWrap { }
.view360Page .contentWrap { }
.view360Page .contentWrap .columnLeft { margin: 0; padding: 0 0 0 10px; width: 385px; float: left; }
.view360Page .contentWrap .columnCenter { margin: 0; padding: 0 0 0 0; width: 305px; float: left; }
.view360Page .contentWrap .columnRight { margin: 0; padding: 0 0 0 0; width: 290px; float: left; }

.view360Page .contentWrap .topSection { margin: 0 0 20px 0; padding: 0 0 0 10px; width: 1000px; float: left; background: transparent url(../img/hr_line.gif) no-repeat bottom center; }

.view360Page .headerArea {
    margin: 0 auto;
    padding: 10px 0 10px 10px;
    width: 1010px;
    position: relative;
    }

html > .view360Page .headerArea {
    width: 1010px;
    }
.view360Page .flashWrap { background-color: #939598; width: 990px; margin: 0 0 0 10px; }

.penthousePage { background-color: #fff; }
.penthousePage .headerArea { background: transparent url(../img/header_top_penthouse.gif) no-repeat top left; }
.penthousePage .headerArea h2 a { background: transparent url(../img/logo_penthouse.gif) no-repeat top left; }
.penthousePage .headerArea h4 a { background: transparent url(../img/btn_enquiries_penthouse.gif) no-repeat top left; }
.penthousePage .pageWrap { }
.penthousePage .contentWrap { }
.penthousePage .contentWrap .columnLeft { margin: 0; padding: 0 0 0 10px; width: 385px; float: left; }
.penthousePage .contentWrap .columnCenter { margin: 0; padding: 0 0 0 0; width: 305px; float: left; }
.penthousePage .contentWrap .columnRight { margin: 0; padding: 0 0 0 0; width: 290px; float: left; }

.penthousePage .contentWrap .topSection { margin: 0 0 20px 0; padding: 10px 0 0 10px; width: 1000px; float: left; background: transparent url(../img/hr_line.gif) no-repeat bottom center; }
.penthousePage .footerArea { background: transparent url(../img/footer_bg_penthouse.gif) no-repeat top left; }

.penthousePage .contentWrap { color: #231f20; }
.penthousePage .contentWrap a, .penthousePage .contentWrap a:hover { color: #231f20; }

.penthousePage .mainMnu { border-top: 1px solid #918f8f; border-bottom: 1px solid #918f8f; }
.penthousePage .mainMnu ul li { color: #231f20; }
.penthousePage .mainMnu ul li a { color: #231f20; }
.penthousePage .mainMnu .current, .penthousePage .mainMnu .current:hover { color: #6d6f71; }

.teamPage .pageWrap { }
.teamPage .contentWrap { }
.teamPage .contentWrap .columnLeft { margin: 0; padding: 0 0 0 10px; width: 385px; float: left; }
.teamPage .contentWrap .columnRight { margin: 0; padding: 0 0 0 0; width: 615px; float: left; }

.teamPage .contentWrap .topSection { margin: 0 0 10px 0; padding: 10px 0 0 10px; width: 1000px; float: left; }

.teamPage .contentWrap .innerColumnLeft { margin: 0; padding: 10px 0 0 0; width: 305px; clear: both; float: left; border-top: 1px solid #fff; }
.teamPage .contentWrap .innerColumnRight { margin: 0; padding: 10px 0 0 0; width: 310px; float: left; border-top: 1px solid #fff; }
.teamPage .contentWrap .innerColumnLeft p { padding: 0 10px 1em 0; }
.teamPage .contentWrap a { color: #939598; }

.enquiriesPage .pageWrap { }
.enquiriesPage .contentWrap { }
.enquiriesPage .contentWrap .columnLeft { margin: 0; padding: 10px 0 0 0; width: 390px; float: left; }
.enquiriesPage .contentWrap .columnRight { margin: 0; padding: 10px 0 0 0; width: 390px; float: left; }

.enquiriesPage .contentWrap h3 { margin: 10px 0 10px 10px; padding: 0; width: 290px; color: #f15a31; border-bottom: 1px solid #f15a31; border-top: 1px solid #f15a31; }


.videoPlayer { padding: 0 0 10px 0; }

.topSection img { float: left; padding: 0 10px 0 0;  }

.greyText { color: #939598; }
a.orange { color: #f15a31; text-decoration: none; }
a.orange:hover { color: #f15a31; text-decoration: underline; }

p.imgSelector { padding: 10px 0 10px 0; font-size: 1em; width: 990px; clear: both; }
p.imgSelector a { text-decoration: none; color: #fff; margin: 0 5px 0 0; }
p.imgSelector a:hover { text-decoration: none; color: #f15a31; }
p.imgSelector .selected, p.imgSelector .activeSlide { color: #f15a31; }
.imgSelector li { list-style-type: none; float: left; }

.titleTheArticles {
    margin: 0;
    padding: 0;
    width: 999px;
    height: 48px;
    display: block;
    text-indent: -700em;
    text-decoration: none;
    overflow: hidden;
    background: transparent url(../img/title_articles.gif) no-repeat top left;
    }

/* */

.error {
    margin: 10px 0 0 10px;
    color: red;
}

.message {
    margin: 10px 0 0 10px;
    color: green;
}

#subscribe {
    margin: 0;
    padding: 0;
    float: right;
    display: block;
    width: 28px;
    height: 22px;
}

.unsubscribe {
    background: transparent url(../img/red_checkbox_unchecked.gif) no-repeat top left;
}

.subscribe {
    background: transparent url(../img/red_checkbox_checked.gif) no-repeat top left;
}





/* Forms */

form.standardForm {
	margin: 0;
	padding: 10px 0 0 0;
	font-size: 12px;
	position: relative;
	color: #939598;
	width: 600px;
	float: right;
	}
form.standardForm fieldset { padding: 0 0 0 0; border: 0; }
form.standardForm legend {
    margin: 0;
    padding: 0 0 5px 0;
    font-size: 12px;
    color: #1e1e1e;
    left: -1px;
    _left: -6px;
    position: relative;
    height: 18px;
    }
form.standardForm label { margin: 0; padding: 0 0 0 0; display: block; }
form.standardForm input.field { padding: 3px; border: 1px solid #fff; }
form.standardForm select { width: 320px; }
form.standardForm textarea {
	margin: 0 0 10px 0;
	width: 586px;
	height: 150px;
	border: 1px solid #fff;
	}
form.standardForm dl {
	margin: 0;
	padding: 0;
	width: 600px;
	display: block;
	clear: both;
	}
form.standardForm dt, form.standardForm dd {
	margin: 0 0 0 0;
	padding: 0px;
	float: left;
	display: inline;
	line-height: 20px;
	}
form.standardForm dt {
	width: 120px;
	padding: 0 10px 0 0;
	text-align: left;
	}
form.standardForm dd {
	}
form.standardForm dd.submit { padding: 0 0 20px 0; width: 200px; }
form.standardForm dd.submit button { margin: 10px 0; }

form.standardForm dd.submit button.submit {
    margin: 0;
    padding: 0;
    font-size: 12px;
    display: block;
    float: left;
    border: 0;
    color: #fff;
    background-color: #000;
    font-family: Arial, Helvetica, sans-serif;
    cursor: pointer;
    }
form.standardForm sup.req {
	vertical-align: baseline;
	font-size: 1.1em;
	color: #;
	}
form.standardForm span { padding: 3px 0 1em 0; line-height: 1.3em; font-size: 11px; display: block; }
form.standardForm h3 { margin: 0; padding: 0 0 0 1px; color: #1e1e1e; font-size: 13px; font-weight: bold; }

form.standardForm .hr { clear: both; margin: 0 0 10px 0; padding: 0; border-top: 1px solid #578cbb; border-bottom: 1px solid #fff; }
form.standardForm .hr hr { display: none; }

form.standardForm dt.blank { clear: both; }


dd.width01 { width: 590px; }
dd.width01 input.field { width: 580px; }

dd.width02 { width: 240px;}
dd.width02 input.field { width: 230px; }

dd.width03 { width: 350px; }
dd.width03 input.field { width: 340px; }

dd.width04 { width: 105px; }
dd.width04 input.field { width: 95px; }

dd.width05 { width: 135px; }
dd.width05 input.field { width: 125px; }

dd.width06 { width: 590px; }
dd.width06 label { margin: 0; padding: 0 0 0 0; display: inline; }

dd.redSection { margin: 5px 0 5px 0 !important; padding: 0 0 0 3px !important; width: 585px; background-color: #f15a31; color: #fff; }
dd.redSection input { float: right; }

dd.redSection div {float:left;}

.fauxSelectboxWrap { padding: 0 0 2px 0; }
.fauxSelectbox {}
.fauxSelectbox .topBar { margin: 7px 0 0 0; padding: 0 0 0 3px; width: 585px; color: #fff; background: #939598 url(../img/faux_selectbox_arrow.gif) no-repeat top right; }
.fauxSelectbox .dropDown { display: none; margin: 0 0 5px 0; padding: 0 0 0 3px; width: 585px; color: #fff; background-color: #6d6f71; }
.fauxSelectbox .dropDown em { font-style: normal; color: #000; }

.hiddenImg { display:none; }