body
{
text-align: left;
margin-top: 0%; 
margin-bottom: 0%;
}


#wrapper
{
margin-left: auto;
margin-right: auto;
width: 786px;
background-image: url(images/3hp_body.png);
background-repeat: repeat-y;
}

#top
{
background-image: url(images/3hp_top.png);
height: 180px;
}



/* Menu Icons Start */


#relative
{
position:relative;
}

#logo_link
{
display: block;
position: absolute;
top: 15px; 
left: 25px; 
height: 150px;
width: 160px;
}

#logo_link a
{
display: block;
height: 150px;
width: 160px;
}

#menu1
{
display: block;
position: absolute;
top: 33px; 
left: 240px; 
height: 101px;
width: 94px;
font-weight: 600;
font-size: 30px;
font-family: arial, serif;
color: #666;
}

#menu1 a
{
display: block;
height: 101px;
width: 94px;
background-image: url(images/3hp_menu_ico_search.png);
}

#menu1 a:hover 
{ 
background-position:0 -101px;
}

#menu2
{
display: block;
position: absolute;
top: 33px;
left: 380px; 
height: 101px;
width: 87px;
}

#menu2 a
{
display: block;
height: 101px;
width: 87px;
background-image: url(images/3hp_menu_ico_app.png);
}

#menu2 a:hover 
{ 
background-position:0 -101px;
}

#menu3
{
display: block;
position: absolute;
top: 33px;
left: 520px; 
height: 101px;
width: 87px;
}

#menu3 a
{
display: block;
height: 101px;
width: 87px;
background-image: url(images/3hp_menu_ico_mail.png);
}

#menu3 a:hover 
{ 
background-position:0 -101px;
}


#menu4
{
display: block;
position: absolute;
top: 33px;
left: 655px; 
height: 101px;
width: 104px;
}

#menu4 a
{
display: block;
height: 101px;
width: 104px;
background-image: url(images/3hp_menu_ico_phone.png);
}

#menu4 a:hover 
{ 
background-position:0 -101px;
}


/* Menu Icons Done */


#left_wrap
{
float: left;
background-image: url(images/3hp_ln.png);
width: 203px;
}

#lefttop
{
background-image: url(images/3hp_lt.png);
height: 24px;
}

#leftbottom
{
background-image: url(images/3hp_lb.png);
height: 19px;
}

#leftnav ul
{
list-style: none;
margin: 0em;
padding: 0em;

}

#leftnav li 
{
padding: 0em;
margin: 0em;
}

#leftnav a
{
color: #333;
font-weight: 600;
font-size: 20px;
font-family: arial, serif;
text-decoration: none; 
margin-left: 32px; 
line-height: 55px;
}

#leftnav a:hover
{
color: #fff;
}

#content
{
float: right;
width: 580px;
font-family: arial, serif;
font-size: 16px;
line-height: 18px;
}


#content a
{
color: #666;
text-decoration:none;
font-style: none;
font-family: Verdana, Geneva, Vera, Arial, Helvetica, sans-serif; 
}

#content a:hover
{
color: blue;
text-decoration:underline;
}

#content ul
{
padding: 0em;
display: block;
list-style-position: inside;
margin-left: 25px;
margin-top:12px;
}

#content ul li 
{
list-style-type: none;
margin: 5px;
}

#footer
{
clear: both;
background-image: url(images/3hp_footer.png);
width: 797px;
height: 63px; /*IE HAX*/ *height: 53px;*line-height:3px;
padding-top: 25px; /*IE HAX*/ *padding-top: 35px;
font-family: arial;
font-size: 10px;
text-align: center;
}

#footer a
{
color: #000;
font-weight: 900;
text-decoration: none;
}

#footer a:hover
{
color: blue;
}

#footer ul li
{
display: inline;
margin-left: 2px;
margin-right: 2px;
padding-bottom:-10px;
}

/* Random Content CSS */

#house
{
font-size: 16px;
line-height: 18px;
width: 450px;
padding-top: 20px; *padding-top: 33px;
padding-right: 50px;
padding-left: 10px;
background-image: url(images/tr-corner.png);
background-repeat: no-repeat;
margin-left: 50px;
margin-bottom: 50px;
min-height: 215px;
}

h1.house 
{
font-weight:600px;
font-size:30px;
}

#house h1 a
{
color: #000;
font-family: arial, serif;
}

#house h1 a:hover
{
color: #000;
font-family: arial, serif;
*text-decoration: none;
}



h2.picture 
{
float:left;
margin-right: 25px;
margin-left: 10px;
margin-bottom: 7px;
margin-top: 0;
background: #666;
font-size: 10px;
line-height: 10px;
color: #fff;
text-align: center;
}

