@import"reset.css";
@import"superfish.css";
@import"grid.css";
@import"forms.css";
@import"coin-slider.css";
@import"skin.css";
/* Global properties ======================================================== */
html{
	overflow-y:scroll;
}
html, body {
		height:100%;
		
}
body{
	color:#7a7979;
	position:relative;
	min-width:964px;
	font-family: 'Exo 2', Helvetica, sans-serif;
	background:#000;
	padding:0 0 0px 0;
}
.main {
	width:960px; 	
	padding:0;
	margin:0 auto;
	position:relative;
	background: none;
	padding:0px 0 0px 0;
}

/* bg */
.bg {
	width:100%;
	background:center top no-repeat #333333;
}

a {color:#0092de; outline:none; cursor:pointer; 
	text-transform: uppercase;
	text-decoration:none;}
a:hover {text-decoration:none;}
.buttons a:hover {cursor:pointer;}

.clear {clear:both; width:100%; line-height:0; font-size:0; height:0; overflow:hidden;}

.wrapper{width:100%; overflow:hidden; position:relative;}
.extra-wrap{overflow:hidden; display:block;}


p {margin-bottom:18px;}

.p0 {margin-bottom:0px;}
.p1 {margin-bottom:7px;}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:30px;}
.p4 {margin-bottom:43px;}
.p5 {margin-bottom:61px;}

.prev-indent-bot {margin-bottom:10px;}
.title {margin-bottom:18px;}
.title1 {margin-bottom:19px;}
.indent-bot {margin-bottom:20px;}
.indent-bot0 {margin-bottom:22px;}
.indent-bot1 {margin-bottom:23px;}
.spacing-bot {margin-bottom:25px;}
.spacing-bot0 {margin-bottom:24px;}
.spacing-bot1 {margin-bottom:26px;}
.margin-bot {margin-bottom:38px;}
.margin-bot1 {margin-bottom:32px;}

.spacing {margin-right:19px;}
.spacing-1 {margin-right:16px;}


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

.img-indent-r{float:right; margin: 2px 1px 0 29px;}

/*******paddings******/
.padding{padding:45px 0px 52px 0px;}
.padding-404{padding:56px 0px 38px 0px;}

.padding-top {padding:53px 0 72px 0;}
.padding-top1 {padding:48px 0 48px 0;}

.padding-left {padding:0 10px 0 17px;}


/**/
.fleft{float:left;}
.fright{float:right;}
.alignright{text-align:right;}
.aligncenter{text-align:center;}
.alignmiddle *{vertical-align:middle;}

