﻿/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
html, body { height:100%; }
body {font-size:100%; line-height:1em; }
html, input, textarea	{	font-family: Arial, Helvetica, sans-serif; 
		color:#333333;	}	

.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
div.container {
	overflow: hidden;
	width: 100%;
}
a img{ border:0px}
img{
	vertical-align: top;
}

a{
	color: #ff7122;
	text-decoration: none;
	width: 100%;
	height: auto;
} 
a:hover{text-decoration:underline}

.link{
	color: #ff7122;
	text-decoration: none;
	font-size: .83em;
	text-transform: uppercase;
	font-weight: bold;
}
.link:hover{text-decoration:underline }

ul{
	margin: 0;
	padding: 0;
	list-style: none;
	height: auto;
	width: auto;
	float: left;
}
ul li{
	background: url(images/marker.gif) top left no-repeat;
	background-position: 0 8px;
	margin: 0;
	padding-left: 22px;
	color: #333333;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 2.6em;
	font-size: .83em;
}
	
.link-1 { display:block; float:left; background:url(images/link_bg.gif) left top repeat-x; color:#ffffff; text-decoration:none; }
.link-1 em { display:block; background:url(images/link_left.gif) no-repeat left top;}
.link-1  b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:2px 23px 3px 28px; font-weight:normal; font-style:normal;}
.link-1:hover{ text-decoration:none; color:#000000}


/*header*/
#header {font-size:0.75em; color:#FFFFFF }
#header .logo{ margin:36px 0 0 35px }

/*content*/
#content{
	font-size: 0.75em;
	width: 100%;
	text-align: left;
	font-size: 0.75em;
	width: 922px;
	text-align: left;
	border-right-style: solid;
	border-left-style: solid;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-color: #333333;
	border-left-color: #333333;
	height: auto;
	float: left;
}
#content .indent-main{
	padding: 0 30px 0 36px;
}
#content .title{  margin-bottom:24px}
#content .title1{  margin:25px 0 18px 0}
#content .img-left{
	float: left;
	margin-bottom: 16px;
	margin-right: 10px;
}
#content .img-right{
	float: right;
	margin-bottom: 16px;
	margin-right: 10px;
}

#content .img-indent{ margin:0 0 16px 0}
#content p{
	margin: 0 0 15px 0;
}
#content .p{ margin:0 0 15px 0}
#content .p1{ margin:0 0 5px 0}
#content .p2{ margin:0 0 32px 0}
#content h4{
	color: #333333;
	font-size: 1em;
	margin-bottom: 15px;
	float: left;
}
#content h5{
	color: #62b29e;
	font-size: .83em;
	margin-bottom: 15px;
	font-weight: normal;
	text-transform: uppercase;
	width: auto;
}
#content .tail{ background:url(images/tail1.gif) repeat-x bottom; padding-bottom:9px; margin-bottom:9px}
#content .more{
	background: url(images/tail1.gif) repeat-x bottom;
	padding-bottom: 1px;
	float: right;
	width: 100%;
	text-align: right;
	padding-top: 5px;
}
.banner{ margin-top:23px}
.txt{
	color: #333333
}
.txt1{ text-transform:uppercase; font-size:.83em}

#content .indent{
	padding: 8px 0 0 0;
}
#content .indent1{
}
#content .indent-1{padding:0 0 0 198px}

/*box*/
.box{ background:#EAE4E0; width:100%;}
.box .border-top {background:url(images/border_top.gif) repeat-x top;}
.box .border-bottom {background:url(images/border_bottom.gif) repeat-x bottom;}
.box .border-left {background:url(images/border_left.gif) repeat-y left;}
.box .border-right {background:url(images/border_right.gif) repeat-y right;}
.box .corner-top-left {background:url(images/corner_top_left.gif) no-repeat left top;}
.box .corner-top-right {background:url(images/corner_top_right.gif) no-repeat right top;}
.box .corner-bottom-left {background:url(images/corner_bottom_left.gif) no-repeat left bottom;}
.box .corner-bottom-right {background:url(images/corner_bottom_right.gif) no-repeat right bottom; width:100%; }
.box .indent-box{ padding:0 0 0 0; }


/*footer*/
#footer { color:#ffffff; font-size:0.75em; background:url(images/bot1.gif) repeat-x top }
#footer .indent-footer{
	padding: 56px 30px 0 30px;
}
#footer a {color:#000000; text-decoration:underline}  
#footer a:hover {  text-decoration:none}

