﻿/* 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:#8c8c8c;
	min-width:974px;
	background:url(../images/bg-body.gif) center 0 repeat #131313;
	padding:0;
}

.main {
	width:960px; 	
	padding:0;
	margin:0 auto;
	font-size:0.75em;
	line-height:1.6666em;
	position:relative;
	background: none;
}

.bg {width:100%; background:url(../images/bg-1.jpg) center 0 no-repeat #161616;}
.bg-1 {width:100%; background:url(../images/bg-2.jpg) center 0 no-repeat #161616;}


a {
	color: #C2C2C2;
	outline: none;
}
a:hover {text-decoration:none;}

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

.col-1, .col-2, .col-3, .col-4 {float:left;}
.column-1, .column-2, .column-3 {float:left;}  

.wrapper {width:100%; overflow:hidden;}
.wrapper {width:100%; overflow:hidden; position:relative;}
.extra-wrap {overflow:hidden;}
.extra-box {
	overflow: hidden;
	color: #C2C2C2;
	font-size: 12.5pt;
}
.extra-box-1 {overflow:hidden; position:relative;}
 
.container {width:100%;}

p {
	margin-bottom: 22px;
	color: #C2C2C2;
	font-size: medium;
}
.p0 {margin-bottom:3px;}
.p1 {margin-bottom:8px;}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:30px;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:50px;}
.p6 {margin-bottom:60px;}
.p7 {margin-bottom:65px;}

.reg {text-transform:uppercase;}

.fleft {float:left;}
.fright {float:right;}

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

.title {margin-bottom:18px;}

.it {font-style:italic;}

.big {text-transform:uppercase;}

.letter {letter-spacing:1px;}

.l-h {line-height:22px;}

.color-1 {color:#fff;}
.color-2 {color:#140902;}
.color-3 {color:#5b5754;}
.color-4 {color:#6d5c50;}
.color-5 {color:#6c4e4b;}
.color-6 {color:#7a7b7c;}
.color-7 {color:#2b5449;}
.color-8 {color:#000;}

.hidden {overflow:hidden;}

.rel {position:relative;}

.shadows {box-shadow:0px 1px 2px rgba(0,0,0,0.65);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.65);
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.65);
}
/*********************************boxes**********************************/
.margin-bot {margin-bottom:35px;}
.margin-bot1 {margin-bottom:55px;}

.margin-left {margin-left:5px;}

.margin-top {margin-top:8px;}
.margin-top1 {margin-top:13px;}
.margin-top2 {margin-top:5px;}


.spacing {margin-right:35px;}
.spacing2 {margin-right:45px;}
.spacing3 {margin-right:60px;}

.spacing-bot {margin-bottom:25px;}

.indent {padding:0 0 0px 30px;}
.indent2 {padding-left:50px;}
.indent-bot {
	font: medium Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
}
.indent-bot2 {margin-bottom:29px;}
.indent-bot3 {margin-bottom:45px;}

.img-indent-bot {margin-bottom:25px;}
.img-indent {float:left; margin:0 20px 0px 0;}	
.img-indent0 {float:left; margin:3px 33px 0px 0;}
.img-indent1 {float:left; margin:0px 50px 0px 0;}
.img-indent2 {float:left; margin:0 13px 0px 0;}
.img-indent3 {float:left; margin:0 10px 0px 0;}
.img-indent4 {float:left; margin:1px 18px 0px 0;}
.img-indent5 {float:left; margin:1px 16px 0px 2px;}
.img-indent6 {float:left; margin:0px 19px 0px 2px;}
.img-indent7 {float:left; margin:0px 5px 0px 0px;}
.img-indent8 {float:left; margin:2px 21px 0px 6px;}
.img-indent9 {float:left; margin:3px 26px 0px 8px;}
.img-indent10 {float:left; margin:6px 22px 0px 2px;}
.img-indent-r {float:right; margin:0 0px 0px 11px;}
.img-indent-r1 {float:right; margin:9px 11px 0px 35px;}


.img-box {float:left; margin-bottom:20px;}	

.prev-indent-bot {margin-bottom:10px;}
.prev-indent {float:left; margin:0 16px 0px 0;}	
.prev-box {float:left; margin-bottom:8px;}	

