@charset "UTF-8";
body {
	font-family: Verdana, Geneva, sans-serif;
	background: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-color: rgb(179,186,192);
}
#outer {
	height: 762px; /* originally 707px */
	width: 775px; /* originally 1000px */
	margin-left: auto;
	margin-right: auto;
}
a img{ border:none;}
#inner {
	position: absolute;
	height: 762px; /* originally 707px */
	width: 775px; /* originally 1000px */
	top: 0px;
}

#main {
	position: absolute;
	height: 762px; /* originally 707px */
	width: 775px; /* originally 1000px */
	top: 0px;
	left: 0px;
}

#title {
	position: absolute;
	height: 40px;
	width: 560px; /* originally 775px */
	top: 75px;
	left: 215px;
	text-align: right;
	font-size: 24px;
	letter-spacing: 1px;
	color: rgb(130,133,135);
}

#homeimage {
	position: absolute;
	height: 345px;
	width: 775px;
	top: 135px;
	left: 215px;
}

#logo {
	position: absolute;
	height: 110px;
	width: 205px;
	top: 15px;
	left: 0px;
	border:none;
	/*background-image: url(../images/logo.jpg);*/
}

#nav {
	position: absolute;
	height: 345px;
	width: 205px;
	top: 135px;
	left: 0px;
}

#callustoday {
	position: absolute;
	height: 188px;
	width: 255px; /* originally 205px */
	top: 543px; /* originally 488px */
	left: 0px;
	background-image: url(../images/callustodaytwo.png);
}
#callustodaytext {
	position: absolute;
	height: 50px;
	width: 200px;
	top: 15px;
	left: 20px;
	font-size: 20px;
	color: rgb(219,26,48);
}

#panelone {
	position: absolute;
	height: 188px;
	width: 255px;
	top: 543px; /* originally 488px */
	left: 0px; /* originally 215px */
}
#panelonetext {
	position: absolute;
	height: 168px;
	width: 235px;
	top: 10px;
	left: 10px;
	color: white;
	line-height: 13px;
	font-size: 11px;
}

#paneltwo {
	position: absolute;
	height: 188px;
	width: 255px;
	top: 543px; /* originally 488px */
	left: 260px; /* originally 475px */
}
#paneltwotext {
	position: absolute;
	height: 50px;
	width: 200px;
	top: 15px;
	left: 20px;
	font-size: 14px;
	color: rgb(76,81,84);
}

#panelthree {
	position: absolute;
	height: 188px;
	width: 255px;
	top: 543px; /* originally 488px */
	left: 520px; /* originally 735px */
}
#panelthreetext {
	position: absolute;
	height: 50px;
	width: 200px;
	top: 15px;
	left: 20px;
	font-size: 14px;
	color: white;
}

#footer {
	position: absolute;
	height: 15px;
	width: 300px;
	left: 237px;
	bottom: 0px;
	text-align: center;
	font-size: 9px;
	color: rgb(76,81,84);
}

#siteby {
	position: absolute;
	height: 15px;
	width: 200px;
	right: 0px;
	bottom: 0px;
	text-align: right;
	font-size: 9px;
	color: rgb(76,81,84);
}

/* NAV ITEMS BEGIN */
#homenav {
	position: absolute;
	height: 45px;
	width: 205px;
	top: 0px;
	left: 0px;
	background-image: url(../images/nav.png);
}
#homenav:hover {
	background-image: url(../images/overnav.png);	
}

#aboutusnav {
	position: absolute;
	height: 45px;
	width: 205px;
	top: 50px;
	left: 0px;
	background-image: url(../images/nav.png);
}
#aboutusnav:hover {
	background-image: url(../images/overnav.png);
}

#homedesignsnav {
	position: absolute;
	height: 45px;
	width: 205px;
	top: 100px;
	left: 0px;
	background-image: url(../images/nav.png);
}
#homedesignsnav:hover {
	background-image: url(../images/overnav.png);	
}

#loancalculatornav {
	position: absolute;
	height: 45px;
	width: 205px;
	top: 150px;
	left: 0px;
	background-image: url(../images/nav.png);
}
#loancalculatornav:hover {
	background-image: url(../images/overnav.png);	
}

