/* ------------------------------------ general ------------------------------------ */

body {
	margin: 0px;
	background-color: #fff;
}

a img {
	border-style: none;
}

#preload {
	display: none;
}

/* ------------------------------------ layout ------------------------------------ */

#wrapper {
	width: 990px;
	margin: 0px auto;
	background-image: url(../images/bg-content.gif);
	background-repeat: repeat-x;
	background-position: 0px 110px;
	background-color: #fff;
}

#header {
	position: relative;
	height: 110px;
	border-bottom: solid 1px #efefef;
	padding: 0px 0px 0px 30px;
}

#header #fb-like {
	position: absolute;
	top: 55px;
	right: 0px;
	width: 80px;
	overflow: hidden;
}

#footer {
	clear: both;
	padding: 10px 50px;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	color: #a9a9a9;
	background-color: #f5f5f5;
	border-left: solid 1px #d6d6d6;
	border-right: solid 1px #d6d6d6;
	border-bottom: solid 1px #d6d6d6;
}

#footer ul {
	list-style-type: none;
	margin: 0px 0px 50px 0px;
	padding: 0px;
}

#footer ul li {
	margin: 0px;
	padding: 0px;
	display: inline;
	border-right: solid 1px #797979;
	margin: 0px 14px 0px 0px;
}

#footer ul li:last-child {
	border-right-style: none;
}

#footer ul li a {
	font-size: 13px;
	margin: 0px 14px 0px 0px;
	color: #797979;
	text-decoration: none;
}

#footer ul li a:hover {
	color: #000;
}

#footer a {
	color: #a9a9a9;
}

#footer a:hover {
	color: #000;
}

#footer #customers {
	color: #ccc;
	font-size: 13px;
	float: left;
}

#footer #customers img {
	margin: 0px 40px -20px 25px;
}

#footer #social {
	float: right;
}

/* ------------------------------------ nav ------------------------------------ */

#header ul {
	position: absolute;
	top: 45px;
	right: 95px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#header ul li.primary {
	position: relative;
	display: inline-block;
	padding: 10px 10px;
	margin: 0px 10px 0px 0px;
}

#header ul li.primary:hover {
	background-color: #fff;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	-webkit-box-shadow: 1px 1px 4px #5e5e5e;
	-moz-box-shadow: 1px 1px 4px #5e5e5e;
	box-shadow: 1px 1px 4px #5e5e5e;
}

#header ul li.primary a {
	text-decoration: none;
	color: #797979;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 18px;
}

#header ul li.primary:hover a {
	color: #999;
}

#header ul li.primary div.cover {
	display: none;
}

#header ul li.primary:hover div.cover {
	display: block;
	position: absolute;
	bottom: 1px;
	left: 0px;
	z-index: 99;
	width: 100%;
	height: 8px;
	background-color: #fff;
}

#header ul li.primary ul {
	display: none;
}

#header ul li.primary:hover ul {
	display: block;
	position: absolute;
	top: 40px;
	left: 0px;
	z-index: 50;
	width: 280px;
	background-color: #fff;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-topright: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border-top-right-radius: 8px;
	-webkit-box-shadow: 1px 1px 4px #5e5e5e;
	-moz-box-shadow: 1px 1px 4px #5e5e5e;
	box-shadow: 1px 1px 4px #5e5e5e;
}

#header ul li.primary:hover ul li {
	display: block;
	background-image: url(../images/icon-arrow.gif);
	background-repeat: no-repeat;
	background-position: center right;
}

#header ul li.primary:hover ul li a {
	display: block;
	padding: 10px 10px;
	margin: 0px;
	color: #339933;
	font-size: 14px;
	margin: 0px;
	border-bottom: solid 1px #ebebeb;
}

#header ul li.primary:hover ul li a:hover {
	color: #000;
}

#header ul li.primary:hover ul li:last-child a {
	border-bottom-style: none;
}

/* ------------------------------------ feature ------------------------------------ */

#feature {
	position: relative;
	border-top: solid 1px #d6d6d6;
	border-right: solid 1px #d6d6d6;
	border-left: solid 1px #d6d6d6;
	min-height: 265px;
}

#feature img.right {
	margin: 0px 0px 0px 75px;
}

#feature h1 {
	margin: 25px 0px 15px 0px;
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight: normal;
	font-size: 27px;
	color: #cc6633;
}

#feature p, #feature ul {
	margin: 0px 0px 15px 0px;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 17px;
	line-height: 24px;
	color: #797979;
}

#feature a {
	text-decoration: underline;
	color: #669966;}

#feature a:hover {
	color: #1b5c1c;
}
#feature a.button {
	background-image: url(../images/bg-button-feature.png);
	width: 196px;
	height: 39px;
	padding: 20px 0px 0px 0px;
	font-size: 17px;
	text-transform: uppercase;
}

#feature a.button:hover {
	background-image: url(../images/bg-button-feature-hover.png);
}

