body {

        font-size: 62.5%; /* Resets 1em to 10px */

        background: #E7E7E7 url('http://www.pro-real-estate.com/images/back.jpg') repeat; border: none;

        font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

        text-align: center;

        margin: 0;

}

#page {

        width: 807px;

        margin-right: auto;

        margin-left: auto;

        margin-top: 0px;

        padding: 0;

        text-align: left;

        background-image: url(images/bgm.jpg);

        background-repeat: repeat-y;

        background-position: center; 

}

#hdr{

background: #E7E7E7 url('images/head.jpg') no-repeat bottom center;

margin: 0 0 0 0px; 

	padding: 0 0 0 0px; 

	height: 200px; 

	width: 807px; 

 } 

 #lh-col{

float: left;

margin: 0px 0px 0px 0px;

 width: 168px;

 color: #000;

 font: 8pt Verdana;

 padding: 5px 0px 0px 18px;

 height: 500px;



 }

 #c-col{

 float: right;

 margin: 5px 0px 0px 0px;

 font: 8pt Verdana;

 padding: 0px 0px 20px 0px;

 width: 620px;

 }

 #title{

float: left;

 background: url('images/bg.jpg') no-repeat top center;

 margin: 0px 0px 16px -8px;

 font: 8pt Verdana;

 padding: 0px 0px 0px 0px;

 width: 620px;

 height: 28px;



 }

 #footer { 

 width: 807px;

 clear: both;

 color: #333;

 margin: 0px 0px 0px 0px;

padding: 0 0 60px 0px; 

 background: #E7E7E7 url('images/bgf.jpg') no-repeat top center;

}

#footer p {

margin: 0;

padding: 20px 0;

text-align: center;

}

#footer span {
text-align: right;
padding-left: 620px;

}

 h1, h2, h3 {

font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;

font-weight: bold;

}

h1 {

text-align: left;

margin-top: 0px;

margin-left: 63px;

font: bold 11pt  Arial;

color: #E9E9E9;

}

 h2 {

	font-size: 1.4em;

    margin: 3px 0 0 0px;

    text-align: center;

    color: #E6E6E6;

	}

 h3 {

	font-size: 1.2em;

    margin-left: 30px;

	}

td{font-family:Verdana;font-size:10px;}

a{color:#1E5485}

form{clear: both;

}

p {

        margin: 0 40px 10px 30px;

        text-align: justify;

        color: #000;

        font-size: 1.2em;

        line-height: 1.4em;

}

img.p {

padding: 0 0 10px 10px;

}

 p.bottom { 



        margin: 20px 40px 10px 30px;

        text-align: center;

        font-size: 1.2em;

        line-height: 1.4em;

}

 p.h { 



        margin: 0 63px 10px 63px;

        text-align: justify;

         font: 8pt Verdana;

        color: #E9E9E9

}

.wel{font-family:HeliosCond;font-weight:bold;font-size:14px;color:#ffffff}

.footer{font-family:HeliosBlack;font-size:9px;color:#717171}

.bg{font-family:HeliosBlack;font-size:11px;color:#717171;text-decoration:none;}

.style1 {color: #FFFFFF}

.style2 {color: #000000}

.style3 {

	font-size: 14px;

	font-weight: bold;

}

.style4 {font-size: 12px}

.products ul {

margin: 0px;

padding:0px;

list-style:none; /* No bullets */

overflow:hidden; /* Clear the floats */

}

.products li {

float:left; /* Horiz list */

width:280px; /* Room for thm and text */

height: 395px;

padding:5px; /* Gap between */

margin: 5px 5px 5px 8px;

border: 1px solid #CCCCCC;

}

.products p {

margin: 0px 0px 0px 0px;

}

.products div {

margin: 8px 5px 0px 5px;

text-align: right;

}

.products li img {

display:block;

margin:0 auto; /* Centre block image */

width:275px;  /* All thms the same size */

height:184px;

}



.images ul {

clear:both;

margin: 0 0 0 90px;

padding:0px;

list-style:none; /* No bullets */

overflow:hidden; /* Clear the floats */

}

.images li {

width:387px; /* Room for thm and text */

height: 259px;

padding:10px; /* Gap between */

margin: 10px;

border: 1px solid #CCCCCC;

}

.images p {

margin: 0px 0px 0px 0px;

}

.images div {

margin: 0px 0px 0px 0px;

text-align: right;

}

.images li img {

display:block;

margin:0 auto; /* Centre block image */

width:387px; /* All thms the same size */

height:259px;

}



a.nav:link {

        color: #fff;

        text-decoration: none;

}

a.nav:visited {

        color: #fff;

        text-decoration: none;

}

a:active {

        outline: none;

}

A.nav:active {

        color: #fff;

}

A.nav:hover {

        color: #fff;

}

a img {

border: none;

	}



.menu{
list-style-type: none;
margin: 0 0px 15px 0;
padding: 0;
width: 158px;
border: 1px solid #9A9A9A;
border-bottom-width: 0;

}

.menu li a{

background: white url(images/gback3.gif) repeat-x bottom left;
font: bold 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 5px;
text-decoration: none;
}

* html .menu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */

width: 158px;

}


.menu li a:visited, .menu li a:active{

color: white;

}



.menu li a:hover{

background-image: url(images/gback2.gif);

}



br {

	clear: left;

}

.outline_form {
   
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	
}

#SearchFound{
padding: 20px;

background-color: #E7DFD2;
border-right: #cccccc 1px solid;
border-top: #cccccc 1px solid;
border-left: #cccccc 1px solid;
border-bottom: #cccccc 1px solid;

}

#gallery2 {
		background-color: #FFF;
		padding: 10px;
		width: 560px;
	}
	#gallery2 ul { list-style: none; }
	#gallery2 ul li { display: inline; }
	#gallery2 ul img {
		border: 5px solid #FFF;
		border-width: 5px 5px 5px;
	}
	#gallery2 ul a:hover img {
		border: 5px solid #3e3e3e;
		border-width: 5px 5px 5px;
		color: #fff;
	}
	#gallery2 ul a:hover { color: #fff; }
	

/* Menu location*/

#menul {
	float: right;
}

#menul ul {
	margin: 0px;
	padding: 5px 20px 5px 0px;
	list-style: none;
	line-height: normal;
}

#menul li {
	float: left;
	margin: 0px;
	padding: 0px;
	border:solid 1px #ccc;
}

#menul a {
	display: block;
	width: auto;
	padding: 4px 15px;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

#menul a:hover {
	text-decoration: underline;
	background:#FF9900;
	color:#FFFFFF;
}

#menul .active {
	background: #FF9900;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;

}

#menul .active a {
    
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	/*background: url(images/img02.gif) no-repeat 100% -40px;*/
}

.main-box {
	width:1047px;
	margin:0 auto;}
.outer-box {
	width:120px;
	float:left;
	padding-top:8px;}
.inside-box {
	width:807px;
	float:left;}