#apts
{
font-size: 16px;
line-height: 18px;
width: 450px;
padding-top: 20px; *padding-top: 33px;
padding-right: 50px;
padding-left: 0px;
background-image: url(images/bottom.png);
background-repeat: no-repeat;
margin-left: 0px;
margin-bottom: 50px;
clear:both;
}

h1.apts
{
font-size: 20px;
text-align: center;
}

#apts ul
{
padding-left: 0;
margin-left: 0;
}

#apts ul li
{
display: inline;
margin:1px;
}

.apt_note
{
font-size: 14px;
font-weight: 600;
margin-left: 10px;
}

.logos ul li
{
/* display: inline; */
padding:10px;
text-align: center;
}


#slideshow
{
margin-left: 30px; *margin-left: 15px
}

#slideshow2
{
margin-left: 45px; *margin-left: 30px
}

.pagetop
{
width: 575px;
height: 32px;
background-image: url(images/page_top.png);
background-repeat: no-repeat;
}

.pagebody
{
width: 575px;
background-image: url(images/page_body.png);
background-repeat: repeat-y;
padding-left: 22px;
padding-right: 22px;
margin: 0px;
min-height:  50px;
margin-top:0em;
margin-bottom:0em;
}

.pagebody h1 
{
font-face: arial, serif;
font-weight: 600;
font-size: 20px;
margin-top:0em;
margin-left:0.5em;
margin-bottom: 1em;
}

.pagebody h2 
{
font-face: arial, serif;
font-weight: 600;
font-size: 18px;
margin-top:1em;
margin-left:3em;
margin-bottom: 1em;
}

.pagebody h3 
{
width: 15em;
float: left;
font-face: arial, serif;
font-weight: 600;
font-size: 14px;
margin-top:0em;
margin-bottom:-1em; *margin-bottom: -25px;
margin-left:1em;
}

.pagebody ul
{
margin-bottom: 0em;
margin-right: 33px;
margin-top:0px
}

.notop li, .noptop ul
{
margin-top:0px;
}


.label 
{
width: 15em;
float: left;
text-align: right;
margin-right: 0.5em; *margin-right: 0px; *padding-right: 0px;
margin-left: 0em;
display: block;
font-size: 12px;
}
.nolabel
{
text-align: left;
margin-right: 0.5em; 
margin-left: 0em;
display: block;
font-size: 12px;
}

.email_label 
{
width: 18%; *width: 7em;
float: left;
text-align: right;
margin-right: 0.5em; *margin-right: 0px; *padding-right: 0px;
margin-left: 0em;
display: block;
font-size: 14px;
font-weight: 600;
}

.bold
{
font-weight: 600;
}

.contact_label 
{
width: 10em;
float: left;
text-align: right;
margin-right: 0.5em; *margin-right: 0px; *padding-right: 0px;
margin-left: 0em;
display: block;
font-size: 14px;
font-weight: 600;
}

#email_form
{
width: 75%; *width: 21em;
}

#email_body
{
width: 94%; *width: 27em;
height: 18em;
resize: none; 
}

#submitbut
{
margin-top: 2em;
margin-bottom:0em;
margin-left: 170px; *margin-left: 130px;

}

.null
{
margin-top:0em;
margin-left:2px;
}

#sform
{
width:20px;
}
#mform
{
width:45px;
}

.stxt
{
font-size:9px;
vertical-align: middle; *vertical-align: bottom;
}

#alert
{
font-weight: 600; *margin-left:-20px;
color: red;
}

.sctxt
{
font-size:9px;
vertical-align: middle; *vertical-align: bottom;
text-align:center;
margin-left:30px;
}

.app_ind
{
margin-left: -5em;
margin-bottom:1em;
text-align:center;
line-height: 1.2em
}



.pagebottom
{
width: 575px;
height: 39px;
background-image: url(images/page_bottom.png);
background-repeat: no-repeat;
}


.iframe
{
padding-left:30px;
}

.iframetop
{
width: 513px;
height: 32px;
background-image: url(images/iframe_top.png);
background-repeat: no-repeat;
}

.iframebody
{
width: 513px;
background-image: url(images/iframe_body.png);
background-repeat: repeat-y;
padding-left: 29px;
}

.iframebottom
{
width: 513px;
height: 33px;
background-image: url(images/iframe_bottom.png);
background-repeat: no-repeat;
}

.back_button 
{
background: #fff; 
padding: 2px; 
font-family: Verdana, Geneva, Vera, Arial, Helvetica, sans-serif; 
border: 1px solid #aaa;
}

#next_button
{
float:right;
margin-right:25px;
}

#prev_button
{
float:left;
}body
{
text-align: left;
margin-top: 0%; 
margin-bottom: 0%;
}


#wrapper
{
margin-left: auto;
margin-right: auto;
width: 786px;
background-image: url(images/3hp_body.png);
background-repeat: repeat-y;
}

#top
{
background-image: url(images/3hp_top.png);
height: 180px;
}



