/* 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 {width:100%;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%; 
	color:#8e8e8e;
	min-width:990px;
	background: #000;
}

.bg1{background: url(../images/body-tail.gif) center top repeat;}
.bg2{background:url(../images/body-bg.jpg) center top no-repeat;}

.main {
	width:960px;
	padding:0;
	margin:0 auto;
	font-size:14px;
	line-height:23px;
	position:relative;
}

/*********************************header*************************************/
header {
	width:100%;
	position:relative; 
	z-index:999;
}

h1{
	background: url(../images/logo-bg1.jpg) top center no-repeat;
	position:relative;
	width:302px;
	height:200px;
	margin:0 auto;
	padding:0 16px 0 19px;
	z-index:9999;
}
	h1 span a{
		display:block;
		background: url(../images/logo-bg4.png) center top no-repeat;
		width:292px;
		height:193px;
		overflow:hidden;
		text-align:center;
		padding-top:28px;
		padding-left:10px;
		text-indent: -1000em;
		cursor:pointer;
	}
	h1 a {
		display:inline-block;
		font-weight:normal;
		font-size: 64px;
		line-height:77px;
		color:#fff;
		cursor:pointer;
	}
		h1 a:hover{text-decoration:none;}
		h1 strong{
			display:block;
			font:normal 13px/16px Georgia, "Times New Roman", Times, serif;
			color:#fff;
			text-transform:uppercase;
			margin-top:-4px;
		}

/************ menu ************/
nav {
	position:absolute;
	z-index:9;
	width:100%;
	min-height:136px;
	top:32px;
	background: url(../images/menu-tail.png) top center repeat-x;
}

.menu {
	width:940px;
	padding:53px 0;
	margin:0 auto;
}
	.menu >li {
		position:relative;
		padding:6px 55px 6px 45px;
	}
		.menu >li.first{padding-left:0;}
		.menu >li.last{padding-right:0;}
		.menu >li.left{float:left;}
		.menu >li.right{float:right;}
		.menu >li.border{border-right:1px solid #b0b1b1;}
	.menu > li > a {
		font:bold 15px/18px "Trebuchet MS", sans-serif;
		display:block;
		color:#818181; 
		text-decoration:none;
		text-transform:uppercase;
		/*letter-spacing:-1px;*/
		cursor:pointer;padding:5px;
	}
	.menu li a.active,
	.menu > li > a:hover,
	.menu > li.sfHover > a{
		color:#ffffff; 
		text-decoration:none;
		background: #d55724;
		
	}

	/**submenu**/
	.menu ul {
		background: url(../images/submenu-top.png) center top no-repeat;
		position:absolute;
		padding-top:24px;
		top:-999em;
		width:129px;
	}
		.menu ul li {
			width:100%;
			text-align:center;
			background:#00c7c9;
			padding:8px 0 6px;
		}
			.menu ul li.last-item{padding-bottom:24px;}
		.menu li:hover {visibility: inherit;}
			.menu li li a {
				display: block;
				color:#fff;
				font:normal 12px/15px Georgia, "Times New Roman", Times, serif;
				text-decoration:none;
				text-transform:uppercase;
				white-space:nowrap;
			}
				.menu li li > a:hover, 
				.menu li li.sfHover > a,
				.menu li li li a:hover {
					color:#302b28;
					text-decoration:none;
				}
				.menu li:hover ul, .menu li.sfHover ul {
					left:13px;
					top:49px;
					z-index:999;
				}

/*****************slider***************/
.slider-box{
	width:940px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	padding:0px 25px 0;
	text-align:center;
	
}
	.slider-box h2, .font-1{
		font:normal 21px/24px Georgia, "Times New Roman", Times, serif;
		color:#2B9CA8;
		text-transform:uppercase;
		letter-spacing:1px;
	}
	.font-1 {font:normal 18px/24px Georgia, "Times New Roman", Times, serif;}
.slider{
	position:relative;
	z-index:2;
	width:900px;
	height:352px;
}

.items{display:none;}

.nextBu{
	display:block;
	position:absolute;
	height:48px;
	width:48px;
	z-index:10;
	top:245px;
	right:42px;
	background:  url(../images/nextBu.png) center top no-repeat;
}
.prevBu{
	display:block;
	position:absolute;
	height:48px;
	width:48px;
	z-index:10;
	top:245px;
	left:2px;
	background: url(../images/prevBu.png) center top no-repeat;
}
	.prevBu:hover, .nextBu:hover{background-position: center bottom;}

/*****************************************content**********************************************/
#content {
	width:100%; 
	position:relative;
	z-index:1;
	padding:0;
}
	#content .indents{padding:25px 0 50px;}
	#page1 #content .indents{padding:39px 0 50px;}

