/**********************************************************************************************

	Title: CSS
	Author: www.poppworks.ee
	Date: 2010

***********************************************************************************************

	1. Global Reset
	
	2. General Elements
	
	3. Layout
		3.1 Menu area
		3.2 Header area
		3.3 Submenu
		3.4 Content area
		3.5 Footer area
		3.6 Top bar
		
***********************************************************************************************/

/* 1. Global Reset
-----------------------------------------------------------------------------------------------
===============================================================================================*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, images, ins, kbd,q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, th, img {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}

/* 2. General Elements
-----------------------------------------------------------------------------------------------
===============================================================================================*/

html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	text-align: left;
	color: #6d6d6d;
}
html{
	background: #6ac116 url(../../img/background.png) top center repeat-x;
	overflow: auto;
	height: 100%;
	width: 100%;
}
body{
	height: 100%;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

address {
	font-style: normal;
}

input, textarea, select {
	font: 12px Arial, Helvetica, sans-serif;
}

a {
	text-decoration: none;
	outline: none;
	color: #66B917;
}

a:hover {
	text-decoration: underline;
}

a:visited {
}

a:active {
}

/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#logoNMenu{
	width: 920px;
	height: 151px;
}
#header{
	width: 920px;
	height: 296px;
}
#subMenu{
	width: 900px;
	height: 38px;
}
#contentArea{
	width: 920px;
	min-height: 300px;
}
#footer{
	width: 920px;
	height: 53px;
}
#footerShadow{
	width: 920px;
	height: 25px;
}
/* 3.1 Menu area
------------------------------------------------------------------------------------------------ */
#logoNMenu{
	margin: 0px auto;
	position: relative;
}
	
	.socialMedia{
		position: absolute;
		top: 164px;
		right: -35px;
	}
	#menuArea{
		height: 36px;
		float: right;
		position: relative;
		margin: 104px 8px 0px 8px;
		background: url(../../img/menu_c.png) top left repeat-x;
	}
		#menuArea .left{
			position: absolute;
			top: 0px;
			left: -8px;
		}
		#menuArea .right{
			position: absolute;
			top: 0px;
			right: -8px;
		}
	#menuArea ul li{
		height: 36px;
		line-height: 36px;
		color: #FFFFFF;
		float: left;
	}
		#menuArea ul li a{
			color: #FFFFFF;
			padding: 0px 9px;
		}
		#menuArea ul li a:hover{
			color: #a8ff38;
			text-decoration: none;
		}
		#menuArea ul li .sep{
			display: block;
			float: left;
		}
		#menuArea .act{
			background-image: url(../../img/menu_c_act.png);
		}
	.firmalogo{
		position: absolute;
		top: 0px;
		left: 0px;
	}
/* 3.2 Header area
------------------------------------------------------------------------------------------------ */
#header{
	margin: 0px auto;
	position: relative;
	background: url(../../img/header_bg.png) top left no-repeat;
	padding: 1px 0px;
}
	.leftShadow{
		width: 24px;
		height: 307px;
		position: absolute;
		top: -9px;
		left: -24px;
	}
	.rightShadow{
		width: 24px;
		height: 307px;
		position: absolute;
		top: -9px;
		right: -24px;
	}
	.headerMenu{
		width: 353px;
		padding: 8px 10px;
	}
		.headerMenu ul li{
			height: 40px;
			width: 293px;
			padding-left: 40px;
			padding-right: 20px;
			line-height: 40px;
			background: url(../../img/teenus_but.png) top left no-repeat;
			margin: 0px;
		}
			.headerMenu ul .top{
				background: url(../../img/teenus_but_top.png) top left no-repeat;
			}
			.headerMenu ul .bot{
				background: url(../../img/teenus_but_bot.png) top left no-repeat;
			}
		.headerMenu ul li a{
			color: #c3c3c3;
			display: block;
		}
		.headerMenu ul li a:hover{
			text-decoration: none;
			color: #FFFFFF;
		}
		.headerMenu ul li:hover{
			background: url(../../img/teenus_but_act.png) top left no-repeat;
		}
		.headerMenu ul .act{
			background: url(../../img/teenus_but_act.png) top left no-repeat;
			text-align: right;
		}
			.headerMenu ul .act a{
				color: #FFFFFF;
				font-weight: bold;
			}
	.headerText{
		width: 505px;
		position: absolute;
		top: 0px;
		left: 380px;
		color: #cbcbcb;
	}
		.headerText h3{
			font-size: 21px;
			color: #8cd923;
			line-height: normal;
			margin: 20px 0px;
		}
		.headerText p{
			font-size: 12px;
			margin: 10px 0px;
			line-height: 18px;
		}
		.headerImg{
			position: absolute;
			top: 20px;
			right: 18px;
		}
