body {
	text-align: center;
	margin: 0 auto;
	padding: 0 auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #333;
}
html { 
	overflow-y: scroll;
    background: url(../img/screen/bg-xl.jpg) no-repeat center center fixed;
	background-color: #b1b1b1;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
@media only screen and (max-width: 1024px) and (orientation:landscape) {
html { 
    background: url(../img/screen/bg-l.jpg) no-repeat center center fixed; 
	background-color: #b1b1b1;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}}
@media only screen and (min-device-width: 768px) and (max-device-width: 991px) {
html { 
    background: url(../img/screen/bg-m.jpg) no-repeat center center fixed; 
	background-color: #b1b1b1;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}}
@media only screen and (min-device-width: 0px) and (max-device-width: 767px) {
html { 
    background: url(../img/screen/bg-s.jpg) no-repeat center center fixed; 
	background-color: #b1b1b1;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}}
#main-container {
	width: 992px;
	height: auto;
	text-align: left;
	margin: 0 auto;
	padding: 0 auto;
}
.about-item {
	width: 440px;
	height: auto;
	text-align: left;
	background-color: #FFF;
	margin: 0;
	padding: 20px;
	float: left;
}
.about-left {
	width: 78px;
	height: auto;
	text-align: left;
	margin: 0;
	padding: 10px 0 0 0;
	float: left;
}
.about-right {
	width: 282px;
	height: auto;
	text-align: left;
	margin: 0;
	padding: 0;
	float: left;
}
.about-text {
	width: 450px;
	height: auto;
	min-height: 150px;
	text-align: left;
	background-color: #FFF;
	margin: 0;
	padding: 15px 15px 0 15px;
	margin: 0;
	float: left;
}
.border-grey {
	width: 480px;
	height: 2px;
	text-align: left;
	background: url(../img/screen/border-grey.png) repeat-x;
	margin: 0;
	padding: 0;
	float: left;
}
.contact-button {
	width: 169px;
	height: 58px;	
	text-align: left;
	background: url(../img/screen/contact-button.png) no-repeat;
	background-position: top;
	margin: -29px 26px 0 0;
	padding: 0;
	float: right;
}
.contact-button:hover {
	background-position: bottom;
}
.content-container-left {
	width: 480px;
	height: auto;
	text-align: left;
	margin: 0 0 10px 5px;
	padding: 0;
	float: left;
}
.content-container-right {
	width: 480px;
	height: auto;	
	text-align: left;
	margin: 0 5px 10px 0;
	padding: 0;
	float: right;
}
.content-title {
	width: auto;
	height: 15px;	
	text-align: left;
	background: url(../img/screen/title-grey-bg.png) repeat-x;
	margin: 0 35px 0 0;
	padding: 9px 11px 11px 11px; 
	float: right;
}
.content-title-left {
	width: auto;
	height: 15px;	
	text-align: left;
	background: url(../img/screen/title-grey-bg.png) repeat-x;
	margin: 0 0 0 35px;
	padding: 9px 11px 11px 11px; 
	float: left;
}
.content-title-active {
	width: auto;
	height: 15px;	
	text-align: left;
	background: url(../img/screen/title-grey-bg.png) repeat-x;
	margin: 0 35px 0 0;
	padding: 9px 11px 11px 11px; 
	float: right;
}
.content-title-active:hover {
	background: url(../img/screen/title-blue-bg.png) repeat-x;
}	
.download-button {
	width: 360px;
	height: 40px;	
	text-align: left;
	background: url(../img/screen/download-button.png) no-repeat;
	background-position: top;
	margin: -35px 0 0 52px;
	padding: 0;
	float: left;
}
.download-button:hover {
	background-position: bottom;
}
.download-button2 {
	width: 360px;
	height: 40px;	
	text-align: left;
	background: url(../img/screen/download-button2.png) no-repeat;
	background-position: top;
	margin: -35px 0 0 52px;
	padding: 0;
	float: left;
}
.download-button3 {
	width: 360px;
	height: 40px;	
	text-align: left;
	background: url(../img/screen/download-button3.png) no-repeat;
	background-position: top;
	margin: 0px 0 0 52px;
	padding: 0;
	float: left;
}
.download-button3:hover {
	background-position: bottom;
}
.manual-button {
	width: 161px;
	height: 40px;	
	text-align: left;
	background: url(../img/screen/manual-button2.png) no-repeat;
	background-position: top;
	margin: -35px 30px 0 0;
	&:hover{
		visibility: visible;
	}
	padding: 0;
	float: right;
}
.manual-button:hover {
	background-position: bottom;
}
#footer {
	width: 992px;	
	height: 32px;
	text-align: center;
	background: url(../img/screen/footer.png) no-repeat;
	margin: 25px 0 30px 0;
	padding-top: 20px;
	float: left;
}
#header-container {
	width: 992px;
	height: 174px;
	text-align: left;
	background: url(../img/screen/header-bg.png) repeat-x;
	background-position: bottom;
	margin-top: 20px;
}
.header-tekst-1 {
	width: auto;
	height: auto;
	text-align: left;
	margin: 0px 0 0 380px;
}
.header-tekst-2 {
	width: auto;
	height: auto;
	text-align: left;
	margin: 12px 0 0 565px;
}
.img-wrapper {
	width: 450px;
	height: 300px;
	float: left;
	position: relative;
	margin: 10px 10px 10px 0;
}
.img-wrapper-2 {
	width: 240px;
	height: 154px;
	float: left;
	position: relative;
	margin: 10px 10px 10px 0;
}
.img-wrapper-3 {
	width: 240px;
	height: 154px;
	float: right;
	position: relative;
	margin: 0px 0px 10px 10px;
}
.img-wrapper-4 {
	width: 240px;
	height: 200px;
	float: left;
	position: relative;
	margin: 10px 10px 10px 0;
}
.img-wrapper-4R {
	width: 240px;
	height: 200px;
	float: right;
	position: relative;
	margin: 0px 0px 10px 10px;
}
.img-wrapper-5 {
	width: 210px;
	height: 168px;
	float: left;
	position: relative;
	margin: 10px 10px 10px 0;
}
.img-wrapper-6 {
	width: 215px;
	height: 172px;
	float: right;
	position: relative;
	margin: 10px 0px 10px 10px;
}
.overlay a{
	background: url(../img/screen/overlay.png) no-repeat;
	filter:alpha(opacity=00);
    -moz-opacity:0.0;
    -khtml-opacity: 0.0;
    opacity: 0.0;	
	width: 268px;
	height: 156px;
	text-align: center;
	margin: 0 auto;
	position: absolute;
	top: 0px;
	left: 0px;
}
.overlay a:hover {
	background: url(../img/screen/overlay.png) no-repeat;
	filter:alpha(opacity=100);
    -moz-opacity:1.0;
    -khtml-opacity: 1.0;
    opacity: 1.0;	
	position: absolute;
	top: 0px;
	left: 0px;
}
#logobalk-container {
	width: 992px;
	height: 55px;
	text-align: left;
	background: url(../img/screen/logobalk-bg.png) repeat-x;	
}
#logo-container {
	width: 350px;
	height: 75px;
	text-align: left;
	background: url(../img/screen/logo-bg.png) no-repeat;
	margin-left: 50px;
	padding: 8px 0 0 42px;
}
.mail-icon {
	width: 28px;
	height: 28px;
	text-align: left;
	margin: 17px 0 17px 0;
	background: url(../img/screen/mail-icon.png) no-repeat;
	padding: 0;
	float: left;
	position: absolute;	
}
.mail-icon2 {
	width: 1px;
	height: 1px;
	text-align: left;
	margin: 1px 0 1px 0;
	padding: 0;
	float: left;
	position: absolute;	
}
.more {
	width: auto;
	height: 15px;	
	text-align: left;
	background: url(../img/screen/title-grey-bg.png) repeat-x;
	margin: 0 35px 0 0;
	padding: 9px 11px 11px 11px; 
	float: right;
}
.more:hover {
	background: url(../img/screen/title-blue-bg.png) repeat-x;
}

#nav {
	width: 522px;
	height: 45px;
	text-align: left;
	background: url(../img/screen/menu-bg.png) repeat-x;
	margin: -55px 0 0 0;
}
#nav ul {
     list-style-type: none;
	 padding: 0; 
	 margin: 0 0 0 0px; 
} 
#nav ul li {
     float: left;
	 margin: 0;
} 

