/* CSS Document */

* {
	margin:0;
	font-size:100%;
}

body{
	background:#1d3049 url(images/body-tail.gif) top repeat-x;
	text-align:center;
}

img {
	vertical-align:middle;
}
a img { border:0;}

ul { list-style:none;}

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


html, input, textarea
	{
		font-family:Tahoma, Geneva, sans-serif;
		font-size:0.688em;
		line-height:1.455em;
		color:#2b2f2f;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#007ab3;}
a:hover{text-decoration:none;}
p {padding-top:15px;}

/* ============================= main layout ====================== */



.imgindent {margin:0 20px 0 0; float:left;}

h2 {font-size:2em; line-height:1em; color:#344458; font-weight:normal; font-family:Arial, Helvetica, sans-serif; margin-bottom:7px; padding:16px 0 19px 65px;}
.title1 {
	background:url(images/triangle_but.jpg) no-repeat 0 0;
}
.title2 {
	background:url(images/arrows_but.jpg) no-repeat 0 0;
}
.title3 {background:url(images/title3-bg.jpg) no-repeat 0 10px;}
.title4 {background:url(images/title4-bg.jpg) no-repeat 0 0;}
.title5 {background:url(images/title5-bg.jpg) no-repeat 0 0;}
.title6 {background:url(images/title6-bg.jpg) no-repeat 0 0;}
.title7 {background:url(images/title7-bg.jpg) no-repeat 0 14px; margin-left:-15px; padding-left:60px; zoom:1; position:relative;}
.title8 {background:url(images/title8-bg.jpg) no-repeat 0 10px; margin-left:-10px; padding-left:55px; zoom:1; position:relative;}
.title9 {background:url(images/title9-bg.jpg) no-repeat 0 10px; margin-left:-10px; padding-left:55px; zoom:1; position:relative;}
.title10 {background:url(images/title10-bg.jpg) no-repeat 0 0;}
.title11 {background:url(images/title11-bg.jpg) no-repeat 0 10px; margin-left:-10px; padding-left:55px; zoom:1; position:relative;}
.title12 {background:url(images/title12-bg.jpg) no-repeat 0 10px; margin-left:-10px; padding-left:55px; zoom:1; position:relative;}
.title13 {background:url(images/title13-bg.jpg) no-repeat 0 0;}
.title14 {background:url(images/title14-bg.jpg) no-repeat 0 0;}

h3 {
	font-size:2em;
	line-height:1.5em;
	color:#40536c;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:11px;
	padding:26px 0 0px 45px;
}
h3 span {color:#007ab3;}

h5 {
	text-transform:none;
	font-weight:normal;
	margin-bottom:7px;
	font-size:1.091em;
}
h6 {margin-bottom:4px;}

.link {background:url(images/link-tail-bg.gif) top repeat-x; display:inline-block; color:#ffffff; text-decoration:none; font-weight:bold; font-size:1.091em; line-height:1em; margin:17px 0 0 0; cursor:pointer;}
.link span {background:url(images/link-right-bg.gif) top right no-repeat; display:inline-block;}
.link span span {background:url(images/link-left-bg.gif) top left no-repeat; padding:5px 16px 8px 34px;}
.link:hover {background:url(images/link-tail-bg-hover.gif) top repeat-x;}
.link:hover span {background:url(images/link-right-bg-hover.gif) top right no-repeat;}
.link:hover span span {background:url(images/link-left-bg-hover.gif) top left no-repeat;}

.link1 {background:url(images/link1-bg.jpg) no-repeat 0 0; display:inline-block; padding:0 35px 4px 41px; color:#2b2f2f;}
.link2 {background:url(images/link2-bg.jpg) no-repeat 0 0; display:inline-block; padding:0 35px 4px 41px; color:#2b2f2f;}
.link3 {background:url(images/link3-bg.jpg) no-repeat 0 0; display:inline-block; padding:0 35px 4px 41px; color:#2b2f2f;}
.link4 {background:url(images/link4-bg.jpg) no-repeat 0 0; display:inline-block; padding:0 35px 4px 41px; color:#2b2f2f;}
.link5 {background:url(images/link5-bg.jpg) no-repeat 0 0; display:inline-block; padding:0 35px 4px 41px; color:#2b2f2f;}
.rss {background:url(images/rss-bg.jpg) no-repeat 0 0;}

/* ============================= header ====================== */

#header .left {
	padding:10px 0 20px 28px;
}
#header .right {
	padding:108px 26px 0 0;
	color:#b8dc3b;
	font-size:0.909em;
}
#header .right a {color:#b8dc3b; text-decoration:none;}
#header .right a:hover {text-decoration:underline;}

#header .menu {background:url(images/menu-tail.gif) bottom repeat-x; padding:0 0 18px 28px;}
#header .menu ul {width:100%; overflow:hidden;}
#header .menu li {float:left; font-size:1.091em; padding-right:5px; line-height:1em;}
#header .menu li  a {color:#000000; text-decoration:none; font-weight:bold; width:140px; padding:10px 0 12px 0; display:block; text-align:center; background:url(images/m-bg.jpg) top left no-repeat;}
#header .menu li a:hover {background:url(images/m-bg-act.jpg) top left no-repeat;}
#header .menu .active a {background:url(images/m-bg-act.jpg) top left no-repeat;}

#header .slogan {
	padding:82px 0 60px 425px;
	background:url(images/mainHPpic.jpg) top left no-repeat;
	height:287px;
}

.button {background:url(images/button-tail-bg.gif) top repeat-x; display:inline-block; color:#ffffff; text-decoration:none; font-weight:bold; font-size:1.091em; line-height:1em; margin:20px 0 0 4px; cursor:pointer;}
.button span {background:url(images/button-right-bg.gif) top right no-repeat; display:inline-block;}
.button span span {background:url(images/button-left-bg.gif) top left no-repeat; padding:5px 21px 8px 22px;}
.button:hover {background:url(images/button-tail-bg-hover.gif) top repeat-x;}
.button:hover span {background:url(images/button-right-bg-hover.gif) top right no-repeat;}
.button:hover span span {background:url(images/button-left-bg-hover.gif) top left no-repeat;}

/* ============================= content ====================== */

.col-pad {
	padding-right:10px;
}
.col-pad2 {padding-right:30px;}
.col-pad3 {padding-right:70px;}
.col-pad4 {padding-right:40px;}

.box {
	background:#edf0f4 url(images/box-tail.gif) top repeat-x;
	padding:15px 10px 11px 10px;
}
.bg2 {background:#d5e2f0 url(images/box-bg2.gif) top left no-repeat; padding:0; height:10px;}

.box2 {background:#fff url(images/box2-tail-top.gif) top repeat-x;}
.box2 .corner-bottom-right {background:url(images/box2-corner-bottom-right.gif) bottom right no-repeat;}
.box2 .corner-bottom-left {background:url(images/box2-corner-bottom-left.gif) bottom left no-repeat;}
.box2 .corner-top-right {background:url(images/box2-corner-top-right.gif) top right no-repeat;}
.box2 .corner-top-left {background:url(images/box2-corner-top-left.gif) top left no-repeat; width:100%;}
.box2 .indent {padding:16px 25px 29px 19px;}

.box3 {
	background-color: #f3f7e3;
	background-image: none;
	background-repeat: no-repeat;
	background-position: right bottom;
}
.box3 .corner-bottom-left {background:url(images/box3-corner-bottom-left.gif) bottom left no-repeat;}
.box3 .corner-top-right {background:url(images/box3-corner-top-right.gif) top right no-repeat;}
.box3 .corner-top-left {
	width:100%;
}
.box3 .indent {
	padding:0px 18px 60px 24px;
}

.box4 {background:#ffffff url(images/box4-corner-bottom-right.gif) bottom right no-repeat;}
.box4 .corner-bottom-left {background:url(images/box4-corner-bottom-left.gif) bottom left no-repeat;}
.box4 .corner-top-right {background:url(images/box4-corner-top-right.gif) top right no-repeat;}
.box4 .corner-top-left {background:url(images/box4-corner-top-left.gif) top left no-repeat; width:100%;}
.box4 .indent {padding:16px 25px 29px 19px;}

.indent {
	padding-top: 13px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}
.indent2 {padding:18px 10px 0 10px;}
.shadow {background:url(images/shadow.gif) top repeat-x;}

.line {
	border-bottom:1px solid #c2e3e1;
	padding-bottom:20px;
	margin-bottom:14px;
}

.box-line-hor {background:url(images/box-line-hor.gif) no-repeat center; padding:15px 0 16px 0;}
.img {text-align:center; padding:0 0 5px 0;}
.phone {float:right;}
.phones {line-height:1.818em;}
.phones .phone {margin-right:30px;}

/* ============================= footer ====================== */

#footer {
	color:#c2ebfa;
	text-transform:uppercase;
	text-align:center;
	font-size:0.909em;
	padding:20px 0 0 30px;
}
#footer .menu li {display:inline; border-left:1px solid #c2ebfa; padding:0 7px 0 10px; font-size:1.1em; line-height:1.091em;}
#footer .menu li a {text-transform:uppercase; text-decoration:none;}
#footer .menu li a:hover {text-decoration:underline;}
#footer .menu .first {border:none; padding-left:0;}
#footer a {text-transform:none; color:#c2ebfa;}


/* ============================= forms ============================= */


#ContactForm .rowi {height:32px;}
#ContactForm .col-1 {width:188px !important;}
#ContactForm .col-2 {width:205px !important;}
#ContactForm .link {float:right; margin-left:15px;}

.input {width:166px; height:18px; border:1px solid #b4b4b4; background:#fff; padding:0 0 0 5px; font-size:1em;}
textarea {width:198px; height:81px; border:1px solid #b4b4b4; background:#fff; padding:0 0 0 5px; overflow:auto; font-size:1em;}