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

/* Global properties ======================================================== */
body { 
	background: #e8e4d2; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1.25em;
	color:#000;
}
html { min-width:970px;}
html, body { height:100%;}



/* Global structures
---------------------------------------- */
.container {
	margin: 0 auto;
	position: relative;
	width: 970px;
	font-size:.8125em;
}

	/* Header */
	.header{
		height:175px;
		overflow:hidden;
		border-top:10px solid #005462;
	}
	
	/* Content */
	.section#content {
		float: left;
		width: 588px;
	}
	
	/* Sidebar */
	.aside{
		float: left;
		width:381px;
	}




/* Left & Right alignment */

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

.col-1, .col-2, .col-3 { float:left;}

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

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

/* The inside class provides consistent padding. To be used often! */
.inside{ padding: 20px; }

/*----- form defaults -----*/
input, select, textarea { 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}

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

.extra-wrap { 
	overflow:hidden;
}

p {margin-bottom:20px;}
.p1 { margin-bottom:10px;}
.p2 { margin-bottom:20px;}
.p3 { margin-bottom:30px;
}


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

h1 {
	
}
h2 {
	font-size:32px;
	line-height:1.2em;
	color:#18bbff;
	letter-spacing:-1px;
	margin-bottom:22px;
}
h3 {
	font-size:26px;
	line-height:1.2em;
	color:#005462;
	letter-spacing:-1px;
	margin-bottom:15px;
	padding:6px 0 0 0;
}
h4 {
	
}
h5 {
	font-size:1em;
	margin-bottom:5px;
}
h6 {
	font-size:14px;
	line-height:20px;
	font-weight:normal;
	text-decoration:none;
	color:#005462;
		margin-bottom:22px;
}

.link1 { 
	font-size:14px;
	text-decoration:none;
}
.link1:hover {
	text-decoration:underline;
	}


.button { 
	display:inline-block;
	background:url(../images/arrow1.png) no-repeat 100% 14px #0dacff;
	_background:url(../images/arrow1.gif) no-repeat 100% 14px #0dacff;
	padding:12px 54px 12px 23px;
	position:absolute;
	right:0;
	bottom:-27px;
	font-size:26px;
	line-height:1.2em;
	color:#fff;
	text-decoration:none;
	letter-spacing:-1px;
	z-index:10;
	_margin-right:-1px;
}
.button:hover {
	background:url(../images/arrow1.png) no-repeat 100% 14px #18bbff;
	_background:url(../images/arrow1.gif) no-repeat 100% 14px #18bbff;
	}

.FlortRight {
float:right;
padding-left:10px;
}
.FlortLeft {
float:right;
padding-right:10px;
}


/* Boxes
---------------------------------------- */

/* Box */
.box {
	background:#005462;
	padding:25px 35px 25px 32px;
	color:#FFF;
	font-size:14px;
	line-height:20px;
	position: absolute;
	clear:both;
	width:280px;
}
.box a {
color:#FFFFFF;
text-decoration:none;
}
.box.alt-indent {
	padding-bottom:30px;
	}
	.box h2 {
		color:#fff;
		font-size:36px;
		line-height:1.2em;
		letter-spacing:-1px;
		margin-bottom:12px;
		}

/* Main box */
.box-main {
	background:#fff;
	position:relative;
	padding:21px 33px 36px 28px;
	}
	
.box-main .BoxLogo {
	position:absolute;
	width:168px;
	left: 420px;
	_left: 392px;
	top: -45px;
}
	.box-main dl {
	display:block;
	width: inherit ;
	font-size:10px;
	line-height:16px;
	}
	.box-main dt {
	float:left;
	width:10%;
	clear:both;
	font-weight:bold;
	padding-bottom:5px;
	}
	.box-main dd { 
	float:right;
	width:85%;
		padding-bottom:5px;
	}	

	.address dt {
		margin-bottom:20px;
	}
	.address dd { 
		clear:both;
	}
		.address dd span { 
			float:left;
			width:92px;
		}
		.address dd a {
			color:#000;
			}

.telarea {
clear:both;
padding:20px 0 0 0 ;
}

/* Header
---------------------------------------- */

/* Logo */
.logo {
	position:absolute;
	left:9px;
	top:47px;
	}

