@charset "utf-8";
/* CSS Document */

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#3a3a3a;
	
}
#lutterInteractive {
	width: 1024px;
	margin: auto;
	text-align: center;
}
#topDiv {
	position: relative;
}
#bottomDiv {
	position: relative;
}
#logo {
	position: absolute;
	left: 60px;
	top: 15px;
	width: 312px;
	height: 63px;

}
#topNav {
	position: absolute;
	left: 372px;
	top: 35px;
	width: 588px;
	height: 63px;
	text-align: right;
	vertical-align: middle
}
.topNavItems {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#3a3a3a;
	font-size: 23px;
	text-decoration: none;
}

#carousel {
	position: absolute;
	left: 60px;
	top: 78px;
	width: 900px;
	height: 338px;
}
#leftContent {
	position: absolute;
	left: 60px;
	top: 416px;
	width: 275px;
	text-align: left;
	vertical-align: top
}
#middleContent {
	position: absolute;
	left: 372px;
	top: 416px;
	width: 275px;
	text-align: left;
	vertical-align: top
}
#rightContent {
	position: absolute;
	left: 684px;
	top: 416px;
	width: 275px;
	text-align: left;
	vertical-align: top
}

#sleftContent {
	position: absolute;
	left: 80px;
	top: 220px;
	width: 275px;
	text-align: left;
	vertical-align: top
}
#smiddleContent {
	position: absolute;
	left: 372px;
	top: 220px;
	width: 275px;
	text-align: left;
	vertical-align: top
}
#srightContent {
	position: absolute;
	left: 684px;
	top: 220px;
	width: 275px;
	text-align: left;
	vertical-align: top
}
#rContent {
	position: absolute;
	left: 80px;
	top: 220px;
	width: 800px;
	text-align: left;
	vertical-align: top
}

#contactLeftContent {
	position: absolute;
	left: 80px;
	top: 220px;
	width: 500px;
	text-align: left;
	vertical-align: top
}
#contactRightContent {
	position: absolute;
	left: 530px;
	top: 220px;
	width: 400px;
	text-align: left;
	vertical-align: top
}
#clientHeader{
	position: absolute;
	left: 60px;
	top: 78px;
	width: 900px;
	height: 145px;
}
#footer {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#cccccc;
}

.cHeader {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #773535;
}

.error{
	color:white;
	font-size:10px;
	margin-top:10px;
	padding:10px;
	text-transform:uppercase;
	width:240px;
}

input, textarea {
	color: #3a3a3a;
background: #eeeeee;
border: 1px solid #999999


}

#loading{
	position:relative;
	bottom:9px;
	visibility:hidden;
}

.clearing { clear: both; }
.alert, .error { color: #FF0000; padding-left: 50px; margin: 0px}


ol.forms {
	list-style: none;
	list-style-position: outside;
	list-style-type: none;
	padding: 0px;
}

ol.forms li {
	clear: left;
	float: left;
	line-height: 1.5em;
	margin-bottom: 0.5em;
	width: 100%;
	
}

ol.forms label {
	cursor: pointer;
	display: block;
	float: left;
	line-height: 1.5em;
	padding-right: 1%;
	padding-left: 0px;
	width: 20%;
}

ol.forms input { width: 60%; }
ol.forms textarea {
	height: 10em; 
	width: 60%; 
}

ol.forms input, ol.forms textarea, ol.forms button { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

ol.forms .error { 
	display: block;
	margin: 0.25em 0 0 11%;
}

ol.forms li.buttons {
	
	width: 60%;
}

ul.clients a{
	color:#3a3a3a;
text-decoration : none;	
}
ul.clients {
list-style: none;
	list-style-position: outside;
	list-style-type: none;
	padding: 0px;

}
.arrow {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #773535;
}