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

/* main */
body {
font-family: Calibri, Arial, Helvetica, sans-serif;
margin:0px;
padding:0px;
color: #666666;
background: url(siteimg/headerbg.jpg) no-repeat top center;
}

#background {
width: 100%;
height: 100%;
background:#FFFFFF;
}

#wrapper {
position: relative;
top: 0px;
width: 100%;
height: auto;
}

#main{
position: relative;
width: 800px;
height: auto;
}

#header {
position: relative;
top: 0px;
left: 0px;
width: 800px;
height: 547.5px;
}

#content {
position: relative;
width: 800px;
height: 200px;
}

#contentindex {
position: relative;
width: 800px;
height: 100px;
}

#contentcontact {
position: relative;
width: 800px;
height: 100px;
} 

#footer {
position: relative;
left: 0px;
bottom: 0px;
width: 800px;
height: 110px;

}

/* endmain */

/* subheader */
#headerblock {
position:relative;
top:0px;
width: 100%;
height: 121px;
}

#logo {
	position:absolute;
	height:auto;
	width:auto;
	right:0px;
	top:0px;
}

#navimage {
	position: absolute;
	top: 146px;
	left: 0px;
	width: 800px;
	height: 400px;
	background:url(siteimg/navimage1.jpg) center no-repeat;
}

#video {
position: absolute;
top: 38px;
left: 175px;
}

#pagetitle {
position: absolute;
bottom: 0px;
right:0px;
border: none;
}

#housetitle {
position: absolute;
left: 0px;
top: 50px;
}


#navimagecontent {
position: absolute;
width: 780px;
height: 380px;
top: 30px;
left: 10px;
}

#eform {
position: absolute;
width: 580px;
height: 380px;
top:0px;
left: 0px;

}

#details {
position: absolute;
width: 200px;
height: 380px;
top:0px;
right: 0px;
}


/*end sub header*/

/* mainmenu */
#mainmenu {
position: absolute;
top: 10px;
left: 8px;
height: 15px;
width: 600px;
}

#submenu {
position: absolute;
top: 0px;
left: 0px;
text-align: right;
height: 15px;
width: 100%;
background: #ffffff;
}


#mainmenu ul, #mainmenu li {
	display: inline;
	margin: 0px;
	padding-left: 0px;
	padding-right: 50px;
	color: #339;
	font-weight: bold;
	font-size: 15px;
	color:#666666;
	text-align: left;
	}

#submenu ul, #submenu li {
	display: inline;
	margin: 3px;
	padding-left: 0px;
	padding-left: 18px;
	color: #339;
	font-weight: normal;
	font-size: 14px;
	color:#666666;
	text-align: left;
	}

li.inline {
display:inline;
padding-right: 2px;
padding-left: 2px;
border-right: 1px dotted #066;
font-size: 14px; margin: 0px 0px 0px 0px; color: #666666; font-weight: bold;
}

li.last {
display:inline;
padding-right: 10px;
border-right: 0px;
font-size: 14px; margin: 0px 0px 0px 0px; color: #666666; font-weight: bold;
}


/* endmainmenu */

/* endsubheader */

/* subfooter */
#links {
position: absolute;
right: 0px;
top:0px;
width: 257px;
height: 73px;
}

#link1 {
position: absolute;
top: 0px;
left: 0px;
height: 73px;
border: none;
width: 75px;
}
#link2 {
position: absolute;
top: 0px;
left: 73px;
height: 65px;
border: none;
width: 73px;
}
#link3 {
position: absolute;
top: 0px;
left: 138px;
height: 73px;
border: none;
width: 117px;
}

#fineprint1{ 
position:absolute;
height: 15px;
width: auto;
bottom: 10px;
right: 0px;
}

#fineprint2{ 
position:absolute;
height: 15px;
width: auto;
bottom: 10px;
left: 29%;
}

#mainmenufooter {
	position: absolute;
	top: 44px;
	height: 15px;
	width: auto;
	left: 8px;
}