#nav ul li.home a {text-align: center; display:block; width: 73px; height: 45px; text-decoration:none; background-image: url(../img/screen/Info.png); background-position: top; }
#nav ul li.home a:hover { background-position: bottom; }
#nav ul li.home a.selected { background-position: bottom; }

#nav ul li.LapSim a {text-align: center; display:block; width: 208px; height: 45px; text-decoration:none; background-image: url(../img/screen/menu-11.png); background-position: top; }
#nav ul li.LapSim a:hover { background-position: bottom; }
#nav ul li.LapSim a.selected { background-position: bottom; }

#nav ul li.licenses a {text-align: center; display:block; width: 119px; height: 45px; text-decoration:none; background-image: url(../img/screen/menu-licenses.png); background-position: top; }
#nav ul li.licenses a:hover { background-position: bottom; }
#nav ul li.licenses a.selected { background-position: bottom; }

#nav ul li.services a {text-align: center; display:block; width: 122px; height: 45px; text-decoration:none; background-image: url(../img/screen/Exemples.png); background-position: top; }
#nav ul li.services a:hover { background-position: bottom; }
#nav ul li.services a.selected { background-position: bottom; }

#nav ul li.about a {text-align: center; display:block; width: 93px; height: 45px; text-decoration:none; background-image: url(../img/screen/menu-4.png); background-position: top; }
#nav ul li.about a:hover { background-position: bottom; }
#nav ul li.about a.selected { background-position: bottom; }
}

