@import"../css/superfish.css";
@import"../css/tm-slider.css";
@import"../css/gallerific.css";
/* 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:#898989;
	min-width:980px;
	background:#000;
	padding:0px 0 0 0;
}

.main {
	width:980px; 	
	padding:0px 0 0 0;
	margin:0 auto;
	font-size:0.8125em;
	line-height:1.5384em;
	position:relative;
	background: none;
	z-index:2;
}

.bg {
	width:100%; 
	background:url(../images/bg.gif) 0 0 repeat;
}
.bg-1 {
	width:100%; 
	background: url(../images/bg-1.png) 0 0 repeat-x;
}
.bg-header{
	width:100%;
	background:url(../images/bg-header.jpg) center 0 no-repeat;
}
.bg-top {
	width:100%; 
	background:url(../images/bg-top.png) 0 0 repeat-x;
}


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

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

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

.wrapper {width:100%; overflow:hidden; position:relative;}
.extra-box {overflow:hidden;}

p {margin-bottom:20px;}
.p0 {margin-bottom:0px;}
.p00 {margin-bottom:5px;}
.p1 {margin-bottom:8px;}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:30px;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:52px;}
.p6 {margin-bottom:55px;}
.p7 {margin-bottom:65px;}
.p8 {margin-bottom:62px;}



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

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

.title {margin-bottom:18px;}
.letter {letter-spacing:-1px;}

.color-1 {color:#fff;}
.color-2 {color:#161616;}


.border{
	border:5px solid #fff;
}
/*********************************boxes**********************************/
.margin-bot {margin-bottom:35px;}
.margin-bot1 {margin-bottom:48px;}
.margin-bot2 {margin-bottom:43px;}

.margin-top {margin-top:11px;}
.margin-top-1 {margin-top:8px;}


.spacing {margin-right:20px;}
.spacing2 {margin-right:23px;}

.spacing-bot {margin-bottom:25px;}
.indent-bot {margin-bottom:20px;}
.indent-bot2 {margin-bottom:28px;}


.img-indent {float:left; margin:4px 8px 0px 0px;}	
.img-indent1 {float:left; margin:2px 8px 0px 0px;}
	
.prev-indent-bot {margin-bottom:10px;}
.prev-indent-bot1 {margin-bottom:12px;}	

.buttons a:hover {cursor:pointer;}

.sf-menu li a,
.list-1 li a,
.list-2 li a,
.button,
.button-1,
.link,
.link-1,
#form-1 a,
.works-list li a,
.text-bot a,
h1 a {text-decoration:none;}	

/*********************************header*************************************/
header.header {
	height:581px; 
	width:100%; 
	position:relative;
	background:url(../images/bg-header-1.jpg) 0 0 repeat-x;
	z-index:2;  
	padding:21px 0 0 0;
}
header {
	height:96px; 
	width:100%; 
	position:relative;
	background:url(../images/bg-header-1.jpg) 0 0 repeat-x;
	z-index:2;  
	padding:21px 0 0 0;
}
.row-1 {
	width:100%;
	margin:0 auto;
        padding-right:10px;
	height:95px; 
	position:relative; 
	background:url(../images/bg-row-1.jpg) 0 0 repeat-x;
	border-top:1px solid #2c2c2c;
	z-index:2; 
}
.row-2{
	width:100%;
	margin:0 auto;
	height:439px; 
	position:relative; 
	z-index:1; 
}
h1 {
	padding:29px 0 0 35px;
	font-size:27px;
	line-height:1.2em;
	color:#f83943;
	position:relative;
}

h1 a{
	display:block; 
	color:#f83943; 
}
h1 a span {
	color:#fff;
}


/*********************************paddings************************************/
.padding{
	padding:0px 20px 0px 19px;
}
.padding-1{
	padding:28px 0px 41px 0px;
}
.padding-2{
	padding:21px 0px 19px 0px;
}
.padding-3{
	padding:32px 0px 35px 9px;
}
.padding-4{
	padding:32px 0px 36px 8px;
}
.padding-5{
	padding:36px 0px 75px 9px;
}
/*********************************content*************************************/
#content {
	width:100%; 
	padding:0px 0px 0px 0px; 
	z-index:1; 
	position:relative;
}

