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

*/

/* ___Colors____ */

body,  #welcomeabout h2{
color: #577889;
}

#welcometitle{
color: #6F0B07;
}

#welcomeabout, p{
color: #1A2632;
}

#boxcontainer {
border-right: 10px solid #303C48;
border-top: 10px solid #303C48;
border-bottom: 10px solid #303C48;
}

div.slidebox img {
border-left: 10px solid #303C48;
}

.content{
background: #7E9FB0;
color: #fff;
border-left: 10px solid #303C48;
}

.twitter ul li a{
color: #f4f4f4;
}

a.more{
color: #2F5B7F;
text-decoration: none;
}

a span{
color: #fff;
}






/* End___Colors____ */


/* ___Global Settings ____ */

body {
background: #868477 url(images/bg.jpg) repeat-y center;
}

#outer{
width: 100%;
background: url(images/outer.jpg) repeat-x top;
}

#wide{
position:relative;  
overflow:hidden;  
}

p{
line-height: 20px;
text-align: justify;
padding: 5px 0;
}

.alignnone{
border: 5px solid #C6D7E0;
margin-bottom: 10px;
margin-right: 5px;
float: left;
}

h2.cat{
padding: 20px 0 0 20px;
font-size: 30px;
}

/* END___Global Settings ____ */

/* ___Header ____ */

img.logo{
float: left;
margin-left: 5px;
}

#desc{
float: left;
padding: 10px 0 0 20px;
font-size: 20px;
}

#desc h2{
font-size: 30px;
letter-spacing: -1px;
}

form#searchform{
float: right;
width: 219px;
background: url(images/searchinput.png) no-repeat top left;
margin: 13px 0px 0 0;
}

form#searchform input{
float: left;
}

form#searchform  input#s{
border: 0px solid #000;
float: left;
background: none;
color: #fff;
font-weight: bold;
padding: 13px 0 0 10px;
width: 130px;
}

/* End___Header ____ */

#topbarouter{
position:relative;  
overflow:hidden;  
height: 385px;
}


.topbar{
position:absolute;  
background: url(images/popupbg.jpg) repeat-y center;
z-index:90; 
width: 961px; 
height: 495px;
}

.topbar.curr{
top: 10px;
}

.topbar{
top: 495px;
}

#inner{
background: url(images/popuptop.jpg) no-repeat center top;
padding: 22px 24px 0 24px;
height: 390px;
}

#welcometitle{
width: 310px;
float: right;
font-size: 20px;
font-weight: bold;
text-align: center;
margin-bottom: 10px;
}

#welcomeabout{
padding: 0px;
width: 300px;
float: right;
}

#welcomeabout h2, #inner h2{
font: 26px Arial;
font-weight: bold;
margin: 5px;
background: url(images/underline.jpg) repeat-x bottom;
text-align: center;
}

#welcomeabout p{
font-size: 15px;
text-align: justify;
padding-right: 5px;
margin-bottom: 10px;
}

#welcomeabout p em{
border-bottom: 1px dotted #5f5f5f;
font-style: italic;
}

#welcomeabout p span{
font-weight: bold;
}

.welcome{
width:300px;
float: right;
}

#buttons ul{
height: 43px;
background: url(images/butleft.jpg) no-repeat top left;
padding-left: 7px;
margin: 0px auto;
float: left;
left: 50%;
position: relative;
}

#buttons ul span{
height: 43px;
background: url(images/butleft.jpg) no-repeat top left;
width: 7px;
float: left;
right: 50%;
position: relative;
}

#buttons ul li{
background: url(images/butmid.jpg) repeat-x;
padding: 0px 0px 0px 10px;
list-style-type: none;
line-height: 43px;
margin: 0px;
float: left;
right: 50%;
position: relative;
}

#buttons ul li a{
padding: 0px 17px 0px 0px;
background: url(images/butright.jpg) no-repeat top right;
color: #fff;
font-size: 16px;
font-weight: bold;
text-decoration: none;
display: block;
height: 43px;
margin: 0px;
}


