@charset "utf-8";
/* CSS Document */

/*
Theme Name: Granite Harbour
Author: Daniel Bradbury
*/



*{
	padding:0;
	margin:0;
	}
	
body{
	background:url(images/bg.gif) repeat-x 0 0 #aaf1ff;
	font:normal 14px/21px Georgia, "Times New Roman", Times, serif;
	color:#427377;
	}
	
img{
	border:0
	}

ul{
	list-style-type:none;
	}

a{
	outline:none;
	}

.spacer{
	font-size:0;
	line-height:0;
	clear:both;
	height:0;
	}

.fltLeft{
	float:left;
	width:auto;
	}

.fltRight{
	float:right;
	width:auto;
	}	
	
/*-- for PNG ---*/
img, div, input, p{ 
	behavior: url("iepngfix.htc") 
	}
	
.artwork{
	background:url(images/artwork.png) no-repeat 46% 159px;
	}

/*================================ GENERAL ==================================*/

/*--- Header ----*/

#header{
	height:160px;
	background:url(images/header-bg.jpg) no-repeat 50% 0;
	}
	
#header .wrapper{
	width:990px;
	margin:0 auto;
	height:100%;
	clear:both;
	overflow:hidden;
	}
	
#header .logo{
	margin:5px 0 0 0;
	float:left;
	}
	
#header .rightSction{
	float:right;
	width:600px;
	padding:22px 0 0 0;
	text-align:right;
	}
	
#header h1{
	font-weight:normal;
	font-style:italic;
	font-size:29px;
	line-height:33px;
	color:#004572;
	}
	
#header h1 span{
	font-size:19px;
	line-height:21px;
	color:#4a7e00;
	}
	
#header p.email{
	font-size:16px;
	line-height:27px;
	color:#003f68;
	font-style:italic;
	}
	
#header p.email span{
	font-size:16px;
	}	
	
#header p.email a{
	text-decoration:none;
	color:#003f68;
	font-size:16px;
	}	
	
#header p.email a:hover{
	text-decoration:underline;
	}	
	
	
	
.contentArea{
	width:990px;
	margin:0 auto;
	height:100%;
	clear:both;
	overflow:hidden;
	border:solid 7px #f4feff;
	background:#f4feff;
	}
	
/*--- Nav ----*/

#nav{
	height:43px;
	padding:0 0 0 30px;
	background:url(images/nav-bg.gif) repeat-x 0 0;
	}
	
#nav ul{
	height:43px;
	}
	
#nav ul li{
	font-size:17px;
	line-height:43px;
	color:#FFF;
	background:url(images/divider.gif) no-repeat 0 0;
	padding-left:2px;
	float:left;
	text-transform:capitalize;
	}
	
#nav ul li.start{
	background:none;
	padding-left:0;
	}
	
#nav ul li a{
	display:block;
	float:left;
	text-decoration:none;
	color:#fff;
	padding:0 0 0 20px;
	}	
	
#nav ul li a:hover, #nav ul li a.active{
	background:url(images/hover-bg.png) no-repeat 0 0;
	}	
	
#nav ul li a span{
	display:block;
	float:left;
	padding:0 20px 0 0;
	height:43px;
	cursor:pointer;
	}	
	
	
#nav ul li a:hover span, #nav ul li a.active span{
	background:url(images/hover-bg.png) no-repeat 100% 100%;
	}

.banner{
	padding-bottom:14px;
	background:url(images/banner.jpg) no-repeat 0 0;
	width:990px;
	height:421px;
	position:relative;
	}
	
.banner ul{
	position:absolute;
	width:443px;
	height:49px;
	top:183px;
	right:1px;
	}	
	
.banner ul li{
	float:left;
	width:119px;
	height:49px;
	font-style:italic;
	padding:0 14px;
	font-size:18px;
	line-height:20px;
	color:#FFF;
	padding-top:2px;
	}
	
.banner ul li span{
	line-height:47px!important;
	}
	
.banner ul li.mid{
	text-align:center;
	}	
	
.banner ul li a{
	color:#FFF;
	text-decoration:none;
	}	
	
.banner ul li a:hover{
	color:#8de5ff;
	}	
	
.banner ul li a.constraction:hover{
	color:#000!important;
	}		
	
#bodyContent{
	padding-bottom:10px;
	height:100%;
	clear:both;
	overflow:hidden;
}

