/*====================

	Title: Villa Durazno

	Date: 12.11.09

====================*/

body{

	font-family: Arial,Verdana,Georgia, Lucida,Helvetica,sans-serif,Tahoma,"Trebuchet MS";

	text-align:center;

	background:#161818 url(../images/body-bg.jpg) repeat-x bottom;

	font-size:13px;

	color:#a0a6a7;

}

:focus{

	outline:none;

}

*{

	margin:0; padding:0;

}

img,fieldset{

	border:none;

}

ul,ol,li{

	list-style:none;

}	

a{

	color:#f26522;

	font-size:10px;

	text-decoration:none;

}

a:hover{

	color:#f26522;

	text-decoration:underline;

}

.hide{

     position: absolute;

     left: -9999px;

}

/*---------------- page structure ----------*/

.topWrap{

	width:100%; height:130px;

	background:#101211;

	text-align:left;

}

/*---------------- header ----------*/

.header{

	width:1000px; height:130px;

	margin:0 auto;

	overflow:hidden;

}

.logo{

	width:269px; height:118px;

	float:left;

	display:block;

	margin-top:10px;

}

.nav{

	float:right;

	padding-top:80px;

}

.nav ul{

	float:left;

	overflow:hidden;

}

.nav li{

	float:left;

	padding-left:18px;

}

.nav a{

	float:left;

	height:22px;

	display:block;

}

.home{

	width:46px;

	background:url(../images/home.gif) no-repeat top;

}

.home:hover,#home{

	background:url(../images/home.gif) no-repeat 0 -22px;

}

.program{

	width:121px;

	background:url(../images/rental-program.gif) no-repeat top;

}

.program:hover,#program{

	background:url(../images/rental-program.gif) no-repeat 0 -22px;

}

.durazno{

	width:104px;

	background:url(../images/villa-durazno.gif) no-repeat top;

}

.durazno:hover,#durazno{

	background:url(../images/villa-durazno.gif) no-repeat 0 -22px;

}

.activities{

	width:120px;

	background:url(../images/activities-and-spa.gif) no-repeat top;

}

.activities:hover,#activities{

	background:url(../images/activities-and-spa.gif) no-repeat 0 -22px;

}

.travel{

	width:140px;

	background:url(../images/travel-connections.gif) no-repeat top;

}

.travel:hover,#travel{

	background:url(../images/travel-connections.gif) no-repeat 0 -22px;

}

.contact{

	width:58px;

	background:url(../images/contact.gif) no-repeat top;

}

.contact:hover,#contact{

	background:url(../images/contact.gif) no-repeat 0 -22px;

}

/*---------------- home ----------*/

.homePage,.outer{

	width:100%;

	background:url(../images/home-bg.jpg) repeat-x;

	text-align:left;

}

.homeBanner{

	width:1000px; height:315px;

	overflow:hidden;

	background:url(../images/red-ball.jpg) no-repeat 0 315px;

	padding-bottom:40px;

	}

.title{

	float:left;

	padding-top:40px;

	}

.txt{

	width:660px;

	padding-right:10px;

	float:right;

	}

.txt p{

	line-height:21px;

	color:#000;

	font-size:17px;

	font-weight:bold;

	padding:30px 0 14px 0;

	}

.midBanner{

	width:1000px; height:304px;

	overflow:hidden;

	background:#1f2121;

	}

.midBanLeft{

	width:280px; height:284px;

	float:left;

	background:url(../images/border-left.jpg) no-repeat left;

	padding:20px 0 0 29px;

	}

.msg{

	width:227px; height:41px;

	background:url(../images/msg-bg.jpg) no-repeat;

	color:#000;

	font-size:15px;

	line-height:40px;

	padding-left:20px;

	}

.midBanLeft ul{

	width:270px;

	overflow:hidden;

	padding:30px 0 0 10px;

	}

.midBanLeft li{

	width:90px;

	float:left;

	background:url(../images/bullets.jpg) no-repeat left 4px;

	padding:0 0 20px 20px;

	}

.midBanLeft li.altli{

	width:120px;

	}

.midBanLeft a{

	font-size:15px;

	color:#C7D025;

	}

.midBanLeft a:hover{

	color:#C7D025;

	}

