/*
Theme Name: Basic
Theme URI: http://feastech.net
Description: This is a very basic theme with little styling for learning how wordpress themes work
Version: 1.2
Author: Ramon King
Author URI:
*/

h1 {
	margin-bottom:-8px;	
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
}

body {
	font-size:14px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	line-height:18px;
	text-align:center;
	background: -webkit-linear-gradient(#ACDAF6, #023F7D) fixed; /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#ACDAF6, #023F7D) fixed; /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#ACDAF6, #023F7D) fixed; /* For Firefox 3.6 to 15 */
	background: linear-gradient(#ACDAF6, #023F7D) fixed; /* Standard syntax */ 
}
body {
    background: url('./images/bg_fone.jpg') fixed center -250px repeat;
}

#wrapper {
	margin-left:auto;
	margin-right:auto;
	width:980px;
	text-align:left;
	padding-bottom:100px;
}

#header {
	
}

#navigation { 
	background: -webkit-linear-gradient(#a4d7f5, #0659a7); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#a4d7f5, #0659a7); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#a4d7f5, #0659a7); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#a4d7f5, #0659a7); /* Standard syntax */
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	padding: 0 20px;
	margin-bottom: 5px;
	border-radius: 10px;  
	width:940px;
    z-index: 10;
    display: inline-table;	
}

#navigation ul ul {
	display: none;
	background:#0659a7;
}

#navigation ul li:hover > ul {
		display: block;
}

#navigation ul {
	position: relative;
	list-style: none;
    display: inline-table;	
}

#navigation ul:after {
		content: ""; clear: both; display: block;
}

#navigation ul li {
	float: left;
}

#navigation ul li:hover {
		background: #0659a7;

}

#navigation ul li:hover a {
			color: #fff;
}
	
#navigation ul li a {
		display: block; padding: 10px;
		color: #FFF; text-decoration: none;
}

#navigation ul ul {
	border-radius:0px; 
	padding: 0;
	position: absolute; 
	top: 100%;
	width:auto !important;
}

#navigation ul ul li {
		float: none; 
		border-top: 1px solid #6b727c;
		border-bottom: 1px solid #575f6a;
		position: relative;
}

#navigation ul ul li a {
	padding: 15px 20px;
	color: #fff;
}	

#navigation ul ul li a:hover {
	background: #4b545f;
			}
			
#navigation ul ul ul {
	position: absolute; left: 100%; top:0;
}

#content {
	float:right;
	width:560px;
	background-color:#FFF4EA;
}

#commentform textarea {
	width: 100%;
	}

#sidebar {
	float:left;
	width:220px;
	background-color:#E0E6F3;
}

#footer {
	clear:both;
	text-align:center;

}

#main-temp {
}

#search-home, #home-valuation, #discover {
	float:left;
	width:200px;
	height:140px;	
	background:#000;
	margin-left:2px;
	margin-bottom:5px;
}

#discover {
	background: no-repeat url('images/discover.jpg');	
}

#home-valuation {
	background: no-repeat url('images/home-valution.jpg') #fff;
	height:140px;
}

#search-home {
background: no-repeat url('images/search-properties.jpg');	
}

#box-container {
	border-radius: 10px; 
	margin-top:-75px;
	margin-left:175px;
	padding:6px 3px 6px 3px;
	background: -webkit-linear-gradient(#a4d7f5, #0659a7); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#a4d7f5, #0659a7); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#a4d7f5, #0659a7); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#a4d7f5, #0659a7); /* Standard syntax */
	width:610px;
	position:relative;
	z-index:2;
}

#logo {
	background:url('./images/logo_top.png') no-repeat center;
	width:480px;	
    height: 160px;
    margin: -20px 0 -20px 0px;
}

#home-img img {
	border-radius:15px;
	width:980px;
	max-width:980px;
	height:auto;
	
}

#iframe-temp iframe {
	width:900px;
	height:650px;
	background-color:#FFF;
	border:none;
}

#iframe-home-valuation iframe {
	width:900px;
	height:1000px;
	background-color:#FFF;
	border:none;
}

.iframes {
	padding:20px 20px 20px 60px;
	background-color:#fff;
	border-radius: 10px; 	
}

#iframe-featured iframe {
	width:900px;
	height:1350px;
	background-color:#FFF;
	border:none;
}

#about {
	padding:15px;
	background-color: #a4d7f5;
	border-radius: 10px;  
}

#about-img img {
	float:left;
	width:460px;
	height:auto;	
	border-radius: 10px;  
}

#about-content {
	float:right;
	width:450px;
	margin-right:15px;	
}

#about-bottom {
	background:#fff;
	margin-top:30px;
	border-radius: 10px;  
}

#about-us2 {
	margin-left:15px;
	float:left;
	width:460px;	
}

#about-img2 img {
	float:right;

	width:460px;
	height:290px;	
	border-radius: 10px;  
}


#agents {
	border-radius:10px;
	padding:20px;
	background:#fff;
}

#agent-bio {
	float:left;
	border-radius:10px;
	background:#a4d7f5;
	padding:5px 15px 10px 15px;
	width:460px;
}

#agent-img {
	float:right;
	background:url('images/placeholder.png') no-repeat;
	width:400px;
	height:400px;
}

/* RUSLAN's corrections
--------------------------------------------------------- */
/* Page navigation
---------------------*/
div.wp-pagenavi {padding: 20px 10px 20px 10px; display:block !important; clear:both !important;}
.wp-pagenavi span.pages {cursor: default;}