/* Menu Icons Start */


#relative
{
position:relative;
}

#logo_link
{
display: block;
position: absolute;
top: 15px; 
left: 25px; 
height: 150px;
width: 160px;
}

#logo_link a
{
display: block;
height: 150px;
width: 160px;
}

#menu1
{
display: block;
position: absolute;
top: 33px; 
left: 240px; 
height: 101px;
width: 94px;
font-weight: 600;
font-size: 30px;
font-family: arial, serif;
color: #666;
}

#menu1 a
{
display: block;
height: 101px;
width: 94px;
background-image: url(images/3hp_menu_ico_search.png);
}

#menu1 a:hover 
{ 
background-position:0 -101px;
}

#menu2
{
display: block;
position: absolute;
top: 33px;
left: 380px; 
height: 101px;
width: 87px;
}

#menu2 a
{
display: block;
height: 101px;
width: 87px;
background-image: url(images/3hp_menu_ico_app.png);
}

#menu2 a:hover 
{ 
background-position:0 -101px;
}

#menu3
{
display: block;
position: absolute;
top: 33px;
left: 520px; 
height: 101px;
width: 87px;
}

#menu3 a
{
display: block;
height: 101px;
width: 87px;
background-image: url(images/3hp_menu_ico_mail.png);
}

#menu3 a:hover 
{ 
background-position:0 -101px;
}


#menu4
{
display: block;
position: absolute;
top: 33px;
left: 655px; 
height: 101px;
width: 104px;
}

#menu4 a
{
display: block;
height: 101px;
width: 104px;
background-image: url(images/3hp_menu_ico_phone.png);
}

#menu4 a:hover 
{ 
background-position:0 -101px;
}


/* Menu Icons Done */


#left_wrap
{
float: left;
background-image: url(images/3hp_ln.png);
width: 203px;
}

#lefttop
{
background-image: url(images/3hp_lt.png);
height: 24px;
}

#leftbottom
{
background-image: url(images/3hp_lb.png);
height: 19px;
}

#leftnav ul
{
list-style: none;
margin: 0em;
padding: 0em;

}

#leftnav li 
{
padding: 0em;
margin: 0em;
}

#leftnav a
{
color: #333;
font-weight: 600;
font-size: 20px;
font-family: arial, serif;
text-decoration: none; 
margin-left: 32px; 
line-height: 55px;
}

#leftnav a:hover
{
color: #fff;
}

#content
{
float: right;
width: 580px;
font-family: arial, serif;
font-size: 16px;
line-height: 18px;
}


#content a
{
color: #666;
text-decoration:none;
font-style: none;
font-family: Verdana, Geneva, Vera, Arial, Helvetica, sans-serif; 
}

#content a:hover
{
color: blue;
text-decoration:underline;
}

#content ul
{
padding: 0em;
display: block;
list-style-position: inside;
margin-left: 25px;
margin-top:12px;
}

#content ul li 
{
list-style-type: none;
margin: 5px;
}

#footer
{
clear: both;
background-image: url(images/3hp_footer.png);
width: 797px;
height: 63px; /*IE HAX*/ *height: 53px;*line-height:3px;
padding-top: 25px; /*IE HAX*/ *padding-top: 35px;
font-family: arial;
font-size: 10px;
text-align: center;
}

#footer a
{
color: #000;
font-weight: 900;
text-decoration: none;
}

#footer a:hover
{
color: blue;
}

#footer ul li
{
display: inline;
margin-left: 2px;
margin-right: 2px;
padding-bottom:-10px;
}

/* Random Content CSS */

#house
{
font-size: 16px;
line-height: 18px;
width: 450px;
padding-top: 20px; *padding-top: 33px;
padding-right: 50px;
padding-left: 10px;
background-image: url(images/tr-corner.png);
background-repeat: no-repeat;
margin-left: 50px;
margin-bottom: 50px;
min-height: 215px;
}

h1.house 
{
font-weight:600px;
font-size:30px;
}

#house h1 a
{
color: #000;
font-family: arial, serif;
}

#house h1 a:hover
{
color: #000;
font-family: arial, serif;
*text-decoration: none;
}



h2.picture 
{
float:left;
margin-right: 25px;
margin-left: 10px;
margin-bottom: 7px;
margin-top: 0;
background: #666;
font-size: 10px;
line-height: 10px;
color: #fff;
text-align: center;
}

#apts
{
font-size: 16px;
line-height: 18px;
width: 450px;
padding-top: 20px; *padding-top: 33px;
padding-right: 50px;
padding-left: 0px;
background-image: url(images/bottom.png);
background-repeat: no-repeat;
margin-left: 0px;
margin-bottom: 50px;
}

h1.apts
{
font-size: 20px;
text-align: center;
}

#apts ul
{
padding-left: 0;
margin-left: 0;
}