#bodyContent p{
	padding-bottom:15px;
	}
	
#bodyContent h2{
	font-size:28px;
	line-height:33px;
	font-weight:normal;
	color:#000000;
	padding-bottom:20px;
	}
	
ul.btnBlock{
	padding:28px 0 0 0;
	width:930px;
	margin:0 auto;
}		
ul.btnBlock li{
	float:left;
	display:block;
	margin-right:36px;
}
ul.btnBlock li.nomargin{
	margin:0 !important;
}
.leftPan{
	width:530px;
	float:left;
	padding-left:3px;
	}
	
#bodyContent h2.welcome{
	padding-bottom:0;
	}	
	
#bodyContent h3{
	font:bold 14px/19px Georgia, "Times New Roman", Times, serif;
	color:#55a91b;
	padding-bottom:20px;
	}
	
.rightPan{
	width:443px;
	float:right;
	}
	
.updateContent{
	width:345px;
	float:right;
	}
	
#bodyContent .updateContent h2{
	font-size:19px;
	line-height:21px;
	font-weight:normal;
	color:#2da20c;
	padding-bottom:12px;
	}
	
.projectUpdate{
	background:url(images/divcont-bg.gif) repeat-y 0 0;
	}	
	
.projectUpdateTop{
	background:url(images/curve-top.gif) no-repeat 0 0;
	padding:20px 25px 0;
	}	
	
.projectUpdateBtm{
	background:url(images/curve-btm.gif) no-repeat 0 100%;
	padding:0 20px 20px 20px;
	}	
	
.projectUpdate h3{
	font-size:18px!important;
	line-height:25px;
	color:#0081bd!important;
	font-weight:bold;
	padding:0;
	}	
	
#dvFrm{ height:100%; clear:both; overflow:hidden;}

#dvFrm .dvRw{
	padding-bottom:14px;
}

#dvFrm label{
	text-align:right;
	float:left;
	font:15px/17px Georgia, "Times New Roman", Times, serif;
	width:120px;
	padding:6px 17px 0 0;
	}

#dvFrm input.txt{
	background:#fff;
	border:1px solid #d9dada;
	height:21px;
	padding:0 5px;
	}
	
#dvFrm textarea.txt{
	background:#fff;
	border:1px solid #d9dada;
	height:55px;
	padding:0 5px;
	}

.submitBtn{
	background:url(images/signup-button-2.png) no-repeat 0 0;
	width:143px;
	height:38px;
	margin-left:140px;
	font:bold 14px/38px Georgia, "Times New Roman", Times, serif;
	color:#ffffff;
	border:0;
	text-transform:uppercase;
	cursor:pointer;
}	
	
/*--- Footer ---*/

#footer{
	background:url(images/footer-bg.jpg) repeat-x 0 0 #2b6cab;
	padding:27px 0;
	font-size:11px;
	line-height:18px;
	color:#ddeeff;
	height:100%;
	overflow:hidden;
	clear:both;
	}
	
#footer a{
	color:#FFF;
	text-decoration:none;
	}
	
#footer a:hover{
	text-decoration:underline;
	}
	
#footer ul{
	float:right;
	width:auto;
	padding:10px 20px 0 0 ;
	}

#footer ul li{
	display:inline;
	padding-left:5px;
	}

#footer ul li a{
	padding-right:5px;
	}

#footer p.cpyright{
	padding:0 20px 10px 0;
	text-align:right;
	}	
	
.leftside{
	float:left;
	width:245px;
	background:url(images/creative-one.png) no-repeat 20px 0px;
	padding:0 0 0 60px;
/*	background:url(images/creative-one.png) no-repeat 0 10px;
	padding:10px 0 0 30px;
	line-height:16px;*/
	}
	
.rightSide{
	float:right;
	width:500px;
	}	

	
.logoCont{
	width:990px;
	margin:0 auto;
	height:100%;
	clear:both;
	overflow:hidden;
	padding:20px 0;
	}	
	
.logoCont img{
	float:right;
	margin-left:15px;
	}	
	
.logoCont img.friendButton{
	float:left;
	margin:8px 5px 0 0;
	}
	
/*--- inner pages -----*/

.bodyContentInner{
	background:url(images/inner-body-bg.gif) repeat-x 0 0 #f4feff;
	padding:22px 15px 35px 15px!important;
	border-top:solid 1px #FFF;
	position:relative;
	}
	
