/*************************************************
	CSS Reset
	Modified version of Eric Meyer's CSS Reset
	http://meyerweb.com/eric/tools/css/reset/index.html
*************************************************/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, form, fieldset, input, textarea, p, blockquote, th, td { 
	padding: 0;
	margin: 0;
}
fieldset, img { 
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
address, caption, cite, code, dfn, em, th, var {
	font-weight: normal;
	font-style: normal;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
}
q:before, q:after {
	content: '';
}
abbr, acronym { 
	border: 0;
}
a {
	outline: 0;
}


/*************************************************
	General styles
*************************************************/

html{
	background-color:#1a1a1a;
	background-image: url(../img/bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	}


body {
	font-family: Arial;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:160%;
	margin:0px;
	color:#5f5f5f;
	padding:0px;
}

a {	color: #5f5f5f; text-decoration: underline; }
a:hover{ color: #0ea5bf; text-decoration: underline; }

#container {
	width:920px;
	margin:0 auto;
	padding: 0;
	position: relative;
}

#main {
	width:920px;
	position:relative;
	height:542px;
	margin: 0;
	padding:0px;
	background-image: url(../img/main.jpg);
	background-repeat:no-repeat;
}

#main h1 {
	font-size:28px;
	color:#0ea5bf;
	padding: 0;
}

#calltoaction a{
	position:absolute;
	width: 284px;
	height: 67px;
	float:left;
	background: none;
	display: block;
	top:110px;
	left:319px;
	padding: 0;
	text-indent: -999999px;
}

.block{
	width:252px;
	height:134px;
	float:left;
	font-size:13px;
	padding:15px 20px 0 20px;
	margin:393px 22px 0 0;
	position:relative;
}
	
.block a{
	position:absolute;
	font-size:20px;
	top:121px;
	right:10px;
	width:90px;
	float:right;
	padding:5px 0 0 0;
	text-decoration:none;
	color:#FFF;
	height:28px;
	text-align:center;
	background-image: url(../img/block_button.gif);
	background-repeat:no-repeat;
}
	
.block a:hover{
	background-position:-90px 0;
}

#top a.home {
	width: 250px;
	height: 50px;
	float:left;
	background: none;
	display: block;
	margin: 20px 0 0 17px;
	padding: 0;
	text-indent: -999999px;
}

#top {
	height:84px;
	width:100%;
	background-image: url(../img/logo.jpg);
	background-repeat:no-repeat;
	background-position:left;
}
#header_blog {
	width:920px;
	position:relative;
	height:331px;
	margin: 0;
	padding:0px;
	background-image: url(../img/header_blog.jpg);
	background-repeat:no-repeat;
}

#header_products {
	width:920px;
	position:relative;
	height:331px;
	margin: 0;
	padding:0px;
	background-image: url(../img/header_products.jpg);
	background-repeat:no-repeat;
}

#header_service {
	width:920px;
	position:relative;
	height:331px;
	margin: 0;
	padding:0px;
	background-image: url(../img/header_service.jpg);
	background-repeat:no-repeat;
}

#header_company {
	width:920px;
	position:relative;
	height:331px;
	margin: 0;
	padding:0px;
	background-image: url(../img/header_company.jpg);
	background-repeat:no-repeat;
}

#header_tryit {
	width:920px;
	position:relative;
	height:331px;
	margin: 0;
	padding:0px;
	background-image: url(../img/header_tryit.jpg);
	background-repeat:no-repeat;
}

#wrapper{
	background-color:#FFF;
	width:920px;
	background-image: url(../img/sidebar.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	float:left;
	color:#FFF;
	margin:0;
	padding:0;
	
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-radius-bottomleft: 10px;
	border-radius-bottomleft: 10px;
	
	-moz-border-radius-bottomright: 10px;
	-webkit-border-radius-bottomright: 10px;
	border-radius-bottomright: 10px;
	}
	
#sidebar{
	width:199px;
	float:left;
	}

#content {
	color: #5f5f5f;
	padding:0 35px 35px 35px;
	float: left;
	font-family: arial;
	display: block;
	width: 651px;
	font-size: 12px;
	min-height:250px;
	font-weight: normal;
	margin: 0 0 0 0;
	line-height: 190%;
}

#content img{
	padding:10px;
	}

#content h1 {
	font-size:28px;
	color:#0ea5bf;
	padding: 0;
	margin:0 0 10px 0;
}

#content h2 {
	font-size:22px;
	color:#0ea5bf;
	padding: 0 0 5px 0;
}

#content h3 {
	font-size:22px;
	color:#5f5f5f;
	padding: 0;
}

#content h4 {
	font-size:22px;
	color:#0ea5bf;
	padding: 0;
	float:right;
}
#content h5 {
	font-size:16px;
	color:#5f5f5f;
	padding: 0;
}