#mainmenufooter ul, #mainmenufooter li {
	display: inline;
	margin: 0px;
	padding-left: 0px;
	padding-right: 50px;
	color: #339;
	font-weight: bold;
	font-size: 14px;
	color:#666666;
	text-align: left;
	}
/* endsubfooter */

/* subcontent */
#content1 {
margin-top: 50px;
position: absolute;
height: auto;
width: 580px;
left: 10px;
top:0px;
}

#content2 {
	margin-top: 50px;
	position: absolute;
	height: auto;
	width: 160px;
	right: 10px;
	top:0px;
	}

#text {
	position: relative;
	height: auto;
	width: 100%;
	
}
/* endsubcontent */

/* housemenu */
#housemenu {
position: absolute;
top: 121px;
left:0px;
width: 720px;
height: 25px;
z-index: 1;
}

.transbtn {
filter: alpha(opacity=70); -moz-opacity: .70; opacity: .7;
}

.transparentbg {
background-color: #dddddd ;
filter: alpha(opacity=90); -moz-opacity: .80; opacity: .8;
}

.transparentnone {
filter: alpha(opacity=100); -moz-opacity: .100; opacity: .10;
}

/*nav1*/
#nav1 {
position: absolute;
left: 0px;
top: 0px;
width: 115px;
height: 25px;
}

.nav1rollover a{
position: absolute;
left: 0px;
top: 0px;
width: 115px;
height: 25px;
background: url("siteimg/menurollover_01.gif") 0 0 no-repeat;
text-decoration: none;
}

.nav1rollover a:hover {
background-position: 0 -25px;
text-decoration: none;
}

.nav1popup a span {visibility:hidden}

.nav1popup a:hover span,#popups a:active span,#popups a:focus span {visibility:visible !important}

.nav1popup a span {
	position:absolute;
	top: 75px;
	left: 25px;
	width: 800px;
	height: 1px;
	z-index: 1;
	text-decoration: none;
}

#nav1popup {
position: absolute;
top: 0px;
left: 0px;
width: 300px;
height: 25px;
background: url("siteimg/menupopup_01a.gif") no-repeat top left;
z-index: 1;
}

#nav1popuptext{
position: absolute;
background:#FFFFFF;
height: 100px;
width: 100%;
bottom: 0px;
left: 0px;
text-decoration: none;
}

#nav1popuptext p {
padding: 5px}

#nav1popupmain{
position: absolute;
top: 0px;
width: 300px;
height: 300px;
left:0px;
background: url(siteimg/popup1.jpg) no-repeat 0 0;
}
/*endnav1*/

/*nav2*/
#nav2 {
position: absolute;
left: 120px;
top: 0px;
width: 115px;
height: 25px;
}

.nav2rollover a{
position: absolute;
left: 0px;
top: 0px;
width: 115px;
height: 25px;
background: url("siteimg/menurollover_02.gif") 0 0 no-repeat;
text-decoration: none;
}

.nav2rollover a:hover {
background-position: 0 -25px;
text-decoration: none;
}

.nav2popup a span {visibility:hidden}

.nav2popup a:hover span,#popups a:active span,#popups a:focus span {visibility:visible !important}

.nav2popup a span {
	position:absolute;
	top: 75px;
	left: -95px;
	width: 800px;
	height: 1px;
	z-index: 1;
	text-decoration: none;
}

#nav2popup {
position: absolute;
top: 0px;
left: 0px;
width: 300px;
height: 25px;
background: url("siteimg/menupopup_02a.gif") no-repeat top left;
z-index: 1;
}

#nav2popuptext{
position: absolute;
background:#FFFFFF;
height: 100px;
width: 100%;
bottom: 0px;
left: 0px;
text-decoration: none;
}

#nav2popuptext p {
padding: 5px}

#nav2popupmain{
position: absolute;
top: 0px;
width: 300px;
height: 300px;
left:0px;
background: url(siteimg/popup2.jpg) no-repeat 0 0;
}
/*endnav2*/

/*nav3*/
#nav3 {
position: absolute;
left: 240px;
top: 0px;
width: 115px;
height: 25px;
}

