/* 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:#dfdede;
	font-family:'Helvetica Neue', Arial, sans-serif;
	font-size:75%;
	font-weight:300;
	line-height:1.425em;
	color:#505052;
}
html { min-width:980px;}
html, body { height:100%;}

#loader {
	/*background-color: #000;*/z-index:16000;
	height: 24px;
	width: 160px;
	position:absolute;
	left:50%;
	top:30%;
	margin-left:-80px;
	margin-top:-12px;
	background-image: url(../images/103.gif);
	background-repeat: no-repeat;
	background-position: center center;
	/*-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;border:#fff solid 1px;*/
	opacity : 0.7;
    -moz-opacity : 0.7;
    -ms-filter: "alpha(opacity=70)";
    filter : alpha(opacity=70);
}


/* Global Structure ============================================================= */
.container {
	margin: 0 auto;
	position: relative;
	width: 980px;
	font-size:.8125em;
	padding-bottom:30px;
}

	/* Header */
	header{
		height:494px;
		overflow:hidden;
		background:url(../images/header-bg.gif) 0 0 repeat-x #f6f6f6;
	}
	header.small {
		height:135px;
	}
	
	/* Content */
	section#content {
		background:#f6f6f6;
		padding-bottom:63px;
	}
	
	/* Sidebar */
	aside{
		padding-bottom:50px;
	}
			
	/* Footer */
	footer{
		color:#2f2f2f;
	}




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


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

/*----- other -----*/
figure.fleft { 
	margin:0 20px 0 0; 
	float:left;
	padding-top:4px;
}
.img-box { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:30px;
}
	.img-box figure { 
		float:left; 
		margin:0 20px 0 0;
		padding-top:4px;
	}

.extra-wrap { 
	overflow:hidden;
}

p {margin-bottom:18px;}
.p1 { margin-bottom:9px;}
.p2 { margin-bottom:18px;}
.p3 { margin-bottom:27px;
}


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

h1 {
	font-size:60px;
	line-height:1.2em;
	color:#2f2f2f;
	font-weight:normal;
	padding:7px 0 0 38px;
}
	h1 a {
		color:#2f2f2f;
		text-decoration:none;
	}
h2 {
	font-size:24px;
	line-height:1.2em;
	color:#2f2f2f;
	font-weight:normal;
	margin-bottom:20px;
	padding:6px 0 0 0;
}
h3 {
	font-size:20px;
	line-height:1.2em;
	color:#2f2f2f;
	font-weight:normal;
	padding:16px 0 15px 40px;
	margin:0 0 0 -15px;
}
	h3.icon1 {
		background:url(../images/icon1.gif) no-repeat 0 0;
	}
	h3.icon2 {
		background:url(../images/icon2.gif) no-repeat 0 0;
		padding-left:54px;
	}
	h3.icon3 {
		background:url(../images/icon3.gif) no-repeat 0 0;
		padding-left:63px;
	}
h4 {
	font-size:1em;
	margin-bottom:18px;
	color:#2f2f2f;
}
h5 {
	font-size:1em;
	color:#2f2f2f;
}
.bold {
	font-weight:bold;color:#000;
}
.link1 { 
	font-size:13px;
	color:#000;
	background:url(../images/arrow1.gif) no-repeat 100% 3px;
	padding-right:20px;
	text-decoration:none;
}
.link1:hover {
	text-decoration:underline;
}
.link3 { 
	font-size:12px;
	color:#000;
	background:url(../images/arrow1.gif) no-repeat 100% 0px;
	padding-right:20px;
	text-decoration:none;
}
.link3:hover {
	text-decoration:underline;
}

.wajax { 
	font-size:12px;
	color:#000;
	/*background:url(../images/arrow2.gif) no-repeat 100% 3px;*/
	padding-right:0px;
	text-decoration:none;
}
.wajax:hover {
	text-decoration:underline;
}
.link2 { 
	font-size:16px;
	background:url(../images/arrow2.gif) no-repeat 100% 6px;
	padding-right:16px;
}


.line-hor { 
	background:url(../images/line-hor.gif) 0 60% repeat-x;
	height:1px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	padding:35px 0 25px 0;
}
.line-ver, .line-ver1 { 
	background-image:url(../images/line-ver.gif); 
	background-repeat:repeat-y;
	width:100%;
}


