@import url('superfish.css');
@import url('galleriffic.css');
@import url('jquery.jscrollpane.css');
@import url('tm-slider.css');
@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(http://fonts.googleapis.com/css?family=Lobster+Two);
/* 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:#333;
	min-width:960px;
	background: url(../img/bg-body.gif) center 0 repeat #ecedee;
	padding:0;
}

.main {
	width:950px; 	
	padding:0;
	margin:0 auto;
	font-size:0.75em;
	line-height:1.6666em;
	position:relative;
	background: none;
}


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, .col-4 {float:left;}
.column-1, .column-2, .column-3 {float:left;}  

.wrapper {width:100%; overflow:hidden;}
.extra-box {overflow:hidden;}

p {margin-bottom:20px;}
.p0 {margin-bottom:0px;}
.p00 {margin-bottom:3px;}
.p1 {margin-bottom:8px;}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:30px;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:57px;}
.p6 {margin-bottom:58px;}
.p7 {margin-bottom:59px;}
.p8 {margin-bottom:62px;}



.fleft {float:left;}
.fright {float:right;}

.alignright {text-align:right;}
.aligncenter {text-align:center;}



.color-1 {color:#fff;}
.color-2 {color:#252525;}
.color-3 {color:#717171;}

/*********************************boxes**********************************/

.prev-indent-bot {margin-bottom:10px;}
.prev-indent-bot1 {margin-bottom:12px;}
.title {margin-bottom:19px;}
.title1 {margin-bottom:18px;}
.title2 {margin-bottom:16px;}
.indent-bot {margin-bottom:20px;}
.indent-bot1 {margin-bottom:22px;}
.spacing-bot {margin-bottom:25px;}
.spacing-bot1 {margin-bottom:24px;}
.spacing-bot2 {margin-bottom:23px;}
.margin-bot {margin-bottom:37px;}

.margin-top {margin-top:2px;}
.margin-top1 {margin-top:-5px;}

.spacing {margin-right:18px;}
.spacing1 {margin-right:21px;}


.img-indent{float:left;	margin: 5px 20px 0 1px;}
.img-indent1{float:left; margin: 5px 16px 0 0px;}
.img-indent2{float:left; margin: 4px 10px 0 1px;}
.img-indent3{float:left; margin: 4px 5px 0 1px;}
.img-indent4{float:left; margin: 6px 20px 0 0px;}


.text-indent{
	display:inline-block;
	width:71px;
	height:65px;
	margin:0 0 12px 0;
	text-align:center;
	/*background:url(../img/bg-text.jpg) 0 0 no-repeat;*/
	font-size:44px;
	line-height:1.2em;
	text-transform:uppercase;
	font-family: 'Lobster Two', cursive;
	color:#fff;
	padding:6px 0px 0px 0px;
}
.text-indent1{
	float:left;
	margin:5px 9px 0 1px;
	width:67px;
	height:65px;
	text-align:center;
	background:url(../img/bg-text.jpg) 0 0 no-repeat;
	font-size:44px;
	line-height:1.2em;
	text-transform:uppercase;
	font-family: 'Lobster Two', cursive;
	color:#fff;
	padding:6px 0px 0px 4px;
}


.buttons a:hover {cursor:pointer;}


.sf-menu li a,
.list-1 li a,
.link,
.link-1,
.link-2,
.button,
.button-1,
.button-2,
.text-bot a,
.footer-menu li a,
h6 a,
h1 a {text-decoration:none;}	

/*********************************header*************************************/
header.header {
	height:540px; 
	width:100%; 
	position:relative; 
	z-index:2; 
	background:none; 
	padding:0px 0 0 0;
}
header {
	height:75px; 
	width:100%; 
	position:relative; 
	z-index:2; 
	background:none; 
	padding:0px 0 0 0;
}

.row-1{
	width:100%;
	height:75px;
	background:url(../img/bg-row-1.gif) center 0 repeat-x;
	position:relative;
	z-index:2;
}
.row-2{
	height:405px;
	position:relative;
	background:url(../img/bg-row-2.gif) center 0 repeat-x;
	z-index:1;
	padding:60px 0px 0 0px;
}
h1 {
	padding:16px 0 0 0px;
	position:relative;
}

h1 a {
	display:block; 
	width:158px; 
	height:47px; 
	text-indent:-5000px;
	background:url(../img/logo.png) 0 0 no-repeat;
}


/*********************************content*************************************/
#content{
	width:100%; 
	padding:0px 0px 0px 0px; 
	z-index:1;
	margin-top:0px; 
	position:relative;
	background:url(../img/bg-content.png) center 0 repeat-x;
}
.content-row{
	width:100%;
	position:relative;
	background:url(../img/bg-content-row.png) 0 0 repeat;
}
.tail-top {
	width:100%;
	background:url(../img/tail-top.png) center top repeat-x;
}
.tail-bot {
	width:100%;
	background:url(../img/tail-bot.png) center bottom repeat-x;
}

.col-pad {padding:10px 9px 0 0;}
.col-1 {width:302px;}