/* 3.3 Submenu
------------------------------------------------------------------------------------------------ */
#subMenu{
	margin: 0px auto;
	position: relative;
	background: url(../../img/sub_menu_bg.png) top left repeat-x;
}
	#subMenu .left{
		width: 10px;
		height: 38px;
		position: absolute;
		top: 0px;
		left: -10px;
		background-color: #f2f2f2;
	}
	#subMenu .right{
		width: 10px;
		height: 38px;
		position: absolute;
		top: 0px;
		right: -10px;
		background-color: #f2f2f2;
	}
	#subMenu .left img, #subMenu .right img{
		display: block;
	}
	#subMenu ul li{
		float: left;
		line-height: 38px;
		height: 38px;
		padding: 0px 20px;
	}
		#subMenu ul li a{
			color: #4d4d4d;
		}
		#subMenu ul li a:hover{
			text-decoration: none;
		}
	#subMenu ul .act{
		background: url(../../img/sub_menu_act.png) top left repeat-x;
	}
		#subMenu ul .act a{
			color: #FFFFFF;
		}
	#subMenu ul .sep{
		padding: 0px;
	}
		#subMenu ul .sep img{
			display: block;
		}
/* 3.4 Content area
------------------------------------------------------------------------------------------------ */
#contentArea{
	margin: 0px auto;
	background-color: #f2f2f2;
	color: #4d4d4d;
	font-size: 12px;
}
	#leftContent{
		width: 575px;
		float: left;
		padding-left: 20px;
		padding-top: 25px;
		padding-bottom: 15px;
	}
	.whiteBox{
		width: 100%;
		background: #FFFFFF;
		border: 1px solid #d6d6d6;
		padding: 11px 0px;
		position: relative;
		margin-bottom: 10px;
	}
		.whiteBox .topLeft, .whiteBox .topRight, .whiteBox .botLeft, .whiteBox .botRight{
			width: 6px;
			height: 6px;
			position: absolute;
			display: block;
		}
		.whiteBox .topLeft{
			top: -1px;
			left: -1px;
		}
		.whiteBox .topRight{
			top: -1px;
			right: -1px;
		}
		.whiteBox .botLeft{
			bottom: -1px;
			left: -1px;
		}
		.whiteBox .botRight{
			bottom: -1px;
			right: -1px;
		}
	.whiteBox .greenHeader{
		width: 536px;
		height: 44px;
		background: url(../../img/h1_bg.png) top left no-repeat;
		position: relative;
		left: -4px;
		padding-left: 18px;
		padding-top: 4px;
		line-height: 40px;
		color: #FFFFFF;
		font-style: italic;
		font-weight: bold;
		margin: 0px 0px 10px 0px;
	}
	.whiteBox .text{
		padding: 0px 20px;
	}
	.whiteBox .text_right{
		text-align:right;
		padding: 0px 20px;
	}
	.commentInfo{
		background: url(../../img/comment_icon.png) center left no-repeat;
		padding-left: 28px;
		height: 22px;
		line-height: 22px;
	}
	.commentInfo .author{
		color: #60a600;
		font-weight: bold;
	}
	.commentInfo .date{
		font-weight: bold;
	}
	.text hr{
		size: 1px;
		height: 1px;
		border: 0px;
		color: #cdcdcd;
		background: #cdcdcd;
	}
	.crackButton{
		text-align: right;
		margin-bottom: 10px;
	}
		.greenButton{
			height: 18px;
			line-height: 16px;
			background: #71c618 url(../img/green_but_bg.png) top left repeat-x;
			color: #FFFFFF;
			border: 0px;
			cursor: pointer;
		}
	.formTable{
		width: 100%;
	}
	.formTable tr td{
		height: 25px;
		vertical-align: middle;
	}
	.formTable .buttonArea{
		text-align: right;
		height: 30px;
	}
		.formTable label{
			font-weight: bold;
		}
		.grayInput{
			height: 22px;
			margin: 0px 6px;
			position: relative;
			background: url(../img/input_bg_c.png) top left repeat-x;
		}
		.grayInput .left{
			position: absolute;
			top: 0px;
			left: -6px;
		}
		.grayInput .right{
			position: absolute;
			top: 0px;
			right: -6px;
		}
		.grayInput input{
			width: 100%;
			border: 0px;
			background-color: transparent;
			margin-top: 3px;
			color: #7f7f7f;
		}
			.halfInput{
				border-right: 1px solid #c6c6c6;
			}
			.halfButton{
				width: 60px;
				height: 26px;
				border: 0px;
				background: url(../img/half_button.png) top right no-repeat;
				color: #FFFFFF;
				font-weight: bold;
				float: right;
				cursor: pointer;
			}
		.grayInput2{
			height: 26px;
			margin: 0px 6px;
			position: relative;
			background: url(../img/input2_bg_c.png) top left repeat-x;
		}
		.grayInput2 .left{
			position: absolute;
			top: 0px;
			left: -6px;
		}
		.grayInput2 .right{
			position: absolute;
			top: 0px;
			right: -6px;
		}
		.grayInput2 input{
			width: 100%;
			border: 0px;
			background-color: transparent;
			margin-top: 5px;
			color: #7f7f7f;
		}
		.grayTextArea{
			height: 86px;
			margin: 0px 6px;
			position: relative;
			background: url(../img/textbox_c.png) top left repeat-x;
		}
		.grayTextArea .left{
			position: absolute;
			top: 0px;
			left: -6px;
		}
		.grayTextArea .right{
			position: absolute;
			top: 0px;
			right: -6px;
		}
		.grayTextArea textarea{
			width: 100%;
			height: 84px;
			border: 0px;
			background-color: transparent;
		}
		.gradientBut{
			height: 26px;
			margin: 0px 6px;
			position: relative;
			background: url(../img/gradient_but_c.png) top left repeat-x;
		}
			.gradientBut .left{
				position: absolute;
				top: 0px;
				left: -6px;
			}
			.gradientBut .right{
				position: absolute;
				top: 0px;
				right: -6px;
			}
			.gradientBut button{
				border: 0px;
				color: #FFFFFF;
				font-weight: bold;
				height: 26px;
				background-color: transparent;
				cursor: pointer;
			}
		.rightBut{
			float: right;
		}
	#rightContent{
		width: 275px;
		float: right;
		padding-right: 25px;
		padding-top: 25px;
	}
	.whiteBox .greenHeader2{
		width: 234px;
		height: 44px;
		background: url(../img/h2_bg.png) top right no-repeat;
		position: relative;
		right: -4px;
		padding-left: 42px;
		padding-top: 4px;
		line-height: 40px;
		color: #FFFFFF;
		font-style: italic;
		font-weight: bold;
		margin: 0px 0px 10px 0px;
		cursor: pointer;
	}