#apts ul li
{
display: inline;
margin:1px;
}

.apt_note
{
font-size: 14px;
font-weight: 600;
margin-left: 10px;
}

.logos ul li
{
/* display: inline; */
padding:10px;
text-align: center;
}


#slideshow
{
margin-left: 30px; *margin-left: 15px
}

#slideshow2
{
margin-left: 45px; *margin-left: 30px
}

.pagetop
{
width: 575px;
height: 32px;
background-image: url(images/page_top.png);
background-repeat: no-repeat;
}

.pagebody
{
width: 575px;
background-image: url(images/page_body.png);
background-repeat: repeat-y;
padding-left: 22px;
padding-right: 22px;
margin: 0px;
min-height:  50px;
margin-top:0em;
margin-bottom:0em;
}

.pagebody h1 
{
font-face: arial, serif;
font-weight: 600;
font-size: 20px;
margin-top:0em;
margin-left:0.5em;
margin-bottom: 1em;
}

.pagebody h2 
{
font-face: arial, serif;
font-weight: 600;
font-size: 18px;
margin-top:1em;
margin-left:3em;
margin-bottom: 1em;
}

.pagebody h3 
{
width: 15em;
float: left;
font-face: arial, serif;
font-weight: 600;
font-size: 14px;
margin-top:0em;
margin-bottom:-1em; *margin-bottom: -25px;
margin-left:1em;
}

.pagebody ul
{
margin-bottom: 0em;
margin-right: 33px;
margin-top:0px
}

.notop li, .noptop ul
{
margin-top:0px;
}


.label 
{
width: 15em;
float: left;
text-align: right;
margin-right: 0.5em; *margin-right: 0px; *padding-right: 0px;
margin-left: 0em;
display: block;
font-size: 12px;
}
.nolabel
{
text-align: left;
margin-right: 0.5em; 
margin-left: 0em;
display: block;
font-size: 12px;
}

.email_label 
{
width: 18%; *width: 7em;
float: left;
text-align: right;
margin-right: 0.5em; *margin-right: 0px; *padding-right: 0px;
margin-left: 0em;
display: block;
font-size: 14px;
font-weight: 600;
}

.bold
{
font-weight: 600;
}

.contact_label 
{
width: 10em;
float: left;
text-align: right;
margin-right: 0.5em; *margin-right: 0px; *padding-right: 0px;
margin-left: 0em;
display: block;
font-size: 14px;
font-weight: 600;
}

#email_form
{
width: 75%; *width: 21em;
}

#email_body
{
width: 94%; *width: 27em;
height: 18em;
resize: none; 
}

#submitbut
{
margin-top: 2em;
margin-bottom:0em;
margin-left: 170px; *margin-left: 130px;

}

.null
{
margin-top:0em;
margin-left:2px;
}

#sform
{
width:20px;
}
#mform
{
width:45px;
}

.stxt
{
font-size:9px;
vertical-align: middle; *vertical-align: bottom;
}

#alert
{
font-weight: 600; *margin-left:-20px;
color: red;
}

.sctxt
{
font-size:9px;
vertical-align: middle; *vertical-align: bottom;
text-align:center;
margin-left:30px;
}

.app_ind
{
margin-left: -5em;
margin-bottom:1em;
text-align:center;
line-height: 1.2em
}



.pagebottom
{
width: 575px;
height: 39px;
background-image: url(images/page_bottom.png);
background-repeat: no-repeat;
}


.iframe
{
padding-left:30px;
}

.iframetop
{
width: 513px;
height: 32px;
background-image: url(images/iframe_top.png);
background-repeat: no-repeat;
}

.iframebody
{
width: 513px;
background-image: url(images/iframe_body.png);
background-repeat: repeat-y;
padding-left: 29px;
}

.iframebottom
{
width: 513px;
height: 33px;
background-image: url(images/iframe_bottom.png);
background-repeat: no-repeat;
}

.back_button 
{
background: #fff; 
padding: 2px; 
font-family: Verdana, Geneva, Vera, Arial, Helvetica, sans-serif; 
border: 1px solid #aaa;
}

#next_button
{
float:right;
margin-right:25px;
}

#prev_button
{
float:left;
}

/*FORM VALIDATION*/
.reqfield
{
color:#a30000;
font-family:sans-serif;
padding-left:5px;
display:inline-block;
}

form ul li
{
position:relative;
clear:both;
}

.validation-advice
{
float:right;
background-color:red;
font-size:0.6em;
padding-left:25px;
padding-right:10px;
line-height:20px;
background-image:url('images/arr.png');
background-repeat:no-repeat;
height:20px;
color:#a30000;
font-family:sans-serif;
z-index:10;
}

.validation-failed
{
border:thin solid #a30000;
padding:2px;
}

.stxt span, .stxt div
{
font-size:1em;
}