/* CSS Document */

body {
	margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; /*background:url(../Images/080922-Capfalco-Website-ContactUs.gif) no-repeat scroll -101px -167px;*/
}

h1 {
	margin:0px 0px 7px 0px; padding:0px; font-size:28px; line-height:33px; font-family:Arial, Geneva, sans-serif; font-weight:100; color:#523f81; 
}

h2 {
	margin:0px 0px 7px 0px; padding:0px; font-size:18px; line-height:20px; color:#523f81; font-family:Arial, Geneva, sans-serif; font-weight:100;
}

h2.right {
	text-align:right;
}

h2 a {
	color:#523f81; text-decoration:underline; padding-right:6px;
}

h2 a:hover {
	color:#666666;
}

h3 {
	margin:0px; padding:0px; font-size:20px; line-height:20px;
}

h4 {
	margin:0px 0px 3px 0px;
	padding:0px;
	font-size:17px;
.font-size:20px; font-family:Helvetica, Geneva, Arial, sans-serif;
	font-weight:100;
	color:#523f81;
	float:right;
	display:block;
	width:100%;
	text-align: right;
}

h4.left {
	float:left;
	text-align: left;
}

h5 {
	margin:0px; padding:0px; font-size:16px; line-height:16px;
}

h6 {
	margin:0px; padding:0px; font-size:14px; line-height:14px;
}

p {
	margin:0px 10px 14px 10px; padding:0px; font-size:11px; line-height:14px; color:#666666;
}

a {
	margin:0px; padding:0px; text-decoration:none; color:#666666;
}

a:hover {
	color:#999999;
}

a img {
	border:0px;
}

input {
	margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
}

textarea {
	margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; overflow:auto;
}

select {
	margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
}

ul {
	display:block; color:#666666;
}

ul li {
}

ul.bullets {
	margin:2px 10px 15px 10px; padding:0px 0px 0px 0px; display:block; color:#666666;
}

ul.bullets li {
	margin:0px 0px 0px 0px; padding:1px 0px 0px 9px; list-style:inside !important; /*list-style:none; background:url(../Images/layout/bullet.gif) no-repeat 9px 3px;  */
}

div.clear {
	clear:both; height:0px; line-height:0pt; font-size:0px;
}

img.leftnav {
	position:absolute; top:86px; left:0px;
}

img.rightnav {
	position:absolute; top:86px; right:0px;
}

.container {
	margin:auto; width:999px; min-height:665px; height:auto !important; height:665px; position:relative; padding:158px 104px 0px 104px; background:url(../Images/layout/top-left-bg.gif) 0px -118px no-repeat;
}

.container .left-navigation {
	z-index: 30; width:196px; height:auto; position:absolute; top:0px; left:122px; padding:0px 0px 0px 0px; /*background:url(../Images/layout/left-nav-middle.gif) 0% 100% no-repeat; /*background:url(../Images/layout/left-nav-repeat.gif) 0% 100% repeat-y;*/
}

.container .left-navigation ul {
	margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; border-bottom:1px solid #bababa; display:block; width:144px; height:auto;
}

.container .left-navigation ul li {
	margin:0px 0px 0px 0px; padding:5px 8px 5px 8px; list-style:none; border-top:1px solid #bababa; display:block;
}

.container .left-navigation ul li#activities {
	padding:3px 2px 3px 19px; border-top:0px !important; margin:0px 0px 0px 0px;
}

.container .left-navigation ul li#map {
	padding:3px 2px 3px 19px; border-top:0px !important; margin:0px 0px 0px 0px;
}

.container .left-navigation ul li#sustainability {
	padding:5px 2px 5px 19px; border-top:0px !important; margin:0px 0px 0px 0px;
}

.container .left-navigation ul li#fullspec {
	padding:5px 2px 5px 19px; border-top:0px !important; margin:0px 0px 0px 0px;
}

.container .left-navigation ul li#options {
	padding:5px 2px 5px 19px; border-top:0px !important; margin:0px 0px 0px 0px;
}

.container .left-navigation ul li#concepta {
	padding:3px 2px 3px 19px; border-top:0px !important; margin:0px 0px 0px 0px;
}

.container .left-navigation ul li#conceptb {
	padding:3px 2px 3px 19px; border-top:0px !important; margin:0px 0px 0px 0px;
}

.container .left-navigation ul li#residence {
	padding:5px 2px 5px 19px; border-top:0px !important; margin:0px 0px 0px 0px;
}

.container .left-navigation-middle {
	width:180px; height:auto; padding:0px 8px 34px 8px; 
}