.row-content{
	width:100%;
	background:url(../images/line-1.gif) 0 bottom repeat-x;
	padding: 0 0 0px 0;
}

h2 {
	font-size:28px; 
	line-height:1.3em; 
	color:#f83943; 
	margin:0 0 19px 0;
}
h3 {
	font-size:22px; 
	line-height:1.2em; 
	color:#f83943; 
	margin:0 0 16px 0; 
}

h4 {
	font-size:18px; 
	line-height:1.2em; 
	margin:0px 0 0px 2px; 
	color:#fff;
}

h5 {
	font-size:18px; 
	line-height:1.2em;
	margin:0px 0 18px 0px; 
	color:#f83943;
}
h5.small {
	font-size:16px; 
	line-height:1.2em;
	margin:0px 0 25px 0px; 
	color:#f83943;
}
h6 {
	font-size:13px; 
	line-height:20px; 
	margin:0px 0 0px; 
	color:#fff;
	font-weight:normal;
}


.border-bot {
	width:100%;
	background:url(../images/line-1.gif) 0 bottom repeat-x;
	padding-bottom:35px;
}

.border-bot-1 {
	width:100%;
	background:url(../images/line-1.gif) 0 bottom repeat-x;
	padding-bottom:42px;
}
.border-bot-2 {
	width:100%;
	background:url(../images/line-1.gif) 0 bottom repeat-x;
	padding-bottom:47px;
}
/*************lists ***********************/
.list-1 li {
	font-size:12px; 
	line-height:24px; 
	background:url(../images/marker-1.gif) 1px 9px no-repeat; 
	padding-left:12px;
	margin-bottom:0px;
}
.list-1 li a {
	color:#676767; 
	display:inline-block;
}
.list-1 li a:hover {
	color:#fff;
}

.list-2 li {
	font-size:16px; 
	line-height:1.2em; 
	background:url(../images/marker-2.png) 0px 3px no-repeat; 
	padding-left:22px;
	margin-bottom:17px;
}
.list-2 li a {
	color:#fff; 
	display:inline-block;
}
.list-2 li a:hover {
	color:#f83943;
}
/************ boxex **********************/
.box {
	width:100%; 
	position:relative;
	background: url(../images/bg-box.gif) 0 0 repeat-x #000;
}
.box-padding{
	padding:23px 10px 31px 20px;
}
.box-padding-2{
	padding:23px 10px 42px 20px;
}
.box-padding-3{
	padding:23px 10px 47px 20px;
}

.shadow-bottom{
	width:100%;
	position:relative;
	background:url(../images/shadow-bottom.png) 0 bottom no-repeat;
	padding-bottom:19px;
}
.shadow-main{
	width:100%;
	position:relative;
	background:url(../images/main-shadow.png) center bottom no-repeat;
	padding-bottom:25px;
}
/************ links **********************/

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

.link-1 {
	display:inline; 
	color:#f83943; 
	font-size:13px; 
	line-height:20px;
}
.link-1:hover {
	text-decoration:underline;
}

/************** buttons *****************************/
.button {
	cursor:pointer; 
	height:28px; 
	display:inline-block; 
	font-size:12px; 
	line-height:17px; 
	color:#fff; 
	background:url(../images/bg-button-1-left.png) left 0 no-repeat;	
}
.button strong {
	background:url(../images/bg-button-1-right.png) right 0 no-repeat; 
	display:inline-block; 
	height:28px; 
	padding:0 5px 0 5px;}