#homeandlandnav {
	position: absolute;
	height: 45px;
	width: 205px;
	top: 200px;
	left: 0px;
	background-image: url(../images/nav.png);
}
#homeandlandnav:hover {
	background-image: url(../images/overnav.png);	
}

#specificationsnav {
	position: absolute;
	height: 45px;
	width: 205px;
	top: 250px;
	left: 0px;
	background-image: url(../images/nav.png);
}
#specificationsnav:hover {
	background-image: url(../images/overnav.png);	
}

#contactusnav {
	position: absolute;
	height: 45px;
	width: 205px;
	top: 300px;
	left: 0px;
	background-image: url(../images/nav.png);
}
#contactusnav:hover {
	background-image: url(../images/overnav.png);	
}

#buttontext {
	position: absolute;
	height: 14px;
	width: 150px;
	top: 14px;
	left: 20px;
	color: white;
	font-size: 14px;
}
/* NAV ITEMS END */

/* HOME DESIGNS STYLES */
#toppanelone {
	position: absolute;
	height: 151px;
	width: 255px;
	top: 190px;
	left: 0px;
	background-image: url(../images/toppanelone.png);
}

#toppaneltwo {
	position: absolute;
	height: 151px;
	width: 255px;
	top: 190px;
	left: 260px;
	background-image: url(../images/toppaneltwo.png);
}

#toppanelthree {
	position: absolute;
	height: 151px;
	width: 255px;
	top: 190px;
	left: 520px;
	background-image: url(../images/toppanelthree.png);
}

#toppaneltext {
	position: absolute;
	height: 100px;
	width: 200px;
	left: 13px;
	top: 20px;
	font-size: 26px;
	color: white;
}

#homedesignstext {
	position: absolute;
	height: 550px;
	width: 775px;
	top: 199px;
	left: 0px;
	background: #c9cdd1;
	_background: #fff;
}

#homedesignsseries {
	position: absolute;
	height: 540px;
	width: 775px;
	top: 199px;
	left: 0px;
	background: #fff;
}

#studiorangetext {
	position: absolute;
	height: 185px;
	width: 245px;
	left: 0px;
	top: 165px;
	font-size: 11px;
	color: rgb(76,81,84);
}

#urbanrangetext {
	position: absolute;
	height: 185px;
	width: 245px;
	left: 255px;
	top: 165px;
	font-size: 11px;
	color: rgb(76,81,84);
}

#spacerangetext {
	position: absolute;
	height: 185px;
	width: 245px;
	left: 510px;
	top: 165px;
	font-size: 11px;
	color: rgb(76,81,84);
}

#back {
	position: absolute;
	height: 20px;
	width: 58px;
	right: 30px;
	bottom: 7px;
	background-image: url(../images/back.png);
}

#backtoranges {
	position: absolute;
	height: 20px;
	width: 154px;
	top: 20px;
	right: 30px;
	background-image: url(../images/backtoranges.png);
}

#backtoseries {
	position: absolute;
	height: 20px;
	width: 154px;
	top: 20px;
	right: 30px;
	background-image: url(../images/backtoseries.png);
}


#findoutmore {
	position: absolute;
	height: 12px;
	width: 150px;
	bottom: 14px;
	left: 40px;
	color: white;
	font-size: 12px;
}
div.series {
	width: 775px;
	height: 159px;
	position: relative;
	margin: 0 0 10px 0;	
}

div.series img {
	z-index: 1;
	position: absolute;
	right:0;
	top:0;
}
.homelink {
		display: block;
		width: 775px;
		height: 159px;
		position: absolute;
		text-decoration: none;
		top:0;
		left:0;
		z-index: 5;
		}
		.fade {
			width: 755px;
			height: 159px;
			background: url(../images/bg_home_whitehover.png) no-repeat;
			_background: none;
			position: absolute;
			z-index: 2;
			top: 0;
			left: 0;
		}
		.homelink:hover .fade {
			background: url(../images/bg_home_hover.png) no-repeat;
			_background: none;
		}
		.homelink:hover .title, .homelink:hover .small {
			color: #fff;
		}
		.homelink:hover .titlebar span {
			background: url(../images/bg_arrowright.png) no-repeat 750px 5px;
}