#nav1 {
	width: 992px;
	height: 45px;
	text-align: left;
	background: url(../img/screen/menu-bg.png) repeat-x;
	margin: 0px 0px 0px 0px;
}
#nav1 ul {
     list-style-type: none;
	 padding: 0; 
	 margin: 0px 0px 0px 0px; 
} 
#nav1 ul li {
     float: left;
	 margin: 0;  
} 
#nav1 ul li.general a {text-align: center; display:block; width: 189px; height: 45px; text-decoration:none; background-image: url(../img/screen/getting_started.png); background-position: top; }
#nav1 ul li.general a:hover { background-position: bottom; }
#nav1 ul li.general a.selected { background-position: bottom; }

#nav1 ul li.chassis a {text-align: center; display:block; width: 101px; height: 45px; text-decoration:none; background-image: url(../img/screen/menu-chassis.png); background-position: top; }
#nav1 ul li.chassis a:hover { background-position: bottom; }
#nav1 ul li.chassis a.selected { background-position: bottom; }

#nav1 ul li.drivetrain a {text-align: center; display:block; width: 128px; height: 45px; text-decoration:none; background-image: url(../img/screen/menu-drivetrain.png); background-position: top; }
#nav1 ul li.drivetrain a:hover { background-position: bottom; }
#nav1 ul li.drivetrain a.selected { background-position: bottom; }

#nav1 ul li.circuit a {text-align: center; display:block; width: 97px; height: 45px; text-decoration:none; background-image: url(../img/screen/menu-circuit.png); background-position: top; }
#nav1 ul li.circuit a:hover { background-position: bottom; }
#nav1 ul li.circuit a.selected { background-position: bottom; }

#nav1 ul li.analysis a {text-align: center; display:block; width: 110px; height: 45px; text-decoration:none; background-image: url(../img/screen/menu-analysis.png); background-position: top; }
#nav1 ul li.analysis a:hover { background-position: bottom; }
#nav1 ul li.analysis a.selected { background-position: bottom; }

#nav1 ul li.engine_sim a {text-align: center; display:block; width: 125px; height: 45px; text-decoration:none; background-image: url(../img/screen/menu-engine_sim.png); background-position: top; }
#nav1 ul li.engine_sim a:hover { background-position: bottom; }
#nav1 ul li.engine_sim a.selected { background-position: bottom; }