/*tags*/
a {
	color:#d55724;
	outline:none;
	text-decoration:none;
}
	a:hover {text-decoration:underline;}

p, .p3-1{margin-bottom:18px;}
.p0{margin-bottom:0 !important;}
.p1{margin-bottom:5px;}
	.p1-1{margin-bottom:8px;}
.p2{margin-bottom:10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
	.p2-1{margin-bottom:13px;}
.p3{margin-bottom:15px;}
.p4{margin-bottom:20px;}
	.p4-1{margin-bottom:23px;}
.p5{margin-bottom:25px;}
	.p5-1{margin-bottom:28px;}
.p6{margin-bottom:30px;}
	.p6-1{margin-bottom:32px;}
.p7{margin-bottom:35px;}
	.p7-1{margin-bottom:37px;}
.p8{margin-bottom:40px;}
	.p8-1{margin-bottom:42px;}

h3{
	font:bold 25px/30px Georgia, "Times New Roman", Times, serif;
	color:#000;
	text-transform:uppercase;
	text-align:center;
	letter-spacing:2px;
	white-space:nowrap;
	width:100%;
	overflow:hidden;
	position:relative;
}
	.border-r {right: 0;}
	.border-l {left: 0;}
	.border-l, .border-r {
		background:url(../images/pic1.gif) 0 0 repeat-x;
		font-size: 0;
		height: 6px;
		line-height: 0;
		overflow: hidden;
		position: absolute;
		top: 13px;
	}

h4{
	font:bold 20px/24px Georgia, "Times New Roman", Times, serif;
	color:#000;
	text-transform:uppercase;
	text-align:center;
	letter-spacing:2px;
}

h6{
	font:normal 15px/19px Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#7b7b7b;
}
	h6 a{color:#7b7b7b;}
		h6 a:hover{text-decoration:none; color:#000;}

blockquote{
	width:100%;
}

figure.img-indent {float:left; margin:0 20px 0px 0;}

/*classes*/
.wrapper {width:100%; overflow:hidden;position:relative;}
.extra-wrap {overflow:hidden;}

.fleft{float:left;}
.fright{float:right;}
.aligncenter{text-align:center;}
.alignright{text-align:right;}

.button{
	display:inline-block;
	background:url(../images/button-tail.gif) center top repeat-x #00b7b9;
	font: bold 15px/18px Georgia, "Times New Roman", Times, serif;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:1px;
	padding:11px 30px;
	cursor:pointer;
}
	.button:hover{
		text-decoration:none;
		background-position:center bottom;
		background-color:#000;
	}

/*.font-1{
	font: normal 15px/19px Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	color:#7b7b7b;
	letter-spacing:1px;
}
	.font-1 span{ font-weight:bold;}*/

.col-1{
	float:left;
	width:194px;
	margin-right:53px;
}

/***************boxes****************/
.box1{
	background:#ffffff;
	padding:16px 15px;
	color:#7d7d7e;
}

/****************lists***************/
.last-item{margin-right:0 !important; margin-bottom:0 !important;}

.list-1 li{
	font:bold 18px/22px Georgia, "Times New Roman", Times, serif;
	color:#000;
	text-transform:uppercase;
	letter-spacing:1px;
	margin-bottom:10px;
}
	.list-1 a{
		display:block;
		color:#000;
		background:#e7e8e9;
		padding:14px 19px;
	}
		.list-1 a:hover{
			text-decoration:none;
			background-color:#00babd;
			color:#fff;
		}

/**************borders**************/
.border-bottom1{border-bottom:1px solid #262626;}

/**************indents**************/
.indent-bottom4{padding-bottom:20px; padding-top:20px;}
.indent-bottom5{padding-bottom:25px;}
.indent-bottom8{padding-bottom:40px;}
.indent-bottom9{padding-bottom:45px;}
.indent-right{padding-right:320px;}


/********Pretty photo**********/
.lightbox-image {
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
	.lightbox-image img {
		position: relative;
		z-index: 1;
	}
	.lightbox-image span {
		background: url("../images/magnify.png") no-repeat scroll 50% 50% transparent;
		display: inline-block;
		height: 100%;
		left: 0;
		padding: 0;
		position: absolute;
		top: -100%;
		width: 100%;
		z-index: 2;
	}

/***** contact form *****/
#contact {
	position:relative;
	vertical-align:top;
	width:100%;
	z-index:1;
}
	#contact fieldset {border:none;padding:0;}
			#contact label {display:block;min-height:45px;}
			#contact .message{min-height:285px;}
			#contact input, #contact textarea {
				padding:10px 15px;
				margin:0;
				font:normal 14px/14px Arial, Helvetica, sans-serif;
				color:#858585;
				background:#fff;
				outline:none;
				border:1px solid #e0e0e0;
				width:329px;
			}
			#contact .area .error {float:none;}
			#contact textarea {
				margin:0;
				line-height:17px;
				padding-top:9px;
				width:589px;
				max-width:589px;
				min-width:589px;
				height:229px;
				max-height:229px;
				overflow:auto;
			}
			#contact .success {display:none; margin-bottom:20px;}
			#contact .error,
			#contact .empty {
				color:#f00;
				font-size:11px;
				line-height:1.27em;
				display:none;
				overflow:hidden;
			}
.buttons-wrapper{text-align:right;}
.buttons-wrapper a {margin-left:15px; cursor:pointer;}

/*****map*****/
dt{
	font:normal 15px/18px Georgia, "Times New Roman", Times, serif;
	color:#7b7b7b;
	text-transform:uppercase;
	margin-bottom:9px;
}
dd{font-family:Arial, Helvetica, sans-serif;}
dl span {float:left; width:84px;}

/****************************footer************************/
footer{
	width:100%;
	background:#000;
}
	footer .main{
		color:#7a7a7a;
		font-size:14px;
		line-height:22px;
	}
	footer .indents{padding:12px 0 70px;}
	#page1 footer .indents{padding:62px 0 70px;}
	footer h5{
		font: bold 18px/22px Georgia, "Times New Roman", Times, serif;
		color:#fff;
		text-transform:uppercase;
		letter-spacing:2px;
	}
	.footer-text{
		position:relative;
		width:100%;
		overflow:hidden;
		text-transform:uppercase;
		color:#9c9c9c;
	}
		#page1 .footer-text{padding-top:13px;}
		
		.footermenu { text-align:center;}
		.footermenu a {color:#ffffff; text-decoration:underline; padding:0 10px;}

/********* social icons *********/
.works-list{
	margin:0;
	list-style:none;
}
	.works-list li{
		float:left;
		margin-right:11px;
	}
		.works-list li a{
			display:block;
			height:48px;
			width:48px;
			background-image: url(../images/social-icons.jpg);
			background-repeat: no-repeat;
			cursor:pointer;
		}
		.icon-1 a{background-position:0 top;}		.icon-1 a:hover{background-position:0 bottom;}
		.icon-2 a{background-position:-59px top;}	.icon-2 a:hover{background-position:-59px bottom;}
		.icon-3 a{background-position:-118px top;}	.icon-3 a:hover{background-position:-118px bottom;}

#easyTooltip{
	padding:0 10px 0;
	background:#00cacb;
	color:#fff;
	font-weight:800;
	font-size:11px; 
	line-height:2em;
	text-transform: uppercase;
	position:relative;
	z-index:1000;
}

/**********Contact form 1**********/
#contact-form1{
	position:relative;
	vertical-align:top;
	width:100%;
}
	#contact-form1 fieldset {
		border:none;
		padding:0;
		width:100%;
		overflow:hidden;
		padding-bottom:7px;
	}
		#contact-form1 label {display:block; overflow:hidden;}
			#contact-form1 label.name{height:53px; width:191px;}
			#contact-form1 label.email{height:37px; width:191px;}
			#contact-form1 label.message{height:98px; width:252px;}
			#contact-form1 label.newsletter{display:inline-block;}
		#contact-form1 input[type="text"], #contact-form1 textarea{
			background:#1a1a1a;
			border:none;
			color:#7a7a7a;
			font:14px/17px Arial, Helvetica, sans-serif;
			margin:0;
			padding:11px 16px;
			outline:none;
			width:159px;
		}
		#contact-form1 input[type="checkbox"]{
			margin:0 5px 0 0;
			padding:0;
			line-height:14px;
		}
		#contact-form1 textarea{
			padding-top:10px;
			width:220px;
			max-width:221px;
			height:69px;
			max-height:69px;
			overflow:auto;
		}
		
	#contact-form1 a{
		display:inline-block;
		background: url(../images/comtactform1-button-tail.gif) center top repeat-x #3f3f3f;
		color:#fff;
		font:bold 15px/18px Georgia, "Times New Roman", Times, serif;
		text-decoration:none;
		text-transform:uppercase;
		letter-spacing:1px;
		padding:11px 20px;
		cursor:pointer;
	}
		#contact-form1 a:hover{
			background-position:center bottom;
			background:#00d3d4;
			text-decoration:none;
		}

/************Back to top*****************/
#toTop {
	display:none;
	background:url(../images/ui-totop.png) no-repeat center top;
	text-decoration:none;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	font: normal normal 20px/24px Georgia, "Times New Roman", Times, serif;
	position:fixed;
	right:50%;
	padding:27px 0 0;
	bottom:200px;
	overflow:hidden;
	width:76px;
	height:49px;
	border:none;
	z-index:999;
}

	#toTop:hover{background-position:center bottom;}

#toTop:active, #toTop:focus {
	outline:none;
}