body {
margin : 0;
padding : 0;
background : #cbcbcb url(../img/background.jpg) repeat-x top;
font-family : sans-serif, Helvetica, Arial, Verdana;
}
#contentwrapper {
float : left;
min-width : 840px;
width : 100%;
}
#contentcolumn {
margin : 0 40px 0 40px;
background : #ffffff;
}
#top {
width : 100%;
height : 215px;
background : #ffffff url(../img/header.gif) repeat-x bottom;
}
#logo {
width : 50%;
margin-top : 2px;
height : 125px;
float : left;
position : relative;
background : transparent;
}
img.im1 {
margin-top : 30px;
margin-left : 20px;
}
img.le {
float : left;
padding : 20px 10px 10px 30px;
}
#topright {
width : 50%;
background : transparent;
margin-top : 0;
float : right;
display : inline;
}
img.im2 {
margin-top : 9px;
margin-right : 2px;
float : right;
}
#menu1 {
margin-left : auto;
margin-right : auto;
width : 100%;
height : 40px;
background : url(../img/menubar.jpg) repeat-x bottom;
border-bottom-color : #7f7f7f;
border-bottom-width : 1px;
border-bottom-style : solid;
}
#leftcol {
width : 30%;
float : left;
position : relative;
background : #ffffff;
}
#leftcol h2 {
font : normal 20px Trajan Pro, Arial, Verdana, Helvetica, sans-serif;
color : #621010;
border-bottom : 1px solid #621010;
margin-right : 10px;
margin-top : 10px;
}
#leftcol h4 {
font : normal 15px Verdana, Helvetica, Arial, sans-serif;
color : #5f5f5f;
margin-right : 10px;
margin-top : 10px;
margin-bottom : 5px;
}
#maincol {
background : #ffffff;
float : right;
display : inline;
position : relative;
width : 70%;
}
#maincol h1 {
font : bold 20px Trajan Pro, Arial, Verdana, Helvetica, sans-serif;
color : #621010;
border-bottom : 1px solid #621010;
margin-right : 10px;
margin-top : 10px;
}
#maincol h4 {
font : normal 15px Verdana, Helvetica, Arial, sans-serif;
color : #5f5f5f;
margin-right : 10px;
}
#maincol h4 a {
font : normal 15px Verdana, Helvetica, Arial, sans-serif;
color : #b0564a;
}
#innertube1 h4 a {
font : normal 15px Verdana, Helvetica, Arial, sans-serif;
color : #b0564a;
}
#mainleft {
width : 48%;
float : left;
position : relative;
padding-right: 10px;
border-right-color : #621010;
border-right-width : 1px;
border-right-style : solid;
}
#maincol h2 {
font : bold 18px Trajan Pro, Arial, Verdana, Helvetica, sans-serif;
color : #621010;
}
#mainright {
width : 48%;
float : right;
display : inline;
padding-right: 10px;
position : relative;
}
#mainright h2 {
font : bold 18px Trajan Pro, Arial, Verdana, Helvetica, sans-serif;
color : #621010;
}
#leftcolumn {
float : left;
width : 40px;
margin-left : -100%;
background : transparent url(../img/left.png) repeat-y right top;
}
#rightcolumn {
float : left;
width : 40px;
margin-left : -40px;
background : transparent url(../img/right.png) repeat-y left top;
}
.cm1 {
height : 930px;
}
.l1 {
height : 930px;
}
.r1 {
height : 930px;
}
.cm2 {
height : 1010px;
}
.l2 {
height : 1010px;
}
.r2 {
height : 1010px;
}
.cm3 {
height : 1286px;
}
.l3 {
height : 1286px;
}
.r3 {
height : 1286px;
}
.cm4 {
height : 3386px;
}
.l4 {
height : 3386px;
}
.r4 {
height : 3386px;
}
.cm5 {
height : 1050px;
}
.l5 {
height : 1050px;
}
.r5 {
height : 1050px;
}
.cm6 {
height : 2486px;
}
.l6 {
height : 2486px;
}
.r6 {
height : 2486px;
}
.innertube {
margin : 10px;
}
.innertube1 {
margin : 10px;
border-right-color : #621010;
border-right-width : 1px;
border-right-style : solid;
}
.list {
margin : 10px;
background : #f7f7f7 url(../img/input.gif) repeat-x bottom;
border : 1px solid #621010;
}
.list1 {
margin : 10px;
background : #f7f7f7 url(../img/input.gif) repeat-x bottom;
border : 1px solid #621010;
}
h3 {
font : bold 16px Arial, Verdana, Helvetica, sans-serif;
color : #621010;
}
input.inp {
width : 210px;
height : 20px;
background : #f7f7f7 url(../img/input.gif) repeat-x bottom;
border : 1px solid #7f7f7f;
font-family : Tahoma;
color : #575757;
font-size : 12px;
margin-left : 2px;
padding-top : 2px;
padding-left : 2px;
}
select.inp {
width : 210px;
height : 21px;
background : url(../img/input.gif) repeat-x bottom;
border : 1px solid #7f7f7f;
font-family : Tahoma;
color : #575757;
font-size : 12px;
margin-left : 2px;
margin-bottom : 10px;
padding-top : 2px;
padding-left : 2px;
}
input.inp2 {
width : 140px;
height : 20px;
background : #f7f7f7 url(../img/input.gif) repeat-x bottom;
border : 1px solid #7f7f7f;
font-family : Tahoma;
color : #575757;
font-size : 12px;
margin-left : 2px;
padding-top : 2px;
padding-left : 2px;
}
input.inp3 {
width : 60px;
height : 20px;
background : #f7f7f7 url(../img/input.gif) repeat-x bottom;
border : 1px solid #7f7f7f;
font-family : Tahoma;
color : #575757;
font-size : 12px;
margin-left : 2px;
padding-top : 2px;
padding-left : 2px;
}
select.inp2 {
width : 145px;
height : 21px;
background : url(../img/input.gif) repeat-x bottom;
border : 1px solid #7f7f7f;
font-family : Tahoma;
color : #575757;
font-size : 12px;
margin : 10px 0 10px 2px;
padding-top : 2px;
padding-left : 2px;
}
input {
margin : 5px;
}
hr {
width : 98%;
border : 0;
height : 1px;
background-color : #621010;
color : #621010;
}
font.f1 {
color : #621010;
}
font.f2 {
color : #4f0356;
}
ul {
margin : 10px 0 20px 0;
padding: 0 0 0 0px;
list-style: none;
}
li.li2 {
font : normal 11pt Arial, Verdana, Helvetica,  sans-serif;
color : #5f5f5f;
line-height : 120%;
margin : 0 0px 0 0;
list-style: square url("../img/arrow_purple.gif");
list-style-position: inside; 
text-align: justify;
}
li.li1 {
font : normal 12px Verdana, Helvetica, Arial, sans-serif;
color : #5f5f5f;
line-height : 160%;
margin : 0 0px 0 0;
list-style: square url("../img/list.gif");
list-style-position: inside; 
text-align: justify;
}
img.ri {
float : right;
margin : 0 10px 0 10px;
border : 3px solid #621010;
}
img {
border : 0;
}
#footer {
margin-left : auto;
margin-right : auto;
width : 100%;
height : 100px;
clear : both;
}
#footer p {
font : normal 10pt Helvetica, Arial, sans-serif;
padding-top : 10px;
padding-left : 10px;
color : #5e6c6e;
}
#footer p a {
font : normal 10pt Helvetica, Arial, sans-serif;
font-style : italic;
padding : 5px;
color : #5e6c6e;
text-decoration : none;
}
#footer p a:hover {
text-decoration : underline;
}
#line {
margin-left : auto;
margin-right : auto;
width : 100%;
height : 20px;
background : #69486c;
}
a.a1 {
font : normal 15px Verdana, Helvetica, Arial, sans-serif;
color : #b0564a;
text-decoration : none;
}
a.a1:hover {
text-decoration : underline;
}
textarea {
width : 300px;
height : 120px;
background : #f7f7f7 url(../img/input.gif) repeat-x bottom;
border : 1px solid #7f7f7f;
font-family : Tahoma;
color : #575757;
font-size : 12px;
margin-top : 0;
margin-left : 0;
padding-top : 5px;
padding-left : 5px;
}
.hidden {
display : none;
}
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.clearfix {
display : inline-block;
}
* html .clearfix {
height : 1%;
}
.clearfix {
display : block;
}
@media print {
#leftcol {
display : none;
}
#twocols, #maincol {
width : 100%;
float : none;
}
}
a.green {
color : #4f6717;
font-size : 9pt;
text-decoration : none;
font-family : Arial, Verdana, Helvetica, sans-serif;
}
a.green:hover {
text-decoration : underline;
}
a.green2 {
color : #4f6717;
font-size : 12pt;
text-decoration : none;
font-family : Arial, Verdana, Helvetica, sans-serif;
}
a.green2:hover {
text-decoration : underline;
}
a.black {
color : #000000;
font-size : 11pt;
font-weight : bold;
text-decoration : none;
font-family : Arial, Verdana, Helvetica, sans-serif;
}
a.black:hover {
color : #ff750f;
font-weight : bold;
}
.button1 {
width : 180px;
height : 22px;
display : block;
background : url(../img/view_gallery.gif);
}
.button1:hover {
width : 180px;
height : 22px;
display : block;
background : url(../img/view_gallery_hover.gif);
}
.button2 {
width : 180px;
height : 22px;
display : block;
background : url(../img/view_map.gif);
}
.button2:hover {
width : 180px;
height : 22px;
display : block;
background : url(../img/view_map_hover.gif);
}
.button3 {
width : 180px;
height : 22px;
display : block;
background : url(../img/print.gif);
}
.button3:hover {
width : 180px;
height : 22px;
display : block;
background : url(../img/print_hover.gif);
}
.button4 {
width : 180px;
height : 22px;
display : block;
background : url(../img/send_info.gif);
}
.button4:hover {
width : 180px;
height : 22px;
display : block;
background : url(../img/send_info_hover.gif);
}
.button5 {
width : 180px;
height : 22px;
display : block;
background : url(../img/see_property.gif);
}
.button5:hover {
width : 180px;
height : 22px;
display : block;
background : url(../img/see_property_hover.gif);
}
img.imgg {
width : 100px;
height : 18px;
position : absolute;
margin-top : 210px;
margin-left : 170px;
background : url(../img/enlarge.png) no-repeat;
z-index : 1;
}
.text2 {
font-family : Arial, Verdana, Helvetica, sans-serif;
color : #000000;
font-size : 12pt;
}
#yy {
margin-left : auto;
margin-right : auto;
background : #ffffff;
text-align : center;
border-color : #621010;
border-width : thin;
border-style : solid;
width : 750px;
height : 650px;
overflow : auto;
}
body {
font : 11px Verdana, Arial;
}
ul.menu {
list-style : none;
margin : 0;
padding : 0;
}
ul.menu * {
margin : 0;
padding : 0;
}
ul.menu a {
display : block;
color : #000;
text-decoration : none;
}
ul.menu li {
position : relative;
float : left;
margin-right : 0;
}
ul.menu ul {
position : absolute;
top : 40px;
left : 0;
background : #d1d1d1;
display : none;
list-style : none;
}
ul.menu ul li {
position : relative;
border : 1px solid #aaa;
border-top : none;
width : 148px;
margin : 0;
}
ul.menu ul li a {
display : block;
padding : 5px 7px 5px;
background-color : #d1d1d1;
}
ul.menu ul li a:hover {
background-color : #c5c5c5;
}
ul.menu ul ul {
left : 148px;
top : -1px;
}
ul.menu .menulink {
border : 1px solid #aaa;
padding : 15px 7px 10px;
font-weight : bold;
background : transparent;
width : 75px;
}
ul.menu .menulink:hover, ul.menu .menuhover {
background : transparent;
}
ul.menu .sub {
background : #d1d1d1 url(../img/arrow.gif) no-repeat 136px 8px;
}
ul.menu .topline {
border-top : 1px solid #aaa;
}