/*--------------------------------------------GENERAL-----------------------------------------*/	

* { margin: 0; padding: 0; outline: none; }

img{ border:none;}

.clear {clear: both;}

body{
	background-color:#26252B;
	font-family: "Trebuchete MS", Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;
}

a { 
   color: #003882; 
   text-decoration: none; }
   
a:hover { 
   color: #003882; 
   text-decoration: underline; }
	
#wrapper{
	width:900px;
	background-color:#FFFFFF;
	margin-right: auto;
	margin-left: auto;
	padding-right: 30px;
	padding-left: 30px;
}
hr {
	border: none;
	border-top: solid 1px #f2f2f2;
	margin: 0 0 1em 0;
}
/*--------------------------------------------HEADER-----------------------------------------*/	

#header{ 
   position:relative; 
   height:350px; }

#logo{	 
	position:absolute; 
	top:0; 
	left:25px; 
	z-index:99; 
	padding-top: 10px;
	width:180px;
	height:150px; 
	background-color:#FFFFFF;
	border:1px solid #ddd;
	border-top:none;	
	text-align:center;}
	
#logo a img{ border:none;}


#header_image{ 
   position:relative; 
   top:100px; 
   height:230px; 
   width:880px; 
   border: 1px solid #ddd; 
   padding:5px;}

/*--------------------------------------------LEFT COLUMN-----------------------------------------*/	
#left_column{
	float:left;
	width:250px;
	min-height:350px;
	background: url(bg_left_.jpg) no-repeat top right;
	padding-top: 20px;
}
#title {
	width:250px;
	margin-bottom: 20px;
}
#title li {list-style: none; }
#title li.selected {padding: 5px 15px 5px 10px; background:#003882 url(arrow.jpg) no-repeat right center;color:#FFFFFF; font-weight:bold;}
.center {text-align: center;}
.bold_blue {
	font-weight: bold;
	color: #003882;
}
.contact_icon {
	height: 15px;
	width: 15px;
	margin-right: 5px;
	margin-left: 25px;
}
.wrapped15px {
	margin-left: 25px;
}


.line_left {
    width: 200px;
	height: 10px;
	text-align: center;
}

.line_right {
    width: 100%;
	height: 1px;
	text-align: center;
	border-bottom: solid 1px #cccccc;
}

.grey {
	color: #626262;
}
.grey_italic {
	font-style: italic;
	color: #626262;
	font-size: 90%;
}


.button_check {
	background:#003882 url(arrow.jpg) no-repeat right center;
	color:#ffffff;
	font-weight:bold;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 10px;
}

/*--------------------------------------------RIGHT COLUMN-----------------------------------------*/	
					
#right_column{
	width:640px;
	float:right;
	padding-top: 30px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
}
	
h1{
	border-bottom: 1px solid #f2f2f2;
	letter-spacing:-1px;
	color: #003882;
	text-indent:20px;
	font-size: 160%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	margin-bottom: 15px;
	padding-bottom: 5px;
}

.h1_small {
	font-size: 80%;
	color: #626262;
	padding-left:20px;
	
}

#right_column p{
	line-height: 20px;
	text-align:justify;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
		}
#right_column a:hover{
	color: #0099CC;
	text-decoration:none;
		}		
		
.left_image{
	float:left;
	margin:10px;
	padding: 5px;
	background: #ffffff;
}
.right_image{
	float:right;
	margin:10px;
	padding: 5px;
	background: #ffffff;
}
.marked {
	border: 1px solid #CCCCCC;
	background: #f1eeee;
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 20px;
}
	
/*--------------------------------------------FOOTER-----------------------------------------*/			

#footer{ margin-top:10px; border-top:1px solid #ddd; padding:10px 7px 20px 7px; }
#footer p{ margin-bottom:3px; font-size:12px;}
#copyright {
	font-size: 80%;
}


/*--------------------------------------------TOP MENU-----------------------------------------*/	
#nav { 
    position:absolute; 
	top:68px; 
	right:5px;
	padding:0; 
	list-style: none;
	float: left;
z-index:99;
	}


#menu {
	list-style-type:none;
}
#menu li {
	padding:0;
	position:relative;
	z-index:100;
	width: 100px;
	float: left;
	height: 25px;
}
#menu a { 
	display: block; 
	text-transform:uppercase; 
	color: #626262;
	text-decoration:none; font-weight:bold;
	padding-top: 5px;
	padding-bottom: 5px;}
			

