/****CSS Document****/
/****************************************************************************************************************
    Authors: Ayush Karki, Daniella Sternalski, Paul Feakins
    Website: Beaufort Park
	
	$Id: beaufortpark.css 5809 2008-12-16 09:28:31Z dsternalski $
	$LastChangedDate: 2008-12-16 09:28:31 +0000 (Tue, 16 Dec 2008) $
	$LastChangedRevision: 5809 $
	$LastChangedBy: dsternalski $
	$HeadURL: http://bgdevweb02.berkeleygroup.co.uk:8080/svn/wwwbeaufortparkcouk/trunk/css/beaufortpark.css $
****************************************************************************************************************/
body {
	margin:0px;
	padding:0px;
	background:url(../images/body_background.gif) repeat-x;
	font-family:"Tahoma", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#8e8e8e;
}
img {border:none;}
.container {margin:0px auto; padding:0; width:890px;}
.wrapper {
	float:left;
	padding:0;
	margin:0;
	width:865px;
	border-color:#ffffff;
	border-style:solid;
	border-width:0px 10px;
}
.paragraph-text img.noPadding, img.noPadding{padding:0;}
/*********************
	Footer
**********************/	
.footer-left{
	float:left;
	width:645px;
	height:117px;
	background:#4d6798;
	color:#ffffff;
	padding:10px;
}
.footer-right{
	float:left;
	height:117px;
	background:#4d6798;
	color:#ffffff;
	width:190px;
	padding:10px 10px 10px 0px;
}
/*************
    Header
*************/
.header {
	float:left;
	width:865px;
	height:117px;
	background:url(../images/top_header_bg.gif) repeat-x;
}
.header-left {float:left; width:645px; height:117px;}
.header-left img {float:left; padding:30px 0px 0px 20px;}
.header-right {
	float:left;
	width:220px;
	height:117px;
	font-style:italic;
	color:#ffffff;
}
.header-right #top {float:left; width:220px; height:25px;}
.header-right #top p.welcome {
	margin:0px;
	padding:0px 0px 0px 10px;
	font-size:22px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.header-right #bottom {float:left; width:220px; height:91px;}
.header-right #bottom p {
	float:left;
	margin:0px;
	padding:0px 0px 0px 118px;
	font-size:11px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