.imgHolder{

	width:670px;

	float:right;

	display:block;

	}

.photoGallery{

	width:960px;

	padding:20px;

	overflow:hidden;

	}

.box1{

	width:920px;

	float:left;

	}

.next,.pre{

	width:30px; height:100px;

	float:right;

	background:url(../images/next.png) no-repeat;

	display:block;

	}

.pre{

	float:left;

	background:url(../images/previous.png) no-repeat;

	}

.box2{

	width:880px;

	float:right;

	}

.box2 li{

	width:129px; height:94px;

	float:left;

	padding:3px;

	background:#424545;

	margin-right:14px;

	display:block;

	}

.box2 li.last{

	margin-right:0;

	}

.box2 img{

	display:block;

	}

.mainBottom{

	width:1000px; height:300px;

	overflow:hidden;

	background:url(../images/main-bottom.jpg) no-repeat;

	padding:38px 0 39px 0;

	}

.leftBox{

	width:606px; height:300px;

	float:left;

	background:#363636;

	padding:0 14px 0 20px;

	}

.treatments{

	width:606px;

	overflow:hidden;
	padding-top:18px;

	}

.treatments img{

	float:left;

	}

.treatments a{

	font-size:13px;

	color:#C7D025;

	font-weight:bold;

	margin-left:45px;

	}

.treatments a:hover{

	color:#44C1FF;
	text-decoration:none;

	}

.leftBox dl{

	width:606px; 

	overflow:hidden;

	}

.leftBox dd{

	width:200px;

	float:left;

	display:block;
	margin-top:18px;

	}

.type1{

	background:#161818;

	margin-right:10px;

	}

.type1 span{

	width:200px; height:224px;
	
	display:block;

	}

.type1 p,.type1 h2{

	line-height:14px;

	font-size:11px;

	color:#a0a6a7;

	padding:10px;

	}

.type2{

	margin-right:10px;

	}

.items{

	overflow:hidden;

	}

.items li{

	width:60px; height:60px;

	float:left;

	display:block;

	padding:0 10px 10px 0;

	}

.items li.last{

	padding:0 0 10px 0;

	}

.type2 p{

	width:200px;

	overflow:hidden;

	display:block;

	}

.type2 .prev,.type2 .nxt{

	width:14px; height:14px;

	float:left;

	background:url(../images/previous.gif) no-repeat top;

	display:block;

	}

.type2 .prev:hover{

	background:url(../images/previous.gif) no-repeat 0 -14px;

	}

.type2 .nxt{

	float:right;

	background:url(../images/next.gif) no-repeat top;

	}

.type2 .nxt:hover{

	background:url(../images/next.gif) no-repeat 0 -14px;

	}

.leftBox dd.type3{

	width:184px;
	margin-top:12px;

	}

.type3 li{

	background:url(../images/bullets.gif) no-repeat left 6px;

	padding-left:16px;

}

.type3 a{

	color:#C7D027;

	font-size:11px;

	}

.type3 a:hover{

	color:#44C1FF;

	}

.rightBox{

	width:340px; height:300px;

	float:right;

	background:#363636;

	}

.rightBox h2{

	padding:20px 20px 0 20px;

	}

.rightBox dl{

	width:320px;

	overflow:hidden;

	padding-left:20px;

	}

.rightBox dd{

	width:150px;

	float:left;

	display:block;

	}

.rightBox h3{

	width:150px; height:61px;

	}

.rightBox span{

	width:139px; height:169px;

	display:block;

	padding-top:12px;

	}

/*---------------- footer ----------*/

.footer{

	width:1000px; height:130px;

	overflow:hidden;

}

.footer p{

	float:left;

	padding-top:60px;

}

.footer a,.footer p{

	color:#c1c1c1;

	font-size:10px;

	font-weight:bold;

	text-transform:uppercase;

}

.ftrLogo{

	width:159px; height:58px;

	float:right;

	margin-top:30px;

}

/*---------------- sub pages ----------*/

.outer{

	background:url(../images/sub-body-bg.jpg) repeat-x;

	padding-top:50px;

}

.midWrap{

	width:1000px;

	margin:0 auto;

}