.bodyContentInner p a{
	text-decoration:underline;
	color:#427377;
	}
	
.bodyContentInner p a:hover{
	text-decoration:none;
	}	
	
#bodyContent h3.GreenHeading{
	height:33px;
	font-size:18px;
	line-height:33px;
	font-weight:normal;
	color:#e4fed9!important;
	margin-bottom:5px;
	}	
	
#bodyContent h3.GreenHeading span{
	display:block;
	float:left;
	background:url(images/green-heading-bg.gif) repeat-x 0 0;
	padding:0 0 0 15px;
	}	
	
h3.GreenHeading span span{
	display:block!important;
	float:left!important;
	padding:0 55px 0 0!important;
	background:url(images/green-heading-rt.gif) no-repeat 100% 0!important;
	}
	
.boxcontent{
	padding:25px 0;
	height:100%;
	clear:both;
	overflow:hidden;
	}
	
.boxcontent img{
	float:right;
	margin:0 39px 0 0;
	padding:11px;
	background:#def0f6;
	border:solid 7px #cfe9f2;
	}
	
.boxcontent .content{
	width:622px;
	padding:10px 0 0 0;
	float:left;
	}	
	
#featurePan{
	float:left;
	width:560px;
	padding-bottom:50px;
	}
	
#featurePan img{
	margin:5px;
	float:left;
	border:solid 3px #dcdcdc;
	}	
	
#pricingPan{
	float:right;
	width:380px;
	padding-bottom:50px;
	}	
	
#pricingPan h3{
	padding-bottom:0!important;
	}
	
.pricingForm{
	width:270px;
	padding:10px;
	}		

.pricingForm label.leftLbl{
	display:block;
	width:120px;
	height:25px;
	padding-bottom:10px;
	float:left;
	}	

.pricingForm label.rightLbl{
	display:block;
	width:120px;
	height:25px;
	padding-bottom:10px;
	float:right;
	}		

.pricingForm input.txtBx{
	width:114px;
	height:14px;
	font-size:11px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#0F6CA3;
	border:solid 1px #d9dedf;
	padding:2px;
	}	

.pricingForm input.submit{
	height:21px;
	padding:0 5px;
	background:#0F6CA3;
	font-size:12px;
	color:#FFFFFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	border:solid 1px #d9dedf;
	}
	
.bodyContentInner ul{
	padding:10px 0;
	}	
	
.bodyContentInner ul li{
	background:url(images/blt.gif) no-repeat 0 8px;
	font-size:14px;
	line-height:21px;
	padding-bottom:10px;
	padding-left:15px;
	}	
	
	
a.floorButton{
	display:block;
	background:url(images/map-button.jpg) no-repeat 0 0;
	width:263px;
	height:82px;
	padding:24px 0 0 40px;
	font:normal 27px/30px Georgia, "Times New Roman", Times, serif;
	text-decoration:none;
	color:#FFFFFF;
	float:left;
	margin:0 10px 10px 0;
	}		
	
a.floorButtonMrgn{
	margin:0 85px 10px!important;
	}	

a.floorButton span.small{
	font-size:20px;
	}	
a.floorButton span.size{
	background:url(images/blt2.gif) no-repeat 100% 50%;
	padding-right:28px;
	color:#FFFF74;
	}	

a.floorButton:hover{
	background:url(images/map-button-on.jpg) no-repeat 0 0;
	}
	
a.nomrgn{
	margin:0;
	}
	
table th{
	padding:5px 0;
	margin:0;
	font-size:15px;
	line-height:21px;
	color:#55a91b;
	}
	
	
	
/*--- Misc ---*/

.mrgnBtm{
	margin-bottom:14px;
	}
	
.blueText{
	color:#03427e!important;
	}
	
.blueText2{
	color:#024197!important;	
}
	
.line{
	border-bottom:solid 1px #cee0e6;
	}
	
	
/*----- 27-05 ----*/

ul.phase{
	position:absolute;
	right:45px;
	top:15px;
	}
	
ul.phase li{
	float:left;
	font-size:12px;
	line-height:23px;
	font-weight:bold;
	color:#FFF;
	background:none;
	position:relative;
	}
	
ul.phase li img.sold{
	position:absolute;
	left:-10px;
	top:-20px;
	}	
	