.title {
	font-size: 32px;
	line-height: 150%;
	color: #5a5b60;
	display: block;
	position: absolute;
	top: 8px;
	left: 10px;
	z-index: 3;
}

.small {
	color: #5a5b60;
	font-size: 12px;
	display: block;
	position: absolute;
	top: 103px;
	left: 10px;
	z-index: 3;
}

.corners {
	display: block;
	width: 775px;
	height: 159px;
	background: url(../images/bg_homecorners.png) no-repeat;
	_background: none;
	position: absolute;
	top:0;
	left:0;
	z-index: 4;
}


.titlebar {
	width: 775px;
	_width: 765px;
	background: url(../images/bg_titlebar.png) right repeat;
	bottom:0px;
	height:31px;
	left:0px;
	position:absolute;
	z-index: 3;
	}
	.titlebar span {
		display: block;
		padding: 6px 0px 0px 10px;
		height: 30px;
		color: #fff;
		font-size: 12px;
		width: 100%;
		background: url(../images/bg_arrowdown.png) no-repeat 750px 5px;
}


div.series2wrap {
	margin: 60px 0px 0px 0px;
	float: left;
}

div.series2 {
	width: 367px;
	height: 122px;
	float: left;
	position: relative;
	margin: 10px;
	_margin: 5px;
}

div.series2 img {
	z-index: 1;
	position: absolute;
	right:0;
	top:0;
}
.homelink2 {
		display: block;
		width: 367px;
		height: 122px;
		position: absolute;
		text-decoration: none;
		top:0;
		left:0;
		z-index: 5;
		}
		.fade2 {
			width: 367px;
			height: 122px;
			background: url(../images/bg_home2_greyhover.png) no-repeat;
			_background: none;
			position: absolute;
			z-index: 2;
			top: 0;
			left: 0;
		}
		.homelink2:hover .fade2 {
			background: url(../images/bg_home2_hover.png) no-repeat;
			_background: none;
		}
		.homelink2:hover .titlebar2 span {
			background: url(../images/bg_arrowright.png) no-repeat 340px 5px;
}

.title2 {
	font-size: 22px;
	line-height: 150%;
	color: #fff;
	display: block;
	position: absolute;
	top: 60px;
	left: 10px;
	z-index: 3;
}

.small {
	color: #5a5b60;
	font-size: 12px;
	display: block;
	position: absolute;
	top: 103px;
	left: 10px;
	z-index: 3;
}

.corners2 {
	display: block;
	width: 367px;
	height: 122px;
	background: url(../images/bg_home2corners.png) no-repeat;
	_background: none;
	position: absolute;
	top:0;
	left:0;
	z-index: 4;
}


.titlebar2 {
	width: 367px;
	_width: 355px;
	background: url(../images/bg_titlebar.png) repeat;
	
	bottom:0px;
	height:30px;
	_height: 25px;
	left:0px;
	position:absolute;
	z-index: 3;
	}
	.titlebar2 span {
		display: block;
		padding: 6px 0px 0px 10px;
		height: 25px;
		color: #fff;
		font-size: 12px;
		width: 100%;
		background: url(../images/bg_arrowdown.png) no-repeat 340px 5px;
}

/*== Slideshow Styles ==*/

.slideshowwrap {
	margin: 80px 0px 0px 20px;
	}
	.slideshowwrap a img {
		border: none;
		margin: 25px 20px 0px 0px;
	}
	.slideshowwrap #nav {
		width: 447px;
		height: 19px;
		background: url(../images/bg_pager.jpg) no-repeat;
		margin: 175px 0px 0px 20px;	
		z-index: 550;
		}
		.slideshowwrap #nav a {
			display: block;
			position: relative;
			z-index: 500;
			float: left;
			width: 31px;
			height: 21px;
			font-size: 11px;
			color: #fff;
			text-decoration: none;
			padding: 5px 0px 0px 0px;
			margin-top: -3px;
			text-align: center;
			}
			.slideshowwrap #nav a:hover, .activeSlide {
				background: url(../images/a_pager.png) no-repeat;

}