.mainBody{

	width:1000px;

	overflow:hidden;

	margin-bottom:20px;

}

.homemain{	

	width:1000px;

	overflow:hidden;

}

.center{

	width:685px;

	float:left;

	background:#363636;

	padding:20px;

	overflow:hidden;

}

.sidebar{

	width:255px;

	float:right;

}

.banner{

	width:685px; height:250px;

	display:block;

}

.subTitle{

	padding:18px 0;

	background:url(../images/border.jpg) no-repeat bottom;

}

.center p{

	line-height:17px;

	font-weight:normal;

	padding:16px 0;

}

.space {

	margin-bottom:30px;

}

.lists li{

	margin-bottom:20px;

}

.lists li img{

	border:10px solid #363636;

	display:block;

}

.subHeading{

	font:bold 13px/13px Arial;

	text-transform:uppercase;

	color:#c7d025;

	margin:20px 0;

}

.addcon{

	overflow:hidden;	

}

address{

	font-style:normal;

	font-weight:bold;

}

address strong{

	color:#c7d025;

}

address a{

	font-size:12px;

}

.addcon address{

	font-style:normal;

	font-weight:bold;

	border-right:1px solid #545454;

	padding-right:20px;

	margin-right:20px;

	float:left;

}

.addcon span,address span{

	color:#fe8700;

}

.addcon span a,address span a{

	font:bold 13px/13px Arial;

	text-decoration:none;

	color:#fe8700;

}

.formArea p{

	overflow:hidden;

	padding:0;

	margin:0 0 10px 0;	

}

.formArea label{

	width:115px;

	float:left;

	line-height:28px;

	margin-right:20px;

	text-align:right;

}

.formArea input,.formArea textarea{

	width:260px;	height:22px;

	border:1px solid #000000;

	padding:4px 0 0 2px;

	font:normal 12px Arial;

}

.formArea .submitbtn{

	padding:0;

	margin:0 0 0 135px;

	height:auto;	width:auto;

}

.formArea textarea {

	height:100px;

}

.txtcon{

	padding-top:20px;

}

.txtcon p{

	padding:0;

	margin-bottom:17px;

	font:normal 15px/17px Arial;

}

.txtcon strong{

	color:#FFF;

	}

.activityList{

	width:685px;

	}

.activityList dt,.alttxt h2{

	width:685px;

	border-bottom:1px solid #535353;

	padding:10px 0;

	display:block;

	}

.activityList dd{

	width:685px;

	overflow:hidden;

	display:block;

	}

.activityList p{

	font-size:15px;

	}

.activityList b{

	font-size:13px;

	}

.alttxt{

	width:430px;

	float:left;

	}

.alttxt h2{

	width:430px;

	}

.placeHolder{

	width:235px; height:170px;

	float:right;

	display:block;

	}

.table th,.table td{

	height:30px;

	border-bottom:1px solid #535353;

	}
.smimgslid div{
	float:left;
	padding:0 10px 10px 0;
	cursor:pointer;
}
.smimgslid div.last{
	padding:0 0 10px;
}
.smimgslid{
	width:200px;
	height:225px;
	float:left;
}
.jCarouselLite{
	overflow:hidden;
	width:400px;
	height:225px;
	position:absolute;
}

.type2{
	position:relative;
	overflow:hidden;
	height:225px;
}
.button{
	position:absolute;
	bottom:0;
	left:0;
}
/*------------ 16.11.09 ------------*/
.middle{
	width:960px;
	padding:0 20px;
	background:#363636;	
	}
.middle h2{
	background:url(../images/GALLERY-BORDER.jpg) no-repeat bottom;
	padding:20px 0;	
	}
.galleryCon{
	width:960px;
	overflow:hidden;
	position:relative;
	padding:20px 0;
	}
.gallery{
	width:975px;
	margin-right:15px;
	}
.gallery dd{
	width:180px; height:150px;
	float:left;
	margin:0 14px 15px 0;
	}
.gallery img{
	border:3px solid #000;
	}
.filmstrip{
	width:890px;
	height:97px;
	overflow:hidden;
	background:red;
	visibility:hidden;
}
.filmstrip li{
	float:left;
}
.box1 .strip_wrapper{
	margin-left:20px;
}