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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr, button {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: none;
}
ol, ul {
	list-style:none;
}
h1, h2, h3, h4, h5, h6, li {
	line-height:100%;
}
blockquote, q {
	quotes:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
input, textarea, button {
	margin:0;
	font-family:inherit;
	font-size:1em;
}
html {
	height:100%;
}
q:before, q:after {
	content:"";
}
body {
	font:12px/20px Arial, Helvetica, sans-serif;
	color:#5d5d5d;
	background:#f4f4f4 url(../images/bg-body.gif) repeat-x;
	height:100%;
	min-width:970px;
}
a {
	color:#5C5C5C;
	text-decoration:none;
}
a:hover {
	text-decoration: underline;
	color: #090909;
	font-size: 100%;
}
#wrapper {
	min-height:100%;
	width:960px;
	margin:0 auto;
}
* html #wrapper {
	height:100%;
}
#header {
	padding:32px 0 17px;
	font:13px/15px Arial, Helvetica, sans-serif;
	border-bottom:1px solid #c0c0c0;
	margin-bottom:18px;
}
#header .mail {
	text-align:right;
	position:relative;
}
#header .mail a {
	color: #006633;
	font-weight: bold;
}
#header .row {
	width:100%;
	overflow:hidden;
	margin-top:-11px;
}
.logo {
	float:left;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/logo.jpg) no-repeat;
	width:218px;
	height:103px;
}
.logo a {
	display:block;
	height:100%;
}
#nav {
	float:right;
	padding:45px 0 0;
}
#nav li {
	float:left;
	margin-left:35px;
	display:inline;
	font:bold 13px/15px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
#nav li a:hover, #nav li.active a {
	text-decoration:none;
	color:#090909;
}
.promo {
	position:relative;
	border-bottom:1px solid #c0c0c0;
	padding-bottom:18px;
	margin-bottom:22px;
	width:100%;
}
.promo img {
	display:block;
}
.promo .view {
	position:absolute;
	background:#090909;
	width:422px;
	text-transform:uppercase;
	font:bold 15px/44px Arial, Helvetica, sans-serif;
	color:#999898;
	top:290px;
	left:35px;
	padding:0 8px 0 13px;
	overflow:hidden;
}
.promo .view a {
	float:right;
	background:url(../images/arrow-orange.gif) no-repeat 100% 19px;
	padding-right:16px;
}
#main {
	width:100%;
	overflow:hidden;
	padding-bottom:1px;
}
.three-cols {
	width:1020px;
	overflow:hidden;
	padding-bottom:23px;
	border-bottom:1px solid #c0c0c0;
	margin-bottom:19px;
}
.three-cols .col {
	float: left;
	width: 283px;
	margin-right: 56px;
	display: inline;
}
.three-cols .col h2 {
	text-transform: uppercase;
	font: bold 17px/18px Arial, Helvetica, sans-serif;
	color: #090909;
	padding: 0 0 10px 18px;
	border-bottom: 6px solid #090909;
	background: url(../images/arrow.gif) no-repeat 0 7px;
	margin-bottom: 16px;
	text-align: center;
	font-size: 18px;
}
.three-cols .col .more {
	background:url(../images/small-arrow.gif) no-repeat 0 50%;
	padding-left:23px;
	font-weight:bold;
	text-transform:uppercase;
}
.three-cols .col p {
	margin-bottom:5px;
}
.three-cols .list li {
	background: url(../images/sep02.gif) no-repeat 0 3px;
	line-height: 14px;
	padding: 2px 0 14px 29px;
	font-size: 14px;
}
.three-cols q {
	display:block;
	margin-bottom:19px;
}
.three-cols cite {
	color:#090909;
}
.portfolio {
	padding-bottom:40px;
	border-bottom:1px solid #c0c0c0;
	margin-bottom:25px;
}
.portfolio h2 {
	text-transform:uppercase;
	font:bold 18px/18px Arial, Helvetica, sans-serif;
	color:#090909;
	padding:0 0 18px 30px;
	background:url(../images/arrow.gif) no-repeat 0 7px;
}
.portfolio ul {
	width:994px;
	overflow:hidden;
}
.portfolio ul li {
	float:left;
	margin-right:33px;
	position:relative;
}
.portfolio ul li img {
	display:block;
}
.portfolio .view {
	position:absolute;
	bottom:0;
	right:0;
	padding:0 20px 0 10px;
	color:#090909;
	font:bold 12px/21px Arial, Helvetica, sans-serif;
	background:#fe9b00 url(../images/orang-arrow.gif) no-repeat 100% 6px;
	text-transform:uppercase;
}
* html .portfolio .view {
	bottom:-1px;
	right:-1px;
}
.block {
	width:100%;
	overflow:hidden;
}
.block h3 {
	background: url(../images/arrow.gif) no-repeat 0 4px;
	padding: 0 0 21px 23px;
	font: bold 18px/18px Arial, Helvetica, sans-serif;
	color: #090909;
	text-transform: uppercase;
	font-size: 17px;
}
.block .social {
	float:right;
	width:219px;
	margin-left:82px;
}
.social ul {
	width:100%;
	overflow:hidden;
}
.social li {
	float:left;
	margin-right:14px;
}
.social li img {
	display:block;
}
.block .text {
	font:14px/20px Arial, Helvetica, sans-serif;
	overflow:hidden;
}
#footer {
	background: #ffffff;
	position: relative;
	width: 100%;
	height: 21px;
	background-color: #F4F4F4;
}
#footer .holder {
	width:960px;
	margin:0;
	overflow:hidden;
}
#footer, #footer a {
	color:#5d5d5d;
	font-weight:normal;
	text-decoration:none;
	border:none;
}
#footer a:hover {
	text-decoration:none;
}
#footer p {
	margin:0;
	padding:0px 0 0 0;
	line-height:normal;
}
#footer .lf {
	float:left;
}
#footer .rf {
	float:right;
}
/*---------------- CAROUSEL */
		.scrollable-bg {
			position:relative;
			border-bottom:1px solid #c0c0c0;
			float:left;
			display:inline;
			width: 960px;
			height: 380px;
			padding-bottom:18px;
	        margin-bottom:22px;
			top: 0px;
			left:0px;
			z-index:1;
		}	