.container .left-navigation-middle .bg {
	width:144px; min-height:350px; height:auto !important; height:350px; padding:20px 18px 20px 18px; background-color:#FFFFFF; position:relative;
}

.container .left-navigation-middle .bg a.purchase {
	position:absolute; bottom:174px; left:0px;
}

.container .left-navigation-middle .bg a.sign-up {
	position:absolute; bottom:66px; left:0px;
}

.container .left-navigation-footer {
	width:196px; height:auto; padding:158px 0px 0px 0px; /*background:url(../Images/layout/left-nav-top.gif) 100% 0% no-repeat;*/ position:relative;
}

.container .left-navigation a.logo {
	position:absolute; top:11px; left:15px;
}

.container .main-content {
	margin:auto; width:999px; min-height:720px; height:auto !important; height:720px;
}

.container .main-content .image-banner {
	margin:auto; width:944px; height:auto; padding:0px 0px 0px 0px;
}

.container .main-content .inner-content {
	margin:auto; width:689px; height:auto; padding:24px 55px 30px 255px;
}

.container .main-content .inner-content .contact-info {
	float: left; width: 689px/*295px*/; height: auto;
}

.container .main-content .inner-content .contact-info img {
	margin-bottom:10px;
}

.container .main-content .inner-content .contact-info#first {
	margin-right: 55px;
}

.container .footer {
	margin:auto; width:999px; min-height:50px; height:auto !important; height:50px; position:relative;
}

.container .footer a.greenside-link {
	position:absolute; top:-6px; right:0px; border:0px !important;
}

.container .footer-links {
	float:left; width:569px; height:auto; padding-left:13px;
}

.container .footer-links p {
	font-size:10px; padding:9px 12px 9px 12px; color:#666666; margin:0px;
}

.container .footer-links p a {
	font-size:10px; padding:0px 0px 0px 0px; color:#666666; border:0px;
}

.container .footer-links a {
	font-size:10px; padding:0px 12px 0px 12px; border-right:1px solid #666666; color:#666666;
}

.container .footer-links a.last-link {
	border-right:0px !important;
}

.container .footer-links a:hover {
	color:#999999;
}

.container .footer-links .country-links {
	float:left; width:110px; height:auto;
}

.container .footer-links .country-links a {
	padding:0px 0px 0px 0px; border-right:0px !important;
}

.container .footer-links .country-links a img {
	padding:0px 6px 0px 6px; border-right:1px solid #666666; color:#666666;
}

.container .footer-links .country-links a.last {
	padding:0px 0px 0px 0px; border-right:0px !important;
}

.container .footer-links .country-links a.last img {
	padding:0px 0px 0px 6px; border-right:0px !important; color:#666666;
}

/* Sustainability 29/10/2008 */

.cloud {
	background: url(../Images/sustainability/cloud-bg.gif) #ffffff no-repeat 0% 0%; height: auto; width: 744px; padding-left: 255px; padding-top: 135px;
}

.cloud .col {
	width: 230px; height: auto; float: left; display: block;
}

.cloud .col div {
	cursor: pointer;
}

.cloud .col #tt1 {
	width: 210px; height: 142px; padding: 10px 0px; cursor: auto;
}

.cloud .col #tt7 {
	width: 210px; height: 97px; background: #ffffff; padding: 53px 10px 0px; cursor: auto;
}

.cloud .col #tt9 {
	width: 210px; height: 171px; background: #ffffff; padding: 21px 10px 0px; cursor: auto;
}

.tooltip-outer {
	width: 262px; height: auto; border-right: 8px solid #523f81; border-bottom: 8px solid #523f81; background: url(../Images/sustainability/tooltip-top.gif) no-repeat; padding: 28px 0px 0px;
}

.tooltip-outer .tooltip-inner {
	border-left: 8px solid #523f81; background: #ffffff; width: 234px; padding: 17px 10px 17px;
}

/* CSS to go with Prototip.Styles */
.prototip {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
}

/* the default style */
.prototip .default {
	width: 250px;
	color: #000000;
}
.prototip .default .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .default .title { padding: 5px; }
.prototip .default .content {
	padding: 0px;
}

/* basic */
.prototip .basic {
	width: 250px;
	color: #808080;
}
.prototip .basic .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .basic .title { padding: 5px; }
.prototip .basic .content {
	padding: 5px;
	background: #fff;
}

/* basic */
.prototip .hint {
	width: 250px;
	color: #313120;
	background: #fff6aa;
}
.prototip .hint .toolbar {
	background: #fdf1a0;
	font-weight: bold;
}
.prototip .hint .title,
.prototip .hint .content { padding: 5px; }