/*****************
    Navigation
*****************/
.navigation-menu {
	float:left;
	background:url(../images/navigation_bg.gif) repeat-x;
	height:37px;
	width:865px;
}
/*********************
    Photos Section
*********************/
.photos-section {float:left; width:865px;}
.photos-section1 {float:left; width:555px;}
/****************
    First Row
****************/
.photos-section-first-row {float:left; width:865px;}
.photos-section-first-row .left {
	float:left;
	width:650px;
	background:url(../images/pictures-section-top.gif) 0% 25% no-repeat #496595;
	height:20px;
	border-color:#ffffff;
	border-style:solid;
	border-width:1px 1px 1px 0px;
}
.photos-section-first-row .left p {
	margin:0px;
	padding:3px 0 0 30px;
	font-size:11px;
	color:#ffffff;
}
.photos-section-first-row .left p .newsText {
	float:left;
	width:600px;
	white-space:nowrap;
	overflow:hidden;
}
.photos-section-first-row .left p a {color:#ffffff; text-decoration:none;}
.photos-section-first-row .left p a:hover {text-decoration:underline;}
.photos-section-first-row .right {
	float:left;
	width:214px;
	background:#1c3e7b;
	height:20px;
	border-color:#ffffff;
	border-style:solid;
	border-width:1px 0px;
}
.photos-section-first-row .right p {
	margin:0px;
	padding:3px 0px 0px 10px;
	font-size:11px;
	color:#ffffff;
	font-weight:bold;
}
/*****************
    Second Row
*****************/
.photos-section-second-row {float:left; width:865px; border-bottom:1px solid #fff;}
.header-image {
	position:relative;
	float:left;
	width:216px;
	height:216px;
	border-right:1px solid #fff;
}
.header-image.col-4 {width:214px; border-right: none;}
.header-image .top-text {color:#ffffff; font-size:11px;}
.header-image .top-text p {margin:0px; padding:18px 15px 0px 15px;}
.header-image .bottom-text {position:absolute; bottom:10px;}

/************************
    Red Metadata Class
************************/
.photos-section-second-row .red p.title {color:#cc0000;}
.photos-section-second-row .red p.read-more {background-color:#cc0000;}

/************
    Title
************/
.bottom-text p.title {
	float:left;
	font-size:22px;
	line-height:22px;
	font-style:italic;
	margin:5px 0px 0px 0px;
	padding:5px 15px 5px 15px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#1c3e7b;
	background:#ffffff;
}
.bottom-text.inverted p.title {color:#ffffff; background:transparent;}
/****************
    Read More
****************/
.bottom-text p.read-more {
	/*float:left;*/ /* This was commented out as this made the blue read more button in the header images push more to the right. */
	clear:left;
	background:#1c3e7b;
	color:#ffffff;
	margin: 0 0 0 17px;
	padding:2px 0;
	font-size:10px;
	width:100px;
}
.column-style-five .bottom-text {position:relative; bottom:10px;}/* This was added so the if there is a tour name that is on two lines, the blue tour buttom doesnt fall below the picture. */
.column-style-five .bottom-text p.read-more {width:120px;}
.bottom-text p.read-more a {color:#fff; text-decoration:none;}
.bottom-text p.read-more a:hover {text-decoration:underline;}
.bottom-text.inverted p.read-more {background:#fff; color:#1c3e7b;}
.bottom-text.inverted p.read-more a {color:#1c3e7b; text-decoration:none;}
.bottom-text.inverted p.read-more a:hover {text-decoration:underline;}
/**************************
    Virtual Tour Thumbs
**************************/
.column-style-five {
	float:left;
	width:182px;
	height:69px;
	border-color:#ffffff;
	border-style:solid;
	border-width:0px 1px 0px 0px;
	padding-top:75px;
}
/************************************
    width1 and elements inside it
************************************/
.main-textarea .width1 {width:320px; overflow:hidden;}
.main-textarea .width1 p {width:200px;}
.main-textarea .width1 .top-title p {width:320px;}
.main-textarea .width1 .paragraph-text p {padding-top:15px;}
.main-textarea .width1 .paragraph-text p.header-text {
	color:#1C3E7B;
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	margin:0px;
	padding:20px 0px 0px 13px;
}
.main-textarea .width1 .paragraph-text p a {text-decoration:none; color:#1C3E7B;}
.main-textarea .width1 .paragraph-text p a:hover {text-decoration:underline; color:#1C3E7B;}
/*********************************
   Development Site Plan Key 
*********************************/
.main-textarea .width1 .developmentkey .header-text {padding-bottom:7px;}
.main-textarea .width1 .developmentkey  p.key img.reddot {margin-left:5px;}
.main-textarea .width1 .developmentkey  p.key span.keytext1 {position:absolute; margin-top:8px; margin-left:3px;}
.main-textarea .width1 .developmentkey  p.key img.bluedot {position:absolute; margin-left:53px;}
.main-textarea .width1 .developmentkey  p.key span.keytext2 {position:absolute; margin-top:8px; margin-left:85px;}
/*********************************
End of Development Site Plan Key 
*********************************/
.main-textarea .width1 ul {padding-left:13px;}
/*.main-textarea .width1 ul li {width:300px;}*/
.main-textarea .width1 a {color:#8e8e8e;}
.main-textarea .width1 .paragraph-text .more-information p {float:left; margin:0px; padding:7px 0px 0px 12px;}
.main-textarea .width1 .paragraph-text .more-information p a {text-decoration:none; color:#8E8E8E;}
.main-textarea .width1 .paragraph-text .more-information p a:hover {text-decoration:underline; color:#8E8E8E;}
.main-textarea .width1 .paragraph-text .more-information img {padding:2px 2px 0px 0px;}
.paragraph-text ul {
	line-height:18px;
	list-style:inside;
	margin:0 0 0 10px;
	padding:5px 0 0 0;
	float:left;
}
/************************************
    width2 and elements inside it
************************************/
.main-textarea .width2 {width:638px; margin:0 0 0 -100px; padding:73px 0px 0px 0px;}
/************************************
    width3 and elements inside it
************************************/
.main-textarea .width3 {width:655px;}/*The width used to be 660px. I have taken out _640px to clean up the code*/
.main-textarea .width3 img {float:left; margin:0px; padding:20px 0px 0px 0px;}
/************************************
    width4 and elements inside it
************************************/
.main-textarea .width4 {width:200px;}
.main-textarea .width4 a {color:#8e8e8e;}
.main-textarea .width4 p.header-text {
	color:#1C3E7B;
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	padding:33px 0px 0px 13px;/*35px 0px 0px 13px*/
}
.main-textarea .width4 ul {padding:20px 0px 0px 13px;}
/***********************
    More Information
***********************/
.more-information {
	float:left;
	width:200px;
	background:url(../images/right_column_bg.gif) no-repeat;
	padding-top:15px;
}
.more-information p {
	float:left;
	width:170px;
	margin:0px;
	padding:7px 0px 0px 12px;
}
.main-textarea .more-information img {padding:2px 2px 0px 0px;}
/************************************
    width5 and elements inside it
************************************/
.main-textarea .width5 {width:320px;}
.main-textarea .width5 .top-title p, .main-textarea .width5 .paragraph-text p {width:250px;}
/************************************
    width6 and elements inside it
************************************/
.main-textarea .width6 {width:275px;}
.main-textarea .width6 .top-title p, .main-textarea .width6 .paragraph-text p {width:275px;}
/************************************
    width7 and elements inside it
************************************/
.main-textarea .width7 {width:250px;}
.main-textarea .width7 .top-title p, .main-textarea .width7 .paragraph-text p {width:250px;}
/************************************
    width8 and elements inside it
************************************/
.main-textarea .width8 {width:835px; /* used to be 860px - had to change as IE6 was breaking with 860 */}
.main-textarea .width8 .top-title p, .main-textarea .width8 .paragraph-text p {width:835px;}
.main-textarea .width8 .footnote {float:left; padding:10px 0px 0px 10px;}
.main-textarea .width8 .footnote p {margin:0px; padding:0px; width:835px;}
.footnote p span {color:#3d8074;}
.main-textarea .width8 ul,
.main-textarea .width8 ol {
	float:left;
	margin:0px;
	padding:20px 0px 0px 25px;
	font-size:11px;
	color:#8e8e8e;
	width:835px;
}
/*****************
    width5,6,7
*****************/
.main-textarea .width5 ul,
.main-textarea .width6 ul,
.main-textarea .width7 ul,
.main-textarea .width5 ol,
.main-textarea .width6 ol,
.main-textarea .width7 ol {
	float:left;
	margin:0px;
	padding:20px 0px 0px 25px;
	font-size:11px;
	color:#8e8e8e;
}
/************************************
    width9 and elements inside it
************************************/
.main-textarea .width9 {width:250px;}
.main-textarea .width9 .paragraph-text p {float:left; width:230px; padding-top:15px;}
.main-textarea .width9 .paragraph-text p.header-text {
	color:#1C3E7B;
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	margin:0px;
	padding:20px 0px 0px 13px;
}
.main-textarea .width9 ul {padding-left:13px;}
.main-textarea .width9 ul li {width:210px;}
.main-textarea .width9 a {color:#8e8e8e;}
.main-textarea .width9 .paragraph-text .more-information p {float:left; margin:0px; padding:7px 0px 0px 12px;}
.main-textarea .width9 .paragraph-text .more-information img {padding:2px 2px 0px 0px;}
/*************************************
    width10 and elements inside it
*************************************/
.main-textarea .width10 {width:550px; padding:73px 0px 0px 0px; float:right;}
/*************************************
    width11 and elements inside it
*************************************/
.main-textarea .width11 {width:860px;}
.main-textarea .width11 .top-title p.main {width:820px;}
.main-textarea .width11 .paragraph-text p.header-text {
	color:#1C3E7B;
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	margin:0;
	padding:20px 0 0 13px;
	width:400px;
}
.main-textarea .width11 ul {padding-left:13px;}
.main-textarea .width11 ul li {width:140px;}
.main-textarea .width11 a {color:#8e8e8e;}
.main-textarea .width11 .content1 {float:left; width:150px;}
.main-textarea .width11 .content1 p, .main-textarea .width11 .paragraph-text .content1 p {float:left; width:150px;}
.main-textarea .width11 .content2 {float:left; width:345px;}
.main-textarea .width11 .content2 a {color:#1C3E7B;}
.main-textarea .width11 .content2 p.header-text ,.main-textarea .width11 .paragraph-text .content2 p.header-text {margin-bottom:10px; width:345px;}
.main-textarea .width11 .content3 {float:left; width:320px;}
.main-textarea .width11 .content3 p,.main-textarea .width11 .paragraph-text .content3 p {float:left; width:170px;}
.main-textarea .width11 .content3 a {color:#1C3E7B;}
.main-textarea .width11 .content3 img {padding:0; margin:0; float:left;}
/*************************************
    width12 and elements inside it
*************************************/
.main-textarea .width12 {width:275px;}
/*************************************
    width13 and elements inside it
*************************************/
.main-textarea .width13 {width:275px; margin-left:15px;}
/*************************************
    width14 and elements inside it
*************************************/
.main-textarea .width14 {width:275px; margin-left:15px;}
/********************
    width12,13,14
********************/
.main-textarea .width12 p,
.main-textarea .width13 p,
.main-textarea .width14 p {
	width:260px;
	margin:0px;
	padding:10px 0px 0px 10px;
	color:#8E8E8E;
	float:left;
	font-size:11px;
}
.main-textarea .width12 img, .main-textarea .width13 img, .main-textarea .width14 img {float:left; padding:20px 0px 0px 10px;}
/********************
    width15,16,17
********************/
.main-textarea .width15 {width:375px;}
.main-textarea .width16 {width:280px;}
.main-textarea .width15 img, .main-textarea .width16 img {float:left; padding:20px 0px 0px 10px;}
.main-textarea .width15 p,
.main-textarea .width16 p {
	margin:0px;
	padding:10px 0px 0px 10px;
	color:#8E8E8E;
	float:left;
	font-size:11px;
}
.main-textarea .width15 p {width:350px;}
.main-textarea .width16 p {width:255px;}
.main-textarea .width17 {width:870px;}
.main-textarea .width17 .top-title p.main {width:860px;}
.main-textarea .width17 .content1 {float:left; width:140px; padding-top:5px;}
.main-textarea .width17 .content1 p {float:left; width:120px;}
.main-textarea .width17 .content1 img {padding:10px 0px 0px 3px;}
.main-textarea .width17 .content2 {float:left; width:440px; padding-top:5px;}
.main-textarea .width17 .content2 p {float:left; width:400px;}
.main-textarea .width17 .content3 {float:left; width:280px; padding-top:5px;}
.main-textarea .width17 .content3 img, .main-textarea .width17 .content3 #googlemap_holder {padding:30px 0px 0px 3px; float:right;}
.main-textarea .width18 {width:480px;}
.main-textarea .width18 .paragraph-text p {width:430px; padding-top:15px;}
.main-textarea .width19 {width:380px;}
.main-textarea .width19 .top-title p {width:350px;}
.main-textarea .width19-left {float:left; width:200px;}
.main-textarea .width19-left p {float:left; width:180px; padding:15px 0px 0px 10px;}
.main-textarea .width19-right {float:left; width:180px;}
.main-textarea .width19-right p {float:left; width:160px; padding:15px 0px 0px 10px;}
.main-textarea .width20 {width:860px;}
.main-textarea .width20 .top-title p {width:830px;}
.main-textarea .width20 p {
	margin:0px;
	padding:10px 0px 0px 10px;
	color:#8E8E8E;
	float:left;
	font-size:11px;
}
.column-style-five .bottom-text {float:left; width:182px; height:70px;}
.column-style-five .bottom-text p.title {font-style:normal;}
/*******************************
    Specification Title Text
*******************************/
.bottom-text p.title-specification {
	float:left;
	font-size:22px;
	line-height:22px;
	font-style:italic;
	margin:0px 0px 0px 0px;
	padding:5px 15px 5px 15px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.bottom-text p.title-specification {color:#1c3e7b; background:#ffffff;}
#height-one, #height-two, #height-three, #height-four {height:120px;}
.column-style .top-text, .column-style-inverted .top-text {height:145px;}
.column-style .bottom-text p.title, .column-style-inverted .bottom-text p.title, .column-style-five .bottom-text p.title {color:#1c3e7b; background:#ffffff;}
/****************
    Third Row
****************/
.photos-section-third-row a {color:#ffffff; text-decoration:none;}
.photos-section-third-row a:hover {color:#ffffff; text-decoration:underline;}
.photos-section-third-row .left {
	float:left;
	width:650px;
	background:#496595;
	height:20px;
	border-color:#ffffff;
	border-style:solid;
	border-width:0px 1px 1px 0px;
}
.photos-section-third-row .left p {
	margin:0px;
	padding:3px 0px 0px 15px;
	font-size:11px;
	color:#ffffff;
}
.photos-section-third-row .right {
	float:left;
	width:214px;
	background:#1c3e7b;
	height:20px;
}
.photos-section-third-row .right p {
	margin:0px;
	padding:3px 0px 0px 10px;
	font-size:11px;
	color:#ffffff;
	font-weight:bold;
}
/*********************
    Main Text Area
*********************/
/*For IE6*/
.main-textarea {
	float:left;
	position:relative;
	width:860px;
	margin:0;
	padding:0 0 35px 0;
	background:url(../images/home_main_content_bg.gif) no-repeat center top;
}
/*For all modern browsers
html>body .main-textarea {min-height:120px; height:auto;}*/
#background-none {background:none;}
#background, #background1, #background2 {margin:0; padding:0; background:url(../images/home_main_content_bg1.jpg) no-repeat center top;}
#background4 {background:url(../images/home_main_content_bg2.jpg) no-repeat center top;}
#background5 {background:url(../images/main_content_bg3.jpg) no-repeat center top;}
.bg_underline {background:url(../images/main_content_column_bg.jpg) no-repeat left top;}
.bg_underline1 {background:url(../images/main_content_column_bg1.jpg) no-repeat left top;}
.bg_underline2 {background:url(../images/main_content_column_bg2.jpg) no-repeat left top;}
.bg_underline3 {background:url(../images/main_content_column_bg3.jpg) no-repeat left top;}
/************
    area1
************/
.main-textarea .area1 {float:left; width:300px;}
.main-textarea .area1 .top-title {height:65px;}
.main-textarea .area1 .paragraph-text {float:left; width:280px;}
/************
    area2
************/
.main-textarea .area2 {float:left; width:198px; padding-left:10px;}
.main-textarea .area2 .top-title {float:left; width:200px; height:65px;}
.main-textarea .area2 .paragraph-text {width:200px; height:320px; float:left;}
/************
    area3
************/
/*For IE6*/
.main-textarea .area3 {float:left; width:190px; padding-left:10px;}
/*For all modern browsers*/
html>body .main-textarea .area3 {padding-left:20px;}
.main-textarea .area3 .top-title {float:left; width:190px; height:65px;}
.main-textarea .area3 .paragraph-text {float:left; width:190px; /*height:275px;*/}
/************
    area4
************/
.main-textarea .area4 {float:left; width:90px; padding-left:20px;}
.main-textarea .area4 .top-title {float:left; width:90px; height:65px;}
.main-textarea .area4 .paragraph-text {float:left; width:90px; height:255px;}
/**************
    columns
**************/
.column-one {
	padding:0;
	margin:0;
	float:left;
	width:313px;
}
.column-two, .column-three, .column-four {float:left; width:180px;}
.ipix-column-one {float:left; width:400px;}
.ipix-column-two {float:right; width:450px;}
/******************************
    A tags in main-textarea
******************************/
.main-textarea a {color:#1c3e7b; text-decoration:none;}
.main-textarea a:hover {text-decoration:underline;}
/****************
    Top Title
****************/
.top-title p.main {
	font-size:22px;
	color:#1c3e7b;
	margin:0px;
	padding:30px 0px 0px 10px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.top-title p.main1 {
	float:left;
	width:860px;
	font-size:22px;
	color:#1c3e7b;
	margin:0px;
	padding:30px 0px 0px 10px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.top-title p.other-title {
	float:left;
	font-size:18px;
	color:#1c3e7b;
	margin:0px;
	padding:33px 0px 0px 10px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.top-title p.other-title1 {
	float:left;
	font-size:18px;
	color:#1c3e7b;
	margin:0px;
	padding:33px 0px 0px 0px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.top-title p span {font-style:italic;}
/*********************
    Paragraph Text
*********************/
.paragraph-text img {float:left; padding:15px 0px 5px 6px;}
.paragraph-text p {
	/*width:100%;*/
	width:96%;
	margin:0px;
	float:left;
	padding:10px 0px 0px 13px;
	font-size:11px;
	color:#8e8e8e;
}
table {clear:both;}/* This has been created so that the table/key on the site plan page sits in the correct place. */
.fixme p{float:none; width:auto;}
.fixme ul{float:none;}
.column-inverted .paragraph-text p {width:280px;}
.paragraph-text1 img {float:left; padding:18px 0px 5px 0px;}
.paragraph-text1 p {
	float:left;
	margin:0px;
	padding:10px 25px 0px 0px;
	font-size:11px;
	color:#8e8e8e;
}
/************
    Links
************/
ul.links {
	bottom:5px;
	width:150px;
	float:left;
	clear:left;
	margin:0px;
	padding:15px 0px 0px 0;
	list-style:none;
}
ul.links li {
	float:left;
	margin:0px;
	height:20px;
	padding:0px 0px 0px 20px;
	background:url(../images/bullet.gif) no-repeat;
	font-size:11px;
}
ul.links-one {
	float:left;
	margin:0px;
	padding:10px 0px 0px 10px;
	list-style:none;
}
ul.links-one li {
	float:left;
	width:160px;
	margin:0px;
	height:20px;
	padding:0px 0px 0px 12px;
	background:url(../images/bullet_arrow.jpg) no-repeat 0% 25%;
	font-size:11px;
}
ul.links-two {
	float:left;
	margin:0px;
	padding:15px 0px 0px 0px;
	list-style:none;
}
ul.links-two li {
	float:left;
	width:160px;
	margin:0px;
	height:20px;
	padding:0px 0px 0px 20px;
	background:url(../images/bullet.gif) no-repeat;
	font-size:11px;
}
/***********************
    News Item Column
***********************/
.news-item {float:left;}
.news-item ul {
	float:left;
	padding:10px 0px 0px 0px;
	margin:0px;
	list-style:none;
}
.news-item ul li {
	float:left;
	background:url(../images/grey_line.gif) no-repeat bottom right;
	width:276px;
	padding-bottom:12px;
}
.news-item ul li p.date {
	width:110px;
	font-weight:bold;
	margin:0px;
	padding:10px 0px 0px 10px;
}
.news-item ul li p.read-more {width:60px; margin:0px; padding:10px 0px 0px 0px;}
.news-item ul li p.details {margin:0px; padding:0px 0px 0px 10px;}
.news-item ul li img.bullet {float:left; margin:0px; padding:9px 2px 0px 0px;}
/********************
    Main Textarea
********************/
.main-textarea p.date-bold {margin:0px; padding:20px 0px 0px 10px; font-weight:bold;}
.main-textarea p.bold {font-weight:bold;}
/**********************
    Year Drop Downs
**********************/
.year-dropdown-menu {float:left; margin:0px 0px 0px 0px; padding:10px 0px 0px 10px;}
.years select {
	float:left;
	padding:2px 0px 2px 0px;
	margin:0px;
	width:260px;
	border:1px solid #7f9db9;
	font-size:11px;
	color:#8e8e8e;
}
/*****************
    Email Form
*****************/
/*For IE6*/
.email-content {
	float:left;
	width:860px;
	height:200px;
	padding:0px 0px 0px 0px;
	margin:20px 0px 0px 0px;
	color:#8e8e8e;
}
/*For all modern browsers*/
html>body .email-content {min-height:200px; height:auto;}
.email-content .left-column {float:left; width:475px;}
.main-textarea .email-content .left-column p{width:350px;}
.email-content .right-column {float:left; width:370px;}
.email-content label {
	float:left;
	font-size:11px;
	width:130px;
	padding:0px 15px 0px 0px;
	text-align:right;
	height:20px;
	line-height:20px;
}
.email-content .mandatory-field, .email-content .required {height:20px; width:330px; background:url(../images/asterisk.gif) no-repeat 132px 8px;}
.email-content .left-column fieldset {
	float:left;
	height:100px;
	width:360px;
	border:1px solid #cfc8b9;
	margin:0px 0px 10px 8px;
	padding:0px 0px 10px 5px;
}
html>body .email-content .left-column fieldset {min-height:100px; height:auto; margin:0px 0px 10px 15px;}
.email-content .left-column ul.formError {width:347px; margin:0 0 10px 15px; padding:5px 0 5px 20px;}
.email-content .right-column ul.formError {width:347px; margin:0 0 10px 15px; padding:5px 0 5px 20px;}
.email-content .right-column fieldset {
	float:left;
	height:100px;
	width:360px;
	border:1px solid #cfc8b9;
	margin:0px 0px 10px 8px;
	padding:0px 0px 10px 5px;
}
html>body .email-content .right-column fieldset {min-height:100px; height:auto; margin-left:15px;}
.email-content .input-field-padding, .email-content .formfield {height:25px; padding:0px 0px 2px 0px; font-size:11px;}
.email-content input {
	float:left;
	width:180px;
	height:15px;
	border:1px solid #CFC8B9;
}
.email-content textarea {
	float:left;
	border:1px solid #CFC8B9;
	width:180px;
	height:80px;
	margin:0px 0px 8px 0px;
	padding:0px;
}
.email-content select {
	float:left;
	width:184px;
	margin:0px 0px 2px 0px;
	padding:0px 0px 5px 0px;
	border:1px solid #CFC8B9;
	font-size:11px;
}
html>body .email-content select {width:182px; margin:0px 0px 0px 0px; padding:2px 2px 2px 0px;}
.email-content .submit-button input {
	float:left;
	width:183px;
	height:auto;
	padding:0;
	margin:0 0 0 145px;
}
.instructions-text {
	width:183px;
	margin:0px;
	padding:10px 0 10px 145px;
	font-size:11px;
	font-weight:bold;
}
/********************
    Image Gallery
********************/
#imagegallery_holder {float:left; width:630px; margin:18px 0 0 10px;}
/******************
    Floor Plans
******************/
ul#floorplan-links {
	float:right;
	padding:0;
	margin:-30px 0 0 0;
	overflow:hidden;
}
ul#floorplan-links li {float:left; display:block; width:90px;}
ul#floorplan-links li a, ul#floorplan-links li.disabled {float:left; padding:6px 0 7px 30px; color:#8E8E8E;}
ul#floorplan-links li.disabled {width:60px;}
ul#floorplan-links li.zoom a {background:url(../images/icon_zoom.gif) transparent top left no-repeat;}
ul#floorplan-links li.key a {background:url(../images/icon_key.gif) transparent top left no-repeat;}
ul#floorplan-links li.previous a {background:url(../images/icon_prev.gif) transparent top left no-repeat;}
ul#floorplan-links li.previous.disabled {background:url(../images/icon_prev_disabled.gif) transparent top left no-repeat;}
ul#floorplan-links li.next a {background:url(../images/icon_next.gif) transparent top left no-repeat;}
ul#floorplan-links li.next.disabled {background:url(../images/icon_next_disabled.gif) transparent top left no-repeat;}
.main-textarea .floorplan {width:660px;}
.main-textarea .floorplan img {float:left; margin:0px; padding:20px 0px 0px 0px;}
.main-textarea .floorplan p.main {float:left; width:auto;}
dl#floorplan-details {float:left; margin:15px 0 0 10px; width:400px;}
dl#floorplan-details dt {float:left; margin:0 5px 0 0;}
dl#floorplan-details dd {float:left; margin:0 20px 0 0; text-transform:capitalize;}
/******************************
    Default Template Images
******************************/
.main-textarea .paragraph-text .left-image {margin:0 15px 5px 12px;}
.main-textarea .paragraph-text .right-image {float:right; clear:right; margin:0 12px 5px 15px;}
/***************
    Headings
***************/
.main-textarea p.header-text {
	color:#1C3E7B;
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	margin:0px;
	padding:20px 0px 0px 13px;
}
/*******************
    Virtual Tour
*******************/
.virtual-tour-back {display:block; clear:left; padding:13px;}
.virtual-tour-cols {float:left; width:225px;}
.virtual-tour-cols ul.links-one {margin:14px 0 0 12px;}
.virtual-tour-cols .more-information {background:transparent;}
/***************************
    Interactive Brochure
***************************/
.interactiveBrochure {
	clear: both;
	padding: 10px 0 0 0;
	text-align: center;
}
.interactiveBrochure .noFlash {
	clear: both;
	display: inline;
}
/************
    Movie
************/
.movie_holder {margin:15px 0 0 0; width:860px;}
.movie_holder #movie{
	float:right;
	padding:0px;
	margin:0px;
	vertical-align:top;
}
.movie_holder #movietext{float:left; width:200px; vertical-align:top;}
/*******************
    Pricing Form
*******************/
form.pricing {margin:18px 0 0 15px;}
/********************
    Pricing Table
********************/
table.pricing {margin-left: 15px; border:1px solid #1c3e7b;}
table.pricing th { 
	text-align:center;
	background:#1c3e7b;
	color:#ffffff;
	padding-left:3px;
	height:20px;
	width:137px;
}
table.pricing th a {color:#ffffff;}
table.pricing td { 
	text-align:center;
	margin:0px;
	padding-left:3px;
	border-top:1px solid #1c3e7b;
	height:20px;
	text-transform:capitalize;
}
table.pricing td span.impt, table.pricing td span.impt a {color: #1C3E7B;}
table.pricing td span a {color:#8E8E8E}
.shortcolumn {
	float:left;
	width:220px;
	overflow:hidden;
	/*overflow-x:hidden;
	overflow-y:hidden;*/
}
/*************************
    Pricing Pagination
*************************/
div.pagination a {padding:0px 3px;}
div.prevNext {padding:5px 0px 0px 0px;}
div.pricing {margin:5px 0 0 15px; text-align:center;}
/*************
    Footer
*************/
.footer {
	float:left;
	width:855px;
	font-size:11px;
	margin:10px 0px 0px 5px;
	height:20px;
	line-height:20px;
	border-top:1px solid #d4e4e1;
	color:#8e8e8e;
	padding-bottom:10px;
}
.footer a {color:#1c3e7b; text-decoration:none;}
.footer a:hover {text-decoration:underline;}
/*****************
    Left Links
*****************/
ul.leftlinks {
	float:left;
	margin:0px;
	padding:0px 0px 0px 10px;
	width:425px;
}
ul.leftlinks li {float:left; display:inline;}
/******************
    Rigth Links
******************/
ul.rightlinks {
	float:left;
	margin:0px;
	padding:0px;
	width:415px;
}
ul.rightlinks li {float:left; display:inline;}
ul.rightlinks li img {padding-top:2px;}
/*****************
    Babel Fish
*****************/
a.babelFish {background:transparent url(../images/home-translate.jpg) no-repeat scroll left center; cursor:pointer; padding-left:91px;}
#babelFishDiv {
	float:left;
	display:none;
	margin:5px 0 0 0;
	padding:5px 10px;
	width:841px;
	background-color:#496595;
	color:#ffffff;
	text-align:center;
}
#babelFishDiv input, #babelFishDiv select {font-size:0.8em;}
/**********************
Validation code box
**********************/
.regborder {border:1px solid #8E8E8E; width:140px;}
/****************************
Upgrade Specification table
*****************************/
.tg1general {width:850px; padding:10px;}
.tg1general td {border-bottom:1px solid #dee2e1; padding:5px;}
/*************************
		FTBI table
*************************/
.tg2general {
	border:3px solid #002a73;
	margin-left:12px;
	margin-top:15px;
	margin-bottom:15px;
	color:#002a73;
	clear:none;
}
.tg2general td h5 {font-size:18px; margin:0;}
.tg2general td {padding:7px;}
.tg2general td.ts2odd {border-bottom:1px solid #002a73;}
.tg2general td.tg2odd {border-bottom:1px solid #002a73; border-right:1px solid #002a73;}
/**************************
	Floor plate swf
**************************/
.floorplate_holder {margin-top:5px;}
/*	Availability Styles	*/
.formfield, .formfield label, .formfield select {float:left; margin-left:10px; line-height:20px;}
.statusForm {width:600px; margin:20px 0 0 20px;}
.bottom-action {width:600px;margin:20px 0 0 20px;}
.leftcorner{width:430px; float:left;}
.rightcorner {width:150px; text-align:right; float:right; margin-top:10px;}
.plotCompare {border:none; display:block; cursor:pointer; background:url(../images/plot_compare.jpg) no-repeat; width:142px; height:30px;}
.rightcornertext {width:600px; margin:20px 0 0 20px; text-align:right}
.rightcornertext a {color:#999999;}
.errorMsg {width:600px; margin:20px 0 0 20px; color:#FF0000; font-weight:bold;}
/**************************
	Quick Search Form
**************************/
#quickSearch {
	float:left;
	position:relative;
	margin:2px 0 0 6px;
	width:265px;
	height:89px;
	background:url(../images/quick-search-bg.jpg) no-repeat;
}
#quickSearch h3 {
	position:absolute;
	top:6px;
	left:10px;
	margin:0;
	padding:0;
	color:#ffffff;
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-style:italic;
}
#quickSearch select {position:absolute; width:157px; left:9px;}
#quickSearch .bedrooms {top:35px;}
#quickSearch .price {top:60px;}
#quickSearch .submit {
	position:absolute;
	top:61px;
	right:6px;
	width:80px;
	font-size:11px;
}

/* Four column styles	*/
.main-textarea .feature{float:left; width:180px; padding:0; margin:0;}
.main-textarea .feature h2{padding:0; margin:0; font-weight:normal;}
.main-textarea .feature h2 a{float:left; margin:0; padding:33px 0 18px 0; color:#1c3e7b; text-decoration:none; font-size:18px; font-family:Georgia,"Times New Roman",Times,serif;}
.main-textarea .feature h2 a:hover{text-decoration:underline;}
.main-textarea .feature a.arrowBlue{background:url(../images/bullet_arrow.jpg) no-repeat; margin:10px 0 0 5px; padding:0 10px 0 15px; display:block;}
.main-textarea .feature a.arrow{background:url(../images/bullet.gif) no-repeat; margin:0; padding:0 10px 0 20px; display:block;}
.main-textarea .feature p.text{padding:10px 25px 0 0;}
.main-textarea .featureMain{width:313px;}
.main-textarea .featureMain h1{float:left; margin:0; padding:29px 0 18px 0; color:#1c3e7b; text-decoration:none; font-size:22px; font-weight:normal; font-family:Georgia,"Times New Roman",Times,serif;}
.main-textarea .featureMain h1 span{font-style:italic;}
.main-textarea .row{float:left;}
.main-textarea .childFeatures{float:left; width:540px;}