/* 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:1080px;}	
body { 
	background:#fff; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1.125em;
	color:#000;
	}
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: 1080px; }


a{ color:#3210f6; 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:#819eac; font-weight:bold; text-decoration:none; line-height:24px; background:url(../images/marker2.gif) top left no-repeat; background-position:0 5px; margin:0; padding-left:15px; }
section ul.list li a:hover { text-decoration:none; color:#000;  }

ul.list2{margin:0; padding:0; list-style:none;}
ul.list2 li{ background:url(../images/tail.gif) bottom left repeat-x; padding:7px 0px 7px 0px}
ul.list2 .last{ background:none}
ul.list2 li a{color:#819eac; 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; color:#1a1b1b}
ul.list2 li a:hover { text-decoration:none; 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; }
ul.list2 .li3 a:hover {background:url(../images/icon-5-act.png) top left no-repeat;  }


.link{color:#000000; float:center; border-bottom:1px solid #000; text-decoration:none; text-transform:uppercase; font-size:12px }
.link:hover{
	text-decoration:underline;
	color:#819eac;
	border-bottom:1px solid #819eac
}
.link1{ color:#db1f50}

.link2{color:#000000; float:left; border-bottom:1px solid #000; text-decoration:none; text-transform:uppercase; font-size:12px }
.link2:hover{text-decoration:none; color:#819eac; border-bottom:1px solid #819eac }

.button{color:#fff; background:url(../images/button_sq.png) top left no-repeat; width:97px; text-align:center; line-height:29px; display:block; text-decoration:none; text-transform:uppercase; font-size:12px; float:right; }
.button:hover{text-decoration:none; background:url(../images/button-act_sq.png) top left no-repeat; color:#fff  }

.button1{color:#fff; background:url(../images/button1.png) top left no-repeat; width:43px; text-align:center; line-height:28px; display:block; text-decoration:none; text-transform:uppercase; font-size:12px; float:right }
.button1:hover{text-decoration:none; background:url(../images/button1-act.png) top left no-repeat; color:#fff  }

.button-1{
	color:#fff;
	background:url(../images/button-1.png) top left no-repeat;
	width:292px;
	text-align:center;
	line-height:63px;
	padding-bottom:25px;
	display:block;
	text-decoration:none;
	text-transform:uppercase;
	font-size:14px;
	margin-left:88px
}
.button-1:hover{text-decoration:none; color:#fff; background:url(../images/button-1-act.png) top left no-repeat    }

.link-1 { display:inline-block; float:right; line-height:36px; background:url(../images/bg_link.gif) top left repeat-x; color:#3c7a98; text-transform:uppercase; padding:0px 19px 0px 19px; text-decoration:none; cursor:pointer; border-style: solid; border-radius:19px; -moz-border-radius: 19px; -webkit-border-radius: 19px; position:relative; border:1px solid #dfebf1; font-size:14px}
.link-1:hover {text-decoration:none; color:#3c7a98; background:url(../images/bg_link-act.gif) top left repeat-x; }




/*header*/
header {font-size:0.6875em; color:#1a1a1a; height:139px; background:url(../images/top1.gif) top center repeat-x; text-transform:uppercase; position:relative; z-index:9000}
header .top{height:139px; background:url(../images/top.jpg) top center no-repeat}
header .indent{ top:35px; right:0px; position:absolute; padding:0; width:211px}
header .indent1{ top:42px; right:225px; position:absolute; padding:0; width:165px}
header .inside{ top:76px; right:0px; position:absolute; padding:0; width:760px}
header a{ color:#1a1a1a; font-weight:bold; text-decoration:none; }
header a:hover{ text-decoration:underline}

header h1 {position:absolute; left:0px; top:24px; text-indent:-9999px;}
header h1 a { display:block; width:225px; height:80px; background:url(../images/CTlogo.png) 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:5px}
.sf-menu li a{color:#ffffff; text-decoration:none; display:block; float:left; line-height:39px; font-size:15px; text-transform:uppercase; width:146px; text-align:center; } 
.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:39px; z-index:99;}


/*** DEMO SKIN ***/
.sf-menu ul {	width:265px;  background:#f3fbff; 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; padding:0 0 0 20px; }
.sf-menu ul li a {line-height:27px; text-align:left; width:242px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#3c7a98; text-transform:uppercase; z-index:9; background:#f3fbff !important}
.sf-menu ul li:hover a { color:#1a1a1a; background:url(../images/marker1.gif) top left no-repeat  !important; background-position:0 9px !important; padding-left:10px }

.sf-menu ul ul {	width:265px;  background:#f3fbff; 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; padding:0 0 0 20px; }
.sf-menu li li.sfHover ul li a {line-height:27px; text-align:left; width:242px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#3c7a98; text-transform:uppercase; z-index:9; background:#f3fbff !important; padding:0}
.sf-menu li li.sfHover ul li:hover a { color:#1a1a1a; background:url(../images/marker1.gif) top left no-repeat  !important; background-position:0 9px !important; padding-left:10px }

.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:39px; /* match top ul list item height */	z-index: 99;}
.sf-menu li:hover ul ul,
.sf-menu li.sfHover ul ul {	left:192px;	top: 40px; /* 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 {}
aside .inside{ padding:0px 0px 0px 0px}

.block{ height:480px; border-bottom: groove;}
.block2{ height:535px; border-bottom: groove;}
.col{ width:133px}

/*content*/
section{ font-size:0.8125em; width:100%; text-align:left; background:url(../images/bg_cont.gif) top left repeat-x}
.bg-cont{ background:url(../images/bg_cont1.jpg) top center no-repeat; width:100%}
.bg-cont1{ background:url(../images/bg_cont2new.jpg) top center no-repeat; width:100%}
section .inside{padding:0px 0px 45px 0px}
section .inside1{padding:20px 0px 45px 0px}
.img-left{ float:left; margin:0 15px 16px 0}
.img-left1{ float:left; margin:0 27px 0px 0}
.img-left2{ float:left; margin:0 20px 0px 0}
.img-indent{ margin:0 0 26px 0}
p{
	margin:0 0 17px 0;
	color: #000;
}
.p{ margin:0}
.p1{ margin:0 0 17px 0}
.p2{ margin:0 0 13px 0}
.p3{ margin:0 0 31px 0}
.p4 { padding-left:15px;padding-right:25px }
.p5 { padding-left:30px }
.p6 { padding-left:60px }
.p7 { font-size:14px;padding-left:15px;padding-right:25px}
.p8 { font-size:14px;padding-left:30px;padding-right:25px}

h2{color:#2a2a2a; font-size:28px; margin-bottom:2px; line-height:1.2em}
h2 span{color:#5694b1; font-size:28px; margin-bottom:13px; line-height:1.2em}
h3{
	color:#1d1e1f;
	font-size:20px;
	margin-bottom:13px;
	line-height:1.2em;
	text-align: center;
}
h4{color:#db1f50; font-size:1.25em; margin-bottom:9px; font-weight:bold;}
h5{color:#db1f50; font-size:1em; margin-bottom:9px;  }
h6{color:#212121; font-size:1em; }
.tail{ background:url(../images/tail.gif) bottom repeat-x; padding-bottom:25px; margin-bottom:24px}
.txt-1{ float:right; display:block; width:102px; line-height:32px; padding-bottom:13px; background:url(../images/txt.png) top left no-repeat; text-align:center; color:#adacac}
.txt-1 a{ text-decoration:none; color:#819eac}
.txt-1 a:hover{ text-decoration:none; color:#000}

.txt{ width:30px; float:left; color:#e03d67; font-weight:bold; font-size:16px}

.indent-1{  position:absolute; right:35px; margin-bottom:15px; top:-10px}
.indent{padding:50px 0px 0px 0px}
.indent1{padding:40px 0px 0px 0px}

.block1{
	font-size:17px;
	color:#1a1a1a;
	position:absolute;
	width:578px;
	top:408px;
	left:250px;
	z-index:8000
}
/*.block1{ font-size:16px; color:#1a1a1a; position:absolute; width:478px; top:387px; left:235px; z-index:8000} */
.block1 strong{
	font-size:24px;
	color:#1a1a1a
}
.block1 span{ font-size:16px; color:#7ba4b8}

/*box*/
.box{ background:#77a2b6; width:100%; border-style: solid; border-radius:21px; -moz-border-radius:21px; -webkit-border-radius:21px; position:relative; color:#fff}
.box .indent-box{ padding:22px 25px 5px 26px; }
.box .indent-box1{ padding:22px 10px 5px 26px; }
.box h2{ color:#fff }
.box h3{ color:#fff; font-size:18px }
.box h1{ color:#fff; font-size:20px }

/*box1*/
.box1{ background:#77a2b6; width:100%; border-style: solid; border-radius:11px; -moz-border-radius:11px; -webkit-border-radius:11px; position:relative; color:#fff}
.box1 .indent-box{ padding:22px 15px 20px 16px; }
.box1 h2{ color:#fff }
.box1 h3{ color:#fff; font-size:18px }
.box1 h1{ color:#fff; font-size:20px }

/*footer*/
footer { color:#212121; font-size:0.8125em; background: url(../images/bot.png) top center no-repeat;}
footer .inside{ padding:24px 0px 42px 0px }
footer a {color:#212121; text-decoration:none}  
footer a:hover {  text-decoration:none; color:#829fad} 
footer b { display:block; float:left; margin-top:14px} 
footer h2 {color:#819eac; font-size:20px; margin-bottom:11px; line-height:1.2em; font-weight:normal; margin-top:5px}

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:#829fad;  text-decoration:none; line-height:22px; font-size:13px} 
footer ul li a:hover {
	text-decoration:none;
	color:#000;
	background:url(../images/marker-act.gif) top left no-repeat;
	background-position:0 5px;
}

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/bg_input.gif) top left no-repeat}
.rowElem3{ height:38px;}
.block-contact span{ float:right; margin-right:130px}
.input1{
	width:153px; height:20px;
	font-size:1em;
	color:#415863;
	padding-left:15px;
	padding-right:15px;
	padding-top:2px;
	padding-bottom:2px;
	background:#e2ebf1; 
	border-top:1px solid #b1c1c8;
	border-left:1px solid #b1c1c8;
	border-bottom:1px solid #e2ebf1;
	border-right:1px solid #e2ebf1;
	border-style: solid; border-radius:11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; position:relative
}.input2{
	width:165px; height:20px;
	font-size:1em;
	color:#000;
	padding-left:10px;
	padding-right:10px;
	padding-top:2px;
	padding-bottom:2px;
	background:#f6f6f6; 
	border-top:1px solid #f6f6f6;
	border-left:1px solid #f6f6f6;
	border-bottom:1px solid #aab9c1;
	border-right:1px solid #aab9c1;
	border-style: solid; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; position:relative
}.input{
   	border:none; 
	background:none;
	width:170px; height:18px;
	font-size:13px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	padding-left:12px;
	padding-right:0px;
	padding-top:6px;
	padding-bottom:6px;
}
.pad{ margin-right:18px}

/* 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 .field1 {overflow:hidden; padding:0 0 15px 0px;}
			#contact-form input[type=text] {
				width:249px;
				padding:6px 10px 6px 10px;
				background:#fff; 
				border:1px solid #dde7ec;
				display:block;
				color:#0a0e10;
				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:549px;			
				height:200px;
				background:#fff; 
				border:1px solid #dde7ec;
				padding:9px 10px 9px 10px;
				overflow:auto;
				display:block;
				color:#0a0e10;
				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;
			}
	
	
/* 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:0; left:0; height:427px; z-index:1}
#faded .pagination {position:absolute; top:226px; left:155px; width:135px; 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;} 

.prev{ position:absolute; top:167px; left:0px; z-index:90; width:44px; height:41px; background:url(../images/prev.png) top left no-repeat; text-decoration:none; text-indent:-1000em}
.prev:hover{ background:url(../images/prev-act.png) top left no-repeat; text-decoration:none; }
.next{ position:absolute; top:167px; right:0px; z-index:90; width:44px; height:41px; background:url(../images/next.png) top left no-repeat; text-decoration:none; text-indent:-1000em}
.next:hover{ background:url(../images/next-act.png) top left no-repeat; text-decoration:none;}


#faded li img {display:none; margin-left:43px; margin-top:11px}