/**********************************************************************************************
	Major Sections in CSS:
	
	1.	RESET
		Remove margin and padding from elements 
	
	2.	GENERIC CLASSES
		Define styles for simple things like floating to the sides, text aligning, image-replacements, clearfix etc 
	
	3.	BASIC ELEMENTS
		Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
	
	4.	LAYOUT
		Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
		
	5.	PAGE COMMON STYLES
		Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
	
	6.	PAGE SPECIFIC STYLES
		Define content styles that are specific to a particular page
	
***********************************************************************************************/


/*------------------------------------------
// 1.RESET
//   Remove margin and padding from elements and other resets
//------------------------------------------*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
acronym { cursor: help; }


	

/*------------------------------------------
// 2.GENERIC CLASSES
//	 Define styles for simple things like floating to the sides, text aligning, image-replacements, clearfix etc
//------------------------------------------*/

html { font-size: 100.01%; }
body { font-size: 62.5%; line-height:1em; }


/*---- Input fields ----*/
input, select, textarea { font-size: 100%; }
textarea { padding: 2px 3px; font-family: Verdana, sans-serif; }

/*---- Floats ----*/
.flR { float: right; }
.flL { float: left; }

/*---- Horizontal Alignment ----*/
.alR { text-align: right; }
.alC { text-align: center; }

/*---- Vertical Alignment ----*/
.vlT {vertical-align:top;}
.vlB {vertical-align:bottom;}

/*---- Hide ----*/
.hide { display: none; }

/*---- Float Clearing fixes ----*/
.clear { clear: both; height:1px; line-height:1px; }
.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/*---- Image Replacement Technique ----*/
.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; top: 0; text-indent: -1000em;}

/*---- Links ----*/
a:link, a:visited { text-decoration: none; cursor/**/: /**/pointer; }
a:link:hover, a:visited:hover { text-decoration: underline; }
	


/*------------------------------------------
// 3.BASIC ELEMENTS
//	 Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
//------------------------------------------*/

