/* colors : green : #97BD4C, blue : #5E89A9 */

/*MODERN BROWSER SELECTOR NOT IE */
html>/**/body .footer {
	
}

body {
	margin:0;
	padding:0;
	font:13px normal Verdana, Arial, Helvetica, sans-serif;
	background:transparent url(../images/site_background.jpg) no-repeat top center;
	color:#666666;
}

hr {
	border:0;
	border-top:1px dotted #5E89A9;
}

p {
	line-height:18px;
}

a img {
	border:0;
}

h1 {
	font-weight:normal;
	color:#5E89A9;
	font-size:24px;
}

h1.noBottomMargin {
	margin-bottom:0;
}

h2 {
	font-weight:bold;
	margin:0;
	margin-bottom:5px;
	padding:0;
	color:#5E89A9;
	font-size:15px;
}

h3 {
	margin:0;
	padding:5px;
	color:#FFFFFF;
	font-size:14px;
	background-color:#97BD4C;
}

h4 {
	font-size:16px;
	font-weight:normal;
	margin:0;
	padding:0;
	line-height:18px;
}

h5 {
	margin:0;
	padding:5px 0;
	color:#97BD4C;
	font-size:14px;
}	

span.green {
	color:#97BD4C;
}

span.bold {
	font-weight:bold;
}

span.grey {
	color:#666666;
}

span.red {
	color:#CC0000;
}

.containerWrapper {
	width:840px;
	padding:15px 30px 5px;
	background-color:#FFFFFF;
	margin:auto;
}

.container {
	width:100%;
}

/* HEADER */
.header {
	width:100%;
}

.header .top {
	height:29px;
	background-color:#97BD4C;
	border-bottom:2px solid #FFFFFF;
	color:#FFFFFF;
	padding:7px 10px 0;
	font-size:11px;
}

.header .banner {
	height:200px;
}

.header #banner {
	float:left;
	height:200px;
	width:600px;
	background-color:#FFFFFF;
}

.header .banner .logo {
	margin:66px 0 0 50px;
}	

/* CONTENT */
.columnContainer {
	position:relative;
	width:100%;
}

.leftCol {
	width:39%;
	min-height:390px;
	height:auto !important;
	height:398px;	
	float:left;
}

.leftCol p, .rightCol p {
	padding-top:0;
	margin-top:0;
}

.rightCol {
	width:59%;
	height:1%;
	float:right;
	display:block;
}

.rightCol img.second {
	margin-top:10px;
}

.divide, .divide2, .divide60 {
	width:49%;
	min-height:1%;
	height:auto !important;
	height:1%;
}

.divide55 {
	width:55%;
}

.divide62 {
	width:62%;
}

.divide36 {
	width:36%;
	text-align:right;
}

.divide21 {
	width:280px;
	font-size:13px;
}

.divide67 {
	width:550px;
}

.divide2 {
	width:48%;
}

.offerContainer {
	padding:10px;
	border:1px solid #97BD4C;
	min-height:100px;
	height:auto !important;
	height:100px;
}

.rowCol {
	width:100%;
	min-height:120px;
	font-size:12px;
	line-height:16px;
	border-bottom:1px solid #CCCCCC;
	padding-bottom:5px;
}

.rowColMargin {
	margin-bottom:10px;
}

.rowCol a {
	font-size:11px;
	color:#5E89A9;
}

.rowCol a:hover {
	text-decoration:none;
}

.rowCol img {
	float:left;
	width:160px;
	height:120px;
	margin-right:10px;
}

html>/**/body .containerWrapper .contentWrapper .columnContainer .leftCol,
html>/**/body .containerWrapper .contentWrapper .columnContainer .rightCol {
	margin-bottom:20px;
}

html>/**/body .containerWrapper .contentWrapper .columnContainer .rightCol .removeBottomMargin,
html>/**/body .containerWrapper .contentWrapper .columnContainer .leftCol .removeBottomMargin {
	margin-bottom:0 !important;
}

