/* -------------------- Global Area -------------------- */
body {
	margin:0px;
	padding:0px 0px;
	background:url("img/bg.jpg") repeat-x;
	font-family:Tahoma, Arial;
	font-size:10px;
}

img {
	border:0px;
}

a, .blue {
	color:#2a748f;
	text-decoration:none;
}

h2, h3 {
	font-size:21px;
	display:inline;
	font-weight:normal;
	color:#2a748f;
}

h2 {
	color:#7d9701;
}

form {
	margin:0px;
}

input {
	background:white;
	border:1px solid #b8b8b8;
	font-size:10px;
	font-family:Tahoma, Arial;
	color:#9f9f9f;
	display:block;
	 font-style:italic;
	padding:7px 5px;
	width:170px;
}

.clear {
	clear:both;
	font-size:0px;
	height:0px;
}

.sep {
	height:15px;
}


/* -------------------- Warpping + BGs -------------------- */
.warp1 {
	padding:0px 65px;
}

.warp2 {
	width:800px;
	margin:0px auto;
}


/* -------------------- Top Area -------------------- */
.top {
	padding-top:30px;
}

.top .logo {
	float:left;
}

.top .r_a div {
	background:url("img/top_right_bg.jpg") 0% 50% repeat-x;
	float:right;
}

.top .r_a .right {
	border-left:1px solid #d4d4d4;
}

.top .r_a div p {
	line-height:14px;
	padding:3px 10px;
	margin:0px;
}


/* -------------------- Menu Area -------------------- */
.menu {
	margin-top:20px;
	margin-bottom:1px;
	background:url("img/menu_bg.jpg") bottom repeat-x;
}

.menu ul {
	margin:0px;
	border:1px solid #9fc100;
	border-bottom:0px;
	background:url("img/menu_bg2.jpg") bottom repeat-x #f4f4f4;
	list-style-type:none;
	padding:0px;
	text-align:center;
}

.menu ul li {
	display:inline;
	line-height:30px;
	margin:0px 5px;
	font-size:12px;
}

.menu ul li a {
	padding:6px 2px;
}

.menu ul .orange a:hover {
	color:#ff8400;
	border-bottom:2px solid #ff8400;
}

.menu ul .yellow a:hover {
	color:#ffd200;
	border-bottom:2px solid #ffd200;
}

.menu ul .green a:hover {
	color:#9fc100;
	border-bottom:2px solid #9fc100;
}

.menu ul .blue a:hover {
	color:#00afcf;
	border-bottom:2px solid #00afcf;
}

.menu ul .blue2 a:hover {
	color:#557ec8;
	border-bottom:2px solid #557ec8;
}


/* -------------------- Middle Area -------------------- */
.middle {
	background:url("img/after_menu_bg.jpg") repeat-x;
	padding-top:25px;
}

.middle .right {
	float:right;
}

.middle .right .img img {
	display:block;
	margin-bottom:5px;
}

.middle .right .contact {
	background:url("img/contact.jpg");
	width:219px;
	margin-bottom:10px;
}

.middle .right .contact .bg {
	background:url("img/contact_top.jpg") top no-repeat;
}

.middle .right .contact .bg2 {
	background:url("img/contact_bottom.jpg") bottom no-repeat;
	padding:26px 15px 15px;
	line-height:18px;
}

.middle .right .contact .ctitle {
	color:#7d9701;
	font-size:14px;
	padding-right:7px;
	margin-bottom:10px;
}

.middle .right .contact .blue {
	float:right;
}

.middle .right .contact .blue a, .middle .right .contact .blue {
	text-decoration:underline;
	font-weight:bold;
}

.middle .right .contact .submit {
	width:61px;
	height:27px;
	border:0px;
	background:url("img/submit.jpg");
	float:left;
}

.middle .right .img2 p {
	display:block;
	float:left;
	width:110px;
	height:35px;
	text-align:center;
	margin-bottom:5px;
}

