/* 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 }

* { margin:0; padding:0;}
html, body { height:100%;  min-width:950px;}	
body { 
	background:#232323; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1em;
	color:#202020;
	}
input, select, textarea { font-family:Arial, Helvetica, sans-serif;	font-size:1em;	vertical-align:middle;	font-weight:normal;}
object { vertical-align:top; outline:none}
.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
.container {	overflow:hidden; width: 100%;}
a img{ border:0px}
img{ vertical-align:top;  }
fieldset{ border:none}
.oh{ overflow:hidden}
.pr{ position:relative}

.col-1, .col-2, .col-3, .col-4{ float:left}
/*======= width =======*/
.main {	margin: 0 auto;	position: relative;	width: 950px; }

.h-12{ height:506px}
.row1 .col-1{ width:235px; margin-right:44px}
.row1 .col-2{ width:235px}
.row2 .col-1{ width:332px; margin-right:5px}
.row2 .col-2{ width:332px}

a{ color:#178daa; text-decoration:underline; outline:none}
a:hover{ text-decoration:underline; color:#949fa3}
		
section ul.list{margin:0; padding:0; list-style:none;}
section ul.list li{background:url(../images/marker.gif) top left no-repeat; background-position:0 7px; margin:0; padding-left:15px; }
section ul.list li a{color:#888484; text-decoration:none; line-height:1.5em} 
section ul.list li a:hover { text-decoration: underline; }
		
section ul.list1{margin:0; padding:0; list-style:none;}
section ul.list1 li{background:url(../images/bg_li.png) top left no-repeat;  margin:0; padding-left:43px; margin-bottom:3px; height:46px; color:#a4a4a4 }
section ul.list1 li:hover{background:url(../images/bg_li-act.png) top left no-repeat;  }
section ul.list1 li a{color:#178daa; font-weight:bold; text-decoration:none; line-height:1.5em; display:block; padding-top:5px} 
section ul.list1 li a:hover { text-decoration: underline; }

ul.list2{margin:0; padding:0; list-style:none;}
ul.list2 li{ padding:0px 0px 24px 0px}
ul.list2 .last{ background:none}
ul.list2 li a{color:#178daa; text-decoration:none; line-height:18px; background:url(../images/icon_1.png) top left no-repeat; padding-left:52px; display:block; font-size:12px}
ul.list2 li a strong{ text-transform:none; font-size:18px; text-transform:uppercase; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
ul.list2 li a:hover { text-decoration:none; background:url(../images/icon_1-act.png) top left no-repeat; color:#1f2122  }

ul.list2 .li a{background:url(../images/icon_2.png) top left no-repeat; }
ul.list2 .li a:hover {background:url(../images/icon_2-act.png) top left no-repeat;  }
ul.list2 .li1 a{background:url(../images/icon_3.png) top left no-repeat; }
ul.list2 .li1 a:hover {background:url(../images/icon_3-act.png) top left no-repeat;  }
ul.list2 .li2 a{background:url(../images/icon_4.png) top left no-repeat; }
ul.list2 .li2 a:hover {background:url(../images/icon_4-act.png) top left no-repeat;  }
ul.list2 .li3 a{background:url(../images/icon_5.png) top left no-repeat; }
ul.list2 .li3 a:hover {background:url(../images/icon_5-act.png) top left no-repeat;  }
ul.list2 .li4 a{background:url(../images/facebook-twitter.png) top left no-repeat; }
ul.list2 .li4 a:hover {background:url(../images/facebook-twitter-act.png) top left no-repeat;  }


.link{color:#178daa; background:url(../images/marker1.gif) center right no-repeat; padding-right:10px; text-decoration:none; font-size:14px; float:right  }
.link:hover{text-decoration:none; color:#949fa3 }
.link1{color:#178daa; background:url(../images/marker1.gif) center right no-repeat; padding-right:10px; text-decoration:none; font-size:14px; float:left  }
.link1:hover{text-decoration:none; color:#949fa3 }
.link2{ text-decoration:none}
.link2:hover{ text-decoration:underline}
.link3{color:#178daa; background:url(../images/marker3.gif) center right no-repeat; padding-right:10px; text-decoration:none; font-size:12px; float:left; font-weight:bold; margin-right:36px  }
.link3:hover{text-decoration:none; color:#949fa3 }
.link4{ text-decoration:none; color:#000}
.link4:hover{ text-decoration:underline}


.button{color:#fff; background:url(../images/button.gif) top left no-repeat; width:81px; text-align:center; line-height:25px; padding-top:2px; display:block; text-decoration:none; text-transform:uppercase; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; float:right  }
.button:hover{text-decoration:none; background:url(../images/button-act.gif) top left no-repeat; color:#fff }

.link-1 { display:inline-block; float:left; line-height:28px; background:url(../images/bg_link.png) top left no-repeat; padding:0 0px 2px 16px; width:96px; color:#2593af; text-transform:uppercase; text-decoration:none; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; cursor:pointer}
.link-1:hover {background:#000; text-decoration:none; color:#fff; background:url(../images/bg_link-act.png) top left no-repeat;}

.link-2 { display:inline-block; float:left; line-height:28px; background:url(../images/bg_link1.png) top left no-repeat; padding:0 0px 2px 16px; width:171px; color:#2593af; text-transform:uppercase; text-decoration:none; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
.link-2:hover {background:#000; text-decoration:none; color:#fff; background:url(../images/bg_link1-act.png) top left no-repeat;}

.link-3 { display:inline-block; float:left; line-height:28px; background:url(../images/bg_link2.png) top left no-repeat; padding:0 0px 2px 16px; width:118px; color:#2593af; text-transform:uppercase; text-decoration:none; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
.link-3:hover {background:#000; text-decoration:none; color:#fff; background:url(../images/bg_link2-act.png) top left no-repeat;}



/*header*/
header {font-size:0.75em; color:#FFFFFF; height:584px; background:url(../images/top.gif) top left repeat-x }
.top{ background:url(../images/top1.jpg) top center no-repeat; width:100%; height:584px}
header .indent{ top:26px; right:0px; position:absolute; padding:0; width:210px}
header .inside{top:71px; right:0px; position:absolute; padding:0; width:670px; z-index:9000}
header .slogan{top:147px; position:absolute; padding:0; }
header .block{top:135px; right:0px; position:absolute; padding:0; width:440px; height:449px; overflow:hidden}
header .indent2{ padding-top:315px}


header h1 {position:absolute; left:0px; top:42px; text-indent:-9999px;}
header h1 a { display:block; width:235px; height:105px; background:url(../images/logo.jpg) no-repeat left top;	}


/*--- superfish dropdown menu begin ---*/
.sf-menu {margin:0; padding:0;	list-style: none; z-index:90000; position:relative } 
.sf-menu li{ margin:0; display:inline; position:relative; float:left; margin-right:25px; background:url(../images/bg_menu.gif) bottom center no-repeat; }
.sf-menu .last{margin-right:0}
.sf-menu li a{color:#1f2122; text-shadow:1px 1px #fff; text-decoration:none; display:block; float:left; line-height:29px; font-size:12px; font-weight:bold; text-transform:uppercase; width:113px; text-align:center; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } 
.sf-menu li:hover a {color:#3c7a98;  text-decoration:none; background:url(../images/bg_menu-act.png) top left no-repeat;  }
.sf-menu li.current a{ color:#3c7a98; text-decoration:none; background:url(../images/bg_menu-act.png) top left no-repeat; }

.sf-menu ul { position:absolute; top:-999em; width:10em; line-height:1.0; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { top:29px; z-index:99;}


/*** DEMO SKIN ***/
.sf-menu ul {	width:192px;  background:#fff; border-style: solid; border-radius:11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; padding:10px 0px 10px 0px}
.sf-menu ul li {  text-align:left; padding:0;  z-index:9; position:relative; background:none; }
.sf-menu ul li a {line-height:27px; text-align:left; width:162px; font-size:12px; color:#3c7a98; text-transform:uppercase; z-index:9; background:#fff !important; padding:0 0 0 30px; text-shadow:none}
.sf-menu ul li:hover a { color:#fff; background:#178daa !important; }

.sf-menu ul ul {	width:192px;  background:#fff; border-style: solid; border-radius:11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; padding:10px 0px 10px 0px}
.sf-menu ul ul li {  text-align:left; padding:0;  z-index:9; position:relative; background:none; }
.sf-menu li li.sfHover ul li a {line-height:27px; text-align:left; width:162px; font-size:12px; color:#3c7a98; text-transform:uppercase; z-index:9; background:#fff !important; padding:0 0 0 30px}
.sf-menu li li.sfHover ul li:hover a { color:#fff; background:#178daa !important;  }

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {	 position:relative }

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {left: 0; top:29px; /* match top ul list item height */	z-index: 99;}
.sf-menu li:hover ul ul,
.sf-menu li.sfHover ul ul {	left:192px;	top:0; /* match top ul list item height */	z-index: 99; margin-top:-10px;}
				
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul { top:-999em;}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {  /* match ul width */ top:0;}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul { top:-999em;}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul { left:10em; /* match ul width */ top:0;}

.sf-sub-indicator {	position: absolute;	display:block;	right:10px;	width:10px;	height:10px; text-indent:-999em; overflow:hidden;}

/*content*/
section{ font-size:0.75em; width:100%; text-align:left; background:url(../images/bg_cont1.gif) top left repeat-x #e2e8e9}
section .inside{padding:35px 0px 31px 0px}
.img-left{ float:left; margin:0 17px 0px 0}
.img-indent{ margin:0 0 16px 0}
p{ margin:0 0 15px 0}
.p{ margin:0}
.p1{ margin:0 0 15px 0}
.p2{ margin:0 0 21px 0}
.p3{ margin:0 0 7px 0}
h2{color:#2a2a2a; font-size:30px; font-weight:normal; letter-spacing:-1px; margin-bottom:17px; line-height:1.2em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
h4{color:#101010; font-size:14px; line-height:2em;   }
h6{color:#949fa3; font-size:14px; line-height:16px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif   }
.tail{ background:url(../images/tail.gif) bottom repeat-x; padding-bottom:11px; margin-bottom:11px}
.txt-1{ float:right; display:block; margin-bottom:31px; font-weight:bold; color:#5e5e5e}
.txt{ color:#949fa3; font-size:14px; line-height:18px}
.txt1{ color:#949fa3}
.txt2{ padding-top:15px; padding-left:6px}

.indent{padding:40px 0px 0px 0px}

/*box*/
.box{ background:#fff; color:#949fa3; border-right:1px solid #cdd7d9; border-bottom:1px solid #cdd7d9; border-style: solid; border-radius:11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; position:relative}
.box .indent-box{ padding:18px 18px 10px 17px; }

/*footer*/
footer { color:#999999; font-size:14px; background: url(../images/bot.gif) top center repeat-x;}
footer .inside{ padding:24px 0px 42px 0px }
footer a {color:#999999; text-decoration:none; font-weight:normal}  
footer a:hover {  text-decoration:none; color:#178daa} 
footer b { display:block; float:left; margin-top:9px; font-weight:normal} 
footer h2 {color:#e3e9ea; font-size:18px; margin-bottom:11px; line-height:1.2em; font-weight:normal; margin-top:5px; letter-spacing:0}

footer ul{margin:0; padding:0; list-style:none;}
footer ul li a{background:url(../images/marker.gif) top left no-repeat; background-position:0 5px; margin:0; padding-left:12px; color:#178daa;  text-decoration:none; line-height:22px; font-size:12px} 
footer ul li a:hover {text-decoration:none; color:#e2e8e9; }

footer ul.icon{margin:0; padding:0; list-style:none;}
footer ul.icon li{ padding-left:3px; display:inline; margin:0}
footer ul.icon li a{color:#14acba; text-decoration:none; padding:0} 
footer ul.icon li a:hover { text-decoration:none;}

.jamp{ width:40px; margin-left:6px}
select{font-size:.84em; color:#2d3331; height:20px}
	
	
.indent-2{ position:relative; padding-left:20px; float:left}
.rowElem{ height:38px}
.rowElem2{ height:38px}
.rowElem1{ height:38px; background:url(../images/contact-us.jpg) top left no-repeat}
.block-contact span{ float:right; margin-right:180px}
.input1{
	width:153px; height:18px;
	font-size:12px;
	color:#999999;
	padding-left:15px;
	padding-right:15px;
	padding-top:4px;
	padding-bottom:2px;
	background:#2e2c2c; 
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-bottom:1px solid #484848;
	border-right:1px solid #484848;
	border-style: solid; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; position:relative
}.input{
   	border:none; 
	background:none;
	width:165px; height:18px;
	font-size:14px;
	color:#889499;
	padding-left:15px;
	padding-right:0px;
	padding-top:6px;
	padding-bottom:6px;
}


/* Contact form */
#contact-form {	overflow:hidden;	position:relative;	vertical-align:top;	}
	#contact-form fieldset {border:none;padding:0;}
		#contact-form .field {overflow:hidden; padding:0 0 15px 0px;}
			#contact-form input[type=text] {
				width:330px;
				padding:6px 10px 6px 10px;
				background:#e2e4e4; 
				border-top:1px solid #bcbebe;
				border-left:1px solid #bcbebe;
				border-bottom:1px solid #fafbfb;
				border-right:1px solid #fafbfb;
				display:block;
				color:#101010;
				border-style: solid; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; position:relative
			}
			#contact-form.main-contacts .field input { margin-top:4px; }
			#contact-form textarea {		
				width:568px;			
				height:176px;
				background:#e2e4e4; 
				border-top:1px solid #bcbebe;
				border-left:1px solid #bcbebe;
				border-bottom:1px solid #fafbfb;
				border-right:1px solid #fafbfb;
				padding:9px 10px 9px 10px;
				overflow:auto;
				display:block;
				margin-bottom:15px;
				color:#101010;
				border-style: solid; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; position:relative
				}
				#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 2px 5px;display:inline-block;}
			#contact-form strong {padding:0 0 2px 9px;display:inline-block;color:#838383;}
				#contact-form .error {color:red; display:none}
		.buttons-wrapper {padding-top:30px;}
		
		#contact-form.main-contacts .buttons-wrapper {padding-top:19px;}
		#contact-form.main-contacts .buttons-wrapper a {
			float:right !important;
			margin:0 0 0 12px;
			}
			
.video {position:relative;}
.video img {position:relative; z-index:1;}
.button-video {position:absolute; top:50%; left:50%; width:64px; height:63px; margin:-24px 0 0 -50px; z-index:2; display:block; background:url(../images/button-video.png) 0 0 no-repeat;}
.button-video:hover {background:url(../images/button-video-h.png) 0 0 no-repeat;}

	
/* Lightbox image */
.lightbox-image {	position:relative;	overflow:hidden; display:block	}
.lightbox-image1 {	position:relative;	overflow:hidden; float:left	}
	.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;		}
	.lightbox-image1 img {		position:relative;		z-index:2;		}
	.lightbox-image1 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;		}
	
/* Easy Tooltip */
#easyTooltip{
	padding:5px 10px;
	border:1px solid #000;
	background:#fff;
	color:#a7a7a7;
	font-size:11px;
	text-transform:none;
	z-index:900;
	position:relative
}
/* // Easy Tooltip */





.btnPrev{ position:absolute; bottom:33px; left:80px; width:9px; height:18px; background:url(../images/prev.png); display:block; text-decoration:none; z-index:9000;}
.btnNext{ position:absolute; bottom:33px; right:80px; width:9px; height:18px; background:url(../images/next.png); display:block; text-decoration:none;  z-index:9000;}
.btnPrev:hover{ background:url(../images/prev-act.png); text-decoration:none}
.btnNext:hover{background:url(../images/next-act.png); text-decoration:none}

/* gallery */
	.roundabout-holder { height: 449px; width:313px; margin:0 auto; }
	.roundabout-moveable-item {
		height: 415px;
		width: 201px;
		cursor: pointer;
	}
	.roundabout-moveable-item img {
		width:100%;
		height:100%;
		display:block;
	}
	.roundabout-in-focus { cursor: auto;} 


/*==========================================*/
.carousel {top:0; height:512px; overflow:hidden}
.jScrollPaneContainer {	z-index: 1;	overflow: hidden;	position: relative}
.jScrollPaneTrack {	background: url(../images/slider-bg.gif) top left repeat-x;	left: 0px;	width: 100%;	cursor: pointer;	bottom:-7px;	position: absolute;}
.jScrollIntervalTrack {	position: absolute;	display:none}
.jScrollPaneDrag {	background: url(../images/handle.gif) no-repeat 0% 0%;	overflow: hidden;	cursor: pointer;	position: absolute;	width:95px !important;	margin:0 15px}
.jScrollPaneDragLeft {	left: 0px;	overflow: hidden;	bottom: 0px;	position: absolute}
.jScrollPaneDragRight {	right: 0px;	overflow: hidden;	bottom: 0px;	position: absolute}

ul.blocks {	display: block;	padding: 0px; width:2070px;	overflow:hidden}
ul.blocks li {	display: block;	float: left; margin: 0px !important;	width:322px; overflow:hidden; padding:0 23px 0 0px !important;}
.scroll-pane {	padding-right:0px;	padding-left: 0px;	float: left;	padding-bottom: 0px; width:689px; padding-top: 0px}
.scroll-pane li{	overflow:hidden}