#map {
	position: absolute;
	width: 232px;
	height: 300px;
	right: 15px;
	top: 80px;
	background: #f4f5f6;
	padding: 15px;
	}
	#map p {
		font-size: 12px;
		color: #5a5b60;
		margin-top: 0px;
		padding-top: 0px;
}

#nextprev {
	width: 745px;
	height: 50px;
	text-align: center;
	border-top: 1px solid #CCC;
	padding-top: 15px;
	margin: 10px 15px;
	position: relative;
	}
	#nextprev a {
		text-decoration: none;
		color: rgb(76,81,84);
		font-size: 12px;
		padding: 0px;
		}
		#nextprev a.prev {
			display: block;
			position: absolute;
			background: url(../images/prev.png) no-repeat;
			width: 73px;
			height: 20px;
			left: 280px;
		}
		#nextprev a.next {
			display: block;
			position: absolute;
			top: 15px;
			left: 370px;
			background: url(../images/next.png) left no-repeat;
			width: 73px;
			height: 20px;
}



#studiorangeimage {
	position: absolute;
	height: 152px;
	width: 255px;
	left: 0px;
	top: 0px;
	background-image: url(../images/studiorange.png);
}

#urbanrangeimage {
	position: absolute;
	height: 152px;
	width: 255px;
	left: 260px;
	top: 0px;
	background-image: url(../images/urbanrange.png);
}

#spacerangeimage {
	position: absolute;
	height: 152px;
	width: 255px;
	left: 520px;
	top: 0px;
	background-image: url(../images/spacerange.png);
}
/* END HOME DESIGNS STYLES */

#homedesignsinternal {
	position: absolute;
	height: 541px;
	width: 775px;
	top: 135px;
	left: 215px;
	background-image: url(../images/homedesignsinternalbg.png);
}

/* START LOAN CALC STYLES */
#loancalculator {
	position: absolute;
	height: 541px;
	width: 775px;
	top: 190px;
	left: 0px;
	background-image: url(../images/loancalculatorbg.png);
}

#loantitle {
	position: absolute;
	height: 30px;
	width: 400px;
	top: 20px;
	left: 20px;
	color: rgb(219,26,48);
	font-size: 26px;
	}
	#loantitle span {
		color: #606166
}

#loanblurb {
	position: absolute;
	height: 30px;
	width: 485px;
	top: 20px;
	left: 270px;
	color: rgb(76,81,84);
	font-size: 12px;
}

#loancalcform {
	position: absolute;
	height: 421px;
	width: 720px;
	top: 30px;
	left: 10px;
	color: rgb(76,81,84);
	font-size: 10px;
}

.submitButton {
	background-image: url(../images/submit.png);
	width: 68px;
	height: 25px;
	cursor: pointer;
}

input.registertextstandard, #textarea {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: rgb(76,81,84);
}
/* END LOAN CALC STYLES */

#internalleftpanel {
	position: absolute;
	height: 345px;
	width: 257px;
	top: 135px;
	left: 215px;
	background-image: url(../images/internalleftpanelbg.png);
}

#aboutus {
	position: absolute;
	height: 345px;
	width: 515px;
	top: 190px; /* originally 135px */
	left: 0px; /* originally 215px */
	background-image: url(../images/abouttextbg.png);
}

#aboutustext {
	position: absolute;
	height: 265px;
	width: 475px;
	top: 60px;
	left: 20px;
	color: rgb(76,81,84);
	font-size: 12px;
}

#aboutusimage {
	position: absolute;
	height: 345px;
	width: 260px;
	left: 515px; /* originally 730px */
	top: 190px; /* originally 135px */
	background-image: url(../images/aboutuscouple.png);
}

#homeandlandimage {
	position: absolute;
	height: 345px;
	width: 260px;
	left: 515px;
	top: 190px;
	background-image: url(../images/homelandImage.png);
}