/*************************************************
	Menu Sidebar
*************************************************/

#menu_sidebar{
	font-family: Arial;
	list-style: none;
	float: left;
	margin:10px 0 0 0;
	padding: 0;
	}

#menu_sidebar li{
	margin: 0; 
	padding: 0px;
}

#menu_sidebar li a{
	cursor:pointer;
	width:199px;
	color:#6f6f6f;
	display: block;
	font-size: 20px;
	text-indent:60px;
	border-bottom:1px #dadada solid;
	text-decoration: none;
	padding:15px 0 15px 0;
}

#menu_sidebar li a.active {
	color:#2bb6ce;
	background-color:#FFF;
}

#menu_sidebar li a:hover{
	color:#2bb6ce;
	background-color:#FFF;
	text-decoration: none;
}

.icon_products a{
	background-image: url(../img/icons/icon_products_off.png);
	background-repeat:no-repeat;
	background-position:20px 10px;
	}
	
.icon_products a.active{
	background-image: url(../img/icons/icon_products_on.png);
	background-repeat:no-repeat;
	background-position:20px 10px;
	}
	
.icon_products a:hover{
	background-image: url(../img/icons/icon_products_on.png);
	background-repeat:no-repeat;
	}
	
.icon_overview a{
	background-image: url(../img/icons/icon_overview_off.png);
	background-repeat:no-repeat;
	background-position:20px 10px;
	}
	
.icon_overview a.active{
	background-image: url(../img/icons/icon_overview_on.png);
	background-repeat:no-repeat;
	background-position:20px 10px;
	}
	
.icon_overview a:hover{
	background-image: url(../img/icons/icon_overview_on.png);
	background-repeat:no-repeat;
	}
	
.icon_tour a{
	background-image: url(../img/icons/icon_tour_off.png);
	background-repeat:no-repeat;
	background-position:20px 10px;
	}
	
.icon_tour a.active{
	background-image: url(../img/icons/icon_tour_on.png);
	background-repeat:no-repeat;
	background-position:20px 10px;
	}
	
.icon_tour a:hover{
	background-image: url(../img/icons/icon_tour_on.png);
	background-repeat:no-repeat;
	}
	
.icon_features a{
	background-image: url(../img/icons/icon_features_off.png);
	background-repeat:no-repeat;
	background-position:20px 10px;
	}
	
.icon_features a.active{
	background-image: url(../img/icons/icon_features_on.png);
	background-repeat:no-repeat;
	background-position:20px 10px;
	}
	
.icon_features a:hover{
	background-image: url(../img/icons/icon_features_on.png);
	background-repeat:no-repeat;
	}
	
.icon_try-it a{
	background-image: url(../img/icons/icon_manage_off.png);
	background-repeat:no-repeat;
	background-position:20px 10px;
	}
	
.icon_try-it a.active{
	background-image: url(../img/icons/icon_manage_on.png);
	background-repeat:no-repeat;
	background-position:20px 10px;
	}
	
.icon_try-it a:hover{
	background-image: url(../img/icons/icon_manage_on.png);
	background-repeat:no-repeat;
	}
	
.icon_service a{
	background-image: url(../img/icons/icon_services_off.png);
	background-repeat:no-repeat;
	background-position:20px 10px;
	}
	
.icon_service a.active{
	background-image: url(../img/icons/icon_services_on.png);
	background-repeat:no-repeat;
	background-position:20px 10px;
	}
	
.icon_service a:hover{
	background-image: url(../img/icons/icon_services_on.png);
	background-repeat:no-repeat;
	}
	
.icon_training a{
	background-image: url(../img/icons/icon_training_off.png);
	background-repeat:no-repeat;
	background-position:20px 10px;
	}
	
.icon_training a.active{
	background-image: url(../img/icons/icon_training_on.png);
	background-repeat:no-repeat;
	background-position:20px 10px;
	}
	
.icon_training a:hover{
	background-image: url(../img/icons/icon_training_on.png);
	background-repeat:no-repeat;
	}

.icon_consultancy a{
	background-image: url(../img/icons/icon_consultancy_off.png);
	background-repeat:no-repeat;
	background-position:20px 10px;
	}
	
.icon_consultancy a.active{
	background-image: url(../img/icons/icon_consultancy_on.png);
	background-repeat:no-repeat;
	background-position:20px 10px;
	}
	
.icon_consultancy a:hover{
	background-image: url(../img/icons/icon_consultancy_on.png);
	background-repeat:no-repeat;
	}
	
.icon_content-management a{
	background-image: url(../img/icons/icon_content_off.png);
	background-repeat:no-repeat;
	background-position:20px 10px;
	}
	
.icon_content-management a.active{
	background-image: url(../img/icons/icon_content_on.png);
	background-repeat:no-repeat;
	background-position:20px 10px;
	}
	
