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

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

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

	1. Global Reset
	
	2. General Elements
	
	3. Layout
		3.1 Menu area	
		3.2 Content
			3.2.1 Left
			3.2.2 Center
			3.2.3 Right
		3.3 Footer
		
***********************************************************************************************/

/* 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: "Tahoma", Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 13px;
	text-align: left;
	color: #6d6d6d;
}
html{
	background: #3b3b3b url(img/background.png) top center;
	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 "Tahoma", Helvetica, Arial, sans-serif;
}

a {
	text-decoration: none;
	outline: none;
	color: #6d6d6d;
}

a:hover {
	color: #6d6d6d;
	text-decoration: underline;
}

a:visited {
}

a:active {
}

/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#headerWraper{
	height: 571px;
	background: #1f5901 url(img/header_bg.png) top center no-repeat;
	overflow:hidden;
}
.small_header{
	height:180px !Important;
}
#mainWraper{
	background-color: #FFFFFF;
	position: relative;
	z-index: 10;
}
#footer{
	width: 900px;
	height: 117px;
}
/* 3.1 Header
------------------------------------------------------------------------------------------------ */
#wraper{
	height: 572px;
	width: 900px;
	margin: 0px auto;
	position: relative;
	z-index: 1;
}
#wraper #logo{
	position: absolute;
	top: 0px;
	left: 0px;
}
#wraper #headerText{
	position: absolute;
	top: 279px;
	left: 25px;
}
/* 3.1.1 Menu area */
	#langArea{
		height: 33px;
		position:  absolute;
		top: 30px;
		right: 10px;
		background: #FFFFFF url(img/lang_bg.png) top left no-repeat;
		line-height: 33px;
	}
		#langArea .left{
			position: absolute;
			top: 0px;
			left: -26px;
		}
		#langArea .right{
			position: absolute;
			top: 0px;
			right: -9px;
		}
		#langArea ul li{
			display: inline;
		}
		#langArea ul li a{
			color: #303030;
		}
/* 3.1.2 Menu area */
	#menuArea{
		height: 33px;
		position: absolute;
		top: 127px;
		right: 0px;
		background: url(img/menu_bg_c.png) top left repeat-x;
		line-height: 33px;
	}
		#menuArea .left{
			position: absolute;
			left: -5px;
			top: 0px;
		}
		#menuArea .right{
			position: absolute;
			right: -5px;
			top: 0px;
		}
		#menuArea ul li{
			display: inline;
			padding: 0px 7px;
		}
		#menuArea ul li a{
			color: #FFFFFF;
		}
		#menuArea ul li a:hover{
			text-decoration: none;
		}
		#menuArea ul .act a{
			font-weight: bold;
		}
/* 3.2 Main area
------------------------------------------------------------------------------------------------ */
#mainArea{
	width: 900px;
	margin: 0px auto;
	padding-bottom: 20px;
}
	#leftContent{
		margin-right: 275px;
		padding-top: 20px;
		color: #292929;
		font-size: 11px;
	}
	#leftContent h1{
		font-family: "Myriad Pro", "Tahoma", Helvetica, Arial, sans-serif;
		font-size: 28px;
		line-height: normal;
		margin: 10px 0px;
		padding: 0px;
		color: #303030;
	}
	#leftContent hr{
		size: 1px;
		height: 1px;
		color: #c0c0c0;
		border: 0px;
		background-color: #c0c0c0;
	}
	#rightContent{
		width: 240px;
		float: right;
		padding-top: 20px;
		padding-bottom: 127px;
	}
	#rightContent h1{
		font-size: 28px;
		color: #2c2c2c;
		line-height: normal;
	}
	#rightContent .productBox{
		width: 240px;
		height: 238px;
		padding-top: 1px;
		background: url(img/product_box.png) top left no-repeat;
		position: relative;
	}
	#rightContent .productBox .productImg{
		height: 165px;
		margin-top: 24px;
		background: center center no-repeat;
	}
	#rightContent .productBox .productText{
		font-family: "Myriad Pro", "Tahoma", Helvetica, Arial, sans-serif;
		font-size: 25px;
		line-height: normal;
		color: #379b01;
		text-align: center;
	}
	#rightContent .productBox .arrowBut{
		width: 25px;
		height: 38px;
		position: absolute;
		right: -32px;
		top: 103px;
		cursor: pointer;
	}
	#rightContent .smallText{
		font-size: 9px;
		color: #646564;
		text-align: center;
		padding: 0px 20px;
		margin: 9px 0px;
	}
	.greenButton{
		height: 29px;
		margin: 0px 5px;
		position: relative;
		background: url(img/green_but_c.png) top left repeat-x;
		text-align: center;
	}
	.floater{
		float: left;
	}
	.greenButton .left{
		position: absolute;
		top: 0px;
		left: -5px;
	}
	.greenButton .right{
		position: absolute;
		top: 0px;
		right: -5px;
	}
	.greenButton button{
		text-align: center;
		color: #123a00;
		font-weight: bold;
		line-height: 29px;
		height: 29px;
		background-color: transparent;
		border: 0px;
		cursor: pointer;
	}
		.fixedWidth{
			width: 220px;
		}
/* 3.3 Footer
------------------------------------------------------------------------------------------------ */
#footer{
	margin: 0px auto;
	position: relative;
	z-index: 30;
}
	#footer .footerText{
		font-size: 28px;
		line-height: normal;
		padding-top: 28px;
		padding-bottom: 20px;
		color: #FFFFFF;
	}
	#footer ul li{
		display: inline;
		color: #FFFFFF;
		padding: 0px 7px;
		font-size: 11px;
	}
	#footer .greenText{
		color: #79f301;
		font-weight: bold;
	}
	#footer .footerLogo{
		position: absolute;
		right: -20px;
		top: -139px;
	}
/* 3.4 Extra
------------------------------------------------------------------------------------------------ */
#slideBox{
	height: 238px;
	position: relative;
	overflow: hidden;
}
.slideItem{
	width: 240px;
	height: 238px;
	position: absolute;
	cursor: pointer;
}
.firstLocation{
	top: 0px;
	right: 0px;
}