.middle .left {
	margin-right:250px;
}

	/* -------------------- Middle BG -------------------- */
	.middle .m1 {
		background:url("img/middle.jpg") top repeat-x white;
	}
	
	.middle .m2 {
		background:url("img/middle.jpg") bottom repeat-x;
	}
	
	.middle .m3 {
		background:url("img/middle.jpg") right repeat-y;
	}
	
	.middle .m4 {
		background:url("img/middle.jpg") left repeat-y;
	}
	
	.middle .m5 {
		background:url("img/middle_t_l.jpg") top left no-repeat;
	}
	
	.middle .m6 {
		background:url("img/middle_b_r.jpg") bottom right no-repeat;
	}
	
	.middle .m7 {
		background:url("img/middle_t_r.jpg") top right no-repeat;
	}
	
	.middle .m8 {
		background:url("img/middle_b_l.jpg") bottom left no-repeat;
		padding:5px 10px;
	}
	
.middle .title {
	background:url("img/middle_home.jpg") no-repeat;
	line-height:30px;
}

.middle .text {
	padding:8px 10px;
	padding-bottom:0px;
	background:url("img/middle_text.jpg") repeat-x;
}

.middle hr {
	color:#c5c5c5;
	background:#c5c5c5;
	border:0px;
	height:1px;
	margin:41px 35px 30px 35px;
}

	/* -------------------- Middle Block -------------------- */
	.middle .block {
		width:49.5%;
	}
	
	.middle .block_left {
		float:left;
	}
	
	.middle .block div {
		padding:0px 10px;
		background:url("img/middle_blocks_text.jpg") repeat-x;
	}
	
	.middle .block p {
		margin:0px;
		padding:8px 0px;
	}
	
	.middle .block ul {
		margin:5px;
		padding:0px;
		list-style-type:none;
	}
	
	.middle .block ul li {
		background:url("img/middle_blocks_arrow.jpg") right center no-repeat;
		padding-right:15px;
	}
	
	.middle .block ul li a {
		text-decoration:underline;
	}

	/* -------------------- Middle Customers -------------------- */
	.middle .customers {
	}
	
	.middle .customers .bg {
		background:url("img/middle_blocks_text.jpg") repeat-x;
		padding:10px 10px;
		text-align:center;
	}
	
	.middle .customers .arrow {
		float:right;
		width:12.5%;
		padding:40px 0px;
	}
	
	.middle .customers .bg .view {
		float:right;
		width:25%;
	}
	
	.middle .customers .bg .view span {
		display:block;
	}
	
	.middle .customers .bg .view img {
		margin:5px 0px;
	}
	
	.middle .customers .bg .view a, .middle .customers .bg .view .blue {
		text-decoration:underline;
	}


/* -------------------- Articles Area -------------------- */
.articles {
	margin-top:20px;
}

.articles .link {
	background:url("img/middle_blocks_arrow.jpg") right center no-repeat;
	padding-right:15px;
	margin-top:3px;
	text-decoration:underline;
	float:left;
}

.articles .main {
	background:url("img/middle_blocks_text.jpg") repeat-x;
	padding:20px 0px;
}

.articles .img {
	float:left;
}

.articles .block {
	width:32.5%;
	float:right;
}

.articles .block2 {
	margin-right:1.5%;
}

.articles .block .atitle {
	color:#7d9701;
	font-size:12px;
	font-weight:bold;
	background:url("img/middle_blocks_text.jpg") repeat-x;
	margin-top:27px;
	padding:10px 5px 0px;
}

.articles .block .atitle div {
	margin-top:-34px;
	padding-top:6px;
	background:url("img/info.jpg") top left no-repeat;
	height:36px;
}

.articles .block2 .atitle div {
	margin-top:-33px;
	padding-top:5px;
	background:url("img/articles.jpg") top left no-repeat;
	height:36px;
}

.articles .block .div {
	padding:10px 10px;
}

.articles .block .link {
	background:url("img/middle_blocks_arrow.jpg") right center no-repeat;
	padding-right:15px;
	margin-top:3px;
	text-decoration:underline;
	float:none;
	margin:10px 5px 0px 0px;
	display:block;
}


/* -------------------- Footer Area -------------------- */
.footer {
	margin-bottom:10px;
}