.button strong strong {
	 background:url(../images/bg-button-1.png) 0 0 repeat-x; 
	 height:17px;
	 cursor:pointer;
	 padding:4px 20px 7px 20px;
}
.button:hover {background-position:left bottom; color:#000;}
.button:hover strong {background-position:right bottom;}
.button:hover strong strong{background-position:left bottom;}


.button-1 {
	cursor:pointer; 
	height:28px; 
	display:inline-block; 
	font-size:12px; 
	line-height:17px; 
	color:#fff; 
	background:url(../images/bg-button-1-left.png) left 0 no-repeat;	
}
.button-1 strong {
	background:url(../images/bg-button-1-right.png) right 0 no-repeat; 
	display:inline-block; 
	height:28px; 
	padding:0 5px 0 5px;}
.button-1 strong strong {
	 background:url(../images/bg-button-1.png) 0 0 repeat-x; 
	 height:17px;
	 cursor:pointer;
	 padding:4px 4px 7px 4px; 
}
.button-1:hover {background-position:left bottom; color:#000;}
.button-1:hover strong{background-position:right bottom;}
.button-1:hover strong strong{background-position:left bottom;}

/************** forms *******************************/
#form-1 {
	position:relative;
}
.form-1 {
	height:29px; 
	overflow:hidden; 
	background:none;
}
.form-1 span{
	float:left;
}
#form-1 input {
	width:189px; 
	font-size:1em; 
	line-height:1.2em; 
	font-family:Arial, Helvetica, sans-serif; 
	color:#898989; 
	border-top:1px solid #323232;
	border-bottom:none;
	border-left:1px solid #272727;
	border-right:1px solid #272727;
	background:#212121; 
	padding:6px 5px 6px 5px; 
	margin-right:5px;
}
*+html #form-1 input{margin-top:-1px;}

#form-1 a {
	cursor:pointer; 
	height:28px;
	margin-top:2px;
	display:inline-block; 
	font-size:12px; 
	line-height:1.3em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff; 
	background:url(../images/bg-button-1-left.png) left 0 no-repeat;	
}
#form-1 a strong {
	background:url(../images/bg-button-1-right.png) right 0 no-repeat; 
	display:inline-block; 
	height:28px; 
	padding:0 5px 0 5px;}
#form-1 a strong strong {
	 background:url(../images/bg-button-1.png) 0 0 repeat-x; 
	 height:17px;
	 cursor:pointer;
	 padding:6px 12px 5px 12px; 
}
#form-1 a:hover {background-position:left bottom; color:#000;}
#form-1 a:hover strong{background-position:right bottom;}
#form-1 a:hover strong strong{background-position:left bottom;}

input, textarea { margin:0; font-size:1em; color:#898989; font-family:Arial, Helvetica, sans-serif;}

.success {
	width:450px;
	text-align:center;
	color:#f83943;
	font-size:15px;
	line-height:1.2em;
	padding:0px 0 20px 0;
	display:none;
}
/* Contact form */
#contact-form {
	vertical-align:top;
	padding-top:0px;
}
	#contact-form fieldset {
		border:none;
		}
		#contact-form .field {
			overflow:hidden;
			padding:0 0 15px 0px;
			}
			#contact-form input {
				width:416px; 
				padding:14px 16px 13px 16px;  
				margin:0;
				float:left; 
				font-family:Arial, Helvetica, sans-serif;
				margin:0px 0 0 1px;
				font-size:13px;
				line-height:1.23em;
				color:#898989; 
				border-top:1px solid #313131;
				border-bottom:1px solid #0b0b0b;
				border-left:1px solid #272727;
				border-right:none;
				background:#212121;
				outline:none;
				box-shadow:1px 0px 1px rgba(0,0,0,1.0);
				-moz-box-shadow:1px 0px 1px rgba(0,0,0,1.0);
				-webkit-box-shadow:1px 0px 1px rgba(0,0,0,1.0);
			}
			#contact-form .area .error { float:left;}
			#contact-form textarea {
				overflow:auto; 
				height:220px;
				width:562px;
				padding:14px 16px 13px 16px; 
				font-family:Arial, Helvetica, sans-serif;
				margin:0px 0 0 1px;
				font-size:13px;
				line-height:1.23em;
				color:#898989; 
				border-top:1px solid #313131;
				border-bottom:1px solid #0b0b0b;
				border-left:1px solid #272727;
				border-right:none;
				background:#212121;
				box-shadow:1px 0px 1px rgba(0,0,0,1.0);
				-moz-box-shadow:1px 0px 1px rgba(0,0,0,1.0);
				-webkit-box-shadow:1px 0px 1px rgba(0,0,0,1.0);
			}
			#contact-form label {
				padding:0 0 0px 0px;
				display:inline-block;
				color:#F00;
				}
				#contact-form .error, #contact-form .empty {
					color:red;
					font-size:12px;
					line-height:15px;
					width:395px;
					padding:4px 0 0 0px;
					display:none;
					float:left;
				}
		.buttons-wrapper {text-align:right; clear:both; padding:24px 23px 0 0;}
		.buttons-wrapper a { margin-left:7px;}