#contactImage {
	position: absolute;
	height: 345px;
	width: 260px;
	left: 515px;
	top: 190px;
	background-image: url(../images/contactImage.png);
}

#specificationsImage {
	position: absolute;
	height: 345px;
	width: 260px;
	left: 515px;
	top: 190px;
	background-image: url(../images/specificationsImage.png);
}

#rangetext {
	position: absolute;
	height: 421px;
	width: 728px;
	top: 70px;
	left: 20px;
	color: rgb(76,81,84);
	font-size: 12px;
}


/* NEW NAV */
#homenavbar {
	position: absolute;
	height: 9px;
	width: 85px;
	left: 0px;
	top: 126px;
	background-image: url(../images/homepagetwo/navbar.jpg);
	display: none;
}
#aboutnavbar {
	position: absolute;
	height: 9px;
	width: 95px;
	left: 85px;
	top: 126px;
	background-image: url(../images/homepagetwo/navbar.jpg);
	display: none;
}
#homedesignsnavbar {
	position: absolute;
	height: 9px;
	width: 120px;
	left: 180px;
	top: 126px;
	background-image: url(../images/homepagetwo/navbar.jpg);
	display: none;
}
#loancalculatornavbar {
	position: absolute;
	height: 9px;
	width: 125px;
	left: 300px;
	top: 126px;
	background-image: url(../images/homepagetwo/navbar.jpg);
	display: none;
}
#homeandlandnavbar {
	position: absolute;
	height: 9px;
	width: 123px;
	left: 425px;
	top: 126px;
	background-image: url(../images/homepagetwo/navbar.jpg);
	display: none;
}
#specificationsnavbar {
	position: absolute;
	height: 9px;
	width: 117px;
	left: 548px;
	top: 126px;
	background-image: url(../images/homepagetwo/navbar.jpg);
	display: none;
}
#contactnavbar {
	position: absolute;
	height: 9px;
	width: 110px;
	left: 665px;
	top: 126px;
	background-image: url(../images/homepagetwo/navbar.jpg);
	display: none;
}

#navtwo {
	position: absolute;
	height: 50px;
	width: 775px; /*originally 840px */
	top: 135px;
	left: 0px;
	background-color: rgb(219,0,54);
	color: white;
	font-size: 12px;
}

#hometwo {
	position: absolute;
	height: 50px;
	width: 85px;
	left: 0px;
	top: 0px;
	text-align: center;
	vertical-align:middle;
	line-height: 50px;
}

#abouttwo {
	position: absolute;
	height: 50px;
	width: 95px;
	left: 85px;
	top: 0px;
	text-align: center;
	vertical-align:middle;
	line-height: 50px;
}

#homedesignstwo {
	position: absolute;
	height: 50px;
	width: 120px;
	left: 180px;
	top: 0px;
	text-align: center;
	vertical-align:middle;
	line-height: 50px;
}

#loancalculatortwo {
	position: absolute;
	height: 50px;
	width: 125px;
	left: 300px;
	top: 0px;
	text-align: center;
	vertical-align:middle;
	line-height: 50px;
}

#homeandlandtwo {
	position: absolute;
	height: 50px;
	width: 123px;
	left: 425px;
	top: 0px;
	text-align: center;
	vertical-align:middle;
	line-height: 50px;
}

#specificationstwo {
	position: absolute;
	height: 50px;
	width: 117px;
	left: 548px;
	top: 0px;
	text-align: center;
	vertical-align:middle;
	line-height: 50px;
}

#contacttwo {
	position: absolute;
	height: 50px;
	width: 110px;
	left: 665px;
	top: 0px;
	text-align: center;
	vertical-align:middle;
	line-height: 50px;
}

#hometwo:hover, #abouttwo:hover, #homedesignstwo:hover, #loancalculatortwo:hover, #homeandlandtwo:hover, #specificationstwo:hover, #contacttwo:hover {
	background-image: url(../images/homepagetwo/hover.png);
}

/*=====================================================*/
/* Jquery LBox Definitions */

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10000;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10000;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10000;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}