.nav3rollover a{
position: absolute;
left: 0px;
top: 0px;
width: 115px;
height: 25px;
background: url("siteimg/menurollover_03.gif") 0 0 no-repeat;
text-decoration: none;
}

.nav3rollover a:hover {
background-position: 0 -25px;
text-decoration: none;
}

.nav3popup a span {visibility:hidden}

.nav3popup a:hover span,#popups a:active span,#popups a:focus span {visibility:visible !important}

.nav3popup a span {
	position:absolute;
	top: 75px;
	left: -215px;
	width: 800px;
	height: 1px;
	z-index: 1;
	text-decoration: none;
}

#nav3popup {
position: absolute;
top: 0px;
left: 0px;
width: 300px;
height: 25px;
background: url("siteimg/menupopup_03a.gif") no-repeat top left;
z-index: 1;
}

#nav3popuptext{
position: absolute;
background:#FFFFFF;
height: 100px;
width: 100%;
bottom: 0px;
left: 0px;
text-decoration: none;
}

#nav3popuptext p {
padding: 5px}

#nav3popupmain{
position: absolute;
top: 0px;
width: 300px;
height: 300px;
left:0px;
background: url(siteimg/popup3.jpg) no-repeat 0 0;
}
/*endnav3*/

/*nav4*/
#nav4 {
position: absolute;
left: 360px;
top: 0px;
width: 115px;
height: 25px;
}

.nav4rollover a{
position: absolute;
left: 0px;
top: 0px;
width: 115px;
height: 25px;
background: url("siteimg/menurollover_04.gif") 0 0 no-repeat;
text-decoration: none;
}

.nav4rollover a:hover {
background-position: 0 -25px;
text-decoration: none;
}

.nav4popup a span {visibility:hidden}

.nav4popup a:hover span,#popups a:active span,#popups a:focus span {visibility:visible !important}

.nav4popup a span {
	position:absolute;
	top: 75px;
	left: -335px;
	width: 800px;
	height: 1px;
	z-index: 1;
	text-decoration: none;
}

#nav4popup {
position: absolute;
top: 0px;
left: 0px;
width: 300px;
height: 25px;
background: url("siteimg/menupopup_04a.gif") no-repeat top left;
z-index: 1;
}

#nav4popuptext{
position: absolute;
background:#FFFFFF;
height: 100px;
width: 100%;
bottom: 0px;
left: 0px;
text-decoration: none;
}

#nav4popuptext p {
padding: 5px}

#nav4popupmain{
position: absolute;
top: 0px;
width: 300px;
height: 300px;
left:0px;
background: url(siteimg/popup4.jpg) no-repeat 0 0;
}
/*endnav4*/

/*nav5*/
#nav5 {
position: absolute;
left: 480px;
top: 0px;
width: 115px;
height: 25px;
}

.nav5rollover a{
position: absolute;
left: 0px;
top: 0px;
width: 115px;
height: 25px;
background: url("siteimg/menurollover_05.gif") 0 0 no-repeat;
text-decoration: none;
}

.nav5rollover a:hover {
background-position: 0 -25px;
text-decoration: none;
}

.nav5popup a span {visibility:hidden}

.nav5popup a:hover span,#popups a:active span,#popups a:focus span {visibility:visible !important}

.nav5popup a span {
	position:absolute;
	top: 75px;
	left: -455px;
	width: 800px;
	height: 1px;
	z-index: 1;
	text-decoration: none;
}

#nav5popup {
position: absolute;
top: 0px;
left: 0px;
width: 300px;
height: 25px;
background: url("siteimg/menupopup_05a.gif") no-repeat top left;
z-index: 1;
}

#nav5popuptext{
position: absolute;
background:#FFFFFF;
height: 100px;
width: 100%;
bottom: 0px;
left: 0px;
text-decoration: none;
}

#nav5popuptext p {
padding: 5px}

#nav5popupmain{
position: absolute;
top: 0px;
width: 300px;
height: 300px;
left:0px;
background: url(siteimg/popup5.jpg) no-repeat 0 0;
}
/*endnav5*/