/* Top navigation */
.top-nav {
	position:absolute;
	right:0;
	top:63px;
	}
	.top-nav li {
		float:left;
		padding:0 0 0 10px;
		}
		.top-nav li a {
			float:left;
			font-size:14px;
			text-decoration:none;
			color:#005462;
			line-height:33px;
			position:relative;
			background:#FFF;
			padding:0 13px;
			border-radius:5px;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			behavior:url(js/PIE.htc);
			border:1px solid #005462;
			}
		.top-nav li a:hover,
		.top-nav li a.current {
			background:#005462;
			color: #FFFFFF;
			}


/* Main Navigation
---------------------------------------- */
.nav {
	padding:1px 0 0 6px;
	overflow:hidden;
	position:relative;
	margin-bottom:50px;
	}
	.nav ul li {
		float:left;
		}
		.nav ul li a {
			float:left;
			width:173px;
			font-size:20px;
			text-align:center;
			text-decoration:none;
			color:#fff;
			font-weight:700;
			background:#fff;
			}
			.nav ul li a span {
				display:block;
				background:#0dacff;
				}
			.nav ul li a span img {
			padding:10px;
				}
				
	.nav ul li.item2 span {
		background:#18bbff;
		}
	.nav ul li.item3 span{
		background:#038fff;
		}
	.nav ul li.item4 span{
		background:#07a0ff;
		}
		



/* Content
---------------------------------------- */

/* Faded slider */
#faded { 
	height:263px;
	width:588px;
	overflow:hidden;
	margin-bottom:20px;
	background:#fff;
	}

	#faded .content li {
		width:306px;
		height:263px;
		}
		#faded .content li .inner {
			padding:25px 24px 20px 28px;
			}

#faded .pagination {
	float:right;
	width:283px;
	}
	#faded .pagination li {
		display:inline;
		}
		#faded .pagination li a {
			display:block;
			height:88px;
			line-height:88px;
			padding:0 0 0 56px;
			font-size:24px;
			color:#fff;
			text-decoration:none;
			position:relative;
			font-weight:bold;
			background:#18bbff;
			}
			#faded .pagination li a .arrow {
				position:absolute;
				left:16px;
				top:29px;
				width:21px;
				height:30px;
				background:url(../images/arrow3.png) no-repeat 0 0;
				_background:url(../images/arrow3.gif) no-repeat 0 0;
				}
		#faded .pagination li a:hover,
		#faded .pagination li.current a{
			background:#005462 !important;
			}
			#faded .pagination li a:hover .arrow,
			#faded .pagination li.current a .arrow {
				background-position:0 -30px;
				}
		
	#faded .pagination li.item2 a {
		background:#0dacff;
		}
	#faded .pagination li.item3 a {
		background:#07a0ff;
		}
	
	
	#faded h3 {
		background:#fff;
		}
	#faded a.more {
		display:inline-block;
		font-size:14px;
		text-decoration:none;
		position:absolute;
		left:29px;
		bottom:29px;
		}
	#faded a.more:hover {
		text-decoration:underline;
		}


article {
	padding-bottom:33px;
	}
article.last {
	padding-bottom:0;
	}


/* List */
.list1 li {
	font-size:14px;
	background:url(../images/arrow2.gif) no-repeat 0 7px;
	padding:0 0 4px 13px;
	}
	.list1 li a {
		text-decoration:none;
		}
	.list1 li a:hover {
		text-decoration:underline;
		}


/* Footer
---------------------------------------- */
.footer .inside {
	font-size:12px;
	color:#333;
	text-transform:uppercase;
	padding:50px 0 50px 217px;
	text-shadow:1px 1px 0 #f2f2f2;
	clear:both;
	text-align: right;
	}
	.footer a {
		color:#000;
		text-decoration:none;
		}
	.footer a:hover {
		text-decoration:underline;
		}
		


/* Forms
---------------------------------------- */
#contacts-form fieldset {
	border:none;
}
	#contacts-form label {
		display:block;
		height:34px;
	}
	#contacts-form input {
		width:220px;
		border:1px solid #ccc;
		padding:2px 0 2px 5px;
		color:#000;
		background:none;
	}
	#contacts-form textarea {
		width:275px;
		background:none;
		border:1px solid #ccc;
		padding:2px 0 2px 5px;
		color:#000;
		overflow:auto;
		height:87px;
		padding:1px 0 1px 5px;
		margin-bottom:18px;
	}

	#contacts-form .col-1 {
		width:238px !important;
		margin:0 !important;
	}
	#contacts-form .col-2 {
		width:283px !important;
		margin:0 !important;
	}
	#contacts-form .button {
		float:right;
		margin-left:20px;
	}



    
/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}