.icon_content-management a:hover{
	background-image: url(../img/icons/icon_content_on.png);
	background-repeat:no-repeat;
	}
	
.icon_testimonials a{
	background-image: url(../img/icons/icon_testimonial_off.png);
	background-repeat:no-repeat;
	background-position:20px 10px;
	}
	
.icon_testimonials a.active{
	background-image: url(../img/icons/icon_testimonial_on.png);
	background-repeat:no-repeat;
	background-position:20px 10px;
	}
	
.icon_testimonials a:hover{
	background-image: url(../img/icons/icon_testimonial_on.png);
	background-repeat:no-repeat;
	}
	
.icon_company a{
	background-image: url(../img/icons/icon_about_off.png);
	background-repeat:no-repeat;
	background-position:20px 10px;
	}	
	
.icon_company a.active{
	background-image: url(../img/icons/icon_about_on.png);
	background-repeat:no-repeat;
	background-position:20px 10px;
	}
		
.icon_company a:hover{
	background-image: url(../img/icons/icon_about_on.png);
	background-repeat:no-repeat;
	}
	
.icon_customers a{
	background-image: url(../img/icons/icon_costumers_off.png);
	background-repeat:no-repeat;
	background-position:20px 10px;
	}
	
.icon_customers a.active{
	background-image: url(../img/icons/icon_costumers_on.png);
	background-repeat:no-repeat;
	background-position:20px 10px;
	}
	
.icon_customers a:hover{
	background-image: url(../img/icons/icon_costumers_on.png);
	background-repeat:no-repeat;
	}
	
.icon_dealership a{
	background-image: url(../img/icons/icon_dealership_off.png);
	background-repeat:no-repeat;
	background-position:20px 10px;
	}
	
.icon_dealership a.active{
	background-image: url(../img/icons/icon_dealership_on.png);
	background-repeat:no-repeat;
	background-position:20px 10px;
	}
	
.icon_dealership a:hover{
	background-image: url(../img/icons/icon_dealership_on.png);
	background-repeat:no-repeat;
	}
	
.icon_contact a{
	background-image: url(../img/icons/icon_contact_off.png);
	background-repeat:no-repeat;
	background-position:20px 10px;
	}
	
.icon_contact a.active{
	background-image: url(../img/icons/icon_contact_on.png);
	background-repeat:no-repeat;
	background-position:20px 10px;
	}
	
.icon_contact a:hover{
	background-image: url(../img/icons/icon_contact_on.png);
	background-repeat:no-repeat;
	}
	


/*************************************************
	Menu
*************************************************/

#menu{
	font-family: Arial;
	list-style: none;
	float: right;
	margin:23px 10px 0 10px;
	padding: 0;
	}

#menu li{
	margin: 0; 
	padding: 0px;
	float:left;
	text-align:center;
}

#menu li a{
	color: #FFF;
	cursor:pointer;
	letter-spacing:1px;
	display: block;
	font-size: 20px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration: none;
	padding:11px 19px 11px 19px;
}

#menu li a.active {
	text-decoration: none;
	color:#2bb6ce;
	text-transform:uppercase;
	background-image: url(../img/bg_menu.png);
	background-repeat:no-repeat;
	background-position: bottom center;
}

#menu li a:hover{
	border: 0;
	color:#2bb6ce;
	text-decoration: none;
}

/*************************************************
	Footer
*************************************************/

#footer {
	width:890px;
	color:#5f5f5f;
	background-color:#69C;
	height:181px;
	float:left;
	font-size:11px;
	margin:22px 0 20px 0;
	padding:15px;
	background-image: url(../img/footer2.png);
	background-repeat:no-repeat;
	overflow-x:hidden;
	color: #999;
}

#footer_home {
	width:890px;
	color:#5f5f5f;
	height:181px;
	font-size:11px;
	margin:22px 0 20px 0;
	padding:15px;
	background-image: url(../img/footer_home2.jpg);
	background-repeat:no-repeat;
	overflow-x:hidden;
	color: #999;
}

#footer_testimonial{
	float:left;
	margin:30px 0 0 149px;
	}

#footer_testimonial h2{
	position:relative;
	color:#FFF;
	font-size:20px;
	}
	
#footer_testimonial h3{
	position:relative;
	margin:10px 0 0 0;
	color:#2e91a1;
	font-size:16px;
	}

.navigation{
	text-transform: lowercase;
	float:right;
	}

.navigation h1{
	color:#5f5f5f;
	font-size:20px;
	width:120px;
	margin:0 0 4px 0;
	}

/*************************************************
	Menu Footer
*************************************************/

.menu_footer{
	font-family: Arial;
	list-style: none;
	float: left;
	margin:0px;
	padding: 0;
	}

.menu_footer li{
	margin: 0; 
	padding: 0px;
}