#nav1 ul li.sevenposter a {text-align: center; display:block; width: 242px; height: 45px; text-decoration:none; background-image: url(../img/screen/menu-7poster.png); background-position: top; }
#nav1 ul li.sevenposter a:hover { background-position: bottom; }
#nav1 ul li.sevenposter a.selected { background-position: bottom; }

#nav1 ul li.build_free_model a {text-align: center; display:block; width: 360px; height: 45px; text-decoration:none; background-image: url(../img/screen/menu-build_free_model.png); background-position: top; }
#nav1 ul li.build_free_model a:hover { background-position: bottom; }
#nav1 ul li.build_free_model a.selected { background-position: bottom; }

#nav1 ul li.race_weekend_preparation a {text-align: center; display:block; width: 289px; height: 45px; text-decoration:none; background-image: url(../img/screen/menu-race_weekend_preparation.png); background-position: top; }
#nav1 ul li.race_weekend_preparation a:hover { background-position: bottom; }
#nav1 ul li.race_weekend_preparation a.selected { background-position: bottom; }

#nav1 ul li.driving_line_analysis a {text-align: center; display:block; width: 286px; height: 45px; text-decoration:none; background-image: url(../img/screen/menu-driving_line_analysis.png); background-position: top; }
#nav1 ul li.driving_line_analysis a:hover { background-position: bottom; }
#nav1 ul li.driving_line_analysis a.selected { background-position: bottom; }

#nav1 ul li.simulated_engines a {text-align: center; display:block; width: 346px; height: 45px; text-decoration:none; background-image: url(../img/screen/menu-simulated_engines.png); background-position: top; }
#nav1 ul li.simulated_engines a:hover { background-position: bottom; }
#nav1 ul li.simulated_engines a.selected { background-position: bottom; }

#nav1 ul li.free_version a {text-align: center; display:block; width: 262px; height: 45px; text-decoration:none; background-image: url(../img/screen/FreeVersion.png); background-position: top; }
#nav1 ul li.free_version a:hover { background-position: bottom; }
#nav1 ul li.free_version a.selected { background-position: bottom; }

#nav1 ul li.chassis_license a {text-align: center; display:block; width: 181px; height: 45px; text-decoration:none; background-image: url(../img/screen/ChassisLicense.png); background-position: top; }
#nav1 ul li.chassis_license a:hover { background-position: bottom; }
#nav1 ul li.chassis_license a.selected { background-position: bottom; }

#nav1 ul li.engine_license a {text-align: center; display:block; width: 171px; height: 45px; text-decoration:none; background-image: url(../img/screen/EngineLicense.png); background-position: top; }
#nav1 ul li.engine_license a:hover { background-position: bottom; }
#nav1 ul li.engine_license a.selected { background-position: bottom; }

#nav1 ul li.create_license a {text-align: center; display:block; width: 378px; height: 45px; text-decoration:none; background-image: url(../img/screen/CreateLicense.png); background-position: top; }
#nav1 ul li.create_license a:hover { background-position: bottom; }
#nav1 ul li.create_license a.selected { background-position: bottom; }

#nav1 ul li.create_license2 a {text-align: center; display:block; width: 295px; height: 45px; text-decoration:none; background-image: url(../img/screen/CreateLicense2.png); background-position: top; }
#nav1 ul li.create_license2 a:hover { background-position: bottom; }
#nav1 ul li.create_license2 a.selected { background-position: bottom; }

#nav1 ul li.lapsim_history a {text-align: center; display:block; width: 276px; height: 45px; text-decoration:none; background-image: url(../img/screen/LapSim_History.png); background-position: top; }
#nav1 ul li.lapsim_history a:hover { background-position: bottom; }
#nav1 ul li.lapsim_history a.selected { background-position: bottom; }

#nav1 ul li.developer a {text-align: center; display:block; width: 138px; height: 45px; text-decoration:none; background-image: url(../img/screen/Developer.png); background-position: top; }
#nav1 ul li.developer a:hover { background-position: bottom; }
#nav1 ul li.developer a.selected { background-position: bottom; }