.wp-pagenavi a ,.wp-pagenavi span.pages, .wp-pagenavi span.extend {
		color:#333333 !important;
		text-shadow:0px 1px #F6F6F6 !important;
		padding:5px 8px 5px 8px !important;
		border:solid 1px #B6B6B6 !important;
		box-shadow:0px 1px #EFEFEF !important;
		-moz-box-shadow:0px 1px #EFEFEF !important;
		-webkit-box-shadow:0px 1px #EFEFEF !important;
		background:#E6E6E6 !important;
		background:-moz-linear-gradient(top,#FFFFFF 1px,#F3F3F3 1px,#E6E6E6) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#F3F3F3),color-stop(1,#E6E6E6)) !important;
		font-size:12px !important;
		margin-right:5px !important;
		text-decoration:none !important;
}	
.wp-pagenavi a:hover {
		color:#fff !important;
		text-shadow:0px 1px #388DBE !important;
		border-color:#3390CA !important;
		background:#4891BE !important;
		background:-moz-linear-gradient(top,#B4F6FF 1px,#63D0FE 1px,#4891BE) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#B4F6FF),color-stop(0.02,#63D0FE),color-stop(1,#4891BE)) !important;
		color:#FFFFFF !important;
		box-shadow:0px 1px #E7E7E7 !important;
		-moz-box-shadow:0px 1px #E7E7E7 !important;
		-webkit-box-shadow:0px 1px #E7E7E7 !important;

}
 .wp-pagenavi span.current{
		padding:6px 9px 6px 9px !important;
		border:solid 1px #DCDCDC !important;
		color:#fff !important;
		box-shadow:0px 1px #E7E7E7 !important;
		-moz-box-shadow:0px 1px #E7E7E7 !important;
		-webkit-box-shadow:0px 1px #E7E7E7 !important;
		margin-right:3px !important;
		text-shadow:0px 1px #388DBE !important;
		border-color:#3390CA !important;
		background:#4891BE !important;
		background:-moz-linear-gradient(top,#B4F6FF 1px,#63D0FE 1px,#4891BE) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#B4F6FF),color-stop(0.02,#63D0FE),color-stop(1,#4891BE)) !important;
}
/* Custom styles
---------------------*/
#pre_wrapper {background: url('./images/main_bg.png') fixed center no-repeat;}
#navigation ul {margin: 0!important;}
.main_post_rsb_wrap li {list-style: none;}
.main_post_rsb_wrap {background-color: #ffffff; border-radius: 10px; font-family: arial; color: #333; display: inline-block;}
.main_post_rsb_wrap #sidebar {background: none!important; float: left!important; width: 20%!important; padding: 20px 20px 20px 30px;}
.main_post_rsb_wrap #sidebar h3 {color: #dc2227; text-transform: uppercase;  font-weight: normal; font-size: 16px;}
.main_post_rsb_wrap #sidebar ul {color: #ccc; text-transform: uppercase;  font-weight: normal; font-size: 14px; padding: 0px!important;}
.main_post_rsb_wrap #sidebar ul li a {color: #606060; text-decoration: none;}
.main_post_rsb_wrap #sidebar ul li a:hover {color: #03509e; text-decoration: underline;}
.main_post_wrap {padding: 20px; width: 70%!important; float: right;}
.main_post_wrap h2 {text-transform: capitalize; font-size: 18px; font-weight: normal;}
.main_post_wrap h2 a:hover {color: #bd1616; text-decoration: underline;}
.main_post_wrap p {font-size: 14px; line-height: 18px; margin-bottom: 18px;}
.main_post_wrap a {color: #03509e; text-decoration: none;}
.main_post_wrap .post {border-bottom: 1px dotted #ccc; padding: 0 0 20px 0;}
.data {font-size: 12px; line-height: 18px; padding-bottom: 18px;}
.main_post_img {float: left; padding: 20px 20px 0 0;}
.clear {clear: both;}
.prop_val_disc {margin: 30px auto;}
#menu-main-nav li.current_page_item {background: #fff; border-radius: 0px 0px 0 0;}
#menu-main-nav li.current_page_item a {color: #bd1616!important;}
form input {color: #666; background: url('./images/white_opacity/60.png') ;}
form input:hover {color: #444; background: url('./images/white_opacity/20.png') ;}
#request_call {width: 50%; float: left;}
#request_call h3 {color: #555!important;}
input.callback-submit {background: linear-gradient(#a4d7f5, #0659a7) repeat scroll 0 0 rgba(0, 0, 0, 0)!important; color: white!important;}
input.callback-submit:hover {background: linear-gradient(#0659a7, #a4d7f5) repeat scroll 0 0 rgba(0, 0, 0, 0)!important; color: white!important;}
.successmsg {background:none!important; border-color: #c6d880; color: #fff!important; height: 20px!important;}
#logo_area {display: inline-block; width: 100%;}
#menu-main-nav {padding: 0!important; float: left;}
.menu-main-nav-container {float: left;}
.social_buttons {float: right; padding: 7px 0 3px 5px;}
span.facebook, span.linked {transition: all 0.3s; padding: 0 5px 0 5px;}
span.facebook:hover, span.linked:hover {opacity: 0.7; transition: all 0.3s; padding: 0 5px 5px 5px;}
.read_more a {font-style: italic; font-size: 13px; padding: 0px;}
.read_more a:hover {color: #bd1616; text-decoration: underline;}