div.slidebox {
width: 200px;
height: 240px;
position: relative;
float: left;
overflow: hidden;
}

.imgbox{
z-index: 1; 
height: 240px; 
width: 200px; 
position: absolute;
}

#imgtext{
position: absolute; 
top: 200px; 
right: 0; 
width: 200px;
text-align: center;
z-index: 2;
background: url(images/blip.png);
line-height: 40px;
color: #fff;
font-weight: bold;
}


div.slideBox div.content {
position: absolute;
z-index: 1;
padding: 10px;
float: left;
overflow: hidden;
}

#boxcontainer {
width: 800px;
margin: 0px auto;
}

.content{
width: 190px;
height: 240px;
}

.content h3{
color: #fff;
text-align: center;
font-size: 16px;
padding-top: 10px;
background: url(images/underline.jpg) repeat-x bottom;
}

.content p{
font-size: 14px;
text-align: justify;
padding: 10px;
height: 130px;
overflow: hidden;
}

#servbody h2{
text-align: center;
letter-spacing: -1px;
margin-bottom: 0px;
}

.serv{
width: 190px;
}

.sb{
width: 270px;
}

.catgs{
margin-top: 30px;
width: 190px;
float: right;
}

#navlinks{
margin: 5px auto 0;
width: 800px;
}

.nav{
width: 200px;
float: left;
}


/* _____ooooo00000 -- Site Menu -- 00000ooooo_____ */

.sitemenu{
margin: 0px 0px 5px 0px;
height: 42px;
}

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

 .sitemenu ul li{
list-style-type: none;
float: left;
line-height: 33px;
margin: 5px 10px;
text-align: center;
width: 130px;
}

.sitemenu ul li.current_page_item a{
background: url(images/menleft.jpg) no-repeat top right;
color: #fff;
}

.sitemenu ul li.current_page_item {
background: url(images/m1.png) no-repeat left bottom;
}

.sitemenu ul li:hover{
background: url(images/m1.png) no-repeat left bottom;
}

.sitemenu ul li a:hover{
background: url(images/menleft.jpg) no-repeat top right;
color: #fff;
}

.sitemenu ul li a{
color: #fff;
text-decoration: none;
font-size: 16px;
letter-spacing: -1px;
font-weight: bold;
margin: 0px;
display: block;
}

/* END_____ooooo00000 -- Site Menu -- 00000ooooo_____ */

/* _____ooooo00000 -- Front page content - main -- 00000ooooo_____ */


#FPouter{
padding-top: 20px;
background: url(images/popupbottom.jpg) no-repeat 50% 0%;
}

#contact{
background: url(images/outer.jpg) repeat-x top;
height: 43px;
margin: 0px 12px;
}

#contactleft{
background: url(images/searchinput.png) no-repeat bottom left;
height: 43px;
float: left;
width: 7px;
}

#contactright{
background: url(images/bookright.jpg) no-repeat bottom left;
height: 43px;
float: right;
width: 5px;
}

ul.ctct{
margin-left: 0px;
}

#contactinput{
width: 308px;
float: left;
color: #fff;
text-align: center;
padding-top: 10px;
font-size: 16px;
}

#contactinput.contactmenu{
padding-top: 0px;
}

#contactinput span{
border-bottom: 1px dotted #fff;
font-style: italic;
font-weight: bold;
}

.twitter h3{
background: url(images/twitter.jpg) no-repeat center right;
padding: 8px 0;
border-bottom: 1px solid #3E5F6F;
margin: 0px;
}

.twitter ul{
margin: 0px;
padding: 0px;
border-top: 1px solid #D7D6CF;
}

.twitter ul li{
list-style-type: none;
margin: 0px;
padding: 5px 0px;
font-style: italic;
border-bottom: 1px dashed #8F877D;
color: #3F3223;
}

.twitter ul li a{
font-weight: bold;
}

