html
{
 margin: 0;
 padding: 0;
}

body
{
 font-size: 76%;
 font-family:verdana, arial, sans-serif;
 margin: 0;
 padding: 0;
 background: #36287A url(../gfx/mainbg.png) repeat-x 0 0;
 text-align: center;
}
img { border: 0; display:block;}
div { margin: 0; padding: 0;}

#container { }
#main { text-align: left; margin: 0 auto 0 auto; padding: 0px; width: 720px;position: relative; z-index:2;}

#header {height: 186px; width: 718px; background: transparent url(../gfx/header.png) no-repeat; text-align: right; position: relative;}
#header a, #header a:active, #header a:visited {text-decoration: none; color: #ffffff; font-size: 1.1em; font-weight: bold;}
#header a:hover {text-decoration: underline; }
#header ul {margin: 0; color: #ffffff; position: absolute; top: 80px; right: 10px;}
#header li {display: inline; border-right: 2px solid #BE85F5; padding: 0px 5px;}
#header li.last { border: none }

#header h2 { color: #ffffff; margin: 0px; padding: 0px; font-size: 24px; position: absolute; bottom: 52px; right: 15px;font-weight: normal;}
#header h2 span, #header h3 span { color: #d6b0f9; padding: 0 5px;}
#header h3 { color: #D0C9FF; margin: 0px; padding: 0px; font-size: 12px; position: absolute; bottom: 32px; right: 15px;font-weight: normal;}


#header h1 {color: #ffffff; text-align: left; position: absolute; top: 0px; left: 0px; font-size: 10px; padding: 0; margin: 0; font-weight: normal;}
#header h1 span {padding-left: 28px;}
#header span.hidden {font-size: 1px; color: #25146a}

#menuside {width: 102px; height: 414px; background:#B1A7EC url(../gfx/menuback.gif) no-repeat 0px 314px;}
#menuside h3 
{ 
 background: url(../gfx/howmanybg.jpg) no-repeat; 
 font-size: 16px; text-align: center; color: #ffffff;
 padding-top:5px; margin: 0; height: 84px;
}

#menuside a, #menuside a:active, menuside a:visited, menuside a:hover
{text-decoration: none; color: #ffffff; font-size: 20px; display: block; height: 40px; text-align: center; line-height: 35px;}

#menuside ul {margin: 0; padding: 0; list-style-type: none;}
#menuside li { margin: 0px 0 5px 0; height: 40px; background-repeat: no-repeat; background-position: 0% 100%;}
#menuside li a {height: 40px; background-repeat: no-repeat; background-position: 0% 0%;}
#menuside li a:hover {background: transparent;}

.threeroom { background: url(../gfx/three_comp.jpg); }
.threeroom a { background: url(../gfx/three_comp.jpg); }

.fourroom {background: url(../gfx/four_comp.jpg);}
.fourroom a {background: url(../gfx/four_comp.jpg);}

.fiveroom {background: url(../gfx/five_comp.jpg);}
.fiveroom a {background: url(../gfx/five_comp.jpg);}

.sixroom {background: url(../gfx/six_comp.jpg);}
.sixroom a {background: url(../gfx/six_comp.jpg);}

.sevenroom {background: url(../gfx/seven_comp.jpg);}
.sevenroom a {background: url(../gfx/seven_comp.jpg);}

#content
{
 background: #D0C9FF url(../gfx/frontbg.jpg) no-repeat bottom left; 
 width:617px; height: 414px;
 position: absolute; top:186px; left: 102px;
 color: #28156F;
 overflow: auto;
}

legend, #content h3 
{
 background: transparent url(../gfx/mainbullet.gif) no-repeat 10px 50% ; 
 padding: 0 0 0 30px; margin: 0 0 10px 0;
 font-size: 1.3em; font-weight: bold;
}

label, form p { margin: 0; display: block; width: 13em; text-align: right; float: left; font-size: 0.9em; font-weight: bold; }
input.button {float: right; margin: 10px 50px 0 0; width: 90px;}
span.hint { font-size: 0.9em; margin: 0 0 0 5px; display: block; margin: 0 0 1em 13em;}

#content h1 { font-size: 17px; font-weight: normal; margin: 20px 0 0 34px; }
#content h2 { font-size: 17px; font-weight: normal;margin: 5px 0 10px 80px; }
#content h3 {margin-top: 15px;}

#content ul { list-style-type: none; list-style-image: url(../gfx/mainbullet.gif); margin: 0; padding: 0; font-size: 1.1em; }
#pos1 { margin: 0 0 0 200px;  }
#pos2 { margin: 20px 0 0 220px; }
#pos3 { margin: 20px 20px 0 233px; }
#pos4 { margin: 20px 40px 0 229px; }
#pos5 { margin: 20px 0 0 210px; font-size: 1.3em; }

#content p.intro {
line-height:1.3em;
margin:1em 37px;
}