.map iframe {
	width:252px; 
	height: 234px; 
	overflow:hidden;
	border:5px solid #fff;
} 
.contact {
	font-size:13px; 
	line-height:20px; 
	color:#898989; 
	padding:0 0 0 0px;
}
.contact dt{
	margin-bottom:20px;
}
.contact dd span {
	float:left; 
	width:78px;
}
/****************************aside************************/
aside{
	width:100%; 
	padding:47px 0px 65px 0px;
	background:url(../images/bg-aside.jpg) 0 0 repeat-x #1b1b1b; 
	position:relative; 
}

/****************************footer************************/
footer {
	width:100%; 
	padding:15px 0px 17px 0px; 
	background:none; 
	position:relative; 
}
.text-bot {
	font-size: 12px; 
	line-height:24px; 
	color:#676767; 
	padding:0px 0px 0px 19px; 
	text-align:left; 
}
.text-bot a {
	color:#f83943;
}
.text-bot a:hover {
	text-decoration:underline;
}

.works-list {position:relative;} 
.works-list li {display:block; margin-bottom:2px;}
.works-list li a {display:inline-block; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:21px; color:#676767;}
.works-list li a:hover {color:#fff;}

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

/*********faded************/
.box-1 {width:100%; position:relative; height:333px;}
.col-1 {width:300px; background:url(../images/bg.gif) 0 0 repeat;}
#faded {position:relative; height:333px; z-index:1; width:979px;}
#faded .faded-box {height:333px; width:941px; margin:0 19px 0 19px;}
#faded .control {position:absolute; top:61px; left:-1px; z-index:1; width:979px;}
#faded .prev {display:block; height:16px; width:10px; text-indent:-5000px; background:url(../images/controls.png) left top no-repeat; position:absolute; top:0px; left:0px;}
#faded .prev:hover {background-position:left bottom;}
#faded .next {display:block; height:16px; width:10px; text-indent:-5000px; background:url(../images/controls.png) right top no-repeat; position:absolute; top:0px; right:0px;}
#faded .next:hover {background-position:right bottom;}
#faded .pagination {display:none;}

#faded-1 {position:relative; height:212px; z-index:1; width:268px;}
#faded-1 .faded-padding{padding:42px 0px 10px 0px;}
#faded-1 .faded-box {height:162px; width:268px; background:#000;}
#faded-1 .control {position:absolute; top:-45px; right:7px; z-index:1; width:46px;}
#faded-1 .prev {display:block; height:27px; width:23px; text-indent:-5000px; background:url(../images/controls-1.png) left top no-repeat; position:absolute; top:0px; left:0px;}
#faded-1 .prev:hover {background-position:left bottom;}
#faded-1 .next {display:block; height:27px; width:23px; text-indent:-5000px; background:url(../images/controls-1.png) right top no-repeat; position:absolute; top:0px; right:0px;}
#faded-1 .next:hover {background-position:right bottom;}
#faded-1 .pagination {display:none;}

/****************************carousel************************/
.box-2 {width:100%; position:relative; height:205px;}
.col-2 {width:163px;}
/*next button*/
.bx-prev {
	width:10px; height:16px; cursor:pointer; position:absolute; top:77px; left:0px; display:block; background:url(../images/controls.png) left top no-repeat;
	text-indent: -5000px;
}
.bx-prev:hover {background-position:left bottom;}

/*previous button*/
.bx-next {
	width:10px; height:16px; cursor:pointer; position:absolute; top:77px; right:-59px; display:block; background:url(../images/controls.png) right top no-repeat;
	text-indent: -5000px;
}

.bx-next:hover {background-position:right bottom;}

.bx-window {
	width:536px;
	margin:0 18px 0 30px;
	min-height:205px;
	overflow:hidden;
	position:relative;
	background:none;
	float:left;
}

#slider li {
	width:536px;
	padding:0;
}