/* 3.5 Footer area
------------------------------------------------------------------------------------------------ */
#footer{
	margin: 0px auto;
	background: url(../img/footer_bg.png) top center no-repeat;
}
	#footer ul{
		margin-left: 15px;
	}
	#footer ul li{
		display: inline;
		line-height: 53px;
		padding: 0px 5px;
		color: #787878;
	}
		#footer ul li a{
			color: #787878;
		}
#footerShadow{
	margin: 0px auto 20px auto;
	background: url(../img/footer_shadow.png) top center no-repeat;
}



.news_details{
	background-color:#F7F7F7;
	font-size:10px;
	padding-left:5px;
	height:20px;
	vertical-align: middle;
}
/* 3.6 Top bar
------------------------------------------------------------------------------------------------ */
.topBar ol, .topBar ul, .topBar li, .topBar img {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
.topBar ol, .topBar ul {
	list-style: none;
}
#logoNMenu{
	z-index: 5;
}
.topBar{
	width: 100%;
	height: 30px;
	margin-bottom: -30px;
	background: url(../../img/top_bar_bg.png) top left repeat-x;
	position: relative;
	z-index: 10;
}
	.topBar .topLogo{
		float: left;
		padding-right: 10px;
		padding-left: 10px;
	}
		.topBar .topLogo img{
			display: block;
		}
	.topBar .centerBlock{
		height: 30px;
		margin: 0px auto;
		line-height: 30px;
		text-align: center;
	}
	.topBar .centerBlock a{
		color: #FFFFFF;
	}
	.topBar .centerBlock a:hover{
		text-decoration: none;
		color: #A8FF38;
	}
	.topBar .centerBlock li{
		height: 30px;
		line-height: 30px;
		display: inline;
		padding-right: 7px;
		padding-left: 7px;
		vertical-align: middle;
	}
	.topBar .centerBlock .act{
		position: relative;
	}
	.topBar .centerBlock .act .topArrow{
		position: absolute;
		bottom: -6px;
		left: 50%;
		margin-left: -4px;
	}
	.topBar .centerBlock .sep img{
		vertical-align: middle;
	}

	/* Extra */
	.greenBoxBg{
		background: url(../img/left_box_bg2.png) top left no-repeat;
		width: 215px;
		height: 137px;
		margin: 0px auto;
		padding: 10px;
	}
	.greenBoxBg p{
		color: #FFFFFF;
		font-size: 12px;
		line-height: 15px;
		margin-bottom: 10px;
	}
.blackBox{
	margin-bottom: 15px;
}
	.blackBox .top, .blackBox .bot{
		display: block;
	}
	.blackBox .boxContent{
		min-height: 190px;
		background: #474747 url(../img/black_box_c.png) top left no-repeat;
	}
	.blackBox .blackHeader{
		width: 234px;
		height: 44px;
		background: url(../img/black_header_bg.png) top right no-repeat;
		position: relative;
		right: -3px;
		padding-left: 42px;
		padding-top: 4px;
		line-height: 40px;
		color: #FFFFFF;
		font-style: italic;
		font-weight: bold;
		margin: 0px 0px 10px 0px;
		cursor: pointer;
		font-size: 17px;
	}
	.blackBox p{
		color: #FFFFFF;
		padding: 0px 20px;
		margin-bottom: 5px;
	}
	.blackBoxForm{
		padding: 0px 20px;
	}
	.blackHalfButton{
		width: 60px;
		height: 26px;
		border: 0px;
		background: url(../img/black_box_button.png) top right no-repeat;
		color: #FFFFFF;
		font-weight: bold;
		float: right;
		cursor: pointer;
	}
	.blackBoxImg{
		float: right;
		margin-right: 20px;
	}