/*==================boxes====================*/
.box {
	background:url(../images/left-top-corner.gif) no-repeat 0 0;
	width:100%;
	color:#908f8f;
	font-size:12px;
}
	.box .inner {
		/*background:url(../images/right-bot-corner.gif) no-repeat 100% 100%;*/
		padding:17px 30px 30px 47px;
	}
	.box .inner2 {
/*		height:350px;*/
		background:url(../images/right-bot-corner.gif) no-repeat 100% 100%;
		padding:17px 30px 30px 47px;
	}
	.box .white {
	background:url(../images/right-bot-corner.gif) no-repeat 100% 100%;
	padding-top: 17px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	[if IE] background:none;  height:168px;
	}

	.box p {
		margin-bottom:27px;
	}
	
	.box ul li {
		border-bottom:1px dotted #c2c1c1;
		background:url(../images/arrow2.gif) no-repeat 1px 7px;
		padding:0 0 8px 18px;
		margin-bottom:7px;
	}
	.box ul li.last-child {
		border-bottom:none;
		padding-bottom:21px;
	}
		.box ul li a {
			color:#77c532;
			text-decoration:none;
		}
		.box ul li a:hover {
			color:#000;
		}
.clrlft {clear:both;}


/*===== header =====*/
header .logo {
	position:absolute;
	left:0;
	top:0;
	width:358px;
	height:208px;
	background:url(../images/logo.png) no-repeat 0 0;
	text-indent:-5000px;z-index:15000;
}
	header .logo span {
	display:block;
	margin-top:-14px;
	padding:0 0 0 40px;
	color:#F09;
	}

header nav {
	position:absolute;
	right:0;
	top:23px;
}
	header nav li {
		float:left;
		font-size:14px;
		padding-left:42px;
	}
		header nav li a {
			color:#2f2f2f;
			text-decoration:none;
		}
		header nav li a:hover, header nav li a.current {
			color:#f6f6f6;
			/*text-shadow:2px 2px 2px #000;*/
		}


/*--- slider begin ---*/
.slider {
	position:absolute;
	left:10px;;
	top:102px;
}
#faded { width:980px; }
/*
 * Required: If fixed height, state it here
*/
#faded .rap { height:392px; overflow:hidden;}
#faded .prev {
	display:none;
	position:absolute;
	left:0;
	top:129px;
	width:66px;
	height:99px;
	background:url(../images/prev.jpg) no-repeat 0 0;
	z-index:10;
}
#faded .next {
	display:none;
	position:absolute;
	right:0;
	top:129px;
	width:66px;
	height:99px;
	background:url(../images/next.jpg) no-repeat 0 0;
	z-index:10;
}
/*--- slider end ---*/


/*===== content =====*/
#mainContent {
	padding:0 5px 0 47px;
}
	
	#mainContent ul li {
		background:url(../images/arrow3.gif) no-repeat 4px 6px;
		padding:0 0 9px 22px;
		font-size:14px;
		border-bottom:1px dotted #c2c1c1;
		margin-bottom:7px;
	}
	#mainContent ul li.last-child {
		border-bottom:none;
		margin-bottom:0;
		padding-bottom:7px;
	}
		#mainContent ul li a {
			text-decoration:none;
			color:#2f2f2f;
		}
		#mainContent ul li a:hover {
			color:#77c532;
		}

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

footer .fleft {
	padding-top:5px;
}
footer .indent {
	padding:21px 5px 14px 0;
}
	footer a {
		color:#2f2f2f;
		text-decoration:none;
	}
	footer a:hover {
		text-decoration:underline;
	}

.social-links {
	float:right;
}
	.social-links li {
		float:left;
		padding-left:30px;
	}


/*----- forms -----*/
#contacts-form {
margin-top:15px;margin-left:30px;}
#contacts-form fieldset {
	border:none;
	width:100%;
	overflow:hidden;
	display:block;
}
	#contacts-form .col-1 {
		width:300px !important;
		margin-right:0 !important;
	}
	#contacts-form .col-2 {
		width:300px !important;
		margin-right:0 !important;
	}
	#contacts-form label {
		display:block;
		height:20px;
		overflow:hidden;margin-top:8px;margin-bottom:0px;
	}
		#contacts-form input {
			color:#111;
			border:1px solid #dfdede;
			background:none;
			padding:4px 0 4px 5px;
			width:385px;
		}
		#contacts-form input:hover, #contacts-form textarea:hover {
	border:1px solid #666;
	background-color: #ECECEC;
		}
		#contacts-form textarea {
			color:#111;
			border:1px solid #dfdede;
			background:none;
			padding:3px 0 3px 5px;
			width:378px;
			overflow:auto;
			height:129px;
			margin-bottom:25px;
		}
		#contacts-form checkbox {
			width:10px;height:10px;border:none;
		}
		#contacts-form .link1 {
			float:right;
			margin-left:11px;
		}

/*==========================================*/