fieldset { border:0; padding: 0; margin:15px 0 0 0; }
fieldset br { display: none; }
fieldset div { clear: both; position: relative; margin-top: 5px;display: inline;}

div.backnext {height: 30px;}
div.backnext h4 
{
 display: inline;
 font-size: 18px; font-weight: normal; 
 margin: 0;
 padding: 0 0 0 8px;
}
div.backnext a, .backnext a:visited, .backnext a:active, dd a, dd a:active, dd a:visited
 { text-decoration: none; color: #28156a;}
 
div.backnext a:hover, dd a:hover {text-decoration: underline;color: #7F73CA;}
dd a {font-size: 12px; margin-left: 10px;}
div.backnext span {font-size: 1.1em; font-weight: bold; margin: 0px 20px 0px 90px; color: #7F73CA;}

dl.house_desc
{
 width: 392px; height: 384px; margin: 0px; padding: 0px; 
 background: #C5BDF9 url(../gfx/description.gif) no-repeat 100% 100%;
 overflow:auto;
}
dl.house_desc p {margin: 0px; padding: 0px; text-align: justify;}
dt.address, dt.details, dt.rates, dl.portfolio dt
{
 background: #BFB7F2 url(../gfx/medbullet.gif) no-repeat 5px 50%; 
 font-size: 18px; font-weight: normal; 
 padding: 5px 0px 5px 25px;
}
dl.portfolio dt 
{  background: #BFB7F2; padding-left: 35px; }

dt.rates{background-color:#D0C9FF;}
dt.details {background-color: #C5BDF9;}
dl.house_desc dd { margin: 0px; padding: 5px 20px; }
dd.address{background: #BFB7F2 url(../gfx/address.gif) no-repeat 100% 100%; height: 25px; font-size: 1.2em;}
dd.rates{background: #D0C9FF url(../gfx/rates.gif) no-repeat 100% 100%; height: 25px; font-size: 1.2em;}
dd.details{background: transparent; font-size: 0.9em;}

dl.portfolio { width: 598px; margin: 0px; padding: 0px; background: #C5BDF9; overflow: hidden; }
dl.portfolio dd {background: #D0C9FF; margin: 0; font-size: 1.1em; font-weight: bold; border-bottom: 1px solid #BFB7F2;}
dl.portfolio dd a,dl.portfolio dd a:visited,dl.portfolio dd a:active,dl.portfolio a:hover
  {display: block; margin: 0;padding: 5px 0px 10px 60px; background: #D0C9FF; text-decoration: none; color:#28156F; width: 100%;}
dl.portfolio dd a:hover {background-color: #897ECA; color: #e5dDFf;}
p.portfolio {margin-left: 35px;}

#pics 
{
 position: absolute; top: 0; right: 0px; 
 width:225px; height: 414px;
 background-color: #B1A7EC;
 overflow: hidden;
 _right:-1px; 
}
#pics p {text-align: center; margin: 0; padding: 0; font-size: 0.8em;}
#pics img { border: 1px solid #36287A; }
.preview { margin: 10px 0px 3px 8px; float: left; display: inline; }
.thumb { margin: 5px 0px 5px 8px;float: left; display: inline; }

p.thanks {font-size: 1.4em; text-align: center; margin: 120px 0 0 0;}

#footer { text-align: right; font-size: 0.8em; }
#footer p { display: inline; }
#footer a, #footer a:visited, #footer a:active, #footer a:hover {text-decoration: none; color: #B1A7EC;}
#footer a:hover {color: #E3DEFF;}

#extradiv 
{ 
 width: 32%; height: 650px; 
 position: absolute; top:0; left:0; 
 background: transparent url(../gfx/leftbg.png) repeat-x; 
 z-index:1;
}