body {
background:		#eee;
color:			#333;
font-family:		Arial, Helvetica, Verdana, sans-serif;
font-size: 		small;
font-weight:		normal;
text-align:		left;
line-height:		normal;
margin:			0;
padding:		0;
}







/* ---------------------- TYPOGRAPHY ---------------------- */

h1 {
font-size: 		190%;
font-weight:		bold;
color:			#1155aa;
margin:			0 0 20px 0;
padding:		0;
line-height:		1.2em;
}

h2 {
font-size: 		160%;
font-weight:		bold;
color:			#1155aa;
margin:			0 0 20px 0;
padding:		0;
line-height:		1.2em;
}

h3 {
font-size: 		120%;
font-weight:		bold;
color:			#1155aa;
margin:			0 0 5px 0;
padding:		0;
line-height:		1.2em;
}

h1 a, h2 a, h3 a {
color:			#1155aa;
padding:		0 0 2px 0;
text-decoration:	none;
}

h1 a:hover, h2 a:hover, h3 a:hover {
border-bottom:		3px solid #11bbee;
}

p {
line-height:		1.2em;
margin:			0 0 20px 0;
padding:		0;
}

p a {
color:			#333;
text-decoration:	none;
}

p a:hover {
color:			#1155aa;
}

ul {
line-height:		1.2em;
list-style-type:	square;
margin:			0 0 20px 0;
padding:		0;
list-style-position:	inside;
}

ul li {
margin:			0 0 5px 0;
padding:		0;
}

.nowrap {
white-space:		nowrap;
}

.red {
color:			#ff0000;
}







/* ---------------------- CONTAINERS ---------------------- */

.containerwrap {
background:		#fff;
width:			960px;
margin:			0 auto;
padding:		0;
overflow:		hidden;
}

.container {
width:			880px;
margin:			0 40px;
padding:		0;
}







/* ---------------------- FLOATING CONTAINERS---------------------- */

.left520_container {
float:			left;
width: 			520px;
margin: 		0;
padding: 		0;
}

.right320_container {
float:			right;
width: 			320px;
margin: 		0;
padding: 		0;
overflow:		visible;
}

.left420_container {
float:			left;
width: 			420px;
margin: 		0;
padding: 		0;
}

.right420_container {
float:			right;
width: 			420px;
margin: 		0;
padding: 		0;
}

.left520_container img, .right320_container img, .left420_container img, .right420_container img {
margin: 		0 0 20px 0;
}

.tooling_container {
height:			400px;
text-align: 		center;
}







/* ---------------------- HEADER ---------------------- */

.header {
position:		relative;
top:			0;
left:			0;
background:		#1155aa url(../images/general/bg.gif) repeat-y 0 0;
width:			960px;
height:			180px;
margin:			0;
padding:		0;
}







/* ---------------------- LOGO ---------------------- */

.logo {
position:		absolute;
top:			40px;
left:			40px;
width:			300px;
height:			70px;
margin:			0;
padding:		0;
}

.logo a {
background:		url(../images/general/logo.gif) no-repeat 0 0;
display:		block;
width:			300px;
height:			70px;
margin:			0;
padding:		0;
}







/* ---------------------- LANGUAGES ---------------------- */

.languages {
position:		absolute;
top:			40px;
left:			760px;
width:			160px;
height:			20px;
margin:			0;
padding:		0;
}

.languages ul {
list-style-type: 	none;
margin:			0;
padding:		0;
}

.languages ul li {
list-style: 		none;
display: 		inline;
margin:			0;
padding:		0;
}

.languages ul li a {
background-image:	url(../images/general/flags.gif);
background-repeat:	no-repeat;
display:		block;
width:			30px;
height:			20px;
float: 			left;
margin:			0 0 0 10px;
padding:		0;
}

.languages ul li a.english {
background-position:	0 0;
}

.languages ul li a.french {
background-position:	-30px 0;
}

.languages ul li a.german {
background-position:	-60px 0;
}

.languages ul li a.italian {
background-position:	-90px 0;
}

.languages ul li a:hover {
filter:			progid:DXImageTransform.Microsoft.alpha(opacity=70);
-moz-opacity: 		0.7;
opacity:		0.7;
}







/* ---------------------- NAV ---------------------- */

.nav {
position:		absolute;
top:			130px;
left:			40px;
width:			880px;
margin:			0;
padding:		0;
text-align:		right;
text-transform:		uppercase;
}

.nav h3 {
font-size: 		100%;
font-weight:		bold;
margin:			0;
padding:		0;
}

.nav h3 a {
color:			#fff;
text-decoration:	none;
margin:			0 0 0 10px;
padding:		0 0 2px 0;
}

.nav h3 a:hover {
border-bottom:		3px solid #11bbee;
}

.nav h3 a.selected {
border-bottom:		3px solid #fff;
}







/* ---------------------- GALLERY ---------------------- */

.gallery {
background-color:	#1155aa;
width:			960px;
height:			250px;
margin:			0 0 40px 0;
padding: 		0;
}







/* ---------------------- MAP ---------------------- */

.map {
width:			420px;
height:			420px;
margin:			0 0 20px 0;
padding: 		0;
}







/* ---------------------- DOWNLOAD ---------------------- */

.download {
width:			420px;
margin:			0 0 20px 0;
padding: 		0;
}







/* ---------------------- CALL2ACTION ---------------------- */

.call2action {
border-top: 		1px solid #1155aa;
width:			880px;
height:			120px;
margin:			20px 0 0 0;
padding:		20px 0 0 0;
}

.call2action h2 {
width:			705px;
float:			left;
margin:			0;
padding:		0;
}

.call2action img {
width:			135px;
float:			right;
}







/* ---------------------- FOOTER ---------------------- */

.footer {
background:		#1155aa url(../images/general/bg.gif) repeat-y 0 0;
font-weight:		bold;
font-size:		80%;
text-transform:		uppercase;
color:			#fff;
width:			880px;
margin:			0;
padding:		40px;
}

.footer a {
color:			#fff;
text-decoration:	none;
margin:			0 10px 0 0;
padding:		0 0 2px 0;
}

.footer a:hover {
border-bottom:		3px solid #11bbee;
}







/* ---------------------- FORM ---------------------- */

fieldset {
margin:			0;
padding:		0;
border:			none;
}

form {
margin:			0;
padding:		0 0 20px 0;
}

label {
display:		block;
font-family:		Arial, Helvetica, Verdana, sans-serif;
font-size: 		120%;
font-weight:		bold;
color:			#1155aa;
margin:			0 0 5px 0;
padding:		0;
}

.input, textarea {
display:		block;
font-family:		Arial, Helvetica, Verdana, sans-serif;
background-color:	#fff;
width:			408px;
font-size: 		100%;
color:			#333;
border: 		1px solid #1155aa;
margin:			0 0 20px 0;
padding:		5px;
}

.submit {
display:		block;
font-family:		Arial, Helvetica, Verdana, sans-serif;
background-color:	#1155aa;
font-size: 		120%;
font-weight:		bold;
color:			#fff;
border: 		none;
margin:			0;
padding:		5px;
cursor:			pointer;
}







/* ---------------------- SPACER ---------------------- */
.spacer {
width:			880px;
height:			40px;
margin: 		0;
padding: 		0;
}







/* ---------------------- CLEAR	---------------------- */

.clear {
clear:			both;
height:			1px;
margin: 		0;
padding: 		0;
}







/* ---------------------- GENERAL ---------------------- */

img {
border:			0;
}

a img {
border:			0;
}

img a {
border:			0;
}

.invisible {
display:		none;
}

a:active, a:focus {
outline: 		0;
}