#footer2 { color:#ffffff; font-size:0.75em; background:url(images/bot2.gif) repeat-x top }
#footer2 .indent-footer2{
	padding: 56px 30px 0 30px;
}
#footer2 a {color:#000000; text-decoration:underline}  
#footer2 a:hover {  text-decoration:none}

#footer3 { color:#ffffff; font-size:0.75em; background:url(images/bot3.gif) repeat-x top }
#footer3 .indent-footer3{
	padding: 56px 30px 0 30px;
}
#footer3 a {color:#000000; text-decoration:underline}  
#footer3 a:hover {  text-decoration:none}

#footer4 { color:#ffffff; font-size:0.75em; background:url(images/bot4.gif) repeat-x top }
#footer4 .indent-footer4{
	padding: 56px 30px 0 30px;
}
#footer4 a {color:#000000; text-decoration:underline}  
#footer4 a:hover {  text-decoration:none}

#footer5 { color:#ffffff; font-size:0.75em; background:url(images/bot5.gif) repeat-x top }
#footer5 .indent-footer5{
	padding: 56px 30px 0 30px;
}
#footer5 a {color:#000000; text-decoration:underline}  
#footer5 a:hover {  text-decoration:none}

#footer6 { color:#ffffff; font-size:0.75em; background:url(images/bot6.gif) repeat-x top }
#footer6 .indent-footer6{
	padding: 56px 30px 0 30px;
}
#footer6 a {color:#000000; text-decoration:underline}  
#footer6 a:hover {  text-decoration:none}

#footer7 {
	color: #ffffff;
	font-size: 0.75em;
	background: url(images/bot7.gif) repeat-x top;
	height: 97px;
}
#footer7 .indent-footer7{
	padding: 56px 30px 0 30px;
}
#footer7 a {color:#000000; text-decoration:underline}  
#footer7 a:hover {  text-decoration:none}

.h{
	height: 35px;
	width: 275px;
}
.block-contact span{ float:right; margin-right:100px}
.input{
	border: 1px solid #a4a4a4;
	background: #C0DFFE;
	width: 182px;
	height: 18px;
	padding-top: 5px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	padding-left: 5px;
	margin-bottom: 3px;
	color: #333333;
	float: left;
}
select{
	border: 1px solid #a4a4a4;
	background: #C0DFFE;
	width: 80px;
	height: 23px;
	padding-top: 2px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	padding-left: 5px;
	margin-bottom: 3px;
	color: #333333;
}