.menu_footer li a{
	cursor:pointer;
	width:130px;
	color:#999;
	display: block;
	font-size: 11px;
	text-indent:15px;
	border-bottom:1px #2c2c2c solid;
	text-decoration: none;
	padding:5px 5px 5px 0;
	background-image: url(../img/arrow.gif);
	background-repeat:no-repeat;
	background-position:3px center;
}

.menu_footer li a.active {
	text-decoration: none;
	color:#2bb6ce;
	text-transform:uppercase;
	background-image: url(../img/bg_menu.png);
	background-repeat:no-repeat;
	background-position: bottom center;
}

.menu_footer li a:hover{
	color:#2bb6ce;
	border-bottom:1px #2c2c2c solid;
	text-decoration: none;
}


/*************************************************
   Contact
*************************************************/

label
{
	float: left;
	padding:6px 0 0 0;
	height:30px;
	float:left;
	width: 130px;
}

.input_large{
	background-image: url(../img/inputfield_large.gif);
	background-repeat:no-repeat;
	width:213px;
	height:28px;
	border:0px;
	font-size:12px;
	padding:2px 8px 0 7px;
	color:#5f5f5f;
	margin:0 0 10px 0;
	background-repeat:no-repeat;
	}

.button_small{
	background-image: url(../img/button_small.gif);
	background-repeat:no-repeat;
	width:119px;
	float:left;
	border:0px;
	height:30px;
	text-transform:uppercase;
	padding:0 0 2px 0;
	font-size:12px;
	margin:0 0 0 238px;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	cursor: pointer;
	cursor: hand;
	}	
	
.contact{
	position:absolute;
	background-image: url(../img/hq.jpg);
	background-repeat:no-repeat;
	background-position:right 28px;
	bottom:0px;
	font-size:11px;
	}
	
.contact a{
	background-image: url(../img/button_contact.gif);
	background-repeat:no-repeat;
	width:152px;
	height:23px;
	padding:7px 0 0 0;
	display:block;
	text-align:center;
	margin:5px 0 0 15px;
	color:#494949;
	text-decoration:none;
	}
	
.contact a:hover{
	background-position:0 -30px;
	}

.form_contact {
	width: 500px;
	
	padding: 0;
	margin: 20px 10px 0 10px;
}

.form_contact label
{
	
	float: left;
	width: 170px;
	margin: 3px 0 0 0;
}

.form_contact input, .form_contact textarea
{
	font-size: 12px;
	font-family: arial;
	float: left; 
	width: 310px;
	margin: 0 0 12px 0;
	padding: 4px;
	border: 2px solid #ccc;
	overflow:auto;
}

.form_contact select
{
	float: left; 
	width: 292px;
	margin: 5px 0;
	padding: 3px;
	border: 2px solid #aaa;
}

.form_contact .form_submit {

	font-family: Arial;
	font-weight: bold;
	float: right;
	font-size: 14px;
	padding: 0;
	margin: 10px 10px 0 0;
	clear: both;
	color: #fff;
	background-color: #91B83E;
	border: 2px solid #91B83E;
	text-decoration: none;
	width: 110px;
	padding: 3px 15px;
	cursor: pointer;
	cursor: hand;
	
}


/*==================================
Hide lists on page load
====================================*/

.stylish-select ul.newList {left:-9999px;}

/*==================================
Costum selectbox large
====================================*/
#select_large ul.newList * {margin:0; padding:0;}
#select_large ul.newList a {color: #5f5f5f; text-decoration:none; display:block;}
#select_large ul.newList {margin:6px 0 0 0; height:200px; padding:0; list-style:none; color:#5f5f5f; width:224px; background:#fff; position:absolute;  border:1px solid #ccc;  left:0; overflow:auto; z-index:9999;}
#select_large .newListSelected {width:220px; font-family:Arial, Helvetica, sans-serif;, sans-serif; color:#5f5f5f; font-size:12px; height:24px; padding:6px 0 0 8px; margin:2px 0 10px 0 ; float:left; background:url(../img/select_large.gif) no-repeat;}
#select_large .newListSelected span {width:228px; display:block;}
#select_large ul.newList li a {padding:1px 8px; display: block; }
#select_large ul.newList li a:focus {-moz-outline-style: none;}
#select_large .selectedTxt {width:205px; overflow:hidden; height:16px; padding:0 23px 0 0;}
#select_large .hiLite {background:#0ea5bf!important; color:#fff!important;}
#select_large .hiLite a {background:#0ea5bf!important; color:#fff!important;}
#select_large .newListHover {background:#ccc!important; color:#000!important; cursor:default;}
#select_large .newListSelHover, .newListSelFocus {background-position:0 -30px; cursor:default;}
#select_large .newListOptionTitle {font-weight:bold; }
#select_large .newListOptionTitle ul {margin:3px 0 0;}
#select_large .newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}