ul.phase li a{
	display:block;
	float:left;
	background:url(images/phase-bg.gif) no-repeat 0 0;
	color:#FFF;
	text-align:center;
	text-decoration:none;
	width:87px;
	height:23px;
	}	
	
ul.phase li a:hover, ul.phase li a.now {	
		background:url(images/phase-bg-on.gif) no-repeat 0 0;
	}
	
ul.phase li a.phaseB{
	width:188px;
	background:url(images/phase-bg-b.gif) no-repeat 0 0;
	}
	
ul.phase li a.phaseB:hover, ul.phase li a.nowB {	
		background:url(images/phase-bg-on-b.gif) no-repeat 0 0;
	}	
	

.contactBody {
    background: url("images/inner-body-bg.gif") repeat-x scroll 0 0 #F4FEFF;
    border-top: 1px solid #FFFFFF;
    padding: 22px 15px 15px !important;
    position: relative;
}

.map{
	border:solid 6px #bce0e2;
	}
	
	
/*-------------------------*/	


.highslide-html {
    background-color: #f4feff;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}


/* Styles for the popup */
.highslide-wrapper {
	background-color: white;
}

.highslide-wrapper .highslide-html-content {
    width: 410px;
    padding: 5px;
}
.highslide-wrapper .highslide-header {
	font-size:10px!important;
	padding-bottom:5px!important;
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}

/* These must be the last of the Highslide rules */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}


.featureBox {
    padding: 0 10px;
    width: 420px;
}

.lft{
	float:left;
	}
	
.rt{
	float:right;
	}	
	
.featureBox h3{
	background:url(images/nav-bg.gif) repeat-x 0 50%;
	padding:0 15px!important;
	height:30px!important;
	line-height:30px!important;
	color:#FFF!important;
	}
	
.featureBox ul{
	padding-left:15px;
	}

/*---pricelist----*/
	
.style1 {
	color: #930;
	font-weight: bold;
}
.priceHead {
	color: #427377;
	font-style: italic;
	font-size: 22px;
	font-weight: bold;
	line-height:30px;
}
.priceSubHead {color: #427377}	

.priceTable{
	padding:10px 10px 3px 10px;
	color:#0B4F8E;
}

.priceTable td.heading{
	background-color:#9ae8ff;
	font-weight:bold;
	color:#0B4F8E;
	font-style:italic;
	padding:5px;
	border-bottom:solid 1px #FFF;
	font-size:15px;
}

.priceTable td{

	padding:4px 0 4px 5px;

}
.priceTable td a{
	/*color:#70A4A8;*/
	color:#0B4F8E;
	text-decoration:underline;
}
.priceTable td a:hover{
	text-decoration:none;
}

.priceTable tr.vlightgray{

	/*background-color: #ebf9fb;*/
	background-color: #D6F8FF;

}
.priceTable tr.vlightgray td{
	border-top:#fff 1px solid;
	border-bottom:#fff 1px solid;
}

.priceTable tr.lightgray{

	/*background-color: #ddf1f6;*/
	background-color: #fff;
	
}
.priceTable tr.lightgray td{
	border-top:#D6F8FF 1px solid;
	border-bottom:#D6F8FF 1px solid;
}

/*.link a{
	color:#427377;
	text-decoration:none;
	padding:0;
	margin:0;
}
.link a:hover{
	color:#000;
}*/

/*.heading{
	background-color:#9ae8ff;
	font-weight:bold;
	color:#0B4F8E;
	font-style:italic;
	padding:5px;
	border-bottom:solid 1px #FFF;
	font-size:15px;
}*/
.soldItem{
	color:#000;0B4F8E
	}

h4.floorHeading{
	font-size:19px;
	color:#0B4F8E;
	padding:20px 0 0 10px;
	font-style:italic;
	}
h4.floorHeading2{
	font-size:15px;
	color:#0B4F8E;
	padding:0;
	font-style:italic;
	text-align:center;
	padding:5px 0 0 0;
	line-height:18px;
	}
h4.floorHeading2 span{
	font-size:13px;
	color:#4FA914;
	display:block;
	}

.layoutCont{
	width:930px;
	margin:0 auto;
	}
.left{
	float:left;
	width:310px;
	padding:20px 0;
	text-align:center;
	}
.left img{
	border:#9AE8FF 1px solid;
	}

.right{
	float:right;
	width:310px;
	padding:20px 0;
	text-align:center;
	}
.right img{
	border:#9AE8FF 1px solid;
	}