textarea{
	border: 1px solid #a4a4a4;
	background: #C0DFFE;
	width: 250px;
	height: 328px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	padding-left: 5px;
	margin-bottom: 11px;
	color: #333333;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

.header {
	font-size: 30px;
	font-weight: normal;
	text-transform: uppercase;
	color: #333333;
	font-family: arial, Helvetica, sans-serif;
	width: 100%;
	height: auto;
	margin-top: 7px;
	margin-bottom: 24px;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
}
.header1 {
	font-size: 30px;
	font-weight: normal;
	text-transform: uppercase;
	color: #333333;
	float: left;
	font-family: arial, Helvetica, sans-serif;
	width: 100%;
	height: auto;
	margin-top: 25px;
	margin-bottom: 18px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#quote {
	width: 856px;
	height: 38px;
	text-align: center;
	padding-top: 20px;
	float: left;
}
.environ_policy {
	width: 100%;
	height: 100%;
}
.float {
	float: left;
}
.projects_title {
	width: 100%;
	color: #666666;
}
.contact_text {
	width: 100px;
	height: 19px;
	float: left;
	font-size: 12px;
	padding-top: 4px;
	font-weight: bold;
}
.newStyle1 {
	width: 563px;
	height: auto;
}
.textboxes {
	width: 301px;
	height: auto;
	float: left;
	margin-top: 10px;
}
.textarea {
	width: 262px;
	height: auto;
	float: left;
	margin-top: 10px;
}
.textbox_row {
	width: auto;
	height: 35px;
	float: left;
}
.container_left_float {
	width: 100%;
	height: auto;
	float: left;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #999999;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
.small_container_products {
	width: 276px;
	height: 140px;
	float: left;
	padding-right: 5px;
}
.small_container_products2 {
	width: 277px;
	height: 140px;
	float: left;
	padding-left: 5px;
}
.products_image {
	width: 100px;
	height: 100px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.small_container_products3 {
	width: 276px;
	height: 110px;
	float: left;
	padding-right: 5px;
}
.small_container_products4 {
	width: 277px;
	height: 110px;
	float: left;
	padding-left: 5px;
}
.products_image2 {
	width: 100px;
	height: 140px;
	float: left;
	margin-right: 10px;
}
.sponsors {
	width: 214px;
	height: 38px;
	float: left;
	text-align: center;
}
.projects_thumbs_left {
	width: 261px;
	height: 80px;
	float: left;
	margin-bottom: 20px;
	padding-right: 20px;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #FFFFFF;
	font-weight: bold;
}
.projects_thumbs_right {
	width: 261px;
	height: 80px;
	float: left;
	margin-bottom: 20px;
	padding-left: 20px;
	font-weight: bold;
}
.projects_thumb_image {
	float: left;
	margin-right: 10px;
}
#projects_conatainer {
	height: auto;
	width: 856px;
	padding-bottom: 10px;
	float: left;
}
.projects_top_holder {
	width: 856px;
	height: 650px;
	float: left;
}
.green_bar {
	width: 170px;
	height: 325px;
	background-color: #c0e103;
}
.projects_middle_space1 {
	width: 400px;
	height: 650px;
	float: left;
	margin-right: 20px;
}
.projects_specifications_right1 {
	width: 246px;
	height: 650px;
	float: left;
	text-align: center;
}
.poject_specs {
	width: 400px;
	height: 130px;
	float: left;
	font-weight: bold;
	color: #666666;
}
.poject_title_text {
	width: 400px;
	float: left;
	height: auto;
	font-weight: normal;
	font-size: 26px;
	line-height: 28px;
	color: #C0E103;
}
.poject_description {
	width: 400px;
	height: auto;
	float: left;
	padding-top: 20px;
}
.right {
	text-align: right;
}
.projects_title {
	width: 100%;
}
.full {
	width: 100%;
}
.big_img_project {
	margin-bottom: 20px;
	width: auto;
	height: auto;
}
.projects_small_img {
	width: 400px;
	height: 142px;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
}
.projects_small_image {
	float: left;
	margin-right: 20px;
}
.projects_left_bar {
	width: 170px;
	height: 650px;
	float: left;
	margin-right: 20px;
}
.pdf_button {
	width: 170px;
	height: auto;
	text-align: center;
}
.container_bg_full_page {
	background: url(images/tail1.gif) repeat-x bottom;
	width: 856px;
	height: auto;
	padding-top: 8px;
	float: left;
}
.solutions_description {
	width: 400px;
	height: auto;
	float: left;
}
.purple_bar {
	width: 170px;
	height: 218px;
	background-color: #300444;
	padding-top: 107px;
}
.pdf_button_projects {
	width: 170px;
	height: 60px;
	text-align: center;
	padding-top: 264px;
}
.login_border {
	width: 311px;
	height: auto;
	float: left;
	margin-right: 40px;
	border: 1px solid #999999;
}
.client_area_img {
	width: 501px;
	height: 445px;
	float: left;
	border: 1px solid #999999;
	padding-bottom: 20px;
}
.login_title {
	width: auto;
	height: 23px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #999999;
	font-size: 16px;
	font-weight: bold;
	padding-top: 7px;
	padding-left: 10px;
}
.login_subtitle {
	width: 491px;
	height: 23px;
	font-size: 14px;
	font-weight: normal;
	padding-top: 7px;
	padding-left: 10px;
	float: left;
}
.textboxes_holder {
	width: 291px;
	height: auto;
	padding: 20px 0 20px 0;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}
.contact_text2 {
	width: 100px;
	height: 19px;
	float: left;
	font-size: 12px;
	padding-top: 4px;
	font-weight: normal;
}
.login_button {
	width: 291px;
	height: 25px;
	text-align: right;
	padding-top: 20px;
	float: left;
}
.textboxes_holder2 {
	width: 301px;
	height: auto;
	margin-right: 107px;
	margin-left: 108px;
	padding-top: 20px;
	padding-bottom: 20px;
	float: left;
}
.contact_text3 {
	width: 110px;
	height: 19px;
	float: left;
	font-size: 12px;
	padding-top: 4px;
	font-weight: normal;
}
.register_button {
	width: 301px;
	text-align: right;
	height: 25px;
	margin-right: 107px;
	margin-left: 108px;
}
.register_title {
	width: 491px;
	height: 23px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #999999;
	font-size: 16px;
	font-weight: bold;
	padding-top: 7px;
	padding-left: 10px;
}
.remember_box {
	width: 191px;
	height: 19px;
	float: left;
	padding-left: 100px;
	padding-top: 6px;
}
.forgot_pass {
	width: 185px;
	height: 19px;
	float: left;
	padding-left: 116px;
	padding-top: 6px;
}
.container_bg_login {
	background-position: left bottom;
	background: no-repeat left bottom;
	width: 856px;
	height: 550px;
	padding-top: 8px;
	background-image: url('images/login_img.gif');
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #999999;
}
.download {
	width: 856px;
	height: 76px;
}
.tech_menu {
	width: auto;
	height: 25px;
	padding-top: 10px;
	padding-left: 30px;
	background-image: url('images/arrow.jpg');
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 14px;
	font-weight: bold;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #C0C0C0;
}
.fake_link {
	color: #62b29e;
	text-decoration: none;
	font-size: .83em;
	text-transform: uppercase;
	font-weight: bold;
}
.projects_thumbs_main {
	width: 247px;
	height: 80px;
	float: left;
	margin-bottom: 20px;
	font-weight: bold;
}
#content .img-testim {
	float: right;
}
.home_image1 {
	width: 276px;
	height: 200px;
	float: left;
	padding-right: 5.5px;
	padding-top: 10px;
	padding-bottom: 15px;
}
.home_image2 {
	width: 276px;
	height: 200px;
	float: left;
	padding-left: 5.5px;
	padding-top: 10px;
	padding-bottom: 15px;
}
.rating_img-right {
	float: right;
}
.blue_bar {
	width: 170px;
	height: 325px;
	background-color: #65ceff;
	text-align: right;
}
.projects_middle_space_full {
	width: 666px;
	height: 795px;
	float: left;
}
.solutions_description_full {
	width: 666px;
	height: auto;
	float: left;
}
.projects_left_bar_long {
	width: 170px;
	height: 795px;
	float: left;
	margin-right: 20px;
}
.projects_middle_space_ferrari {
	width: 400px;
	height: 580px;
	float: left;
	margin-right: 20px;
}
.projects_left_bar_ferrari {
	width: 170px;
	height: 580px;
	float: left;
	margin-right: 20px;
}
.projects_specifications_right_ferrari {
	width: 246px;
	height: 580px;
	float: left;
	text-align: center;
}
.bark_img_technical {
	margin-bottom: 20px;
	width: 246px;
	height: 425px;
	text-align: left;
}
.bark_row {
	width: 246px;
	height: 85px;
}
.bark_container {
	width: 123px;
	height: 85px;
	float: left;
}
.bark_img {
	width: 123px;
	height: 65px;
	text-align: center;
}
.bark_type {
	width: 123px;
	height: 18px;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	padding-top: 2px;
}
.projects_middle_space_bark {
	width: 400px;
	height: 425px;
	float: left;
	margin-right: 20px;
}
.projects_left_bar_bark {
	width: 170px;
	height: 425px;
	float: left;
	margin-right: 20px;
}
.projects_specifications_right_bark {
	width: 246px;
	height: 425px;
	float: left;
	text-align: center;
}
.pdf_button_bark {
	width: 170px;
	height: auto;
	text-align: center;
	padding-top: 40px;
}
