/**********************************************************

     TEMPLATE BASED WEBSITE DESIGNED AND DEVELOPED BY

           VEBRA GRAPHICS (VEBRA SOLUTIONS LTD.)

                      COPYRIGHT 2005



      ORIGINAL AUTHOR: DAVID SWALLOW (david.swallow@vebra.com)
	  EDITED BY: SORREL HOARE (sorrel.hoare@vebra.com)

                        10/11/2006



                      www.vebra.info

/**********************************************************/  



html, body{

	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:100%;	
	font-size: 10px;
	font-weight: bold;
	color:#333;
	min-width:773px;
	}


* html body{
	/* Hide from IE-Mac \*/
	height:70%; /*Keeps the page at a reasonable height in IE.*/
	/* End hide */
	}



#container, #blank_container{
	position:relative;
	min-height:460px;
	width:100%;
	background:url(images/left_column.gif) repeat-y top left;
}



* html #container, * html #blank_container{
	height:460px;
	background:url(images/left_column.gif) repeat-y top left;
	}



#blank_container,  * html #blank_container{
	background:none;
	}


#header{

	min-height: 80px;
	width:100%;
	background:#003366 url(images/banner.jpg) repeat-y top left;
	color:#fff;
	padding:0;
	margin:0;
	}


* html #header {height: 78px;} /* Minimum Height hack for Internet Explorer.*/


#header img{

	float:left;
	height:70px;
	width:120px;
	margin:0;
	padding:4px 9px;
	}

#navigation{

	position:relative;
	min-height:20px;
	width:100%;
	background:#49A63D url(images/nav_bg.gif) repeat-x;
	color:#fff;
	}


#navigation ul{
	margin:0 0 0 150px;
	padding:0 2px 0 0;
	}


#navigation ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	background:#49A63D url(images/nav_bg.gif) repeat-x top left;
	color:#fff;
	font-size:10px;
	line-height:20px;
	text-align: center;
	width:25%;
	}

#navigation a {
	text-decoration: none;
	display: block;
	width: auto;
	border-right: 1px solid #3D9F2F;
	background:#49A63D url(images/nav_bg.gif) repeat-x top left;
	color: #FFF;
	}

#navigation li#active a#current { background:url("images/nav_current_bg.gif") repeat-x top left!important;}

#navigation a:hover { background: url(images/nav_over_bg.gif) repeat-x}

#left_column{
	position:absolute;
	top:80px;
	left:0;
	width:150px;
	min-height: 100%;
	color:#fff;
	}

#banner img {
height:125px;
	float: right;
	}

#left_column p{

	font-size:10px;
	margin:0;
	padding:37px 0 0 15px;
	}

#contacts {
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0;
	padding:15px 0 20px 15px;
	}

#contacts li {
	padding: 3px 0;
	}

.contact_details {
	margin: none;
	padding: 0 0 0 10px;
	vertical-align:top;
	}
	
.icons {
	padding: 0;
	}

#quicksearch {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(images/quicksearch_bg.gif) repeat-y;
	font-size: 10px;
	width: 132px;
	min-height: 164px;
	height: 164px;
	margin: 0 7px;
	padding: 0 2px;
	text-align: right;
	}
	
#go { 
	text-align: center!important; 
	padding: 4px; 
	margin: 0; 
	}

h3 {
	font-size: 10px;
	text-align:center;
	margin: 0;
	padding: 5px 0;
	}

#qs_container {
	border: none;
	padding: 0;
	margin: 0;
	}

.qs_labels { position: absolute; left: 12px; padding: 0; margin: 0;}

#min {margin: 4px 2px; padding: 0; }
#max { margin: 4px 2px; padding: 0; }
#beds {margin: 4px 2px; padding: 0; }
#areas{ margin: 4px 2px; padding: 0; }

#qs_minPrice {font-size: 10px; width: 90px; right: 0;  }
#qs_maxPrice {font-size: 10px; width: 90px;  }
#bed {font-size: 10px; width: 90px; }
#alo{font-size: 10px; width: 90px; }	

	
#right_column{
	clear:both;
	margin:0 0 0 150px;
	padding:0;
	min-height:410px;
}

.by {
color:#214C79;
}

#banner{

	height:125px;
	min-height:125px;
	background:#D7D9D8 url(images/choose_km.jpg) no-repeat top left;
	color:#fff;
	}


#content{
	height:expression('315px');
	min-height:315px;
	padding: 0 0 0 20px;
	margin:0;
	background: #FFFFFF url(images/shop_front.jpg) no-repeat bottom right;
}


#current_header {
	background:#49A63D url(images/nav_bg.gif) repeat-x;
	height: 20px;
	padding:0;
	margin:0;
}

#current_header p{	
	padding: 4px 0 0 20px;
	margin:0;
	color:#FFFFFF;
	}

#content h1{

	margin:0;
	color: #0C3C6C;
	font-size:26px;
	font-family:"Times New Roman", Times, Verdana;
	padding: 20px 0 0 0;
	}

#and {
	font-size: 20px;
	}

#content p{

	color:#333;
	width: 55%;
	line-height: 150%;
	padding:0 0 20px  0;
	margin:0;
	}


#content p span, #content h2 span{
	font-weight:bold;
	}


/*.clearfix:after {

    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;

}*/

a:hover{text-decoration: none; color:#CCCCCC}
a:active{background-color:inherit; color: #FFF;}

#left_column a:link{background-color:inherit; color: #FFFFFF;}
#left_column a:visited{background-color:inherit; color: #FFF;}
#left_column a:hover{text-decoration: none; color:#CCCCCC}
#left_column a:active{background-color:inherit; color:#FFF;}


/*.clearfix {display: inline-table;}*/


/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */

#footer{
	background: #214C79;
	width: 100%;
	height: 17px;
	padding: 3px 0 0 0;
	margin: 0;
}

#footer p{
	color:#A0A5A9;
	font-size: 9px;
	font-weight:normal;
	margin: 0;
	padding: 0 10px 0 10px;
}