/*nav6*/
#nav6 {
position: absolute;
left: 600px;
top: 0px;
width: 115px;
height: 25px;
}

.nav6rollover a{
position: absolute;
left: 0px;
top: 0px;
width: 115px;
height: 25px;
background: url("siteimg/menurollover_06.gif") 0 0 no-repeat;
text-decoration: none;
}

.nav6rollover a:hover {
background-position: 0 -25px;
text-decoration: none;
}

.nav6popup a span {visibility:hidden}

.nav6popup a:hover span,#popups a:active span,#popups a:focus span {visibility:visible !important}

.nav6popup a span {
	position:absolute;
	top: 75px;
	left: -575px;
	width: 800px;
	height: 1px;
	z-index: 1;
	text-decoration: none;
}

#nav6popup {
position: absolute;
top: 0px;
left: 0px;
width: 300px;
height: 25px;
background: url("siteimg/menupopup_01a.gif") no-repeat top left;
z-index: 1;
}

#nav6popuptext{
position: absolute;
background:#FFFFFF;
height: 100px;
width: 100%;
bottom: 0px;
left: 0px;
text-decoration: none;
}

#nav6popuptext p {
padding: 5px}

#nav6popupmain{
position: absolute;
top: 0px;
width: 300px;
height: 300px;
left:0px;
background: url(siteimg/popup1.jpg) no-repeat 0 0;
}
/*endnav6*/


/* endhousemenu */


/* font */

h1 {text-align: right; bottom: 0px; font-size: 16px; line-height: 20px; margin: 0px 0px 0px 0px; padding: 0px; color: #666666; font-weight: bold;}
h2 {text-align: left; bottom: 0px; font-size: 14px; line-height: 18px; margin: 0px 0px 0px 10px; padding: 0px; color: #666666; font-weight: bold;}
h3 {text-align: right; bottom: 0px; font-size: 10px; line-height: 18px; margin: 0px 0px 0px 10px; padding: 0px; color: #666666; font-weight: bold;}
h4 {text-align: center; bottom: 0px; font-size: 10px; line-height: 18px; margin: 0px 0px 0px 0px; padding: 0px; color: #666666; font-weight: bold;}
h5 {text-align: left; top: 0px; font-size: 14px; line-height: 18px; margin: 0px px px 0px; padding: 10px; color: #333333; text-decoration: none;}
h6 {text-align: right; bottom: 0px; font-size: 16px; line-height: 20px; margin: 0px 20px 0px 0px; padding: 0px; color: #000000; font-weight: bold;}
p	{ text-align: justify; font-size: 14px; line-height: 14px; margin: 0px 0px 0px 0px; padding: 10px; color: #000000;}

.housemeasurements { text-align: right; font-size: 15px; line-height: 16px; margin: 0px 0px 0px 0px; padding: 0px; color: #666666; text-decoration:none; }

.housedetails { text-align: left; font-size: 15px; line-height: 16px; margin: 0px 0px 0px 0px; padding: 0px; color: #666666; text-decoration:none; }

#fineprint2 a { text-align: center; font-size: 10px; line-height: 14px; margin: 0px 0px 14px 0px; padding: 0px; color: #FF9900; text-decoration:none; }

#fineprint2 a:hover {text-align: center; font-size: 10px; line-height: 14px; margin: 0px 0px 14px 0px; padding: 0px; color: #FF0000; text-decoration: underline; }

.popups a {text-align: center; bottom: 0px; font-size: 14px; line-height: 18px; margin: 0px 0px 0px 0px; padding: 0px; color: #666666; text-decoration: none;}
.popups a:hover {text-align: center; bottom: 0px; font-size: 14px; line-height: 18px; margin: 0px 0px 0px 0px; padding: 0px; color: #666666; text-decoration: none;}

a {
color:#666666;
text-decoration: none;
}

a:hover {
color:#006600;
text-decoration: none;
}

a.contact {
color:#666666;
text-decoration: none;
font-weight: bold;
}

a.contact:hover {
color:#006600;
text-decoration: underline;
}

/* endfont */