#menu dl {position:absolute; width: 100px;}
#menu dt {width: 100px; text-align: center;}
#menu dd {display:none;width: 100px; text-align: center; border-top: solid 1px #1b4d8f;}
#menu dd a{color:#cccccc;}
#menu li:hover dd {display:block; background-color:#003882;}
#menu li:hover dl, #menu li a:hover dl {background-color:#003882;}
#menu dt a, #menu dt a:visited {display:block; width:100px; text-align:center; color:ffffff;}


#menu dd a:hover {
	color:#f2f2f2;
	text-decoration:none;
	display:block;
	background-color:#003882;
}

#menu dt a:hover {
	color:#f2f2f2;
}

/*----------------------------------PROPERTIES LIST------------------------*/

.property {
	padding-top: 15px;
	padding-bottom: 15px;
}
.property_image_thumb {
	float: left;
	width: 210px;
}

.property_image_thumb img {
	padding: 5px;
	background: #ffffff;}


.property_details {
	float: right;
	width: 370px;
}
.price {
	font-size: 105%;
	font-weight: bold;
	color: #003882;
	margin-bottom: 6px;
}
.bedrooms_number {
	font-weight: bold;
	margin-bottom: 6px;
}
.location {
	font-weight: bold;
	margin-bottom: 6px;
}
.short_description {
	text-align: justify;
}
.button_more {
	float: right;
}


/*----------------------------------PAGE NUMBERS------------------------*/
.pager {
	float: left;
	margin-top: 25px;
	margin-bottom: 25px;
	list-style-type: none;
	display: block;
}
.pager li {
	list-style-type: none;
	display: inline;
	margin-right: 4px;
	background-color: #003882;
	color: #FFFFFF;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
}
.pager li a {
	display: inline;
	color: #FFFFFF;
	text-decoration: none;
}

.pager li a:hover {
	background-color: #003882;
}

/*----------------------------------RESIDENTIAL PROPERTY DETAILS------------------------*/

#property_item_photo {
	width: 400px;
	float: left;
	margin-bottom: 30px;
	margin-top: 30px;
}
#property_item_photo img {
	border: 1px solid #cccccc;
	padding: 5px;
	background-color: #ffffff;
}

#property_thumbnails {
	width: 200px;
	float: right;
	margin-top: 30px;
	margin-bottom: 30px;	
}
#property_thumbnails img {
	margin: 0 7px 5px 7px;
	border: 1px solid #cccccc;
	padding: 2px;
	float: left;
	cursor: pointer;
}

.letting_info {
	margin-top: 10px;
}
#left_column ul {
	list-style-type: none;
}
#left_column li, #right_column li {
	background-image: url(bullet.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 10px;
	margin-top: 10px;
}

#right_column ul {
	list-style-type: none;
	margin-left: 18px;
	margin-bottom: 15px;
}
#right_column strong {font-weight:bold; color:#003882;}

/*----------------------------------FORMS------------------------*/
.mainform {
	width: 520px;
}
.sidebarform {
	width: 210px; margin: 0 0 0 25px;
}
.input input, textarea {
	padding: 3px 5px;
	border: 1px solid #C8D2D9;
	background: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#424849;
}
.input, .textarea {
	padding: 0 0 5px 0; clear: both;
	overflow: hidden;
}
.input label, .textarea label {
	width: 150px;
	display: block; float: left;
	padding: 6px 0 5px 0;
}
.textarea label {
	width: 500px;
	float: none;
}
.input input {
	width: 350px;
	float: right;
}
.textarea textarea {
	width: 508px;
	height: 150px;
	clear: both;
	margin: 3px 0 0 0;
}
.sidebarform .input input {
	width:190px;
	float: none;
}
.sidebarform .textarea textarea {
	width:190px;
	height: 50px;
}

.submit {
	padding: 3px 10px;
	clear: both; overflow: hidden;
}
.submit input {
	width: auto; float: right;
	border: none;
	padding: 5px 15px; margin: 0;
	background: #003882;
	color: #FFF; font-size: 8pt;
}

.errors {
	border: solid 1px #f43636;
	background: #feebeb !important;
	list-style-type: square !important;
	padding: 7px 5px 7px 20px !important;
	margin: 0 30px 15px 30px !important;
	min-height: 45px; height: auto;_height: 45px;
	color: #000;
}
.errors li {
	margin: 0 !important; padding: 3px 0 !important;
	background: none !important;
}
/* LIGHTBOX */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lightbox/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }