@import url(http://fonts.googleapis.com/css?family=Rosario);
@import url(http://fonts.googleapis.com/css?family=Port+Lligat+Slab);
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html, body {min-width:960px;}

body { 	 
	font-family:Arial, Helvetica, sans-serif;
	color:#dedede;
	font-size:12px;
	line-height:20px;
	background:url(../images/body2.jpg) center top no-repeat #000;
}
#page1 {
	background:url(../images/palm.jpg) center top no-repeat #000;
}

.main {
	width:960px; 	
	padding:0;
	margin:0 auto;
	position:relative;
}

a {color:#fe00b9; outline:none; text-decoration:none;}
a:hover {text-decoration:underline;}
.link {text-decoration:underline;}
.link2:hover {text-decoration:underline;}

.wrapper {width:100%; overflow:hidden;}
.extra-wrap {overflow:hidden;}

p {margin-bottom:20px;} 
.p0 {margin-bottom:0;}
.p1 {margin-bottom:0;}

.d-in-block {display:inline-block;}
.d-block {display:block;}
.reg {text-transform:uppercase;}
.rel {position:relative;}
.fleft {float:left;}
.fright {float:right;}

.alignright {text-align:right;}
.aligncenter {text-align:center;}

.img-indent-l {float:left; margin:0px 20px 0px 0px;}	
.img-indent-2 {float:left; margin:5px 20px 0px 0px;}	

/*********************************boxes**********************************/
.indent {padding:0;}

.indent-left {padding-left:0;}

.indent-bottom {padding-bottom:53px;}
.indent-bottom1 {padding-bottom:20px;}

.indent-right {padding-right:45px;}

#page1 .indent-top {padding-top:120px;}
#page1 .indent-top1 {padding-top:70px;}
.indent-top {padding-top:277px;}
.indent-top1 {padding-top:4px;}

.margin-top { margin-top:0;}

.margin-bot {margin-bottom:20px;}
.margin-bot1 {margin-bottom:10px;}
.margin-bot2 {margin-bottom:35px;}
.margin-bot3 {margin-bottom:30px;}
.margin-bot4 {margin-bottom:25px;}
.margin-bot5 {margin-bottom:15px;}

.margin-left {margin-left:0;}

.margin-right {margin-right:15px;}
.margin-right2 {margin-right:20px;}



/*********************************header*************************************/
header {
	width:100%;
}

h1 {
	padding:0 0 0 75px;
	font-family: 'Rosario', sans-serif;
	font-size:60px;
	line-height:72px;
	font-weight:400;
	text-transform:uppercase;
	letter-spacing:12px;
}
	h1 a {
		display:inline-block;
		color:#d9d9d9;
}
h2 {
	padding:7px 0 37px 190px;
	font-family: 'Rosario', sans-serif;
	font-size:17px;
	line-height:21px;
	font-weight:400;
	text-transform:uppercase;
	letter-spacing:2px;
	word-spacing:-2px;
	color:#646161;
}
/***** menu *****/
.menu_bg {
	background:url(../images/menu1.png) left top repeat;
}
nav {
	float:left;
}
.menu {
	float:left;
	padding:0 0 0 71px;
	position:relative;
	z-index:20;
	font-family: Arial;
}
.menu li {
	float:left; 
	margin:0 13px;
	position:relative;
}
.menu>li:first-child {
	margin-left:0;
}
.menu>li:before {
	position:absolute;
	width:1px;
	height:11px;
	display:block;
	left:-12px;
	top:29px;
	background:url(../images/menu2.gif) left top no-repeat;
	content:"";
}
.menu li:first-child:before {
	top:-999em;
}
.menu li a {
	display:block;
	font-size:14px;
	line-height:17px;
	color:#fff;
	text-transform:uppercase; 
	z-index:20;
	letter-spacing:3px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	padding:26px 33px 25px 33px;
}
.menu li a .sf-sub-indicator {
	display:block;
	position:absolute;
	width:16px;
	height:8px;
	background:url(../images/sub.png) left top no-repeat;
	text-indent:-999em;
	left:0;
	top:-999em;
}
#page1 .menu li a .sf-sub-indicator {
	background-image:url(../images/sub2.png);
}
#page1 .menu li a.active .sf-sub-indicator,
#page1 .menu > li.sfHover > a .sf-sub-indicator {
	top:0;
}
.menu > li.sfHover > a .sf-sub-indicator {
	top:auto;
	bottom:0;
	left:50%;
	margin-left:-8px;
}
.menu li.sfHover {
	position:relative;
	z-index:10;
}
.menu li a.active,
.menu > li > a:hover,
.menu > li.sfHover > a {
	color:#ffffff;
	background:#fe00b9;
}