.padding{padding: 210px 0px 57px 0px;}
.padding-1{padding: 44px 0px 60px 3px;}
.padding-2{padding: 50px 0px 64px 3px;}
.padding-3{padding: 41px 0px 43px 3px;}
.padding-4{padding: 44px 0px 40px 3px;}
.padding-5{padding: 20px 0px 18px 4px;}

.bot-pad {padding-bottom:66px;}
.title-pad {padding:0 0 24px 0; *padding:0 0 9px 0;}
.title-pad1 {padding:0 0 24px 0;}

h2 {
	font-size:28px; 
	line-height:1.3em; 
	color:#252525;
	font-weight:normal;
	font-family: 'Oswald', sans-serif; 
	margin:0 0 3px 0;
}
h3 {
	font-size:24px; 
	line-height:1.3em;
	color:#252525;
	font-weight:normal;
	font-family: 'Oswald', sans-serif; 
	margin:0 0 21px 0;
}
h3.big {
	color:#fff;
	font-size:25px;
	margin:0 0 11px 0;
}
h3.big  span {display:block; margin-top:-4px;}
h4 {
	font-size:13px; 
	line-height:1.3em; 
	color:#6c6b6b;
	text-shadow:0 0 1px rgba(113, 113, 113, .1);
	font-weight:normal;
	text-transform:uppercase;
	font-family: 'Oswald', sans-serif; 
	margin:0 0 17px 0;
}


h4 span {display:block; margin:9px 0 9px 0;}
h6 {
	font-size:12px; 
	line-height:20px; 
	margin:0px 0 0px;
	color:#252525;
}
h6 a{color:#252525;}
h6 a:hover {color:#999999;}

.text-1{
	font-size:32px;
	line-height:1.2em;
	color:#303030;
	font-family: 'Lobster Two', cursive;
	margin:0 0 21px 0;
}
@media all and (-webkit-min-device-pixel-ratio:0) {
  h4 {margin:0 0 18px 0;}
  h4 span {display:block; margin:10px 0 10px 0;}
  .text-1 {margin:2px 0 21px 0;}
}
.separator {
	width:100%;
	background:url(../img/separator.png) 313px 0 repeat-y;
}
.separator-1 {
	width:100%;
	background:url(../img/separator.png) 632px 0 repeat-y;
}

.line-2 {display:inline-block;}
/*************lists ***********************/
.list-1 li {
	font-size:12px; 
	line-height:20px;
	background:url(../img/marker-1.png) 1px 9px no-repeat;
	padding-left:16px;
	margin-bottom:10px;  
}

.list-1 li a {
	color:#999999; 
	display:inline-block;
}
.list-1 li a:hover {
	color:#252525;
}

/************ links **********************/

.link {
	display:inline; 
	color:#252525; 
	font-size:12px; 
	line-height:20px;
}
.link:hover {text-decoration:underline;}


.link-1 {
	display:inline-block; 
	color:#717171;
	text-shadow:0 0 1px rgba(113, 113, 113, .1);
	font-size:13px;
	line-height:20px;
	padding-right:7px;
	margin:11px 7px 0 0;
	*margin:10px 7px 0 0;
	text-transform:uppercase;
	font-family: 'Oswald', sans-serif;
	background:url(../img/marker.gif) 100% 6px no-repeat;
	*background:url(../img/marker.gif) 100% 7px no-repeat;
}
.link-1:hover {color:#313131;}

.link-2 {
	display:inline-block; 
	width:29px;
	height:28px;
	background:url(../img/marker-2.png) left top no-repeat;
	margin: 0 0 0 0;
	*margin: 1px 0 0 0;
}
.link-2:hover {background-position:left bottom;}

/***************** boxex *******************************/
.box {
	position:relative; 
	background:#fdfdfd;
	border:1px solid #fff;
	box-shadow:0px 0px 5px rgba(0,0,0,0.06);
-moz-box-shadow:0px 0px 5px rgba(0,0,0,0.06);
-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.06);
}
.box-padding {padding:19px 10px 16px 19px;}
.box-pad {padding:1px;}
/***************** buttons *****************************/

.button {
	display:inline-block; 
	font-size:13px; 
	line-height:17px;
	font-family: 'Oswald', sans-serif; 
	color:#353535;
	text-shadow:0 0 1px rgba(53, 53, 53, .1);
	text-transform:uppercase;
	background:url(../img/button-right.png) right 0 no-repeat;
	height:34px;
}
.button span {
	background:url(../img/button-left.png) left 0 no-repeat;
	display:inline-block;
	padding:0 4px 0 4px;
}
.button span span {
	background:url(../img/button.png) 0 0 repeat-x;
	width:96px;
	display:inline-block;
	text-align:center;
	cursor:pointer;
	padding:9px 0px 0px 0px;
	height:25px;
	*padding:8px 0px 0px 0px;
	*height:26px;
}

.button:hover {
	background-position: right bottom;
	color:#fff;
}
.button:hover span {background-position:left bottom;}
.button:hover span span {background-position:left bottom;}

.button-1 {
	display:inline-block; 
	font-size:13px; 
	line-height:17px;
	font-family: 'Oswald', sans-serif; 
	color:#fff;
	text-transform:uppercase;
	background:url(../img/button-right.png) right bottom no-repeat;
	height:34px;
}
.button-1 span {
	background:url(../img/button-left.png) left bottom no-repeat;
	display:inline-block;
	padding:0 4px 0 4px;
}
.button-1 span span {
	background:url(../img/button.png) left bottom repeat-x;
	width:96px;
	display:inline-block;
	text-align:center;
	cursor:pointer;
	padding:9px 0px 0px 0px;
	height:25px;
	*padding:8px 0px 0px 0px;
	*height:26px;
}

.button-1:hover {
	background-position: right top;
	color:#353535;
	text-shadow:0 0 1px rgba(53, 53, 53, .1);
}
.button-1:hover span {background-position:left top;}
.button-1:hover span span {background-position:left top;}

.button-2 {
	display:inline-block; 
	font-size:16px; 
	line-height:1.2em;
	font-family: 'Oswald', sans-serif; 
	color:#181818;
	text-shadow:0 0 1px rgba(24, 24, 24, .1);
	text-transform:uppercase;
	background:#c6c6c6;
	border:1px solid #fff;
	padding:8px 27px 8px 27px;
	*padding:6px 27px 10px 27px;
}
.button-2:hover {background:#fff;}
/************** forms *******************************/

.success {
	width:277px;
	text-align:center;
	color:#999999;
	font-size:19px;
	line-height:1.2em;
	padding:10px 10px 10px 10px;
	margin-bottom:10px;
	display:none;
	background:#fefefe;  
	border:1px solid #c5c6c6;
}
/* Contact form */
#contact-form {
	vertical-align:top;
	padding-top:0px;
}
	#contact-form fieldset {
		border:none;
		}
		#contact-form .field {
			overflow:hidden;
			padding:0 0 9px 0px;
			}
			#contact-form input {
				width:283px; 
				padding:6px 7px 7px 7px;  
				margin:0;
				font-family:Arial, Helvetica, sans-serif;
				float:left; 
				margin:1px 0 0 1px;
				font-size:12px;
				line-height:1.23em;
				color:#999999; 
				outline:none;
				background:#fefefe;  
				border:1px solid #c5c6c6;
			}
			#contact-form .area .error { float:left;}
			#contact-form textarea {
				overflow:auto; 
				height:155px;
				width:283px; 
				padding:6px 7px 7px 7px; 
				float:left; 
				font-size:12px;
				line-height:1.23em;
				margin:1px 0 0 1px;
				font-family:Arial, Helvetica, sans-serif;
				color:#999999; 
				background:#fefefe;  
				border:1px solid #c5c6c6;
				outline:none;
			}
			#contact-form label {
				padding:0 0 0px 0px;
				display:inline-block;
				color:#F00;
				}
				#contact-form .error, #contact-form .empty {
					color:red;
					width:287px;
					font-size:10px;
					line-height:15px;
					padding:3px 0 0 0px;
					display:none;
					float:left;
				}
		.buttons-wrapper {text-align:right; clear:both; padding:28px 0px 0 0;}
		.buttons-wrapper a { margin-left:5px;}

