/*
Theme Name: Villa Grande
Theme URI: http://themeforest.net
Villa Grande Wordpress theme
Author: Webson

*/


/* _Global Settings _ */

body {
margin:0; 
padding:0;
background: #f3f4f4;
color: #4f4f4f;
}

a{
color: #4f4f4f;
}

#fltright{
float: right;
margin: 0px 10px;
}

/* _color Settings _ */

h4 span, #FPmaincontentheader h2, #FPmaincontentheader h2, #singletopbarheading h1, #footerinner a, .nicebody a:hover, #sidebar table th, #sidebar table tfoot  td a, #sidebar table tbody  td a, #sidebar table td#today, .newsitem a,
.rmore a, .meta a, .meta h5, .title h2 a:hover, #sidebar .title a:hover, #oops a, #singlepostcontent .ftd ul li a:hover{
color: #A25024;
}

.FPpos{
border-bottom: 1px solid #A25024;
}

.sitemenu ul li.current_page_item a, .sitemenu ul li:hover a, #searchbar h4, input.stuur, .s3sliderImage span , .s4sliderImage span , #singletopbarinner ul li h4, .nicetitle, .nicebody a.bigbutton, .nicebody a.bigbutton:hover,
.nicebody .bigbutton, .pagination a, .pagination a.current, .pagination a.lst{
color: #fff;
}

.sitemenu ul li a, #telbox h4, .rmore a:hover{
color: #000;
}

.FPpropertyprice h1{
color: #a1a1a1;
}

#singletopbarheading, #singletopbarprice{
color: #DFDFDF;
}

.nicetitle span{	
color: #b6b4b4;
}

#sidebar .title a{
color: #5f5f5f;
}



/* _Site Menu_ */

.sitemenu ul{
margin: 10px 10px 0 0;
padding: 0px;
float: right;
}

.sitemenu ul li{
list-style-type: none;
margin: 0px 0px 0px 30px;
float: left;
background: url(../images/menu4.jpg) no-repeat left;
}

.sitemenu ul li.current_page_item{
background: url(../images/menu1.jpg) no-repeat left;
}

.sitemenu ul li.current_page_item a{
background: url(../images/menu2.jpg) no-repeat right;
font-weight: bold;
}

.sitemenu ul li a{
text-decoration: none;
font-size: 14px;
font-weight: bold;
margin: 0px;
background: url(../images/menu3.jpg) no-repeat right;
padding: 0px 10px 0px 10px;
line-height: 30px;
display: block;
}

.sitemenu ul li:hover{
background: url(../images/menu5.jpg) no-repeat left;
}

.sitemenu ul li:hover a{
background: url(../images/menu6.jpg) no-repeat right;
}

/* __Page Header__ */

#head{
float: left;
width: 415px; 
}

#page{
background: #fff;
}

#head h2{
font-size: 18px;
font-weight: bold;
margin: 0px;
text-align: center;
}

#label{
padding-top: 10px;
float: right; 
}

#telbox{
margin-right: 10px;
background: #F3F4F4;
float: right;
}

#telbox h4{
padding: 10px;
font-size: 20px; 
margin: 0px;
border: 1px solid #CFCFCF;
}

/* __Front page Slider __ */

#FPSwrap{
height: 311px;
background: url(../images/slidebg.jpg) no-repeat center;
width: 100%;
}

#FPSinner{
margin: 0px 7px;	
width: 948px;
padding-top: 23px;
overflow: hidden;
}

#searchbar{
padding-top: 65px;
width: 344px;
float: left;
}

#searchbar ul{
margin: 0px 0px 0px 5px;
}

#searchbar ul li{
list-style-type: none;
margin: 0px;
padding: 0;
height: 51px;
}

#searchbar h4{
float: left;
width: 140px;
margin: 0px;
}

select#cat.postform, select.postform{
width: 140px;
background: #f4f4f4;
border: solid 2px #bfbfbf;
margin-top: 3px;
}

select.postform{
cursor: pointer;
}

input.stuur{
background: url(../images/stuur.png) no-repeat center;
border: solid 0px #000;
padding: 2px 5px;
cursor: pointer;
}

#s3slider {
   width: 600px; /* important to be same as image width */
   height: 266px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   float: left;
}

#s3sliderContent {
   width: 600px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

li.s3sliderImage{
list-style-type: none;
margin: 0px;
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 12px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 600px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   display: none; /* important */
   top: 0;
}

#s4slider {
   width: 358px; /* important to be same as image width */
   height: 195px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   float: left;
}

#s4sliderContent {
   width: 358px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

ul#s4sliderContent{
margin: 0px;
}

.s4sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

li.s4sliderImage{
list-style-type: none;
margin: 0px;
}

.s4sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 12px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 358px;
   background-color: #000;
   filter: alpha(opacity=0); /* here you can set the opacity of box with text */
   -moz-opacity: 0.0; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.0; /* here you can set the opacity of box with text */
   opacity: 0.0; /* here you can set the opacity of box with text */
   display: none; /* important */
   top: 0;
}

#featured{ 
width:946px; 
position:relative; 
height:286px; 
}

