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

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

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

	1. Global Reset
	
	2. General Elements
	
	3. Layout
		3.1 Logo and Menu
		3.2 Big image
		3.3 Headlines
		3.4 Content
		3.5 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: "Calibri", Arial, sans-serif;
	font-size: 12px;
	line-height: 13px;
	text-align: left;
	color: #767676;
}
html{
	background: #ffffff url(img/background.png) top center no-repeat;
	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 "Calibri", Arial, sans-serif;
}

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

a:hover {
	color: #9d0824;
	text-decoration: underline;
}

a:visited {
}

a:active {
}

/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/

#main-wraper{
	width: 841px;
	margin: 0px auto;
}
	#logo-and-menu{
		height: 100px;
	}
	#big-img{
		padding: 1px;
		height: 385px;
	}
	#headlines{
		height: 133px;
		margin: 5px 0px;
	}
	#content-wraper{
		min-height: 200px;
		margin: 5px 0px;
	}
	#footer{
		height: 34px;
	}

/* 3.1 Logo and Menu
------------------------------------------------------------------------------------------------ */
#logo-and-menu{
	overflow: hidden;
}
	#menu-area{
		float: right;
		font-size: 15px;
		margin-top: 58px;
		width: 600px;
		text-align: right;
	}
	#menu-area li{
		display: inline;
		margin: 0px 7px;
	}
	#menu-area .act a{
		color: #9d0824;
	}
	#menu-area li a:hover{
		color: #9d0824;
	}

/* 3.2 Big image
------------------------------------------------------------------------------------------------ */
#big-img{
	/*background: url(img/big-img.png) top left;*/
	position: relative;
}
	.big-img-script{
		position: absolute;
		top: 0px;
		left: 0px;
		height: 385px;
		width: 842px;
		z-index: 1;
	}
	#big-img #bi-left{
		position: absolute;
		left: -6px;
		z-index: 100;
	}
	#big-img #bi-right{
		position: absolute;
		right: -6px;
		z-index: 100;
	}
	.bi-text{
		position: absolute;
		width: 378px;
		font-size: 16px;
		line-height: normal;
		color: #c6e2ff;
		text-transform: uppercase;
		margin-left: 20px;
		margin-top: 107px;
		z-index: 100;
	}
	.bi-text h2{
		color: #155fa5;
	}

/* 3.3 Headlines
------------------------------------------------------------------------------------------------ */
#headlines{
	margin-left: 6px;
	margin-right: 6px;
	background: url(img/headline-cent.png) top left;
	position: relative;
}
	#headlines #head-left{
		position: absolute;
		left: -6px;
	}
	#headlines #head-right{
		position: absolute;
		right: -6px;
	}
	#headlines .head-box{
		width: 271px;
		padding-left: 5px;
		float: left;
		height: 100%;
		overflow: hidden;
	}
		#headlines .head-box img{
			float: left;
			margin-right: 8px;
		}
		#headlines .head-box .nupp{
			float: right;
			width: 27px;
		}
		#headlines .head-box p{
			line-height: 13px;
			color: #515151;
			font-size: 12px;
		}
	#headlines  h1{
		line-height: 39px;
		margin-left: 23px;
		color: #353535;
		font-size: 16px;
		font-weight: bold;
	}

/* 3.4 Content
------------------------------------------------------------------------------------------------ */
#content-wraper{
	font-size: 14px;
	line-height:19px;
}
	#content-wraper p{
		padding-top: 50px;
		padding-right: 20px;
	}
	#content-wraper p strong{
		font-weight: bold;
		font-size: 15px;
	}
	#content-wraper  .text-logo{
		float: left;
		margin: 0px 22px;
		width: 143px;
	}
/* 3.4 Footer
------------------------------------------------------------------------------------------------ */
#footer{
	background: url(img/footer.png) top left no-repeat;
	line-height: 36px;
	color: #494949;
	font-weight: bold;
	font-size: 14px;
	padding: 0px 13px;
	padding-bottom: 10px;
}

.error_1_frame {
	border: 1px solid #ACF01F;
}
.error_2_frame {
	border: 1px solid #FF3300;
}
.error_3_frame {
	border: 1px solid #FFCC00;
}
.error_4_frame {
	border: 1px solid #FF3300;
}
.error_5_frame {
	border: 1px solid #4876FF;
}