#feature #status {
	position: absolute;
	bottom: 55px;
	right: 214px;
	z-index: 99;
}

#galleryNav {
	z-index: 99;
}

#galleryNav a {
	background-image: url(../images/icon-dot-off.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	padding-left: 12px;
}

#galleryNav a.activeSlide {
	background-image: url(../images/icon-dot-on.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	padding-left: 12px;
}

#scroller div {
	padding: 50px 50px 50px 58px;
	width: 900px;
	height: 350px;
}

#scroller div div#video {
	float: right;
	height: auto;
	width: auto;
	padding: 0px;
	margin-left: 20px;
	margin-bottom: 20px;
	text-align: right;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #666;
}
/* ------------------------------------ content ------------------------------------ */

#content {
	border-top: solid 1px #cccccc;
	border-right: solid 1px #d6d6d6;
	border-bottom: solid 5px #edede5;
	border-left: solid 1px #d6d6d6;
	padding: 35px 50px 50px 58px;
	clear: both;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 16px;
	line-height: 22px;
	color: #797979;
}

#content a {
	color: #669966;
}

#content a:hover {
	color: #3d863f;
	text-decoration: none;
}

#content div.col h2 {
	margin: 0px;
	font-size: 38px;
	font-weight: normal;
}

#content div.col a.button {
	margin-left: -7px;
	font-size: 13px;
	height: 36px;
	padding: 12px 0px 0px 0px;
}

#content div.col h2 a {
	text-decoration: none;
}

#content div.col h2 a:hover,
#content div.col:hover h2 a,
#content div.col:hover p {
	color: #1b5c1c !important;
}

#content div.col p {
	margin: 12px 0px;
}

#content div.col p a span {
	text-decoration: underline;
	color: #669966;
}

#content div.col p a {
	color: #797979;
	text-decoration: none;
}

#content div.col p a:hover {
	color: #1b5c1c;
}
.visualize {
	color: #3d863f;
	margin: 0px;
	font-size: 38px;
	font-weight: normal;

}
.predict {
	color: #54b14a;
	margin: 0px;
	font-size: 38px;
	font-weight: normal;

}
.optimize {
	/* color: #9e9e9e; */
	color: #4ede3f;
	margin: 0px;
	font-size: 38px;
	font-weight: normal;

}
#content #col1 h2,
#content #col1 h2 a {
	color: #3d863f;
}

#content #col1 a.button {
	background-image: url(../images/bg-button-dark-green.png);
	width: 154px;
}

#content #col2 h2,
#content #col2 h2 a {
	color: #54b14a;
}

#content #col2 a.button {
	background-image: url(../images/bg-button-light-green.png);
	width: 154px;
}

#content #col3 {
	padding: 0px;
}

#content #col3 h2,
#content #col3 h2 a {
	/* color: #9e9e9e; */
	color: #4ede3f;
}

#content #col3 a.button {
	background-image: url(../images/bg-button-grey.png);
	width: 198px;
}

#content h1 {
	color: #C63;
	font-weight: normal;
	font-size: 30px;
	margin: 0px 0px 20px 0px;
}

#content h2 {
	color: #54B14A;
	font-weight: normal;
	font-size: 20px;
	margin: 20px 0px 10px 0px;
}

#content p,
#content ul,
#content ol,
#content table,
#content form {
	margin: 0px 0px 20px 0px;
}

#content ul ul {
	margin: 0px 0px 0px 0px;
}

/* ------------------------------------ forms ------------------------------------ */

#content form {

}

#content form label {
	display: block;
	float: left;
	width: 125px;
	text-align: right;
	margin-right: 5px;
}

#content form input[type=text] {
	border: solid 1px #999;
	padding: 5px;
	margin-bottom: 10px;
}

#content form textarea {
	width: 200px;
	height: 100px;
	border: solid 1px #999;
	padding: 5px;
	margin-bottom: 10px;
	resize: none;
}

#content form input[type=submit] {
	margin-left: 130px;
}

/* ------------------------------------ classes ------------------------------------ */

.left {
	float: left;
}

.right {
	float: right;
}

div.right img {
	margin: 0px 0px 0px 20px;
}

.clear {
	clear: both;
}

#content .red {
	color: #f00;
}

label.error {
	color: #f00;
	font-size: 12px;
	text-align: left;
	width: 300px;
}

.col {
	float: left;
	width: 265px;
	padding: 0px 40px 0px 0px;
}

#content a.button,
#feature a.button {
	display: inline-block;
	background-repeat: no-repeat;
	font-family: verdana,arial,helvetica,sans-serif;
	font-weight: normal;
	color: #fff;
	text-align: center;
	text-decoration: none;
}

div.contact_form {
	clear: left;
	display: inline;
	position: relative;
}

div.contact_form label.error {
	position: absolute;
	right: -255px;
	top: 0px;
	text-align: left !important;
	width: 250px !important;
}