* { margin:0; padding:0;}
html, body { height:100%;}
body { background:#717171; font-family:Tahoma, Geneva, sans-serif; font-size:100%; line-height:1em; color:#404141;}

input, select, textarea { font-family:Tahoma, Geneva, sans-serif; font-size:1em;}

fieldset {border: none;}
form table th {text-align: left;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

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

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

p { margin-bottom: 10px; line-height: 1.5em}

sup.red {color: #ee0909; font-size: 8px;}


/* Typography ---*/
pre, .code {
	background: #F3FBFD;
	border-left: 5px solid #0D9FC4;
	padding-left: 10px;
}

.highlight {
	background: #FFFFCD;
	color: #D33615;
}

p.stickynote {
	background-color: #F3FBFD;
	border: 1px solid #CCECF5;
	padding: 10px; 2px; 10px; 2px;
}

p.download {
	background-color: #F3FBFD;
	border: 1px solid #CCECF5;
}

blockquote span.open {
	background: url(../images/blue/so-q.gif) no-repeat left top;
}

blockquote span.close {
	background: url(../images/blue/sc-q.gif) no-repeat bottom right;
}

.dropcap {
	color: #0D9FC4;
}

ul.checklist li {
	background: url(../images/blue/icon-checklist.gif) no-repeat 0 4px !important;
}

ul ul {margin-left: 15px}

ul.arrow li {
	background: url(../images/blue/icon-arrow.gif) no-repeat 3px 5px;
}

ul.star li {
	background: url(../images/blue/icon-star.gif) no-repeat 3px 3px;
}

.bignumber {
	background: url(../images/blue/ol-bg.gif) no-repeat top left;
}

div.bubble1 div {
	background: url(../images/blue/bub1-br.gif) no-repeat bottom right;
}

div.bubble1 div div {
	background: url(../images/blue/bub1-bl.gif) no-repeat bottom left;
}

div.bubble1 div div div {
	background: url(../images/blue/bub1-tr.gif) no-repeat top right;
}

div.bubble1 div div div div {
	background: url(../images/blue/bub1-tl.gif) no-repeat top left;
}

div.bubble2 div {
	background: url(../images/blue/bub2-br.gif) no-repeat bottom right;
}

div.bubble2 div div {
	background: url(../images/blue/bub2-bl.gif) no-repeat bottom left;
}

div.bubble2 div div div {
	background: url(../images/blue/bub2-tr.gif) no-repeat top right;
}

div.bubble2 div div div div {
	background: url(../images/blue/bub2-tl.gif) no-repeat top left;
}

div.bubble3 div {
	background: url(../images/blue/bub3-br.gif) no-repeat bottom right;
}

div.bubble3 div div {
	background: url(../images/blue/bub3-bl.gif) no-repeat bottom left;
}

div.bubble3 div div div {
	background: url(../images/blue/bub3-tr.gif) no-repeat top right;
}

div.bubble3 div div div div {
	background: url(../images/blue/bub3-tl.gif) no-repeat top left;
}

div.bubble4 div {
	background: url(../images/blue/bub4-br.gif) no-repeat bottom right;
}

div.bubble4 div div {
	background: url(../images/blue/bub4-bl.gif) no-repeat bottom left;
}

div.bubble4 div div div {
	background: url(../images/blue/bub4-tr.gif) no-repeat top right;
}

div.bubble4 div div div div {
	background: url(../images/blue/bub4-tl.gif) no-repeat top left;
}

.legend-title {
	background: #FFFFFF;
	color: #0D9FC4;
}

.legend {
	border: 1px solid #CCECF5;
}


/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}
object { vertical-align:top;}

#contacts-form { clear:right; width:100%; overflow:hidden;}
#contacts-form fieldset { border:none; float:left; }
#contacts-form .field { clear:both; padding-bottom:7px; width:100%; overflow:hidden;}
#contacts-form label { float:left; width:79px; color:#2cb6e9; font-weight:bold;}
#contacts-form input { width:240px; padding:2px 0 2px 3px; border:1px solid #d9d9d9; background:none;}
#contacts-form textarea { width:790px; height:192px; border:1px solid #d9d9d9; background:none; padding:2px 0 2px 3px; margin-bottom:15px; overflow:auto;}
#contacts-form .button { width:150px; float:right;}

.button-wrapper {float: left; height: 32px; padding-left: 14px; background: url(../images/button.gif) no-repeat top left; cursor: pointer;}
.button-wrapper div {height: 32px; padding-right: 16px; background: url(../images/button.gif) no-repeat top right;}
.button-wrapper input {height: 32px; margin: 0; padding: 0; background: transparent none !important; border: 0; color: #142800; font-weight: bold; line-height: 28px !important;}
.button-wrapper:hover {background-position: center left} 
.button-wrapper:hover div {background-position: center right} 
.button-wrapper:active {background-position: bottom left; outline: 0} 
.button-wrapper:active div {background-position: bottom right} 
.button-wrapper:active div input {outline: 0;} 

p.msg {padding: 10px 20px; min-width: 100px; background: #8cc835; color: #fff; font-weight: bold; border: 1px #6c9b28 solid; 
box-shadow: inset 1px 1px 0 #a9f344;
-moz-box-shadow:inset 1px 1px 0 #a9f344;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

p.error {background: #c73434; color: #fff; font-weight: bold; border: 1px #a52c2c solid;
box-shadow: inset 1px 1px 0 #eb3e3e;
-moz-box-shadow:inset 1px 1px 0 #eb3e3e;
}

/*==================list====================*/
ul, ol {margin-bottom: 15px}
ul {list-style:none;}
ol {list-style: decimal; margin-left: 25px;}
ol li {padding-bottom: 5px}

ul.black-dots { list-style: none; padding: 0; margin-bottom: 15px; }
ul.black-dots li {padding: 5px 0 5px 30px; background: url(../images/indent.gif) no-repeat 5px 5px;}

ul.fine-img { list-style: none; padding: 0; margin-bottom: 15px; }
ul.fine-img li {padding: 5px 0 5px 30px; background: url(../images/indent-check.gif) no-repeat 5px 5px;}

.fine-img-left {float: left; margin-right: 15px;}


.list1 li { padding-bottom:32px;}
.list1 li p { margin-bottom:6px;}
.list1 li a { font-weight:bold;}

.list2 { padding:4px 0 10px 0;}
.list2 li { width:100%; overflow:hidden; padding-bottom:20px;}
.list2 li p.fine { margin-bottom: 7px; background: url(../images/list2_li.png) no-repeat 20% 0;}
.list2 li p.fine span { padding-left: 25px;}
.list2 li.last { padding-bottom:0 !important;}
.list2 li img { float:left; margin: 5px 10px 10px 0;}
.list2 li h5 { padding-top:6px;}
.list2 li h6 { padding-top:15px;}

.list3 li { list-style-type:disc; list-style-position:inside; padding-bottom:15px;}
.list3.color1 li { color:#58b01f;}
.list3.color2 li { color:#ff8002;}
.list3.color3 li { color:#f32e10;}
.list3 li span { color:#404141 !important;}

.list4 dt { font-weight:bold; margin-bottom:16px; color:#2cb6e9;}
.list4 dd { padding-bottom:16px;}

.carousel { width:100%; overflow:hidden;}
.carousel li { float:left; margin-right:15px;}
.carousel li.prev { margin-right:17px; padding-top:74px;}
.carousel li.next { margin-right:0; padding-top:74px;}

.phones-list li { width:100%; overflow:hidden; padding-bottom:5px;}
.phones-list li strong { float:left; width:69px; color:#2cb6e9;}

/*==================other====================*/
.img-indent { margin:0 20px 0 0; float:left;}
.img-indent.fright { float:right; margin:0 0 0 20px;} 
.img-indent.alt { margin-bottom:30px;}
.img-box { width:100%; overflow:hidden; padding-bottom:20px;}
.img-box img { float:left; margin:0 20px 0 0;}

.extra-wrap { overflow:hidden; }


/*==================txt, links, lines, titles====================*/
a {color:#2cb6e9; outline:none;}
a:hover{text-decoration:none;}

/*h1 { font-size:30px; line-height:1em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; font-weight:normal; letter-spacing:-1px;}
h2 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:24px; line-height:1em; font-weight:normal; margin-bottom:15px; color:#515151;}
h2.alt { letter-spacing:-1px;}
h3 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; line-height:1.1em; margin-bottom:10px;}
h4 { font-size:.91em; margin-bottom:10px;}
h4 strong { font-size:1.1em; color:#2cb6e9; display:block;}
h5 { font-size:1em; margin-bottom:5px;}
h6 { font-size:1em; font-weight:normal;}*/
h1, h2, h3, h4, h5, h6 {padding-bottom: 5px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 1em; color: #515151;}
h1 {font-size: 30px; padding-bottom: 15px;}
h2 {font-size: 24px; padding-bottom: 10px;}
h3 {font-size: 18px;}
h4 {font-size: 14px;}

.txt1 { color:#2cb6e9;}

/*header*/
#header .row-1 { height:100px;}

#header #logo { float:left; padding:15px 0 0 20px;}
#header #logo a {display: block; width: 371px; height: 56px; background: url(../images/logo.gif) no-repeat 0 0;}
#header #logo a span {display: none}
#header .top-links { float:right; padding:23px 15px 0 0;}
#header .top-links li { float:left; margin-left:8px;}
#header .top-links li a {display: block; width: 52px; height: 52px; background:url(../images/top-icons.gif) no-repeat 0 0;}
#header .top-links li a span {display: none}

#header .top-links li.item-0 a {background-position: -156px 0; width: 88px; padding-left: 52px; line-height: 52px; font-weight: bold; text-decoration: none; color: #555555}
#header .top-links li.item-0 a span {display: inline;}
#header .top-links li.item-1 a {background-position: 0px    0}
#header .top-links li.item-2 a {background-position: -52px  0}
#header .top-links li.item-3 a {background-position: -104px 0}

#header .top-links li.item-0 a:hover {background-position: -156px -52px; color: #2CB6E9}
#header .top-links li.item-1 a:hover {background-position: 0px    -52px}
#header .top-links li.item-2 a:hover {background-position: -52px  -52px}
#header .top-links li.item-3 a:hover {background-position: -104px -52px}

#header .nav-box { background:url(../images/nav-box-bg.gif) left top repeat-x; width:100%;}
#header .nav-box .left { background:url(../images/nav-box-left.gif) no-repeat left top;}
#header .nav-box .right { background:url(../images/nav-box-right.gif) no-repeat right top; height:47px;}

#header .navigation {background:url(../images/navigation-blank.gif) no-repeat left top;}
#header .navigation ul {margin: 0; padding: 0}
#header .navigation ul li {float: left; margin: 0; padding: 0}
#header .navigation ul li a {display: block; width: 158px; height: 47px; background:url(../images/navigation.gif) no-repeat 0 0;}
#header .navigation ul li a strong {display: none;}
#header .navigation ul li a:hover, #header .navigation ul li.active a {background-image:url(../images/navigation-hover.gif)}
#header .navigation ul li.item-1 a {background-position: 0 0; width: 130px;}
#header .navigation ul li.item-2 a {background-position: -130px 0; width: 130px;}
#header .navigation ul li.item-3 a {background-position: -260px 0; width: 130px;}
#header .navigation ul li.item-4 a {background-position: -390px 0; width: 150px;}
#header .navigation ul li.item-5 a {background-position: -540px 0; width: 150px;}
#header .navigation ul li.item-6 a {background-position: -690px 0; width: 130px;}
#header .navigation ul li.item-7 a {background-position: -820px 0; width: 130px;}

/*-- header navigation --*//*
#header .nav-box ul { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#header .nav-box ul li { display:inline;}
#header .nav-box ul li a { display:block; float:left; color:#fff; text-decoration:none; }
#header .nav-box ul li a em { display:block; float:left; font-style:normal; background:url(../images/divider-left.gif) no-repeat left 10px;}
#header .nav-box ul li a em b { display:block; float:left; height:47px; line-height:47px; width:158px; text-align:center; background:url(../images/divider-right.gif) no-repeat right 10px; cursor:pointer; text-transform: uppercase;}

#header .nav-box ul li a:hover { background:url(../images/nav-act.gif) left top repeat-x;}
#header .nav-box ul li a:hover em { background:url(../images/divider-left-act.gif) no-repeat left 10px;}
#header .nav-box ul li a:hover b { background:url(../images/divider-right-act.gif) no-repeat right 10px;}
#header .nav-box ul li a.current { background:url(../images/nav-act.gif) left top repeat-x;}
#header .nav-box ul li a.current em { background:url(../images/divider-left-act.gif) no-repeat left 10px;}
#header .nav-box ul li a.current b { background:url(../images/divider-right-act.gif) no-repeat right 10px;}

#header .nav-box ul li a.first em { background:none;}
#header .nav-box ul li a.first:hover em { background:url(../images/nav-left-act.gif) no-repeat left top;}
#header .nav-box ul li a.first-current { background:url(../images/nav-act.gif) left top repeat-x;}
#header .nav-box ul li a.first-current em { background:url(../images/nav-left-act.gif) no-repeat left top !important;}
#header .nav-box ul li a.first-current b { background:url(../images/divider-right-act.gif) no-repeat right 10px;}

#header .nav-box ul li a.last b { background:none; width:160px;}
#header .nav-box ul li a.last:hover b { background:url(../images/nav-right-act.gif) no-repeat right top;}

#header .nav-box ul li a.last-current { background:url(../images/nav-act.gif) left top repeat-x; }
#header .nav-box ul li a.last-current em { background:url(../images/divider-left-act.gif) no-repeat left 10px;}
#header .nav-box ul li a.last-current b { background:url(../images/nav-right-act.gif) no-repeat right top !important; width:160px;}
*/





/*content*/
#content { padding:0 0 20px 0; background:#fff;}
#content .section { padding-bottom:20px;}
/*
#content .button { background:url(../images/button-bg.gif) left top repeat-x; display:block; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-transform:uppercase;}
#content .button em { display:block; font-style:normal; background:url(../images/button-left.gif) no-repeat left top;}
#content .button em b { display:block; height:35px; line-height:35px; background:url(../images/button-right.gif) no-repeat right top; cursor:pointer;}
#content .button:hover { color:#000;}
*/
#content .button1 { background:url(../images/button1-bg.gif) left top repeat-x; display:block; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-transform:uppercase;}
#content .button1 em { display:block; font-style:normal; background:url(../images/button1-left.gif) no-repeat left top;}
#content .button1 em b { display:block; height:35px; line-height:35px; background:url(../images/button1-right.gif) no-repeat right top; cursor:pointer;}
#content .button1:hover { color:#000;}

#content .button2 { background:url(../images/button2-bg.gif) left top repeat-x; display:block; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-transform:uppercase;}
#content .button2 em { display:block; font-style:normal; background:url(../images/button2-left.gif) no-repeat left top;}
#content .button2 em b { display:block; height:35px; line-height:35px; background:url(../images/button2-right.gif) no-repeat right top; cursor:pointer;}
#content .button2:hover { color:#000;}

#content .button3 { background:url(../images/button3-bg.gif) left top repeat-x; display:block; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-transform:uppercase;}
#content .button3 em { display:block; font-style:normal; background:url(../images/button3-left.gif) no-repeat left top;}
#content .button3 em b { display:block; height:35px; line-height:35px; background:url(../images/button3-right.gif) no-repeat right top; cursor:pointer;}
#content .button3:hover { color:#000;}

.main-banner-big { background:url(../images/banner-front.jpg) no-repeat left top; width:950px; height:303px; margin-bottom:20px;}
.main-banner-big .button {position: relative; float: left; display: block; width: 172px; height: 37px; background-position: 0 0;}
.main-banner-big .button:hover {background-position: 0 100% !important;}
.main-banner-big .button span {display: none}
.main-banner-big .button-1 {left: 43px; top: 245px; background-image:url(../images/banner-front-button-1.gif) !important}
.main-banner-big .button-2 {left: 60px; top: 245px; background-image:url(../images/banner-front-button-2.gif) !important}
/*.main-banner-big .inner { padding:70px 0 0 52px;}
.main-banner-big .button { background:url(../images/button.jpg) no-repeat left top !important; width:170px; height:36px; line-height:32px; float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.75em; text-align:center; color:#fff; text-decoration:none; text-transform:none !important;}
.main-banner-big .button:hover { color:#000;}*/

.main-banner-small { background:url(../images/banner.jpg) no-repeat left top; width:950px; height:163px; margin-bottom:20px;}
.main-banner-small .inner { padding:47px 0 0 52px; width: 500px}
.main-banner-small h2 {letter-spacing: -1px;color: #FFF; font-size: 30px}

/*extra-content*/
#extra-content { background:#ededed; border-bottom:1px solid #fff; padding:20px 0 29px 0;}
#extra-content .section { padding-bottom:20px;}

#extra-content .box { background:url(../images/box1-bg.gif) left top repeat-x #fff; width:100%;}
#extra-content .box .border-top {background:url(../images/border.gif) repeat-x top;}
#extra-content .box .border-bot {background:url(../images/border.gif) repeat-x bottom;}
#extra-content .box .border-left {background:url(../images/border.gif) repeat-y left;}
#extra-content .box .border-right {background:url(../images/border.gif) repeat-y right;}
#extra-content .box .left-top-corner {background:url(../images/left-top-corner1.gif) no-repeat left top;}
#extra-content .box .right-top-corner {background:url(../images/right-top-corner1.gif) no-repeat right top;}
#extra-content .box .left-bot-corner {background:url(../images/left-bot-corner1.gif) no-repeat left bottom; width:100%;}
#extra-content .box .right-bot-corner {background:url(../images/right-bot-corner1.gif) no-repeat right bottom; }


/*==================boxes====================*/
.box { background:url(../images/box-bg.gif) left top repeat-x; width:100%;}
.box .border-top {background:url(../images/border.gif) repeat-x top;}
.box .border-bot {background:url(../images/border.gif) repeat-x bottom;}
.box .border-left {background:url(../images/border.gif) repeat-y left;}
.box .border-right {background:url(../images/border.gif) repeat-y right;}
.box .left-top-corner {background:url(../images/left-top-corner.gif) no-repeat left top;}
.box .right-top-corner {background:url(../images/right-top-corner.gif) no-repeat right top;}
.box .left-bot-corner {background:url(../images/left-bot-corner.gif) no-repeat left bottom; width:100%;}
.box .right-bot-corner {background:url(../images/right-bot-corner.gif) no-repeat right bottom; }
.box .inner { padding: 20px;}

.box1 { background:#ededed; width:100%;}
.box1 .border-top {background:url(../images/border-top.gif) repeat-x top;}
.box1 .border-bot {background:url(../images/border-bot.gif) repeat-x bottom;}
.box1 .border-left {background:url(../images/border-left.gif) repeat-y left;}
.box1 .border-right {background:url(../images/border-right.gif) repeat-y right;}
.box1 .left-top-corner {background:url(../images/left-top-corner2.gif) no-repeat left top;}
.box1 .right-top-corner {background:url(../images/right-top-corner2.gif) no-repeat right top;}
.box1 .left-bot-corner {background:url(../images/left-bot-corner2.gif) no-repeat left bottom; width:100%;}
.box1 .right-bot-corner {background:url(../images/right-bot-corner2.gif) no-repeat right bottom; }
.box1 .inner { padding:27px 35px 30px 34px;}

.dept-list { float:left;}
.dept-list dd { clear:both; text-align:right;}
.dept-list dd span { float:left; padding-right:25px;}
.dept-list dd p { text-align:left;}


/*footer*/
#footer { color:#fff; padding: 10px 0; font-size: 11px !important}
#footer .container {width: 920px;}
#footer .nav { text-align:left; padding-bottom:10px;}
#footer .nav li { display:inline;}
#footer .nav li a { color:#fff; padding:0 5px 0 2px;}

#footer .fleft { padding:0;}
#footer .fright { padding:0;}


/*table*/
table.gray {border: 1px #7d7d7d solid; cursor: pointer; min-width: 350px; width: auto;}
table.gray tr {background-color: #f2f2f2; line-height: 22px;}
table.gray tr.second {background-color: #ffffff;}
table.gray tr:hover, table.gray tr.second:hover {background-color: #cccccc;}
table.gray tr td, table.gray tr th {padding: 5px; border-bottom: 1px #e0e0e0 solid; border-right: 1px #e0e0e0 solid;}
table.gray tr td.last {border-bottom: none;}
table.gray tr td.last-right {border-right: none;}
table.gray tbody tr th {text-align: left}

.contacts div {margin-bottom: 5px; font-weight: bold}


/* jCarousel Lite*/
.wrapper_jcarousel {margin-left: 19px;}

div.anyClass ul li img {margin-right: 15px;}
div.anyClass ul li img.jcar_last {margin-right: 0px;}

.anyClass {float: left;}

div.jcar_prev {float: left; width: 31px; height: 179px; line-height: 179px;}
div.jcar_next {float: left; width: 16px; height: 179px; line-height: 179px;}

img.jcar_prev, img.jcar_next {vertical-align: middle; cursor: pointer;}