#featured .ui-tabs-panel .mask{
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 344px;
background: url(../images/mask.png) no-repeat 0 0;
}

.spfrst {
float: right; 
font-weight: bold; 
font-size: 16px;
margin-right: 20px;
}

.spsec{
float: left; 
font-weight: bold; 
font-size: 16px
}

.spthrd{
padding-top: 25px; 
display: block; 
width: 300px;
} 

/* __Front page content__ */

#FPinner{	
background: #fff;
}

#FPmaincontentheader{
background: #fff url(../images/maintop.jpg) no-repeat bottom;
height: 47px;
width: 620px;
}

#FPmaincontentheader h2{
font-size: 18px;
padding: 15px 0 0 20px;
margin:  0;
}

#FPmaincontentbody{
width: 620px;
}

.FPpos{
padding: 10px 0px 5px 0px;
width: 295px !important;
margin-bottom: 20px;
}

.FPpos li{
float: left;
width: 147px;
list-style-type: none;
margin-left: 0px;
text-align: center;
}

.FPpos li p{	
margin-bottom: 5px;
}

.FPpos p, #FPmaincontentbody p{
margin-bottom: 0px;
padding: 10px;
}

.FPpos a img{
float: right;
}

.FPimagetitle{
border: 1px solid #D5D9D9;
text-align: center;
background: #f5f5f5; 
font-size: 16px;
}

.FPimagetitle p{
margin: 0px;
font-weight: bold;
}

p.front{
height: 53px;
overflow: hidden;
}

.FPpropertyprice h5{
width: 100px;
float: left;
margin-top: 10px;
text-align: right;
margin-bottom: 5px;
}

.FPpropertyprice h1{
float: left;
margin-left: 10px;
font-family: Georgia, Helvetica, Courier-sans;
margin-bottom: 5px;
}

.propdescription{
height: 83px;
}

/* __single page topbar __ */
#singletopbarwrap1{
height: 116px;
background: url(../images/singleheader1.jpg) no-repeat center;
}

#singletopbarwrap2{
height: 116px;
background: url(../images/singleheader2.jpg) no-repeat center;
}

#singletopbarwrap3{
height: 116px;
background: url(../images/singleheader3.jpg) no-repeat center;
}

#singletopbarouter{
}


#singletopbarinner{
padding: 25px 0 0 359px;
}

#singletopbarinner ul{
margin: 0px;
}

#singletopbarinner ul li{
list-style-type: none;
margin: 0px;
float: left;
width: 290px;
height: 37px;
}

#singletopbarinner ul li.categories.catleft{
width: 305px;
}

#singletopbarinner ul li h4{
float: left;
width: 100px;
font-size: 16px;
margin: 0px;
}

#singletopbarinner ul li form{
float: left;
}

#singletopbarheading{
margin-bottom: 15px;
margin-left: 10px;
font-size: 19px;
font-weight: bold;
float: left;
background: url(../images/maintop2.jpg) no-repeat;
}

#singletopbarheading h1{
width: 940px;
text-align: center;
font-size: 18px;
line-height: 34px;
margin: 0px;
}

#singletopbarprice{
padding: 30px 0 0 20px;
font-weight: bold;
float: left;
}

/* _footer_ */
#footerwrap{
height: 91px;
}

#footerouter{
height: 91px;
}

#footerinner{
margin: 5px 5px;	
width: 950px;
height: 91px;
text-align: center;
}



/* __single post content__ */

#singlepostcontent{
background: #fff;
padding: 10px 0px;
}

#thpost p{
text-align: justify;
padding: 10px 0 0 0;
}

.ftd{
height: 238px;
overflow: hidden;
}

#region{
border: 5px solid #E0E3E0;
height: 294px; 
}

#singlepostcontent .ftd h3, h3.respond{
text-align: center;
border-bottom: 2px solid #E0E3E0;
margin-bottom: 10px;
}

#singlepostcontent .ftd ul{
list-style-type: none;
margin: 0px;
padding-bottom: 10px;
border-bottom: 2px solid #E0E3E0;
}

#singlepostcontent .ftd ul li {
padding-left: 40px;
background: url(../images/mark.jpg) no-repeat top left;
margin: 0px 0px 4px 5px;
}

#singlepostcontent .ftd ul li a{
font-size: 15px;
line-height: 30px;
text-decoration: none;
}

input#submit{
background: url(../images/submit.png) no-repeat center;
padding: 5px 40px;
border: 0px solid #fff;
cursor: pointer;
}

/* __single post content __ */
.nicetitle{
height: 45px;
background: url(../images/nicetop.jpg) no-repeat;
padding: 0px 0 0 15px;
font-size: 16px;
}

.nicetitle p {
padding-top: 8px;
margin: 0px;
}

.nicebody{
background: url(../images/nicebody.jpg) repeat-y;
width: 300px;
padding-top: 5px;
}

.nicefoot{
background: url(../images/sidebot.jpg) no-repeat;
height: 13px;
width: 300px;
margin-bottom: 5px;
}