.menu ul {
	z-index:20;
	letter-spacing:normal;
	position:		absolute;
	top:			-9999em;
	width:			65px;
	background: 	#282828;
	border:			none;
	padding:6px 17px 10px;
}
.menu ul ul {
	background:#1b1b1b;
	width:63px;
}
.menu ul li {width:	100%;}
.menu li:hover {visibility:	inherit; }
.menu li li {
	background:none;
	margin:9px 0 8px;
	border:none;
}
.menu li li:before {
	display:block;
	width:65px;
	height:1px;
	position:absolute;
	top:-8px;
	content:"";
	background:url(../images/menu3.png) left top repeat-x;
}
.menu li lifirst-child:before {
	top:-999em;
}
.menu li li a {
	background:none;
	text-transform:none;
	display:		block;
	padding:		0 0 0 2px;
	font-size:		15px;
	line-height:	18px;
	color:			#fff;
	letter-spacing:normal;
}
.menu li li > a:hover, 
.menu li li.sfHover > a {
	color:#fea800; 
}
#page1 .menu li:hover ul, #page1 .menu li.sfHover ul {
	bottom:68px;
	top:auto;
}
#page1 ul.menu li li:hover ul, #page1 ul.menu li li.sfHover ul {
	bottom:-18px;
}
.menu li:hover ul, .menu li.sfHover ul {
	left:			40px;
	top:			68px;
	z-index:		999;
}
ul.menu li:hover li ul, ul.menu li.sfHover li ul {
	top:			-999em;
}
ul.menu li li:hover ul, ul.menu li li.sfHover ul {
	left:			82px;
	top:			-15px;
	z-index:		9999;
}
ul.menu li li:hover li ul, ul.menu li li.sfHover li ul {
	top:			-999em;
}

/*********************************content*************************************/
#content {
	width:100%; 
	padding:64px 0 0;
}
#page2 #content {
	padding-top:60px;
}
time {
	display:inline-block;
	padding:6px 20px 5px 10px;
	font-size:14px;
	line-height:17px;
	font-family: 'Port Lligat Slab', serif;
	color:#000;
	letter-spacing:1px;
	background:#fff;
	font-weight:bold;
	margin-bottom:10px;
}
.col-1 {
	width:160px;
	float:left;
}
.col-2 {
	width:260px;
	float:left;
}
/******************* carousel ***************/
.carousel {
	width:255px !important;
	height:75px;
	overflow:hidden;
}
.carousel-box {
	padding:40px 0 0 23px;
}
.carousel ul li {
	width:75px;
	height:75px;
	position:relative;
	margin-right:15px;
}
#next,
#prev {
	position:absolute;
	cursor:pointer;
	width:8px;
	height:11px;
	top:72px;
	overflow:hidden;
}
#prev.disabled:hover,
#prev {
	left:0;
	background:url(../images/prev.png) left top no-repeat;
}
#next.disabled:hover,
#next {
	right:0;
	background:url(../images/next.png) left top no-repeat;
}
.disabled {
	cursor:default !important;
}
#next:hover {background-position:left bottom;}
#prev:hover {background-position:left bottom;}
/*********************************bg's*************************************/
.bg-1 {
	background:url(../images/bg-1.gif) center top repeat;
	padding:35px 0 32px;
}
.bg-2 {
	background:url(../images/bg-2.png) left 10px no-repeat;
	padding:7px 0 0 72px;
}
.border-1 {
	background:url(../images/border-1.png) 273px top repeat-y;
	padding:0 55px 0 0;
}
.border-2 {
	background:url(../images/border-1.png) 510px top repeat-y;
	padding:0 55px 0 0;
}
.border-3 {
	background:url(../images/border-1.png) 590px top repeat-y;
	padding:0 55px 0 0;
}
.border-4 {
	background:url(../images/border-1.png) 595px top repeat-y;
	margin-bottom:53px;
}
/*********************************buttons*************************************/
.button-1 {
	display:inline-block;
	font-size:14px;
	line-height:17px;
	color:#fff;
	font-family: 'Rosario', sans-serif;
	text-transform:uppercase;
	background:#262626;
	padding:10px 15px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.button-1:hover {
	background:#fea800;
	color:#1d1d1d;
}
.button-2 {
	display:inline-block;
	background:url(../images/ul-1.png) right 5px no-repeat;
	font-size:12px;
	line-height:15px;
	padding:0 11px 0 0;
	color:#202020;
	text-transform:uppercase;
	font-weight:bold;
}
.button-2:hover {
	color:#d37f04;
}
/*********************************lists*************************************/
.dl-1 dd {
	overflow:hidden;
}
.dl-1 dd span {
	display:block;
	float:left;
	width:67px;
}
.soc_list {
	overflow:hidden;
	padding:0 0 0 66px;
}
#page1 .soc_list {
	padding:15px 8px 0 0;
	float:right;
}
#page1 .soc_list2 {
	padding:65px 8px 0 0;
	float:right;
}
.soc_list li {
	float:left;
	margin-left:6px;
}
.soc_list li:first-child {
	margin-left:0;
}
.soc_list li a {
	display:block;
	position:relative;
	width:34px;
	height:33px;
	overflow:hidden;
}
.soc_list li a img {
	position:absolute;
	left:0;
	top:-33px;
}
.soc_list li a:hover img {
	top:0;
}
.ul-1 li {
	background:url(../images/ul-1.png) left 10px no-repeat;
	font-size:12px;
	line-height:15px;
	padding:5px 0 4px 10px;
}
.ul-1 li a {
	text-decoration:underline;
	color:#5c5c5c;
}
.ul-1 li a:hover {
	text-decoration:none;
}
.ul-2 {
	width:217px;
}
.ul-2 li {
	background:url(../images/ul-1.png) 1px 11px no-repeat;
	font-size:12px;
	line-height:15px;
	padding:6px 0 8px 16px;
	font-weight:bold;
	border-top:1px solid #bcbcbc;
}
.ul-2 li:first-child {
	border:none;
}
.ul-2 li a {
	color:#5c5c5c;
}
.ul-2 li a:hover {
	text-decoration:underline;
}
/*********************************fonts*************************************/
h3,
h4,
h5,
.title-1 {
	font-size:30px;
	line-height:36px;
	font-family: 'Rosario', sans-serif;
	color:#d4d4d4;
	text-transform:uppercase;
	font-weight:400;
}
h4 {
	font-size:24px;
	line-height:29px;
	color:#a9a9a9;
}
.title-1 {
	font-size:14px;
	line-height:23px;
	color:#bbbaba;
}
h5 {
	font-size:18px;
	line-height:22px;
	color:#3b3b3b;
	margin-bottom:13px;
}
h6 {
	font-size:11px;
	line-height:20px;
	text-transform:uppercase;
	font-weight:bold;
	color:#97a9a9;
}
.lh {
	line-height:22px;
}
.color-1 {color:#969696;}
.color-2 {color:#505050;}
.color-3 {color:#1c1c1c;}
.color-4 {color:#fff;}
.color-5 {color:#727272;}
/******* form's ********/
.input-1 {
	display:block;
	width:218px;
	height:26px;
	padding:0 10px;
	background:#fff;
	overflow:hidden;
	position:relative;
	border:1px solid #cecece;
}
.input-1 input {
	width:218px;
	padding:5px 0 6px;
	margin:0;
	height:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#505050; 
	border:none;
	background:none;
	outline:none;
}

/***** contact form *****/
#form1 fieldset {
	border:none;
	padding:0;
	}			
		#form1 label {
			display:block;
			min-height:40px;
		}
		#form1 label.message {
			height:245px;
		}
		.inp {
			display:block;
			width:180px;
			height:28px;
			padding:0 10px;
			background:#212121;
			overflow:hidden;
			position:relative;
		}
		#form1 input {
			width:180px;
			padding:6px 0 7px;
			margin:0;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			height:15px;
			color:#5c5c5c; 
			border:none;
			background:none;
			outline:none;
		}
		#form1 .area .error { float:none;}
		.text_a {
			position:relative;
			overflow:hidden;
			display:block;
			width:278px;
			height:245px;
			padding:0 10px;
			background:#212121;
		}
		#form1 textarea {
			height:235px;
			margin:0;
			width:278px;
			padding:5px 0;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			line-height:15px;
			color:#5c5c5c; 
			border:none;
			background:none;
			overflow:auto;
			outline:none;
			resize:none;
		}
		#form1 a {cursor:pointer;}
			#form1 .success {display:none; margin-bottom:10px;}
			#form1 .error,
			#form1 .empty {
				color:#f00;
				font-size:11px;
				line-height:18px;
				display:none;
				overflow:hidden;
			}
	.buttons-wrapper {text-align:left; padding-top:33px; position:relative;}
	.buttons-wrapper a { margin-right:18px;}