#nav1 ul li.consultancy a {text-align: center; display:block; width: 163px; height: 45px; text-decoration:none; background-image: url(../img/screen/Consultancy.png); background-position: top; }
#nav1 ul li.consultancy a:hover { background-position: bottom; }
#nav1 ul li.consultancy a.selected { background-position: bottom; }

#nav1 ul li.exemples a {text-align: center; display:block; width: 122px; height: 45px; text-decoration:none; background-image: url(../img/screen/Exemples.png); background-position: top; }
#nav1 ul li.exemples a:hover { background-position: bottom; }
#nav1 ul li.exemples a.selected { background-position: bottom; }

#nav1 ul li.contact a {text-align: center; display:block; width: 120px; height: 45px; text-decoration:none; background-image: url(../img/screen/Contact.png); background-position: top; }
#nav1 ul li.contact a:hover { background-position: bottom; }
#nav1 ul li.contact a.selected { background-position: bottom; }

#nav2 {
	width: 992px;
	height: 45px;
	text-align: left;
	background: url(../img/screen/menu-bg.png) repeat-x;
	margin: 45px 0 0px 0px;
}
#nav2 ul {
     list-style-type: none;
	 padding: 0; 
	 margin: 0px 0px 0px 0px; 
} 
#nav2 ul li {
     float: left;
	 margin: 0;
	  
} 
#nav2 ul li.masses a {text-align: center; display:block; width: 97px; height: 45px; text-decoration:none; background-image: url(../img/screen/menu-masses.png); background-position: top; }
#nav2 ul li.masses a:hover { background-position: bottom; }
#nav2 ul li.masses a.selected { background-position: bottom; }

#nav2 ul li.lengths a {text-align: center; display:block; width: 106px; height: 45px; text-decoration:none; background-image: url(../img/screen/menu-lengths.png); background-position: top; }
#nav2 ul li.lengths a:hover { background-position: bottom; }
#nav2 ul li.lengths a.selected { background-position: bottom; }

#nav2 ul li.aero a {text-align: center; display:block; width: 155px; height: 45px; text-decoration:none; background-image: url(../img/screen/menu-aero.png); background-position: top; }
#nav2 ul li.aero a:hover { background-position: bottom; }
#nav2 ul li.aero a.selected { background-position: bottom; }

#nav2 ul li.brakes a {text-align: center; display:block; width: 100px; height: 45px; text-decoration:none; background-image: url(../img/screen/menu-brakes.png); background-position: top; }
#nav2 ul li.brakes a:hover { background-position: bottom; }
#nav2 ul li.brakes a.selected { background-position: bottom; }

#nav2 ul li.springs a {text-align: center; display:block; width: 102px; height: 45px; text-decoration:none; background-image: url(../img/screen/menu-springs.png); background-position: top; }
#nav2 ul li.springs a:hover { background-position: bottom; }
#nav2 ul li.springs a.selected { background-position: bottom; }

#nav2 ul li.shocks a {text-align: center; display:block; width: 99px; height: 45px; text-decoration:none; background-image: url(../img/screen/menu-shocks.png); background-position: top; }
#nav2 ul li.shocks a:hover { background-position: bottom; }
#nav2 ul li.shocks a.selected { background-position: bottom; }

#nav2 ul li.tires a {text-align: center; display:block; width: 79px; height: 45px; text-decoration:none; background-image: url(../img/screen/menu-tires.png); background-position: top; }
#nav2 ul li.tires a:hover { background-position: bottom; }
#nav2 ul li.tires a.selected { background-position: bottom; }

#nav2 ul li.suspension a {text-align: center; display:block; width: 136px; height: 45px; text-decoration:none; background-image: url(../img/screen/menu-suspension.png); background-position: top; }
#nav2 ul li.suspension a:hover { background-position: bottom; }
#nav2 ul li.suspension a.selected { background-position: bottom; }