.nicebody p{
padding: 0px 10px 5px 10px;
margin: 0px;
}

.nicebody a.bigbutton{
background: url(../images/nicebigbutton.jpg) no-repeat top center;
text-decoration: none;
text-align: center;
font-weight: bold;
font-style: italic;
font-size: 14px;
line-height: 28px;
border: 0px solid #fff;   
display: block;
padding: 0px;

}

.nicebody .bigbutton{
background: url(../images/nicebigbutton.jpg) no-repeat center;
text-decoration: none;
margin: 0px auto;
font-weight: bold;
text-align: center;
font-style: italic;
font-size: 14px;
height: 35px;
padding-bottom: 5px;
cursor: pointer;
width: 170px;
border: 0px solid #fff;   
display: block;
}

.bigbutton1{
background: url(../images/nicebigbutton1.jpg) no-repeat center;
text-decoration: none;
font-weight: bold;
font-style: italic;
font-size: 14px;
height: 35px;
padding-bottom: 5px;
cursor: pointer;
width: 118px;
border: 0px solid #fff;   
display: block;
color :#ffffff;
}

.nicebody a{
text-decoration: none;
font-size: 14px;
}

.nicefooter{
background: url(../images/nicefooter.jpg) no-repeat;
height: 14px;
}

/* __sidebar _ */

#sidebar{
margin-top: 10px;
}

#sidebar .title{
border-bottom: 1px dotted #cfcfcf;
margin: 0px 20px 0 10px;
}

#sidebar .title a{
padding: 0px;
}

#sidebar table{
margin: 0px 10px;
width: 280px;
text-align: center;
}

#sidebar table caption{
font-weight: bold;
}

#sidebar table th, #sidebar table tfoot  td a, #sidebar table tbody  td a,#sidebar table td#today{
font-weight: bold;
padding: 0px;
}

.about p span{
font-weight: bold;
}

.about p em{
border-bottom: 1px dotted #cfcfcf;
}

.about p{
text-align: justify;
}

/* __forms __ */

.nicebody form{
width: 280px;
margin: 0px auto;
}

.mort p{	
padding-bottom: 10px;
}

/* __pagination__ */
.pagination{
height: 33px;
text-align: center;
}

.pagination a{
text-decoration: none;
font-size: 13px;
background: url(../images/pages.jpg) no-repeat center;
width: 32px;
padding: 4px 11px 6px;
text-align: center;
line-height: 27px;
font-weight: bold;
}

.pagination a.current{
background: url(../images/pagec.jpg) no-repeat center;
}

.pagination a.lst{
background: url(../images/pagelst.jpg) no-repeat center;
}

/* _comments___ */

#comments p{
margin-bottom: 5px;
}

ul.commentlist li{
list-style-type: none;
border-bottom: 1px solid #AFAFAF;
padding-bottom: 5px;
margin-bottom: 5px;
}

.meta h6{
float: right;
margin: 0px 10px 0 0;
padding-top: 15px;
}


h3.sngl{
padding: 15px 0 0 10px;
margin: 0px;
}

/* __newspages__ */

.newspage{
padding-top: 20px;
width: 960px;
}

.newspage img, .newsitem  img.left{
padding: 10px;
background: #f5f5f5;
border: 1px solid #D5D9D9;
}

.propimg{
padding: 10px;
background: #f5f5f5;
border: 1px solid #D5D9D9;
}


.newsitem  img.left{
margin-left: 10px;
margin-top: 10px;
}

#thepost{
padding: 10px;
}

.newsitem blockquote{
padding: 20px 30px;
display: block;
font-style: italic;
font-size: 14px;
}

.newsitem img{
float: left;
margin-right: 10px;
}

.title h2{
margin-bottom: 5px;
}

.newspage p, .newsitem p{
padding-top: 10px;
line-height: 19px;
}

ul.post-categories li{
margin: 0px;
padding: 0px;
}

.meta ul li{
margin: 0px;
padding: 0px;
list-style-type: none;
}

.meta ul li a{
text-decoration: none;
}

.meta .time{
margin-bottom: 20px;
}

.newspage {
padding-top: 20px;
}

.title h2 a{
text-decoration: none;
}
	
.title h2 a:hover{
text-decoration: underline;
}

.newspage .title{
border-bottom: 1px solid #8f8f8f;
}

/* __404__ */

#oops{
background: #fff;
}

#oops img{
float: left;
}

#oops h1{
padding-top: 30px;
}

#oops a{
color: #C7632F;
}


/**********************/
.overlay
{
    position: fixed;
    z-index: 99;
    top: 0px;
    left: 0px;
    background-color: #FFFFFF;
    width: 100%;
    height: 100%;
    filter: Alpha(Opacity=70);
    opacity: 0.70;
    -moz-opacity: 0.70;
}
    * html .overlay
{
    position: absolute;
    height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight +  'px' );
    width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth +  'px' );
}
    .loader
{
    z-index: 100;
    position: fixed;
    width: 120px;
    margin-left: -60px;
    top: 50%;
    left: 50%;
}
    * html .loader
{
    position: absolute;
    margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) +  'px' );
}