html>/**/body .containerWrapper .contentWrapper .offerTabs {
	margin-bottom:20px;
}

/* OFFERS */
.offers {
	position:relative;
	background:transparent url(../images/offers_background.jpg) no-repeat top left;
	min-height:390px;
	height:auto !important;
	height:398px;
}

.offers div {
	width:140px;
	text-align:center;
}

.offers h1 {
	margin:0;
	margin-bottom:10px;
	padding:0;
	font-size:14px;
	font-weight:bold;
}

.offers p {
	margin:0;
	margin-bottom:10px;
	padding:0;
	font-size:11px;
	line-height:14px;
}

.offers a, a.dev:link, a.dev:visited, a.dev:active {
	color:#97BD4C;
	font-weight:bold;
	text-decoration:none;
}

.offers a:hover, a.dev:hover {
	text-decoration:underline;
}

.offerInformation a {
	text-decoration:underline;
	color:#5E89A9;
	font-size:10px;
}

.offerInformation a:hover {
	text-decoration:none;
}

.offer_1 {
	position:absolute;
	top:60px;
	left:40px;
}

.offer_2 {
	position:absolute;
	top:40px;
	left:240px;
}

.offer_3 {
	position:absolute;
	top:50px;
	right:240px;
}

.offer_4 {
	position:absolute;
	top:70px;
	right:40px;
}

.offerInformation h4 {
	color:#97BD4C;
}

/* BUYING PROCESS */
ol.buyingprocess {
	padding-left:0;
	margin-left:0;
	list-style:none;
}

ol.buyingprocess div {
	margin:5px 5px 0;
	background-color:#FFFFFF;
}

ol.buyingprocess ul {
	margin-top:16px;
	margin-bottom:16px;
}
ol.buyingprocess ul li {
	padding-top:3px;
	padding-bottom:3px;
	width:100%;
	list-style-type:disc;

}

ol.buyingprocess h3 {
	margin:5px;
}

ol.buyingprocess li h3:hover {
	background-color:#5E89A9;
	cursor:pointer;
}

/* INVESTOR */
ul.investor li {
	margin:5px 0;
}

/* CONTACT US */
.gmap_link, .video_link {
	color:#5E89A9;
	font-weight:bold;
	text-decoration:underline;
}

.gmap_link:hover, .video_link:hover {
	color:#97BD4C;
	cursor:pointer;
	text-decoration:none;
}

#gmap, #gallery {
	width:550px;
	height:390px;
	text-align:right;
}

#jds_video {
	width:100%;
	text-align:center;
}

span.vat {
	font-size:11px;
}


/* TOP BANNER */
.top .topLinks {
	float:right;
	margin-top:3px;
}

.top .topLinks a {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}

.top .topLinks a:hover {
	text-decoration:underline;
}

.top #newsletter_form {
	position:relative;
	width:560px;
	
}

.top label {
	margin:0 5px 0 0;
	padding:3px 0 0;
	width:130px;
}

.top #newsletter_input, .top .submit {
	font-size:11px;
}

.top .submit {
	margin-left:5px;
}

.top div.response {
	position:absolute;
	right:0;
	*right:10px;
	top:3px;
}

/* FOOTER */
.footer {
	clear:both;
	position:relative;
	margin-top:20px;
	padding-top:10px;
	border-top:1px solid #5E89A9;
	color:#5E89A9;
}

.footer p {
	margin:0 0 10px;	
}

.footer_right {
	position:absolute;
	top:10px;
	right:0;
}

.footer .smallertext {
	font-size:11px;
}

.footer .smallertext a, .footer .design a {
	font-size:11px;
	color:#5E89A9;	
}

.footer .smallertext a:hover, .footer .design a:hover {
	text-decoration:none;
}

.footer .telephone {
	font-size:32px;
	color:#97BD4C;
}

.footer .design {
	font-size:10px;
	color:#666666;
	text-align:right;
}

.footer .design a {
	font-size:10px;
	color:#666666;	
}

.footer .design a:hover {
	text-decoration:none;
}