/* protoblue */
.prototip .protoblue {
	width: 250px;
	color: #fff;
}
.prototip .protoblue .toolbar {
	background: #0d7cd0;
	font-weight: bold;
}
.prototip .protoblue .title { padding: 5px; }
.prototip .protoblue .content {
	background: #1e90ff;
	padding: 5px;
}

/* creamy */
.prototip .creamy {
	width: 250px;
	color: #bb9c61;
}
.prototip .creamy .toolbar {
	background: #f3edc2;
	font-weight: bold;
}
.prototip .creamy .title { padding: 5px; }
.prototip .creamy .content {
	background: #f8f4ca;
	padding: 5px;
}

/* darkgrey */
.prototip .darkgrey {
	width: 250px;
	color: #fff;
}
.prototip .darkgrey .toolbar {
	background: #5f5f5f;
	font-weight: bold;
}
.prototip .darkgrey .title { padding: 5px; }
.prototip .darkgrey .content {
	background: #808080;
	padding: 5px;
}

/* protogrey */
.prototip .protogrey {
	width: 250px;
	color: #fff;
	background: #fff;
}
.prototip .protogrey .toolbar {
	background: #969c92;
	font-weight: bold;
}
.prototip .protogrey .title { padding: 5px; }
.prototip .protogrey .content {
	color: #808080;
	padding: 5px;
}
/* This is how to resize the close button for a style */
.prototip .protogrey .toolbar .close {
	width: 14px;
	height: 14px;
}


/* loader gif */
.prototipLoader {
	position: absolute;
	top: -1000px;
	left: -1000px;
	height: 14px;
	width: 14px;
	border: 1px solid #dddddd;
	overflow: hidden;
}


/* Required for all tooltips, do not modify */
.prototip{position:absolute;overflow:hidden;}.prototip .tooltip,.prototip .toolbar,.prototip .toolbar .title{position:relative;}.prototip .content{clear:both;}.prototip .toolbar .close{position:relative;text-decoration:none;float:right;width:19px;height:15px;display:block;line-height:0;font-size:0;border:0;cursor:pointer;}.prototip .tooltip{clear:both;float:left;}.prototip .borderLeftWrapper,.prototip .borderRightWrapper{position:absolute;top:0;left:0;width:300px;height:20px;}.prototip .borderFrame{height:100%;width:100%;float:left;margin:0;padding:0;position:relative;}.prototip .borderTop,.prototip .borderBottom{overflow:hidden;}.prototip .borderRow{list-style-type:none;float:left;width:100%;position:relative;clear:both;margin:0;padding:0;}.prototip_CornerWrapper{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;clear:both;}.prototip_Corner{float:left;position:relative;}.prototip canvas{position:relative;float:left;}.prototip_CornerTr,.prototip_CornerBr{float:right;}.prototip_BetweenCorners{position:absolute;top:0;left:0;width:100%;overflow:hidden;clear:both;}.prototip .borderMiddle{position:relative;float:left;}.prototip .borderCenter{position:relative;float:left;height:100%;}.prototip_StemWrapper{position:relative;width:100%;height:auto;clear:both;}.prototip_StemBox{float:left;position:relative;}.prototip_Stem{width:100%;position:absolute;overflow:hidden;}.iframeShim{position:absolute;border:0;margin:0;padding:0;background:none;overflow:hidden;}.prototip .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.prototip .clearfix{display:inline-block;}/* IE Mac Hide \*/ .prototip .clearfix{display:block;}/* IE Mac Hide End */

/* Sustainability 29/10/2008 */

/* Meet the team 30/10/2008 */

.team {
	float: left; width: 170px; height: 261px; background: #3d3354; margin: 0px 0px 12px 2px;
}

.team#last {
	margin-right: 0px;
}

.team .text {
	padding: 17px 11px 0px 11px;
}

.team .text p {
	padding: 0px; margin: 0px; color: #ffffff;
}

.team .text p.strong {
	font-weight: bold;
}

/* Meet the team 30/10/2008 */

/* Options 30/10/2009 */

.imageMenu {
	position: relative;
	width: 689px;
	height: 145px;
	overflow: hidden;
}

.imageMenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: block;
	height: 136px;
	width: 1000px;
}

.imageMenu ul li {
	float: left;
}

.imageMenu ul li.half a {
	/*text-indent: -1000px;*/
	background:#FFFFFF none repeat scroll 0%;
	border-right: 10px solid #fff;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:344px;
	height: 136px;
	position:relative;
}