#nav2 ul li.steering a {text-align: center; display:block; width: 118px; height: 45px; text-decoration:none; background-image: url(../img/screen/menu-steering.png); background-position: top; }
#nav2 ul li.steering a:hover { background-position: bottom; }
#nav2 ul li.steering a.selected { background-position: bottom; 
}
.news-item {
	width: 360px;
	height: auto;
	text-align: left;
	background-color: #e3e3e3;
	margin: 0;
	padding: 20px;
	float: left;
}
.news-item:hover{
	background-color: #cfcfcf;
}
.news-left {
	width: 30px;
	height: auto;
	text-align: left;
	margin: 0 21px 0 0;
	padding: 6px 0 0 0;
	float: left;
	text-align: center;
}
.news-right {
	width: 309px;
	height: auto;
	text-align: left;
	margin: 0;
	padding: 0;
	float: left;
}
.news-img {
	margin: 10px 0 0 0;
	padding: 0;
	position: relative;
}
.news-text {
	width: 370px;
	height: auto;
	min-height: 150px;
	text-align: left;
	background-color: #FFF;
	margin: 0;
	padding: 15px 15px 0 15px;
	float: left;
}
.news-footer {
	width: 370px;
	height: 26px;
	text-align: left;
	background-color: #e3e3e3;
	margin: 0;
	padding: 11px 15px 0 15px;
	float: left;
}
.page-text {
	width: 370px;
	height: auto;
	min-height: 150px;
	text-align: left;
	background-color: #e3e3e3;
	margin: 0;
	padding: 15px 15px 0 15px;
	float: left;
}
.phone-icon {
	width: 28px;
	height: 28px;
	text-align: left;
	margin: 17px 0 17px 0;
	background: url(../img/screen/phone-icon.png) no-repeat;
	padding: 0;
	float: left;
	position: absolute;
}
#point-wrapper {
	width: 500px;
	height: auto;
	text-align: left;
	margin: 0;
	padding: 0;
	float: left;
}
.point-container {
	width: 414px;
	height: 62px;
	text-align: left;
	margin: 0 0 2px 16px;
	padding: 0;
	float: left;
}
.point-container-contact {
	width: 390px;
	height: 62px;
	text-align: left;
	margin: 0 0 2px 0;
	padding: 0;
	float: left;
}
.point-left {
	width: 19px;
	height: 22px;
	text-align: left;
	margin: 17px 0 17px 0;
	background-color: #4d8194;
	padding: 6px 0 0 9px;
	float: left;
	position: absolute;	
}
.point-right {
	width: 372px;
	height: 41px;
	text-align: left;
	margin: 0 0 0 14px;
	padding: 21px 0 0 28px;
	background-color: #FFF;
	float: left;
}

.point-right-contact {
	width: 350px;
	height: 41px;
	text-align: left;
	margin: 0 0 0 14px;
	padding: 21px 0 0 28px;
	background-color: #FFF;
	float: left;
}
.spacer {
	width: 400px;
	height: 20px;
	margin: 0 0 0 0;
	padding: 0;
	float: left;
}
.three-container {
	width: 932px;
	height: auto;
	text-align: left;
	margin: 40px 30px 0 30px;
	padding: 0;
	float: left;
}
.three-wrapper {
	width: 298px;
	height: auto;
	text-align: left;
	margin: 0 0 19px 0;
	padding: 0;
	float: left;
}
.three-spacer {
	width: 19px;
	height: 100px;
	text-align: left;
	margin: 0;
	padding: 0;
	float: left;
}
.three-content {
	width: 268px;
	height: auto;
	text-align: left;
	background-color: #FFF;
	margin: 0;
	padding: 15px 15px 0 15px;
	float: left;
}
.three-content-temp {
	width: 268px;
	height: auto;
	text-align: left;
	background-color: #FFF;
	margin: 0;
	padding: 15px 15px 0 15px;
	float: left;
}
.thumbnail:hover {
	position:relative;
	top:-30px;
	left:-25px;
	width:500px;
	height:auto;
	display:block;
	z-index:999;
}
.thumbnail_R:hover {
	position:relative;
	top:-30px;
	left:-235px;
	width:500px;
	height:auto;
	display:block;
	z-index:999;
}
.thumbnail2:hover {
	position:relative;
	top:-10px;
	left:-25px;
	width:500px;
	height:auto;
	display:block;
	z-index:999;
}