body { color:#000; background:#E9E9E9; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }



/*------------------------------------------
// 4.LAYOUT
//   Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
//------------------------------------------*/
	
/*---- Container ----*/
div#container { width: 982px; margin: 0 auto; }

/*---- Header ----*/
div#header { padding:10px 0 0 20px; }

/*---- Navigation ----*/
div#navigation {overflow:hidden; width:982px;}

/*---- Content ----*/
div#content { background:url(../images/header/content_middle.gif) 0 0 repeat-y;  }
div#content div.content_top{ background:url(../images/header/content_top.gif) 0 0 no-repeat;}
div#content div.content_bottom{ background:url(../images/header/content_bottom.gif) 0 100% no-repeat; padding:15px; overflow:hidden; width:952px;}

/*---- Main ----*/
div#main { width:596px; }

/*---- Sidebar ----*/
div#sidebar { width:262px; margin-right:10px;}

/*---- Footer ----*/
div#footer { padding:15px 0px; clear:both; }



/*------------------------------------------
// 5. PAGE COMMON STYLES
//	  Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
//------------------------------------------*/

/*---- Header - Logo ----*/
div#header h1{ float:left;}
div#header h1 a{ display:block; position:relative; width:358px; height:96px;}
div#header h1 a span  { position: absolute; top: 0; left: 0; z-index: 10; background:url(../images/header/logo.gif) 0 0 no-repeat; width:358px; height:96px; }

/*---- Navigation ----*/
div#navigation ul {   float:right; margin-right:10px; }
div#navigation ul li{float:left; margin-right:3px;}
div#navigation ul li a{ float:left;  padding-right: 20px; background:url(../images/header/button_right.gif) right bottom no-repeat;  }
div#navigation ul li a span{ display:block; float:left; background:url(../images/header/button_left.gif) left top no-repeat; padding-left:20px; font-size:150%; line-height:35px; color:#FFF; text-decoration:none; font-family:Arial, Helvetica, sans-serif; }

/*---- Navigation Hover Active ----*/
div#navigation ul li a:hover, div#navigation ul li a.active { background:url(../images/header/nav_right_hover.gif) 100% 0 no-repeat; text-decoration:none; }
div#navigation ul li a:hover span, div#navigation ul li a.active span{background:url(../images/header/nav_left_hover.gif) 0 0 no-repeat; text-decoration:none; }


/*---- Content ----*/
div#content h1{font-size:300%; line-height:1.2em; font-weight:normal; color:#fff; font-family:Arial, Helvetica, sans-serif;}
div#content h2{font-size:230%; line-height:1.2em; color:#488AC3; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal;}
div#content h3{font-size:190%; line-height:1.2em; color:#3980BE; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal;} 
div#content p{font-size:160%; color:#7D7D7F; line-height:1.2em;}
/*---- Content Banner ----*/
div#content div.banner{ background:url(../images/content/banner.jpg) 0 0 no-repeat; width:897px; height:156px; padding:75px 0px 0px 55px;}
div#content div.banner h1 span{color:#FFCC00;}
div#content div.banner p{ font-size:170%; color:#fff; font-family:Arial, Helvetica, sans-serif;} 

/*---- Content Properties ----*/
div#content div.search{ background:url(../images/content/properties_bg.jpg) left top repeat-x; padding:26px 45px 0px 45px; }

/*---- Content Properties - Box ----*/
div#content div.search div.box{ float:left; width:266px; margin-right:65px;}
div#content div.search div.box.last{margin-right:0px; width:200px;} 
div#content div.search div.box h3{margin-bottom:12px;}
div#content div.search div.box  ul li{ font-size:140%; color:#000; margin-bottom:5px;}

/*---- Content Properties - Place Box ----*/
div#content div.search div.box  ul{ width:170px;}
div#content div.search div.box  ul li select{ width:160px;}
div#content div.search div.box  ul li input.radio{margin:0px; vertical-align:bottom;}
div#content div.search div.box  ul li span{padding-right:5px;}

/*---- Content Properties Button ----*/
div#content div.search img{clear:both;}
div#content div.search p.search{ margin-left:400px; font-size:110%;}
div#content div.search p.search a{text-decoration:underline; color:#999;}

/*---- Main ----*/
div#main h2 , div#main p{margin-bottom:15px;}
div#main div.welcome {padding:0px 10px; margin-bottom:25px}

div#main div.featured{margin-bottom:20px; width:100%; overflow:hidden;}
div#main div.featured h2{margin-left:10px;}
div#main div.featured ul li{padding:10px 24px; border-bottom:1px solid #ccc; overflow:hidden; width:548px; margin-bottom:0px;}
div#main div.featured ul li div.photo{background:url(../images/content/ads.png ) left top no-repeat;  padding:12px; margin-right:12px;}
div#main div.featured ul li.alternative{ background-color:#F3F3F3;}
div#main div.featured ul li div.property h4{ color:#7F6144; font-size:130%; line-height:1.2em; margin-bottom:15px; font-family:Arial, Helvetica, sans-serif; }
div#main div.featured ul li div.property{padding-top:10px;}
div#main div.featured ul li div.property div.type{width:154px; border-right:1px solid #ccc; padding:10px 30px 10px 0px; margin-right:20px;}
div#main div.featured ul li div.property div.type p{font-size:130%; color:#7F6144; font-family:Arial, Helvetica, sans-serif; }
div#main div.featured ul li div.property div.price{  padding:10px 30px 10px 0px;}
div#main div.featured ul li div.property div.price p{ font-family:Arial, Helvetica, sans-serif; color:#000; font-size:130%;}
div#main div.featured ul li div.property div.price p.price{font-size:220%; color:#3F84BF; font-family:Arial, Helvetica, sans-serif;}

/*---- Sidebar ----*/
div#sidebar div.clients{overflow:hidden; width:100%; margin-bottom:40px}
div#sidebar div.clients a{ float:left; margin:3px;}
div#sidebar div.clients a img{ border:1px solid #E2E2E2; padding:9px; }

div#sidebar div.tab {overflow:hidden; width:100%;}
div#sidebar div.tab a{background:url(../images/content/tab.gif) left top no-repeat; padding-left:30px; height:25px; float:left;}
div#sidebar div.tab a span{background:url(../images/content/tab.gif) right bottom no-repeat; padding-right:30px; height:25px; float:left; line-height:25px; font-size:130%; color:#666;}
div#sidebar div.tab a:hover{text-decoration:none;}

div#sidebar div.box{clear:both; margin-bottom:30px; overflow:hidden;}

div#sidebar div.box_top{background:url(../images/content/box.gif) left -89px; repeat-x; width:144px; height:15px; float:left;}
div#sidebar div.box_top_left{background:url(../images/content/box.gif) left top no-repeat; float:left; height:15px; width:103px;}
div#sidebar div.box_top_right{background:url(../images/content/box.gif) right top no-repeat; float:right; height:15px; width:15px;}

div#sidebar div.box_middle{ background-color:#f3f3f3; width:218px; border-left:2px solid #e6e6e6; border-right:2px solid #e6e6e6; padding:10px 20px;}

div#sidebar div.box_bottom{background:url(../images/content/box.gif) left -119px; repeat-x; width:232px; height:15px; float:left;}
div#sidebar div.box_bottom_left{background:url(../images/content/box.gif) left -54px no-repeat; float:left; height:15px; width:15px;}
div#sidebar div.box_bottom_right{background:url(../images/content/box.gif) right -54px no-repeat; float:right; height:15px; width:15px;}

div#sidebar div.box ul{margin-bottom:20px;}
div#sidebar div.box ul li{ margin-bottom:10px; font-size:120%; color:#666;}

div#sidebar div.box p.more-link{ font-size:120%; color:#666;}
div#sidebar div.box p.more-link a{color:#666;  text-decoration:underline;}

div#sidebar div#provinces.box div.box_top{width:123px;}
div#sidebar div#provinces.box div.box_top_left{ width:124px;}
div#sidebar div#provinces.box ul{width:214px; overflow:hidden;}
div#sidebar div#provinces.box ul li{width:107px; float:left;}

div#sidebar div#provinces.box ul li a { color:#666666; text-decoration:none; }
div#sidebar div.rss a{background:url(../images/content/rss.jpg) left top no-repeat ; padding-left:65px; height:56px; font-size:150%; color:#999; font-family:Arial, Helvetica, sans-serif; font-size:110%; color:#3F84BF;  display:block;}
div#sidebar div.rss a span{color:#999;}
div#sidebar div.rss a:hover{text-decoration:none;}

/*---- Footer ----*/
div#footer ul li { color:#999; font-size:120%; font-family:Arial, Helvetica, sans-serif; display:inline; line-height:1.2em; padding-right:6px;} 
div#footer ul li a{ color:#999; text-transform:uppercase;}
div#footer ul li a:hover{text-decoration:none;}