/* REGISTER FORM */
fieldset {  
	position:relative;  
	float:left;  
	clear:both;  
	width:100%;  
	margin:0;  
	padding:0;  
	border-style:none;  
	border-top:1px solid #97BD4C;  
	background-color:#F4F8ED; 
}

legend {  
	padding:0;  
	color:#5E89A9;  
	font-weight:bold;  
}

label.error, span.red {
	color:#CC0000 !important;
}

legend span {  
	position:absolute;  
	left:10px;  
	top:0;  
	margin-top:8px;  
	font-size:16px; 
}

fieldset ol {  
	padding:40px 0 0;  
	list-style:none;
}

fieldset li {  
	float:left;  
	clear:left;  
	width:100%;  
	padding-bottom:10px;
}

fieldset.submit {  
	float:none;  
	width:auto;  
	padding-top:2px;  
	padding-left:230px;  
	background-color:#FFFFFF; 
	padding-top:20px;
}

label {  
	float:left;  
	width:220px;  
	margin-right:10px;
	margin-top:3px; 
	text-align:right; 
}


/* IE SPECIFIC HACKS */
fieldset {  
	*position:relative;
	*padding:0;
}

fieldset ol {  
	*padding:0;
	*margin:0;
}

legend {
	*position:relative;  
	*left:-7px;  
	*top:0px; 
	*margin-bottom:50px;
}

legend span {
	*width:200px;
}


/*==================*/
/* DEVELOPMENTS CSS */
/*==================*/
.developmentContainer {
	
}

.developmentContainer .devNavigation {
	width:18%;
	float:left;
}

.developmentContainer .devContent {
	width:79%;
	float:right;
	display:block;
position:relative;
}

.devNavigation #devNavigation {
	margin:0;
	padding:0;
	list-style-type:none;
}

.devNavigation #devNavigation li {
	margin-bottom:2px;
}

.devNavigation #devNavigation a {
	background-color:#97BD4C;
	color:#FFFFFF;
	display:block;
	width:100%;
	padding:0 0 0 10px;
	line-height:24px;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	outline:none;
}

.devNavigation #devNavigation a:hover {
	background-color:#5E89A9;
}

.devContent {
	position:relative;
}

.devContent .overviewContent {
	margin:0 380px 0 0;
	padding:0;
}

.devContent ul {
	margin:0 0 20px 16px;
	padding:0;
}

.devContent img.right {
	position:absolute;
	top:0;
	right:0;
}

.devContent ul li {
	margin-bottom:6px;
}

.devContent table {
	font-size:14px;
	margin-bottom:10px;
}

.disclaimer {
	line-height:14px;
	font-size:10px;
}

#dev-image-gallery {
	text-align:center;
	padding:20px 0;
}

#developmentMap {
	width:550px;
	height:390px;
	text-align:right;
}	

.nhbc-logo {
	position:absolute;
	bottom:10px;
	left:-176px;
}

/* NAVIGATION DROP DOWN */
.navigation	{
	width:100%; 
	height:30px;   
	border-top:2px solid #FFFFFF;
	position:relative;
}

.navigation ul {
	padding:0; 
	margin:0; 
	list-style-type:none;
}

.navigation li {
	float:left; 
	border-right:1px solid #FFFFFF;
	position:relative; 
	z-index:100;
}

.navigation a, .navigation :visited {
	display:block; 
	text-decoration:none; 
	padding:0 20px; 
	line-height:30px;
	font-weight:bold;
	color:#FFFFFF;
	font-size:12px;
	outline:none;
	background:#5E89A9;
}

.navigation :hover {
	background:#97BD4C;
}

.navigation ul ul {
	/*visibility:hidden;*/
	position:absolute;
	height:0;
	width:177px;
}

.navigation ul ul li {
	width:177px;
}

.navigation ul li:hover ul, .navigation ul:hover ul {
	visibility:hidden;
}

.navigation table {
	position:absolute;
	border-collapse:collapse;
	z-index:80;
	left:-1px;
	top:25px;
}