.color-1{color:#fff;}
.color-2{color:#000;}
.color-3{color:#0092de;}
.color-4{color:#d3d3d3;}
.color-5{color:#cdcdcd;}

.sf-menu li a,
.top-menu li a,
a.box,
.link,
.link-1,
.link-2,
.link-3,
.link-4,
.list-1 li a,
.button,
.btns,
.button-1,
.text-bot a,
h1 a {text-decoration:none;}
.justify {text-align: justify;}
.link:hover, .link-2:hover, .list-1 li a:hover, ol li a:hover{color: #fff;}
.top-menu li a:hover{color: #fff;}
.link-1:hover{color: #0092de;}
/*********************************header*************************************/
header{
	position:relative;
	width:100%;
	
	z-index:2;
	padding:0px 0 0px 0;
	margin:0 0 0px 0;
}

.header-right {
	text-align: center;
	margin-bottom: 40px;
}

header h1{
	padding: 20px 0 20px 5px;
    display: inline-block;
    position: relative;
    margin: 0;
    left: 50%;
    margin-right: -50%;
    z-index: -1;
    transform: translate(-50%, 10%);
}
header h1 a {
    display: block;
    text-indent: -5000px;
    overflow: hidden;
    background: url(../images/logo.png) 0 0 no-repeat;
    background-size: contain;

    width: 254px;
    height: 150px;
}

nav ul li{
	display: inline;
	padding-left: 15px;
	padding-right: 15px;
}

.top-menu {
	text-align:right;
	padding:10px 5px 0 0;}
.top-menu li{
	display:inline-block;
	margin-left:12px;	
}
.top-menu li a, p{
	display:inline-block;
	font-size:12px;
	line-height:19px;
	color:#767575;}
.top-menu li a{
	text-decoration: underline;
		
}
.top-menu li.current a {color:#767575;}
/********************** Content ************************/
#content{
	width:100%;
	padding:0px 0px 0px 0px; 
	z-index:1; 
	position:relative;
	background:none;
}

.content-box {
	width:100%;
	background:#fff;
	border-radius:0px 0 3px 3px;
	-moz-border-radius:0px 0 3px 3px;
	-webkit-border-radius:0px 0 3px 3px;
}

/* titles */
h1, h2, h3, h4, h5 , h6{margin:0 0 24px; color:#fff; font-weight:normal;}
h1{font-size:45px; line-height:54px;}
h2{font-size:40px; line-height:48px;}	
h3{font-size:35px; line-height:42px;}
h4{font-size:30px; line-height:34px;}
	h4 strong {color:#fff;}
h5{font-size:25px; line-height:30px;}
h6{font-size:20px; line-height:24px;}

.text{
	font-size:20px; 
	line-height:24px;
	color:#36bef2;
}
.box-title {
	font-size:16px;
	line-height:19px;
	text-transform:uppercase;
	color:#fff;
	margin:0 0 3px 0;
}

/* borders */

.border-bot{
	padding-bottom:10px;
	margin-bottom:-40px;
	margin-top:30px;
}

.separator {
	width:100%;
	background:url(../images/line-1.gif) 325px 0 repeat-y;
}
/* links */
.link {
	color:#0092de; 
	font-size:12px;
	line-height:19px;
	background:url(../images/marker-1.png) 100% 6px no-repeat;
	padding-right:17px;
}
.link-1 {color:#fff;}
.link-2{color:#0092de;}

.link-4 {
	font-size:0;
	line-height:0;
	height:16px;
	width:21px;
	background:url(../images/marker-2.png) 0 0 no-repeat;
	display:inline-block;
	vertical-align:middle;
}
/* buttons */
.button {
	display:inline-block; 
	font-size:12px;
	line-height:15px;
	color:#fff;
	background:url(../images/bg-button.gif) 0 0 repeat-x #2f2f2f;
	position:relative;
	overflow:hidden;
}	
	.button .txt {
		display:block;
		padding:11px 15px 11px 15px;
		text-transform:capitalize;
		position:relative;
		z-index:4;
	}
	.button .bg-button{
		cursor:pointer;
		background:url(../images/bg-button-h.gif) 0 0 repeat-x #0092de;
		bottom: 50%;
		left: 50%;
		right: 50%;
		top: 50%;
		opacity: 0;
		position: absolute;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;	
	}
	.button:hover .bg-button {
		bottom: 0;
		left: 0;
		opacity:1.0;
		right: 0;
		top: 0;
	}

.button-1 {
	display:inline-block; 
	font-size:12px;
	line-height:15px;
	color:#fff;
	background:url(../images/bg-button-h.gif) 0 0 repeat-x #0092de;
	position:relative;
	overflow:hidden;
}	
	.button-1 .txt {
		display:block;
		padding:7px 15px 7px 15px;
		text-transform:capitalize;
		position:relative;
		z-index:4;
	}
	.button-1 .bg-button{
		cursor:pointer;
		background:url(../images/bg-button.gif) 0 0 repeat-x #2f2f2f;
		bottom: 50%;
		left: 50%;
		right: 50%;
		top: 50%;
		opacity: 0;
		position: absolute;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;	
	}
	.button-1:hover .bg-button {
		bottom: 0;
		left: 0;
		opacity:1.0;
		right: 0;
		top: 0;
	}
/* boxes */
.box {
	display:block;
	min-height:81px;
	background:url(../images/bg-box.gif) 0 0 repeat-x #0092de;
	border-top:1px solid #0092de;
	border-bottom:1px solid #29b5fd;
	font-size:12px;
	line-height:14px;
	color:#080808;
	font-weight:bold;
	overflow:hidden;
	position:relative;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
	.box .txt {
		display:block;
		padding:14px 5px 17px 17px;
		position:relative;
		z-index:4;
	}
	.box:hover {
		color:#fff;
		border-top:1px solid #403f3f;
		border-bottom:1px solid #403f3f;
	}
	.box .bg-box {
		background:#303030;
		bottom: 0;
		left: 0;
		opacity:0;
		right: 0;
		top: 0;
		position: absolute;
	}
	
 .box-1 {
	background:url(../images/bg-box1.gif) 0 0 repeat-x #2f2f2f;
	position:relative;
	display:block;
	font-size:12px;
	line-height:18px;
	color:#6e6d6d;
	position:relative;
	overflow:hidden;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}	
	
	.box-1 .txt {
		display:block;
		padding:5px 5px 22px 5px;
		position:relative;
		z-index:4;
	}
	.box-1 .link-3 {
		color:#0092de;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.box-1 .box-title {margin:0 0 1px 0;}
	
	.box-1:hover {color:#080808;}
	.box-1:hover .link-3 {color:#080808; text-decoration:underline;}
	.box-1:hover .link-3:hover {color:#fff;}
	
	.box-1 .bg-box1 {
		background:url(../images/bg-box1-hover.gif) 0 0 repeat-x #0092de;
		bottom: 0;
		left: 0;
		opacity:0;
		right: 0;
		top: 0;
		position: absolute;
	}


.rel, .relative{position:relative; z-index:1;}
.rel img {position:relative; z-index:2;}
figcaption{
	position:absolute;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:5;
	padding:13px 0 11px 0;
	background:url(../images/bg-caption.gif) 0 0 repeat-x #0092de;
	border-bottom:1px solid #0092de;
	color:#fff;
	text-align:center;
	font-size: 16px;
	line-height:19px;
}

/* lists */
.list-1 li{
	margin-bottom:9px;	
	line-height:18px;
}
.list-1 li a{
	display:inline-block;
	font-size:12px;
	line-height:18px;
	color:#0092de;
	padding-left:14px;
	background:url(../images/marker-1.gif) 0px 6px no-repeat;
}


ol li { 
		list-style-position:inside;
		list-style-type:decimal;
		font-size:12px;
		line-height:18px;
		margin-bottom:9px;
		color:#fff;
		font-weight:normal;
	}
		ol li a {
			color:#0092de;
			text-decoration:none;
			font-weight:normal;
		}

.map iframe {
	width:390px;
	height:158px;
}

.works-list {
	position:relative;
	padding:0px 0px 0px 0px;
} 
.works-list li {
	float:left; 
	margin-right:5px;
	font-size:0px;
	line-height:0px;
	height:57px;
	width:44px;
}
.works-list li a {
	display:inline-block;
}
/****************************footer************************/
footer {
	width:100%; 
	padding:24px 0px 35px 0px; 
	background:none;
	position:relative;
}
.text-bot {
	font-size: 16px; 
	color:#767575; 
	padding:0px 0px 0px 4px;
	
	
}


.text-bot2 {
	color:#767575; 
	display:inline-block;
	text-decoration:none;
	margin-left:15px;
	font-size: 16px;
	float: right;
}

.text-bot a.current {color:#0092de;}
.text-bot a:hover{color: #d5d5d5;}

/* typography

/* top navigation */
.top1{
	background:url(../images/top.html) 0 0 no-repeat;
	padding:0 0px 0px 0px;
	text-decoration:none;
	color:#fff;
	display:inline-block;
	font-size:0px;
	line-height:0px;
	text-indent:5000px;
	width:30px;
	height:30px;
	text-transform:uppercase;
	overflow:hidden;
	position:relative;
	
}
.mask {
	background:url(../images/top-hover.html) 0 0 no-repeat;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:3;
	cursor:pointer;
}
/* Table styling */
table.table{
	font-size:12px;
}

table.table thead th{
	text-align:center;
	padding:7px 0px 6px 0px;
	color:#fff;
	font-size:12px;
	line-height:18px;
	font-weight:bold;
	border-right:2px solid #000;
	border-bottom:2px solid #000;
	background:url(../images/bg-th.gif) 0 0 repeat-x #0092de;
}
table.table tbody td{
	border-right:2px solid #000;
	border-bottom:2px solid #000;
	padding:6px 0 7px 0;
	text-align:center;
	color:#080808;
	background:#eee;
}

table.table thead th.right, table.table tbody td.right {border-right:none;}
table.table tbody tr.last td {border-bottom:none;}


/*  Other Elements */
ins{
	background:#cdcdcd;
	padding:2px 5px;
	text-decoration:none;
	color:#fff;
}

.elements-list li{
	background:none ;
	padding:0 0 0px 0 ;
	position:relative;
	line-height:28px;}
.elements-list li code{
	position:absolute;
	right:0;
	top:-3px;
	padding:2px 3px 1px 3px;
	border:1px dotted #333;
	}

/* Definition list style */
dl dt{
	color:#0092de;
	font-size:12px;
	line-height:18px;
}

dl.contact-list {color:#6e6d6d;}
dl.contact-list dt{
	color:#cdcdcd;
	font-size:12px;
	line-height:18px;
}
dl dd span{display:inline-block; width:67px;}

/*  Quotation */
blockquote{
	display:block;
	margin:0 0px 18px 0px;
	quotes:none;
	font-size:12px;
	line-height:19px;
	color:#cdcdcd;
	font-style:italic;
}
.quotes{
	background:url(../images/quotes.html) 69px 4px no-repeat;
	padding:0px 0px 0px 79px;}



/* Intro page */
#intro-box{
	width:600px;
	height:400px;
	position:relative;
	left:50%;
	top:50%;
	margin-left:-300px;
	margin-top:-200px;
	background:#fff;
	border-color:#ccc;
	text-align:center;
	float:left;
}
	#intro-box .inside{padding:40px 40px 40px 40px;}
		#intro-box h1{
			text-align:center;
			font-size:4em;
			color:#fff;
			margin-bottom:.2em;
			line-height:1.2em;
			position:absolute;
			left:0;
			top:-90px;
			width:600px;
			overflow:hidden;
			height:100px;
			border:none;
			}
		#intro-box .button{
			position:absolute;
			right:40px;
			bottom:15px;
			float:right;
			white-space:nowrap;
			}
		.intro-buttons{
			width:500px;
			padding:0 50px;
			position:absolute;
			left:0;
			bottom:50px;
			}
		#flash-intro{
			margin-bottom:20px;
			position:absolute;
			left:23px;
			top:20px;
			}

/

/* lightbox */
.hover {
	display:inline-block; 
	position:relative;
	overflow:hidden;
	z-index:2;	
}
	.hover img {
		display:block;
		position:relative;
	}
	.hover .mask{
		background:url(../images/img-marker.png) center center no-repeat #fff;
		cursor:pointer;
		bottom: 50%;
		left: 50%;
		right: 50%;
		top: 50%;
		opacity: 0;
		position: absolute;
		z-index:3;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		margin:5px;
	}
	.hover:hover .mask {
		bottom:0;
		left: 0;
		opacity: 0.5;
		right: 0;
		top: 0;
		margin:5px;
	}



/* Accordion */
dl#accordion{
	list-style-type:none;
	margin:0;
	padding:0 2px 0 0;
	height:auto ;
	}
	dl#accordion .indent{
		padding-top:7px ;
		padding-bottom:5px ;
		}
	dl#accordion a{
		display:inline-block;
		text-decoration:none;
		}
	dl#accordion dt{margin:0px}
		dl#accordion dt a{
			background-color:#0092de;
			background-image:url(../images/arrow1.gif);
			background-repeat:no-repeat;
			background-position:100% 16px;
			box-shadow:1px 1px 1px #000;
			color:#fff;
			font-size:14px;
			line-height:22px;
			text-transform:uppercase;
			font-weight:bold;
			padding:9px 0 9px 21px;
			margin-bottom:4px;
			text-decoration:none;
			display:block;
			}
		dl#accordion dt a:hover{
			background-color:#434950;
			background-image:url(../images/arrow2.gif);
			color:#fff;
		}
		dl#accordion dt.active a{
			background-color:#434950;
			background-image:url(../images/arrow2.gif);
			color:#fff;
		}
	dl#accordion dd{
		display:none;
		margin-bottom:0;
		padding-left:0;
	}
		dl#accordion dd .indent{padding:10px 30px 14px 20px}


.splitter{list-style-type:none;
	margin:0;
	padding:0 2px 0 0;
	height:auto ;}

.splitter:after{content:"";display:block;height:0;overflow:hidden;clear:both}



.splitter ul li a{display:inline-block;
		text-decoration:none;}



.splitter ul li a{background-color:#0092de;
			background-image:url(../images/arrow1.gif);
			background-repeat:no-repeat;
			background-position:100% 16px;
			box-shadow:1px 1px 1px #000;
			color:#fff;
			font-size:14px;
			line-height:22px;
			text-transform:uppercase;
			font-weight:bold;
			padding:9px 0 9px 21px;
			margin-bottom:4px;
			text-decoration:none;
			display:block;}

.splitter ul li.selected-0 a,.splitter ul li.selected-1 a,.splitter ul li.selected-2 a,.splitter ul li.selected-3 a,.splitter ul li.selected-4 a,.splitter ul li.selected-5 a,.splitter ul li.selected-6 a{background-color:#434950;
			background-image:url(../images/arrow3.gif);
			color:#fff;}
.splitter ul li a:hover {background-color:#434950;
			background-image:url(../images/arrow3.gif);
			color:#fff;}



.image-grid{width:100%}
.image-grid a{text-decoration: none;}
.image-grid:after{content:"";display:block;height:0;overflow:hidden;clear:both}
.image-grid li{width:170px;margin:20px 0 0 35px;float:left;text-align:center;line-height:17px;color:#686f74;height:236px;overflow:hidden}
.image-grid li img {width:100%;height:170px}
.image-grid li img,.image-grid li strong{display:block}
.image-grid li strong{color:#fff;font-size:14px;
			line-height:22px;
			text-transform:uppercase;
			font-weight:bold;
			text-decoration: none}



.group{
	position:relative;
	z-index:0;
	margin: 18px;
	display: inline-block;
	width: 210px;
}
.group a{text-decoration: none;}


.group_img {
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 0;
	height: 210px;
	width: 210px;
}
.group_img img {
	height: 210px;
	width: 210px;
	border: 0px;
}
.group_description {
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: 0px;
	height:50px;
	background:url(../images/bg-controls.png) 0 bottom repeat-x;
	z-index: 1;
}
.group_description p {
	
	font-size:18px;
	line-height:28px;
	text-transform:uppercase;
	color:#fff;
	text-align: center;
	padding:11px 0 11px 0;
	display:block;
	position:relative;
		z-index:4;
}



#form1 .left{float:left;}
#form1 .right{float:right;}
#form1 .wrapper{ overflow:hidden; min-height:53px;}
#form1 .success{ padding-bottom:5px; display:none}
#form1 .success strong{ color:#0092de;}
#form1 label{ position:relative; min-height:40px; display: inline-block;}
#form1 .col{ width:275px;}
#form1 .message{ height:200px;}
#form1  span{ display:block;}
#form1 .error, #ContactForm .empty{ font-size:10px; color:#0092de; line-height:14px; display:none; width:100%; padding-bottom:3px;}
#form1 .button { cursor:pointer; margin-left:20px; float:right; margin-top:30px; margin-right: 30px;}
#form1 input { outline-color: #0092de; margin:0; width:225px; height:16px; border: none; background: none; padding:11px 10px;color:#7b7b7b; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#form1 textarea {outline-color: #0092de; overflow: hidden; margin:0;width:500px; height:175px; border: none; background: none; padding:11px 10px;color:#7b7b7b; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#form1 .button input {cursor:pointer; position:relative; font-size:12px; color:#fff; font-weight:bold; text-transform:uppercase; padding:0 17px; z-index:2; display:block; width:100px}



#form1  .bgr{ background: #121212; border:1px solid #212121; border-top:1px solid #000; border-left:1px solid #000; position:relative;border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; float:left;}