@import"../css/superfish.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:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:100%; 
	color:#605F5F;
	background:#fff;
}

@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

.main {
	max-width:960px;
	width:100%;
	padding:0;
	margin:0 auto;
	font-size:0.8725em;
	line-height:1.4846em;
}

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

img {border:none;max-width:100%;height:auto;}

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

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

.wrapper {width:100%; overflow:hidden;}
.extra-wrap {overflow:hidden;}
 
.container {width:100%;}

p {margin-bottom:18px;}
.p1 {margin-bottom:8px;}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:30px;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:50px;}

.reg {text-transform:uppercase;}

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

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

.title {margin-bottom:18px;}

.it {font-style:italic;}

.letter {letter-spacing:-1px;}

.color-1 {color:#fff;}
.color-2 {color:#000;}
.color-3 {color:#888484;}
.color-4 {color:#4e4c4c;}

/*********************************boxes**********************************/
.margin-bot {margin-bottom:35px;}
.margin-top {margin-top:10px;}

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

.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 {margin-bottom:20px;}
.indent-bot2 {margin-bottom:30px;}
.indent-bot3 {margin-bottom:45px;}

.img-indent-bot {margin-bottom:25px;}
.img-indent {float:left; margin:0 20px 0px 0;}
.img-indent1 {float:left; margin:0 8px 0px 0;}	
.img-indent2 {float:left; margin:0 13px 0px 0;}
.img-indent3 {float:left; margin:0 25px 0px 0;}
.img-indent-r {float:right; margin:0 0px 0px 40px;}	

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

.border {
	border:5px solid #fff;
	border-radius:9px;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
}
.border2 {border:1px solid #000;}

.buttons a:hover {cursor:pointer;}

.list-1 li a,
.list-2 li a,
.link,
.logo {text-decoration:none;}	

/*********************************header*************************************/
header {width:100%; position:relative; z-index:2; background:url(../images/tail-top.jpg) 0 0 repeat;}
.header {width:100%; position:relative; z-index:2; background:url(../images/tail-top.jpg) 0 0 repeat-x;}

/*********************************row-1*************************************/
.row-1 {height:106px; width:100%; position:relative; z-index:1;}

h1 {padding:0; position:relative;}
.logo {display:block; width:342px; height:71px; text-indent:-5000px; background:url(../images/logo.jpg) 0 0 no-repeat;}

.padding-logo {padding:8px 0 0 5px;}

.link-top1 {float:right; font-size:12px; line-height:21px; color:#818181; text-decoration:none; padding-left:17px; background:url(../images/page1-img1.gif) 0 5px no-repeat;}
.link-top1:hover {text-decoration:underline;}
.link-top2 {float:right; margin-left:18px; font-size:12px; line-height:21px; color:#818181; text-decoration:none; padding-left:18px; background:url(../images/page1-img2.gif) 0 7px no-repeat;}
.link-top2:hover {text-decoration:underline;}
.link-top3 {float:right; margin-left:23px; font-size:12px; line-height:21px; color:#818181; text-decoration:none; padding-left:17px; background:url(../images/page1-img3.gif) 0 5px no-repeat;}
.link-top3:hover {text-decoration:underline;}

.padding-link-top {padding:28px 0 9px;}

#form-search {width:235px; overflow:hidden; float:right;}
#form-search label {float:left; height:25px; margin-right:5px;}
#form-search input {
	width:162px; 
	font-size:1em; 
	color:#818181; 
	padding:2px 5px; 
	margin:0; 
	border:1px solid #dddddd; 
	background:#fff; 
	font-family:Arial, Helvetica, sans-serif;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
#form-search  a {
	float:left; 
	font-size:12px; 
	line-height:22px; 
	color:#fff; 
	text-decoration:none;
	padding:0 9px;
	background:#818181;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
}
#form-search  a:hover {background:#000; color:#fff;}

/*********************************row-2*************************************/
.row-2 {height: 48px;width:100%; position:relative; z-index:2;}


/*********************************row-3*************************************/
.row-3 {width:100%; position:relative; z-index:1;}



/*********************************content*************************************/
#content {width:100%; padding:0px; background:url(../images/tail-content2.jpg) 0 0 repeat;}
.tail-content {width:100%; background:url(../images/tail-content.jpg) 0 0 repeat-x;}
.tail-content1 {width:100%; background:url(../images/tail-content1.jpg) 0 0 repeat-x;}
.tail-content2 {width:100%; background:url(../images/tail-content2.jpg) 0 0 repeat-x;}
.tail-content3 {width:100%; background:url(../images/tail-content3.jpg) 0 0 repeat-x;}

.padding-content {padding:32px 0 60px;}
.padding1-content {padding:32px 0 85px;}

.spacer-1 {width:100%; height:1px; background:url(../images/spacer-1.gif) 0px 0 repeat-x;}
.spacer-2 {width:100%; background:url(../images/pic-1.gif) 460px 0 repeat-y;}

h2, h3 {font-size:25px; line-height:1.2307em; color:#373737; font-weight:400; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif;}
h4 {font-size:14px; line-height:19px; color:#5e5e5e; font-weight:700; font-family:Arial, Helvetica, sans-serif;}
h6 {font-size:13px; line-height:18px; color:#000; font-weight:700; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

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

.box {
	width:100%; 
	min-height:65px;
	border-bottom:1px solid #cccccc;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	background:url(../images/tail-box.jpg) 0 0 repeat-x #eaeaea;
}
.box .padding-box {padding:14px 10px 5px 10px;}
.box a {font-size:13px; line-height:18px; color:#4e4c4c; font-weight:700;}
.box img {margin-top:3px;}

.button-1 {
	display:inline-block;
	background:url(../images/button1-left.png) left 0 no-repeat;
	line-height:26px;
	font-size:12px;
	font-weight:400;
	font-style:normal;
	text-decoration:none;
	color:#fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	cursor:pointer;
}
.button-1 strong {
	font-weight:400;
	padding:0 4px 0 4px;
	display:inline-block;
	background:url(../images/button1-right.png) right 0 no-repeat;
}	
.button-1 strong strong {
	background:url(../images/button1-tail.png) 0 0 repeat-x;
	cursor:pointer;
	padding:0px 12px 2px 10px;
}	
.button-1:hover {background:url(../images/button1-left.png) left bottom no-repeat; color:#fff;}
.button-1:hover strong  {background:url(../images/button1-right.png) right bottom no-repeat;}
.button-1:hover strong strong  {background:url(../images/button1-tail.png) 0 bottom repeat-x;}

time {display:inline-block; font-size:14px; line-height:18px; color:#000; padding-left:25px; background:url(../images/marker-1.png) 0 3px no-repeat; font-family:Georgia, "Times New Roman", Times, serif;}

.list-1 li {font-size:13px; line-height:40px; font-weight:700; padding-left:29px; background:url(../images/marker-1.png) 0 13px no-repeat; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.list-1 li a {color:#4e4c4c; text-decoration:none;}
.list-1 li a:hover {text-decoration:underline;}

.list-2 li {font-size:14px; line-height:24px; padding:0px; vertical-align:top; background:url(../images/pic-1.gif) 0 bottom repeat-x;}
.list-2 li a {display:block; color:#1799cf; padding-left:12px; background:url(../images/marker-1.gif) 0 10px no-repeat;}
.list-2 li a:hover {color:#fff;}
.list-2 .last-item {background:none;}

.list-3 {list-style:decimal-leading-zero;}
.list-3 li {font-size:12px; line-height:16px; color:#fff; padding-bottom:12px; margin-left:25px; list-style-type:decimal-leading-zero;}
.list-3 li a {color:#eda202;}
.list-3 li a:hover {color:#24a3ce;}

.link:hover {text-decoration:underline;} 

.link-1 {display:inline-block; font-size:14px; line-height:1.2em; color:#000; text-transform:uppercase; text-decoration:underline; padding-left:24px; background:url(../images/marker-1.png) 0 2px no-repeat; font-family:Georgia, "Times New Roman", Times, serif;}
.link-1:hover {text-decoration:none;}

.link-2 {display:inline-block; color:#888484; text-decoration:none;}
.link-2:hover {color:#4e4c4c;}

.link-3 {font-size:13px; line-height:18px; color:#4e4c4c; font-weight:700; text-decoration:underline;}
.link-3:hover {text-decoration:none;}

.link-4 {display:inline-block; color:#4e4c4c; text-decoration:none;}
.link-4:hover {color:#888484;}

.text-1 {line-height:18px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.text-2 {font-size:14px; color:#5e5e5e;}

.map-canvas {width:340px; height:210px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}

dl {overflow:hidden;}
dd span {float:left; width:91px;}

/****************************footer************************/
footer {width:100%; background:#fff;}
.padding-footer {padding:30px 0 60px;}

.text-bot {float:left; margin-right:10px; font-size:13px; line-height:1.3em; color:#9c9c9c;}
.text-bot span {color:#4f4f4f;}
.text-bot a {color:#9c9c9c;}

.list-services {float:left; padding:0;}
.list-services li {float:left; margin-right:6px;}


/****************************LayOut************************/
.page2.col-1 {width:176px; margin-right:30px;}
.page2.col-2 {width:176px; margin-right:30px;}
.page2.col-3 {width:176px; margin-right:0px;}

.page3.col-1 {width:275px; margin-right:30px;}
.page3.col-2 {width:300px; margin-right:0px;}

.page6.col-1 {width:186px; margin-right:16px;}
.page6.col-2 {width:186px; margin-right:20px;}
.page6.col-3 {width:186px; margin-right:0px;}


/****************************Plugins************************/

/****************************TM-Slider************************/

* {
	padding:0;
	margin:0;
}
.slider {
	margin:0 auto;
	overflow:visible !important;
}
.items {
	display:none;
}
.play.paused {
	color:#f00;
}
.pagination {
	width:95px;
	height:21px;
	position:absolute;
	padding:6px 0 0 845px;
	bottom:-36px;
	left:0px;
	z-index:999;
	border-bottom:1px solid #ccccca;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	background:url(../images/bg-pag.jpg) 0 0 repeat-x;
}
.pagination li {
	display:inline;
	width:17px;
	height:17px;
	margin-left:4px;
}
.pagination li a {
	width:17px;
	height:17px;
	display:inline-block;
	background:url(../images/pagination.png) right 0 no-repeat;
}
.pagination li a:hover {background:url(../images/pagination.png) 0 0 no-repeat;}
.pagination li.current a {
	margin:0;
	cursor:default;
	background:url(../images/pagination.png) 0 0 no-repeat;
}

.marker-left {position:absolute; left:-14px; top:-2px; width:14px; height:14px; background:url(../images/marker-left.png) 0 0 no-repeat; z-index:1;}
.marker-right {position:absolute; right:-14px; top:-2px; width:14px; height:14px; background:url(../images/marker-right.png) 0 0 no-repeat; z-index:1;}


/****************************easyTooltip************************/

#easyTooltip {
	padding:5px 10px;
	background:#fff;
	border:1px solid #000;
	color:#000;
	font-size:11px;
	text-transform:none;
	position:relative;
	z-index:10;
}

/****************************Contact-Form************************/
/* Contact form */
#contact-form {
	overflow:hidden;
	position:relative;
	vertical-align:top;
	width:420px;
	}
	#contact-form fieldset {
		border:none;
		padding:0;
		}
		#contact-form .field {
			overflow:hidden;
			margin:0;
			padding:0 0 10px 0px;
			}
			#contact-form input[type=text] {
				width:306px;
				font-size:1em;
				padding:5px 8px; 
				margin:0;
				background:#fff;
				color:#888484;
				border:1px solid #dddddd;
				border-radius:6px;
				-moz-border-radius:6px;
				-webkit-border-radius:6px;
				font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
				}
			#contact-form.main-contacts .field input {
				margin-top:0px;
				}
			#contact-form .area {height:250px; position:relative;}
			#contact-form .area .error {float:left;}
			#contact-form textarea {
				width:402px;
				height:180px;
				background:#fff;
				color:#888484;
				font-size:1em;
				border:1px solid #dddddd;
				border-radius:6px;
				-moz-border-radius:6px;
				-webkit-border-radius:6px;
				padding:5px 8px;
				margin:0;
				overflow:auto;
				display:block;
				font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
				}
				#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 {
				padding:0 0 0px 10px;
				display:inline-block;
				color:#F00;
				}
			#contact-form strong {
				padding:0 0 2px 9px;
				display:inline-block;
				color:#838383;
				}
				#contact-form .error {
					float:left;
					color:red;
					width:220px;
					line-height:1.2em;
					display:none;
				}
		.buttons-wrapper {margin:24px 0 0; overflow:hidden;}
		.buttons-wrapper a {
					float:right;
					margin-left:22px;
					display:inline-block;
					background:url(../images/button1-left.png) left 0 no-repeat;
					line-height:26px;
					font-size:12px;
					font-weight:400;
					font-style:normal;
					text-decoration:none;
					color:#fff;
					font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
					cursor:pointer;
		}
		.buttons-wrapper a em {
					font-weight:400;
					font-style:normal;
					padding:0 4px 0 4px;
					display:inline-block;
					background:url(../images/button1-right.png) right 0 no-repeat;
		}
		.buttons-wrapper a em em {
					background:url(../images/button1-tail.png) 0 0 repeat-x;
					font-style:normal;
					padding:0px 10px 2px 10px;
		}
		.buttons-wrapper a:hover {background:url(../images/button1-left.png) left bottom no-repeat;}
		.buttons-wrapper a:hover em {background:url(../images/button1-right.png) right bottom no-repeat;}
		.buttons-wrapper a:hover em em  {background:url(../images/button1-tail.png) 0 bottom repeat-x;}

/****************************Galleriffic-5************************/

/* -- gallery  begin --*/
 div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	background:none;
	display: none;
	width: 620px;
	height: 317px;
	margin:0 0 53px 0;
	padding: 0px;
}
 div.content img {
	position: relative;
	z-index: 2;
}
 div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
	
}
 div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline;
}
 div.controls {
	 position:absolute;
	 top:-45px;
	 right:1px;
	 z-index:999;
}
 div.controls a {
	padding: 0px;
}
 div.ss-controls {
	float: left;
	display:none;
}
 div.nav-controls {
	width:64px;
	position:absolute;
	right:0px;
	top:0px;
	z-index: 1;
}
 div.nav-controls a.prev {
	display:block;
	background:url(../images/prev.jpg) 0 0px no-repeat;
	width:27px;
	height:27px;
	text-indent:-5000px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:11;
}
 div.nav-controls a.prev:hover {background:url(../images/prev.jpg) 0 bottom no-repeat;}
div.nav-controls a.next {
	display:block;
	background:url(../images/next.jpg) 0 bottom no-repeat;
	width:27px;
	height:27px;
	text-indent:-5000px;
	position:absolute;
	top:0px;
	right:0px;
	z-index:11;
}
div.nav-controls a.next:hover {background:url(../images/next.jpg) 0 0 no-repeat;}
 div.slideshow-container {
	position: relative;
	height: 317px; /* This should be set to be at least the height of the largest image in the slideshow */
	width:620px;
	z-index:1;
	background:none;
}

 div.slideshow {
}
 div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 391px;
	height: 317px;
	background:none;
}
 div.slideshow a.advance-link {
	display: block;
	width: 391px;
	height: 317px; /* This should be set to be at least the height of the largest image in the slideshow */
	padding: 0;
	margin: 0;
}
 div.slideshow a.advance-link img {
	padding:0;
	margin:0;
	display:block;
	position:absolute;
	bottom:0px;
	left:0px;
}
 div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
 div.slideshow img {
}

 div.image-title {
}
 div.image-desc {
}
 div.navigation {
/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}

.navigation-container {
	width:405px;
	height:98px;
	margin:0;
	position:relative;
}
 div#thumbs {
	width: 405px;
	overflow: hidden;
	padding: 0;
}
 ul.thumbs {
	margin:0;
	padding: 0;
	overflow:hidden;
	height:98px !important;
}
 ul.thumbs li {
	height: 98px;
	float:left;
	margin:0 13px 0 0;
	overflow: hidden;
	padding:0;
	vertical-align:top;
}
 ul.thumbs li img {
	border: none;
}
 a.thumb:focus {
	outline: none;
}

div.caption-container {
	position:absolute;
	top: 10px;
	right: 0;
	z-index:998;
	width:207px;
	height:310px;

}
span.image-caption {
	position: absolute;
	width: 207px;
	height: 310px;
	bottom: 0;
	left: 0;
	z-index:10;
}
div.caption {
	width: 207px;
	height: 310px;
	padding: 0px 0 0 0px;
	position: absolute;
	bottom:0px;
	z-index:99999;
	right:0px;
	display:block;
	background:url(../images/bg-caption.jpg) 0 0 repeat-x;
}

 div.pagination {
	clear: both;
	text-align:center;
	position:relative;
	z-index:10;
}
 div.top.pagination {
	display:none;
}
 div.navigation div.bottom {
}
 div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	padding:0 4px;
	font-weight:bold;
	color:#fff;
}
 div.pagination a:hover {
	text-decoration: none;
	color:#ffeaa8;
}
 div.pagination span.current {
	color:#ffeaa8;
}
 div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}
/* -- gallery end --*/

nav select {
	display: none;
    border: 1px solid #d9d9d9;
    color: #333;
	margin: 0 auto;
}

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 959px) {
	body {
		margin: 0 auto;
		width: 97%;
	}

	.grid_12 {
		margin: 0 !important;
	}
	
	.header, #content, .tail-content {
		background: none;
	}

	nav ul { 
		display: none; 
	}	

	nav select {
		display: block;
	}

	.marker-left, .marker-right {
		display: none;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
		display: inline-block !important;
		float: none !important;
		margin: 0 0 10px 0 !important;
		max-width: 100% !important;
		text-align: center;
		width: 100% !important;
	}	

	.box {
		text-align: left;
	}
	
	.row-1 {
		height: 100%;
	}	

	.padding-footer {
		padding: 0;
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {	
}