/* 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:#f2f2f2; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1.125em;
	color:#6b6969}
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; }

.bg{ background:url(../images/tail2.png) no-repeat 697px top } 

.row1 .col-1{ width:330px; margin-right:10px}
.row1 .col-2{ width:330px;}

.indent-1{  position:absolute; right:35px; margin-bottom:15px; top:-10px}

a{ color:#000; text-decoration:none; outline:none}
a:hover{ text-decoration:underline}
		
section ul.list{margin:0; padding:0; list-style:none;}
section ul.list li{ background:url(../images/tail.gif) bottom left repeat-x}
section ul.list .last{ background:none}
section ul.list li a{color:#2c11e6; font-weight:bold; text-decoration:none; line-height:2em; background:url(../images/marker1.gif) top left no-repeat; background-position:0 5px; margin:0; padding-left:15px; }
section ul.list li a:hover { text-decoration:none; color:#adacac;  background:url(../images/marker1-act.gif) top left no-repeat; background-position:0 5px; }

section ul.list1{margin:0; padding:0; list-style:none;}
section ul.list1 li{ background:url(../images/tail.gif) bottom left repeat-x; padding:7px 0px 7px 0px}
section ul.list1 .last{ background:none}
section ul.list1 li a{color:#202020; font-weight:bold; text-decoration:none; line-height:18px; background:url(../images/icon1_b.gif) top left no-repeat; background-position:0 0px; margin:0; padding-left:27px; display:block }
section ul.list1 .li a{background:url(../images/icon2.gif) top left no-repeat;  }
section ul.list1 .li1 a{ background:url(../images/icon3.gif) top left no-repeat;}
section ul.list1 .li2 a{ background:url(../images/icon4.gif) top left no-repeat;  }
section ul.list1 li a:hover { text-decoration:none; color:#adacac; }

ul.list2{margin:0; padding:0; list-style:none;}
ul.list2 li{ background:url(../images/tail1.png) bottom left repeat-x; padding:9px 0px 9px 0px}
ul.list2 .last{ background:none}
ul.list2 li a{color:#fff; text-decoration:none; line-height:18px; background:url(../images/icon-1.png) top left no-repeat; padding-left:37px; display:block; text-transform:uppercase; font-size:11px}
ul.list2 li a strong{ text-transform:none; font-size:16px}
ul.list2 li a:hover { text-decoration:none; color:#212121; background:url(../images/icon-1-act.png) top left no-repeat;  }

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; height: 40px; }
ul.list2 .li3 a:hover {background:url(../images/icon-5-act.png) top left no-repeat;  }


section ul.list3{margin:0; padding:0; list-style:none;}
section ul.list3 li{ background:url(../images/tail.gif) bottom left repeat-x}
section ul.list3 .last{ background:none}
section ul.list3 li a{color:#000; font-weight:bold; text-decoration:none; line-height:34px;}
section ul.list3 li a:hover { text-decoration:none; color:#adacac;}


.link{color:#2c11e6; font-weight:bold}

.button{color:#fff; background:url(../images/button.gif) top left no-repeat; height: 40px; width:99px; text-align:center; line-height:26px; display:block; text-decoration:none; float:right; padding-top: 7px; padding-bottom:10px; font-size:12px; text-transform:uppercase  }
.button:hover{text-decoration:none;  background:url(../images/button-act.gif) top left no-repeat; color:#2c11e6 }

.button1{color:#212121; background:url(../images/button1.gif) top left no-repeat; height: 80px; width:157px; text-align:center; line-height:41px; display:block; text-decoration:none; float:right; padding-top: 10px; padding-bottom:16px; font-size:18px; text-transform:uppercase; position:absolute; top:18px; right:82px  }
.button1:hover{text-decoration:none;  background:url(../images/button1-act.gif) top left no-repeat; color:#fff }

.button2{color:#fff; background:url(../images/button2.gif) top left no-repeat; width:166px; text-align:center; line-height:34px; display:block; text-decoration:none; float:right; padding-bottom:16px; font-size:14px; text-transform:uppercase; position:absolute; top:119px; right:73px; z-index:90; cursor:pointer }
.button2:hover{text-decoration:none;  background:url(../images/button2-act.gif) top left no-repeat; color:#2c11e6 }

.button3{color:#2c11e6; background:url(../images/button3.gif) top left no-repeat; width:134px; text-align:center; line-height:34px; display:block; text-decoration:none; float:right; padding-bottom:13px; font-size:14px; text-transform:uppercase; position:absolute; top:0; left:0px; z-index:90; cursor:pointer }
.button3:hover{text-decoration:none;  background:url(../images/button3-act.gif) top left no-repeat; color:#fff }

.link-1 { display:inline-block; float:right; line-height:34px; background:url(../images/bg_link.png) top left no-repeat; color:#2c11e6; text-transform:uppercase; width:115px;  text-align:center; text-decoration:none; padding-bottom:13px; 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:34px; background:url(../images/bg_link.png) top left no-repeat; color:#2c11e6; text-transform:uppercase; width:115px;  text-align:center; text-decoration:none; padding-bottom:13px; font-size:12px}
.link-2:hover {background:#000; text-decoration:none; color:#fff; background:url(../images/bg_link-act.png) top left no-repeat; }




/*header*/
header {font-size:0.75em; color:#FFFFFF; height:534px; background:url(../images/bg.gif) top left repeat-x }
header .bg-top{ background:url(../images/top.jpg) top center no-repeat; height:534px}
header .slogan{ top:46px; right:16px; position:absolute; padding:0; z-index:9}
header .inside{top:5px; left:180px; position:absolute; width:390px; z-index:900 }
header .banner{top:0px; left:0; position:absolute; z-index:100; width: 250px;  }


header .indent{ top:226px; left:0px; position:absolute; padding:0; width:950px}

header h1 {position:absolute; left:0px; top:15px;}
header h1 a { width:196px; height:64px;}


/*--- superfish dropdown menu begin ---*/
.sf-menu {margin:0; padding:0;	list-style: none; z-index:90000; position:relative } 
.sf-menu li{ margin:0; line-height:21px; width:127px }
.sf-menu li a{color:#101010; text-decoration:none; line-height:21px; font-size:14px; text-transform:uppercase  } 
.sf-menu li a:hover {color:#2c11e6;  text-decoration:none; padding-left:10px; background:url(../images/bg_menu.gif) center left no-repeat; }
.sf-menu li a.current{ color:#2c11e6; text-decoration:none; padding-left:10px; background:url(../images/bg_menu.gif) center 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:0; z-index:99;}

/*** DEMO SKIN ***/
.sf-menu ul {	width:160px; background:#ffffff; margin-left:127px;}

.sf-menu ul ul{	width:121px; background:#ffffff !important; margin-left:160px; padding:0px 0; }
.sf-menu ul li{ margin:0; line-height:14px; width:160px }
.sf-menu li ul a{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:14px } 
.sf-menu li ul a:hover {color:#2c11e6;  text-decoration:none; padding-left:10px; background:url(../images/bg_menu1.gif) top left no-repeat; background-position:0 3px;  }

.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:1px; /* match top ul list item height */	z-index: 99;}
				
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;}

/*aside*/
aside { background:url(../images/bg_aside.gif) top left repeat-x; height:175px}
aside .bg_aside{ background:url(../images/bg_aside1.jpg) top center no-repeat; height:175px}
aside .inside{ padding:0px 0px 0px 0px}
aside .indent{padding:9px 0px 0px 0px}

/*content*/
section{ font-size:0.8125em; width:100%; text-align:left; background:#fff}
section .inside{padding:30px 0px 30px 0px}
.img-left{ float:left; margin:0 20px 16px 0}
.img-left1{ float:left; margin:0 10px 0 0}
.img-indent{ margin:0 0 16px 0}
p{ margin:0 0 17px 0}
.p{ margin:0}
.p1{ margin:0 0 17px 0}
h2{color:#2a2a2a; font-size:28px; margin-bottom:13px; line-height:1.2em}
h3{color:#ff0000; font-size:38px; margin-bottom:13px;}
h4{color:#adacac; font-size:1em; margin-bottom:9px;  }
h5{color:#000; font-size:1em; margin-bottom:9px;  }
.tail{ background:url(../images/tail.gif) bottom repeat-x; padding-bottom:9px; margin-bottom:9px}
.txt-1{ float:right; display:block; width:102px; line-height:32px; padding-bottom:13px; background:url(../images/txt.gif) top left no-repeat; text-align:center; color:#adacac}
.txt-1 a{ text-decoration:none; color:#adacac}
.txt-1 a:hover{ text-decoration:none; color:#2c11e6}
.txt{ letter-spacing:-1px}

.indent{padding:46px 0px 0px 0px}
.indent1{padding:30px 0px 0px 0px}
.pad{padding:0px 35px 0px 0px}
.indent2{padding:10px 0px 0px 0px}

/*box*/
.box1{ background:#f2f2f2; border-style: solid; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; position:relative; border-bottom:1px solid #ced8da;  border-right:1px solid #ced8da; }
.box1 .indent-box{ padding:17px 20px 17px 19px; }


/*footer*/
footer { color:#212121; font-size:0.8125em; background:#f1f1f1;}
footer .inside{ padding:24px 0px 42px 0px }
footer a {color:#212121; text-decoration:none}  
footer a:hover {  text-decoration:underline} 
footer h2 {color:#171717; font-size:20px; margin-bottom:7px; line-height:1.2em; font-weight:normal}

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 7px; margin:0; padding-left:8px; color:#2c11e6;  text-decoration:none; line-height:20px; font-size:13px}
footer ul li a:hover {background:url(../images/marker-act.gif) top left no-repeat; background-position:0 7px; text-decoration:none; color:#a2a1a1; }

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:0px; float:left}
.rowElem{ height:30px}
.rowElem1{ height:30px; background:url(../images/bg_input.gif) top left no-repeat}
.rowElem2{ height:36px; background:url(../images/bg_input1.gif) top left no-repeat}
.block-contact span{ float:right; margin-right:20px}
.input{
   	border:none; 
	background:none;
	width:220px; height:20px;
	font-size:1em;
	color:#000;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
}.input1{
   	border:none; 
	background:none;
	width:184px; height:18px;
	font-size:1em;
	color:#a3a3a3;
	padding-left:14px;
	padding-right:13px;
	padding-top:4px;
	padding-bottom:4px;
}


/* 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:208px;
				padding:6px 10px 6px 10px;
				background:#f2f2f2; 
				border-top:1px solid #b1b1b1;
				border-left:1px solid #b1b1b1;
				border-bottom:1px solid #f2f2f2;
				border-right:1px solid #f2f2f2;
				display:block;
				color:#b1b1b1;
				border-style: solid; border-radius:21px; -moz-border-radius: 21px; -webkit-border-radius: 21px; position:relative
			}
			#contact-form.main-contacts .field input { margin-top:4px; }
			#contact-form textarea {		
				width:208px;			
				height:100px;
				background:#f2f2f2; 
				border-top:1px solid #b1b1b1;
				border-left:1px solid #b1b1b1;
				border-bottom:1px solid #f2f2f2;
				border-right:1px solid #f2f2f2;
				padding:9px 10px 9px 10px;
				overflow:auto;
				display:block;
				margin-bottom:15px;
				color:#b1b1b1;
				border-style: solid; border-radius:21px; -moz-border-radius: 21px; -webkit-border-radius: 21px; 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;
			}
	
	
/* 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 */

/*********faded************/
#faded {position:relative; top:-18px; height:308px; background:url(../images/bg_1.png) 0 217px no-repeat; z-index:1}
#faded .pagination {position:absolute; top:226px; left:5px; width:175px; z-index:10;}
#faded .pagination li {float:left; line-height:0; font-size:0; padding-right:3px}
#faded .pagination li a {display:block; float:left; width:22px; height:22px; text-indent:-200px; text-decoration:none; background:url(../images/bull.png) 0 0 no-repeat; text-indent:-5000px;}
#faded .pagination li a:hover, #faded .pagination li.current a {background:url(../images/bull-h.png) 0 0 no-repeat;} 

#faded li img {display:none; margin-left:354px;}

#faded li div {position:absolute; left:16px; top:226px; width:95px; height:30px; font-size:20px; line-height:1.2em; color:#fff; }