.map {
	width:360px;
	height:325px;
	float:left;
	margin:5px 20px 0 0;
}
/****************************footer************************/
footer {
	color:#535353;
	width:100%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
	padding:22px 0 15px;
}
#page5 footer,
#page6 footer,
#page7 footer {
	border-top:2px solid #dadada
}
footer a {
	color:#535353;
}
.video {position:relative;}
.video img {
	position:relative; 
	z-index:1;
}
.button-video {
	position:absolute; 
	top:50%; 
	left:50%; 
	width:56px; 
	height:56px; 
	margin:-28px 0 0 -28px; 
	z-index:2; 
	display:block; 
	background:url(../images/video-marker.png) left -9999px no-repeat;
}
	.video:hover .button-video {
		background-position:left top;
	}
	.button-video:hover {
		background-position:left bottom !important;
	}
.button-video2 {
	position:absolute; 
	top:50%; 
	left:50%; 
	width:94px; 
	height:94px; 
	margin:-47px 0 0 -47px; 
	z-index:2; 
	display:block; 
	background:url(../images/video-marker2.png) left top no-repeat;
}
	.button-video2:hover {
		background-position:left bottom;
	}
	
	
	
	
#page1 .soc_list2 {
	padding:65px 8px 0 0;
	float:right;
}
.soc_list2 li {
	float:left;
	margin-left:6px;
}
.soc_list2 li:first-child {
	margin-left:0;
}
.soc_list2 li a {
	display:block;
	position:relative;
	width:34px;
	height:33px;
	overflow:hidden;
}
.soc_list2 li a img {
	position:absolute;
	left:0;
	top:-33px;
}
.soc_list2 li a:hover img {
	top:0;
}