.map iframe {
	width:439px; 
	height: 350px; 
	overflow:hidden;
	margin-top:2px; 
} 
.map-indent{
	float:left;
	margin:3px 22px 0 0;
}
.contact {
	font-size:12px; 
	line-height:20px;
	color:#999999;
	padding:0px 0 0 0;
}
.contact dt{
	margin-bottom:18px;
	font-weight:bold;
	color:#252525;
}
.contact dd span {float:left; width:66px;}

/****************************footer************************/
footer {
	width:100%; 
	padding:42px 0px 53px 0px;
	*padding:42px 0px 49px 0px;
	background:url(../img/bg-content.png) center 0 repeat-x;
	position:relative;
}

.text-bot {
	font-size: 12px; 
	line-height:1.2em; 
	color:#858686;
	padding:0px 0px 0px 3px;
	margin-top: 50px;
}
.text-bot a {
	color:#858686;
	margin-left:15px; 
	text-decoration:none;
}
.text-bot a:hover {text-decoration:underline;}

.footer-menu {padding:0 0 0px 2px;}
.footer-menu li {
	font-size:12px; 
	line-height:1.3em;
	font-family: 'Oswald', sans-serif;
	float:left;
	margin-right:20px;
	text-transform:uppercase;  
}

.footer-menu li a {
	color:#5d5c5c;
	text-shadow:0 0 1px rgba(93, 92, 92, .1);
	display:inline-block;
}
.footer-menu li a:hover, .footer-menu li.current a {
	text-decoration:underline;
}

.works-list {
	position:absolute;
	right:-1px;
	top:38px;
	padding:0px 0px 0 0; 
	z-index:3;
} 
.works-list li {
	float:left;
	margin-right:6px;
}
.works-list li a {display:inline-block;}


/* Easy Tooltip */
#easyTooltip{
	padding:5px;
	border:1px solid #ccc;
	background:#f1f1f1;
	color:#000;
	z-index:3;
}
/* // Easy Tooltip */