.imageMenu ul li.third a {
	/*text-indent: -1000px;*/
	background:#FFFFFF none repeat scroll 0%;
	border-right: 10px solid #fff;
	cursor: auto;
	display:block;
	overflow:hidden;
	width:229px;
	height: 136px;
	position:relative;
}

.imageMenu ul li.fourth a {
	/*text-indent: -1000px;*/
	background:#FFFFFF none repeat scroll 0%;
	border-right: 10px solid #fff;
	cursor: auto;
	display:block;
	overflow:hidden;
	width:172px;
	height: 136px;
	position:relative;
}

.imageMenu ul li.fifth a {
	/*text-indent: -1000px;*/
	background:#FFFFFF none repeat scroll 0%;
	border-right: 10px solid #fff;
	cursor:pointer !important;
	display:block;
	overflow:hidden;
	width:137px;
	height: 136px;
	position:relative;
}

.imageMenu ul li.fiftha a {
	/*text-indent: -1000px;*/
	background:#FFFFFF none repeat scroll 0%;
	border-right: 10px solid #fff;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:137px;
	height: 136px;
	position:relative;
}

.imageMenu ul li.sixth a {
	/*text-indent: -1000px;*/
	background:#FFFFFF none repeat scroll 0%;
	border-right: 10px solid #fff;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:114px;
	height: 136px;
	position:relative;
}

.imageMenu ul li.fifth a span {
	cursor:default !important;
}

.imageMenu ul li a span {
	position: absolute; bottom: 20px; left: 0px; color: #ffffff; font-size: 20px; width: 500px; height: auto; display:block; background-color:#999999; display:block; height:auto; padding:6px; line-height:22px;
}

.img-panel {
	float: right; width: 250px; background: #3d3354; margin-left:20px; margin-bottom:20px;
}

.img-panel p {
	color: #ffffff; margin: 0px; padding: 16px 10px 16px 10px;
}

.grey-box {
	padding: 10px; background: #ededed; display: block; margin-bottom: 10px; color: #666666; width: 669px;
}

img.image-float-right {
	float:right; margin:0px 0px 20px 20px;
}

img.image-float-left {
	float:left; margin:0px 20px 20px 0px; border:1px solid #cccccc;
}

.residences-button-groups {
	float:left; padding:5px 24px 18px 24px; width:305px; height:auto;
}

.residences-button-groups a:hover img {
	filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;
}

.residences-button-groups a.first img {
	margin-bottom:10px;
}

.contractors#team {
	width:734px; height:auto;
}

.contractors#team .contractor-row {
	width:734px; height:auto;
}

.contractors#team .contractor-row .left-col {
	width:224px; height:auto; float:left; padding-bottom:15px; padding-left:10px; text-align:right;
}

.contractors#team .contractor-row .left-col p {
	font-weight:bold;
}

.contractors#team .contractor-row .left-col#no-bold {
	width:304px; padding-left:0px;
}

.contractors#team .contractor-row .left-col#no-bold p {
	font-weight:100;
}

.contractors#team .contractor-row .right-col {
	width:500px; height:auto; float:left; padding-bottom:15px;
}

.contractors#team .contractor-row .right-col p a {
	text-decoration:underline;
}

.contractors#team .contractor-row .right-col p a:hover {
	text-decoration:none;
}

.contractors#team .contractor-row .right-col#no-bold-right {
	width:430px !important;
}

a.iframe {
	/*position:absolute; bottom:-58px; left:18px;*/
}

a.request {
	/*position:absolute; bottom:-211px; left:18px;*/
}

/*a.iframe:hover,
a.request:hover {
	filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;
}
 
 Options 30/10/2008 */

.res400 {
	float: left; width: 343px; height: 146px; position: relative; margin: 0px 0px 14px 0px; display:block;
}

.res300 {
	float: right; width: 343px; height: 146px; position: relative; margin: 0px 0px 14px 0px; display:block;
}

#res400txt,
#res300txt {
	position: absolute; left: 0px; bottom: 0px; width: 343px; height: 120px; display: none;
}

#res400txt .overlay,
#res300txt .overlay {
	position: absolute; left: 0px; bottom: 0px; width: 343px; height: 120px; background: #ffffff; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;
}

#res400txt .content,
#res300txt .content {
	position: absolute; left: 0px; bottom: 0px; width: 343px; height: 110px; z-index: 100; padding: 10px 0px 0px 0px;
}

#res400txt .content a.bottom,
#res300txt .content a.bottom {
	float: right; font-weight: bold; color: #523F81; margin: 0px 10px 0px 10px;
}


#res400txt .content p a,
#res300txt .content p a {
	 
}