.twitter h6 a{
color: #4f4f4f;
text-decoration: none;
font-style: italic;
}

#latest{
padding-top: 10px;
}

#latest h6{
color: #fff;
margin-top: 10px;
}

#latest p{
font-size: 14px;
padding: 10px 0;
line-height: 22px;
color: #1A2632;
}

a.more{
font-weight: bold;
font-style: italic;
}

#previous h3{
background: url(images/pen.jpg) no-repeat center left;
padding: 8px 0;
border-bottom: 1px solid #3E5F6F;
text-align: center;
margin: 0px;
}

#previous.twitter ul li a{
color: #3F3223;
font-weight: normal;
font-style: normal;
}


/* END_____ooooo00000 -- Front page content - main -- 00000ooooo_____ */


/* _____ooooo00000 -- single page topbar -- 00000ooooo_____ */
#singletopbarwrap{
background: url(images/singletopbottom.jpg) repeat-x bottom;
}

#singletopbarouter{
}

#singleheading{
padding: 20px 0 0 20px;

}

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


/* END_____ooooo00000 -- single page topbar -- 00000ooooo_____ */

/* _____ooooo00000 -- single post content -- 00000ooooo_____ */

#singleouter{
background: url(images/popupbg.jpg) repeat-y center;
width: 961px;
}

#singleinner{
background: url(images/popuptop.jpg) no-repeat center top;
width: 961px;
}


#thepost p{
color: #686868;
text-align: justify;
padding: 10px 0 0 0;
}

#singlepostcontent .grid_3 h3{
	text-align: center;
        color: #484848;
        border-bottom: 2px solid #E0E3E0;
        margin-bottom: 10px;
}

#singlepostcontent .grid_3 ul{
list-style-type: none;
margin: 0px;
}


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

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



/* END_____ooooo00000 -- single post content -- 00000ooooo_____ */


/* _____ooooo00000 -- single post content -- 00000ooooo_____ */
#nicetitle{
	height: 45px;
        background: url(images/nicetop.jpg)no-repeat;
        color: #fff;
        
padding: 0px 0 0 15px;
font-size: 16px;
}

#nicetitle span{	
       color: #b6b4b4;
}

#nicetitle p {
	
padding-top: 8px;}

#nicebody{
        background: url(images/nicebody.jpg) repeat-y;
        color: #fff;
        padding: 5px 0px 0px 0px;
        color: #7F7E7E;
}

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

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

/* END_____ooooo00000 -- single post content -- 00000ooooo_____ */

/* _____ooooo00000 -- sidebar -- 00000ooooo_____ */

#sidebar{
	margin-top: 25px;
}

#sbcontact{
text-align: center;
width: 270px;
}

/* END_____ooooo00000 -- sidebar -- 00000ooooo_____ */

/* _____ooooo00000 -- forms -- 00000ooooo_____ */

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

/* _____ENDooooo00000 -- forms -- 00000ooooo_____ */

/* _____ooooo00000 -- pagination -- 00000ooooo_____ */
.pagination{
	padding: 20px 10px 10px 10px;
        text-align: center;
}

.pagination a{
	text-decoration: none;
        font-size: 13px;
        background: #242424;
        color: #fff;
        padding: 3px 7px;
        border: 1px solid #000;
        margin: 0px 3px;
        font-weight: bold;
}

.pagination a:hover{
	
background: 
#C04F15;}

.pagination a.current{
	
color: #fff;
background: #C04F15;
border: 1px solid #7F2F07;
}

/* _____ENDooooo00000 -- pagination -- 00000ooooo_____ */

/* ____ooooo00000 -- comments -- 00000ooooo_____ */

#comments p{

	margin-bottom: 5px;
}

/* _____ENDooooo00000 -- comments -- 00000ooooo_____ */

#footer {
height: 89px;
background: url(images/foot.png) repeat-x;
}

#footinner{
height: 89px;
background: url(images/footinner.png) no-repeat center;
}