/*

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: #113C69;

}



.FPpos{

border-bottom: 1px solid #113C69;

}



.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 __ */

#singletopbarwrap{

height: 116px;

background: url(images/singleheader.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;

}



.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;

}