.border {border:3px solid #000;}
.border2 {border:1px solid #000;}

.buttons a:hover {cursor:pointer;}

.menu li a,
.sf-menu li a,
.list-1 li a,
.list-2 li a,
.list-3 li a,
.list-4 li a,
.link,
.link-2,
.link-8,
.button,
.button-1,
.button-2,
.button-3,
.button-4,
.button-5,
.text-bot a,
.date,
.text-2,
.accordion dt a,
.footer-menu li a,
h5 a,
td a,
.logo {text-decoration:none;}	

/*********************************header*************************************/
header {height:165px; width:100%; position:relative; z-index:2; background:none; padding:0px 0 0 0;}
header.header {height:646px; width:100%; position:relative; z-index:2; background:none; padding:0px 0 0 0;}

.row-1 {width:100%; height:101px; position:relative; z-index:1; background:none;}
.row-2 {width:100%; height:64px; position:relative; z-index:2; background: url(../images/bg-row-2.gif) center 0 repeat-x #040404;}
.row-3 {width:100%; height:444px; position:relative; z-index:1; padding:37px 0 0 0;  background: url(../images/bg-row-3.jpg) center 0 no-repeat #1c3351;}

h1 {padding:27px 0 0 4px; position:relative;}
.logo {display:block; width:291px; height:390px; text-indent:-5000px; background: 0 0 no-repeat;}

header #form-top {position:absolute; top:35px; right:4px;}
header .form-top {height:35px; overflow:hidden; background:url(../images/bg-form-top.png) 0 0 repeat; border-bottom: 1px solid #211e1d; border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #211e1d;
border-radius:25px;
-moz-border-radius:25px;
-webkit-border-radius:25px;}
header .form-top span{float:left;}
header #form-top input {width:154px; font-size:1em; line-height:1.6em; font-family:Arial, Helvetica, sans-serif; color:#c2c2c2; background:none; padding:8px 15px 8px 15px; margin-right:2px; border:0 none;}
header #form-top a {float:left; display:inline-block; width:31px; height:31px; background:url(../images/marker-top.png) left 0px no-repeat;}
header #form-top a:hover {background-position: right 0px;}


/************ sf-menu **********************/
	
.sf-menu {padding:0px 0 0 0px; background:none; position:absolute; left:0px; top:23px;}
.sf-menu li {float:left; background:url(../images/bg-menu.gif) right 3px no-repeat; padding:0px 33px 0px 33px;
}
.sf-menu li.first {padding: 0 33px 0 6px;}
.sf-menu li.last {background:none; padding: 0 0px 0 33px;}


.sf-menu li a {display:block; padding:0; color:#c2c2c2; font-size:16px; line-height:1.2em; text-align:center; text-transform:uppercase; background: none; letter-spacing:-1px; border-bottom:none;}
.sf-menu li a:hover, .sf-menu li.sfHover a, .sf-menu a.current {color:#B9272C; border-bottom: 1px solid #B9272C;}


/*********************************content*************************************/
#content {width:100%; padding:0px 0px 0px 0px; z-index:1; position:relative;}

.spacer {width:100%; background:url(../images/spacer.gif) 621px 0px repeat-y;}
.spacer-1 {width:100%; background:url(../images/pic-2.gif) 295px 0px repeat-y;}
.spacer-2 {width:100%; background:url(../images/spacer.gif) 646px 0px repeat-y;}
.spacer-3 {width:100%; background:url(../images/spacer.gif) 446px 0px repeat-y;}
.spacer-4 {width:100%; background:url(../images/spacer.gif) 298px 0px repeat-y;}

.border-bot {width:100%; background:url(../images/pic-1.gif) 0px bottom repeat-x; padding-bottom:47px;}
.border-bot1 {width:100%; background:url(../images/pic-3.gif) 0px bottom repeat-x; padding-bottom:18px;}
.border-bot2 {width:100%; background:url(../images/pic-1.gif) 0px bottom repeat-x; padding-bottom:27px;}
.border-bot3 {width:100%; background:url(../images/pic-3.gif) 0px bottom repeat-x; padding-bottom:27px;}
.border-bot4 {width:100%; background:url(../images/pic-1.gif) 0px bottom repeat-x; padding-bottom:41px;}
.border-bot5 {width:100%; background:url(../images/pic-1.gif) 0px bottom repeat-x; padding-bottom:55px;}


.padding{padding: 60px 0px 49px 0px;}
.padding1{padding:68px 0px 53px 0px;}
.padding2{padding:78px 0px 64px 0px;}
.padding3{padding:73px 0px 58px 0px;}

.padding-left {padding-left:12px;}

h2 {font-size:32px; line-height:1.2em; margin:0px 0 0px 0px; color:#9d9d9d; text-transform:uppercase; letter-spacing:-1px;}
h3 {font-size:24px; line-height:1.2em; margin:0px 0 5px 10px; color:#9d9d9d; text-transform:uppercase; letter-spacing:-1px;}
h4 {font-size:22px; line-height:1.2em; margin:0px 0 10px 0px; color:#000; text-transform:uppercase; letter-spacing:-1px;}
h4 span, h4 span span, h4 span span span {display:block; margin-top:-3px;}

h6 {font-size:17px; line-height:20px; margin:0px 0 0px; color:#fff;}
h6 a {color:#fff;}
h6 a:hover {text-decoration:none;}


.text-1 {font-size:26px; line-height:1.2em; margin:0px 0 11px; color:#8c8c8c;}

/************ links **********************/

.link {display:inline-block; color:#fff; font-size:12px; line-height:20px;}
.link:hover {text-decoration:underline;}

.link-1 {display:inline; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; line-height:20px; background:none;}
.link-1:hover {text-decoration:none;}

.link-2 {display:inline-block; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; background:url 0 0 no-repeat; padding-left:23px;}
.link-2:hover {text-decoration:underline;}

.link-3 {display:inline; color:#989897; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; background:none; padding-top:12px; padding-left:9px;}
.link-3:hover {text-decoration:none;}


/***************** buttons *****************************/

.button-1 {background-position: 0% 0%;
	cursor:pointer; display:inline-block; font-size:13px; line-height:1.2em; font-weight:bold; margin-bottom:2px; color:#fff; padding:6px 20px 6px 20px; text-align:center;
	border: 1px solid #3f3f3f;
	-pie-background: linear-gradient(#5f5f5f, #1a1a1a);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.56);
	background-image: -o-linear-gradient(#5f5f5f, #1a1a1a);
	background-color: #373737;
	background-repeat: repeat;
	background-attachment: scroll;
}
.button-1:hover {background: #242424;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#1a1a1a), to(#5f5f5f));
	background: -moz-linear-gradient(#1a1a1a, #5f5f5f);
	background: linear-gradient(#1a1a1a, #5f5f5f);
	-pie-background: linear-gradient(#1a1a1a, #5f5f5f);
	background-image: -o-linear-gradient(#1a1a1a, #5f5f5f);}
	

.button-2 {cursor:pointer; display:inline-block; font-size:20px; line-height:1.2em; letter-spacing:-1px; color:#fff; padding:22px 28px 22px 28px; text-align:center;
	background:url(../images/button-2.jpg) 0 bottom repeat-x #16273b;
	border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
box-shadow:0px 0px 10px rgba(0,0,0,0.35);
-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.35);
-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.35)
}

.button-2 span {display:block; margin-top:-5px;}

.button-2:hover {background:#16273b;}

.button-3 {cursor:pointer; display:inline-block; font-size:20px; line-height:1.2em; letter-spacing:-1px; color:#fff; padding:10px 32px 10px 32px; text-align:center;
	background:url(../images/button-3.jpg) 0 bottom repeat-x #16273b;
	border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
box-shadow:0px 0px 10px rgba(0,0,0,0.35);
-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.35);
-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.35)
}

.button-3 span {display:block; margin-top:-5px;}

.button-3:hover {background:#16273b;}
	

.list-1 li {font-size:12px; line-height:30px; background:url(../images/pic-3.gif) 0 bottom repeat-x; padding-left:7px;}
.list-1 li.last {background:none;}
.list-1 li a {color:#fff; background:url(../images/marker-2.png) 0 3px no-repeat; padding-left:26px;}
.list-1 li a:hover {color:#373737;}

.banner {width:260px; background:url(../images/bg-banner.png) 0 0 no-repeat;}
.banner .padding {padding:30px 5px 19px 25px;}


.box {width:100%; background: url(../images/bg-box.jpg) 0 bottom repeat-x #0d1a2a;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
box-shadow:0px 0px 10px rgba(0,0,0,0.35);
-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.35);
-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.35)}
.box .padding {padding:20px 15px 25px 15px;}

#form-box {width:233px;}
#form-box label {display:block; height:40px;}
#form-box input {width:203px; font-size:1em; line-height:1.2em; color:#989897; padding:9px 15px 9px 15px; margin-top:7px; font-family:Arial, Helvetica, sans-serif; border-bottom:1px solid #211e1d; border-right:1px solid #211e1d; border-top:2px solid #030509; border-left:2px solid #030509; background:url(../images/bg-form-box.png) 0 0 repeat-x;
border-radius:35px;
-moz-border-radius:35px;
-webkit-border-radius:25px;}

.buttons {padding-top:14px; width:100%; overflow:hidden;}


.text-form {float:left; text-align:left; display:block; font-size:12px; width:60px; padding-left:20px; padding-top: 5px; line-height:2em; color:#878787;}
input, textarea { margin:0; font-size:1em; color:#878787; font-family:Arial, Helvetica, sans-serif;}

/* Contact form */
#contact-form {
	overflow:hidden;
	position:relative;
	vertical-align:top;
	width:100%;
	}
	#contact-form fieldset {
		border:none;
		padding:0;
		}
		#contact-form .field {
			overflow:hidden;
			padding:0 0 14px 0px;
			}
			#contact-form input[type=text] {
				float:left;
				width:430px;
				height:16px;
				padding:9px 10px; 
				margin:0px 0 0 0px;
				border-bottom:1px solid #303030; 
				border-right:1px solid #303030; 
				border-top:1px solid #181818; 
				border-left:1px solid #181818; 
				background:#222222;
				border-radius:4px;
				-moz-border-radius:4px;
				-webkit-border-radius:4px;
				line-height:1.2em;
				}
			#contact-form.main-contacts .field input {
				margin-top:0px;
				}
			#contact-form .area {}
			#contact-form .area .error { float:left;}
			#contact-form textarea {
				width:430px;
				height:123px;
				border-bottom:1px solid #303030; 
				border-right:1px solid #303030; 
				border-top:1px solid #181818; 
				border-left:1px solid #181818; 
				background:#222222;
				padding:9px 10px; margin:0px 0 0 0px;
				overflow:auto;
				display:block;
				line-height:1.2em;
				border-radius:4px;
				-moz-border-radius:4px;
				-webkit-border-radius:4px;
				}
				#contact-form a {
					cursor:pointer;
					}
				#contact-form .alignright {
					padding-top:12px;
					}
					#contact-form small {
						color:red;
						font-weight:bold;
						padding:0 0 0 5px;
						}
			#contact-form label.text {
				display:inline-block;
				float:left;
				height:41px; 
				overflow:hidden; 
				background:#040402; 
				padding-top: 5px; 
				padding-right:5px;
				border-radius:4px;
				-moz-border-radius:4px;
				-webkit-border-radius:4px;
				box-shadow:-1px 1px 2px rgba(0,0,0,1.0);
				-moz-box-shadow:-1px 1px 2px rgba(0,0,0,1.0);
				-webkit-box-shadow:-1px 1px 2px rgba(0,0,0,1.0);
				}
				#contact-form label.label-2 {
				display:block;
				width:538px;
				overflow:hidden; 
				background:#040402; 
				padding-top: 6px;
				padding-bottom: 5px;
				border-radius:4px;
				-moz-border-radius:4px;
				-webkit-border-radius:4px;
				box-shadow:-1px 1px 2px rgba(0,0,0,1.0);
				-moz-box-shadow:-1px 1px 2px rgba(0,0,0,1.0);
				-webkit-box-shadow:-1px 1px 2px rgba(0,0,0,1.0);
				}
			#contact-form strong {
				padding:0 0 2px 9px;
				display:inline-block;
				color:#838383;
				}
				#contact-form label.error {
					color:#f1143c;
					width:305px;
					font-size:15px;
					line-height:21px;
					display:none;
					float:left;
				}
		.buttons-wrapper { float:right; padding-top:22px; padding-right:42px;
			}
		.buttons-wrapper a { margin-left:34px;}

				
.button {background-position: 0% 0%;
	cursor:pointer; display:inline-block; font-size:13px; line-height:1.2em; font-weight:bold; margin-bottom:2px; color:#fff; padding:6px 20px 6px 20px; text-align:center;
	border: 1px solid #3f3f3f;
	-pie-background: linear-gradient(#5f5f5f, #1a1a1a);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.56);
	background-image: -o-linear-gradient(#5f5f5f, #1a1a1a);
	background-color: #373737;
	background-repeat: repeat;
	background-attachment: scroll;
}
.button:hover {background: #242424;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#1a1a1a), to(#5f5f5f));
	background: -moz-linear-gradient(#1a1a1a, #5f5f5f);
	background: linear-gradient(#1a1a1a, #5f5f5f);
	-pie-background: linear-gradient(#1a1a1a, #5f5f5f);
	background-image: -o-linear-gradient(#1a1a1a, #5f5f5f);}
	
	
.map iframe {width:265px; height: 195px; overflow:hidden;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border:2px solid #000;
} 

.contact {font-size:12px; line-height:20px; color:#989897;}
.contact dt {font-size:12px; line-height:20px; color:#fff; font-weight:bold;}
.contact dd span {float:left; width:69px;}
.contact dd strong {font-weight:normal;}


/****************************footer************************/
footer {width:100%; padding:25px 0px 21px 0px; background:url(../images/bg-footer.gif) center 0 repeat-x; position:relative; z-index:2;}

.text-bot {float:left; font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height:14px; color:#616161; padding:3px 0px 0px 5px; text-align:left;}
.text-bot span.line{margin: 0 6px 0 4px;}
.text-bot a {color:#616161;}
.text-bot a:hover {text-decoration:underline;}

.works-list{float:right; padding-right:3px;}
.works-list li {float:left; margin-left:6px;}
.works-list .last-item {margin-right:0px;}


/* Easy Tooltip */
#easyTooltip{
	padding:5px;
	border:1px solid #ccc;
	background:#f1f1f1;
	z-index:3;
}
/* // Easy Tooltip */

/**********tabs***********/
.tabs { overflow:hidden; margin-top:11px;}
.tabs li {background:url(../images/bg-tabs.jpg) 0 bottom repeat-x; margin-bottom:1px; overflow:hidden; border-top:1px solid #292929;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;}
.tabs li a {display:block; font-size:23px; line-height:1.2em; color:#9d9d9d; text-decoration:none; padding: 10px 0 7px 19px; text-transform:uppercase;}
.tabs li:hover, .tabs li.active {background-position:0 top; border-top:1px solid #292929;}
.tabs li.last-item {margin-bottom: 0px;}

#tab1 { overflow:hidden;}
#tab2 { overflow:hidden;}



/*************Lightbox image***************/
.lightbox-image {
	position:relative;
	overflow:hidden;
	display:inline-block;
	z-index:1;
	}

.lightbox-image img {
	position:relative;
	z-index:2;
	}

.lightbox-image span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(../images/magnify.png) no-repeat 50% 50%;
	z-index:1;
	}

/*--- accordion begin ---*/
.accordion {
	padding:0;
}

		
	.accordion dt	{
		cursor:pointer;
		overflow:hidden;
		font-size:12px;
		line-height:26px;
		font-family:Arial, Helvetica, sans-serif;
		color:#fff;
		font-weight:bold;
		background:url(../images/marker-3.png) 0 6px no-repeat;
		padding: 0px 0 10px 30px;
		margin-bottom:0px;
	}
	
	.accordion dt span {display:block; margin-top:-5px;}
	.accordion dt.active{
		background:url(../images/marker-3.png) 0 7px no-repeat; 
	}
	.accordion dt a {
		color:#fff;
	}
	.accordion dt a:hover {
		color:#757575;
	}
	
		.accordion dd {
		font-size:12px;
		line-height:20px;
		display:none;
		overflow:hidden; /*important for accordeon*/
		text-transform:none;
		padding: 0px 0 0px 40px;
		margin-bottom:0;

	}
		.accordion dd a {
			color:#989897;
			background:url(../images/marker-4.png) 0 4px no-repeat;
			text-decoration:none;
			padding-bottom:2px;
			padding-left: 12px;
		}
		.accordion dd a:hover {
			color:#fff;
		}
		
.list-2 li.last {padding-bottom:15px;}
.list-2 {margin-top:-5px;}


	
/*--- accordion end ---*/
