body {
padding: 0 0 10px 0;
margin: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
text-align: center;
color: #333;
background-color: #e4e4e4;
}
p { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px; line-height:130%;color:#FFF;font-weight:normal;padding-top:3px;padding-bottom:6px;margin-top:0px;margin-bottom:0px;}

ul {
margin: 0;
padding: 0;
}

li {
list-style-type: none;
margin: 0;
padding: 0;
}

img {
border: none;
}

form {
margin: 0;
padding: 0;
}

h1 {
background-color: #2469aa;
color: #fff;
font-size: 130%;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
margin: 0;
padding:0px;
height:29px;
}

h1.orange {
background-color: #ff8d09;
padding-top: 7px;
padding-left:19px;
}

h1.red {
background-color: #ff0102;
padding-top: 7px;
padding-left:19px;
}

h1.green {
background-color: #cadb2a;
padding-top: 7px;
padding-left:19px;
color: #000;
}

h1.blue {
padding-top: 7px;
padding-left:19px;
color: #fff;
}

h1.home {
background-color:#000;
color: #e4e4e4;
font-size: 15px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
margin: 0;
padding: 7px 0 7px 0px;
text-align:center;
}

/* 
--------------------------------------
standard link styles
--------------------------------------
*/

a {
color: #e4e4e4;
text-decoration: none;
}

a:link {
color: #e4e4e4;
text-decoration: none;
}

a:visited {
color: #e4e4e4;
text-decoration: none;
}

a:hover {
color: #e4e4e4;
text-decoration: underline;
}

a:active {
color: #e4e4e4;
text-decoration: underline;
}

/* 
--------------------------------------
container div
--------------------------------------
*/

#container {
position: relative;
margin: 10px auto 0 auto;
padding: 0 0 30px 0;
font-size: 95%;
text-align: left;
width: 764px;
background-color: #000;
}

#container2 {
position: relative;
margin: 10px auto 0 auto;
padding: 0;
font-size: 95%;
text-align: left;
width: 764px;
background-color: #000;
}

/* 
------------------------------
strip div
------------------------------
*/

#strip {
width: 100%;
margin: 0;
padding: 0;
background-color: #000;
}

#strip table {
margin: 0;
padding: 0;
}

#strip table td {
background-color: #000;
}

/* 
------------------------------
image-holder div
------------------------------
*/

#image-holder {
width: 100%;
margin: 0;
padding: 0;
background-color: #000;
text-align: center;
}

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

#nav-home {
text-align: center;
background-color: #464749;
color: #e4e4e4;
font-size: 13px;
margin: 5px 5px 0 5px;
padding: 5px 0 5px 0;
font-weight: normal;
}

#nav {
text-align: center;
background-color: #464749;
color: #e4e4e4;
font-size: 13px;
margin: 0;
padding: 5px 0 5px 0;
font-weight: normal;
}

#nav-home a, #nav a {
color: #e4e4e4;
}

.pipe {
margin: 0;
padding: 0 0 0 3px;
}

/* 
------------------------------
products div
------------------------------
*/

/* clear fix: assign to a content div that contains floats to ensure that div stretches to contain it's floats */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* fix ie \*/* html .clearfix { height: 1%; } /**/

#products-home {
margin: 0 0 0 50px;
padding: 0;
background-color: #000;
color: #e4e4e4;
text-align: center;
}

#products-home .product-home {
float: left;
text-align: center;
width: 220px;
margin: 20px 0 0 0;
}

.product-home ul li {
font-size: 80%;
font-weight: bold;
padding: 3px 0 0 0;
}

.product-home ul li.grey {
color: #6d6f71;
}

#products {
margin: 0 0 0 20px;
padding: 0;
background-color: #000;
height:100%;
color: #e4e4e4;
font-size: 10px;
}

#products .left-col {
float: left;
width: 240px;
height:100%;
margin: 20px 0 0 0;
vertical-align: top;
}

#products .left-col p {
font-size: 11px;
margin: 0;
padding: 10px 0 0 0;
}

#products .right-col {
float: left;
width: 500px;
height: 370px;
margin: 20px 0 0 0;
vertical-align: top;
}

#products .right-col2 {
float: left;
width: 500px;
height: 450px;
margin: 20px 0 0 0;
vertical-align: top;
}

#product-data {
margin: 0;
padding: 10px 0 10px 20px;;
background-color: #464749;
color: #e4e4e4;
font-size: 10px;
height:100%;
}

.product-data1 {
border-top: 7px solid #ff8d09;
}

.product-data2 {
border-top: 7px solid #ff0102;
}

.product-data3 {
border-top: 7px solid #cadb2a;
}

#product-data h3 {
color: #e4e4e4;
font-size: 18px;
margin: 0 10px 5px 0;
border-bottom: 1px solid #8f5629;
letter-spacing: normal;
}

#product-data h3.green {
color: #cadb2a;
border: 0;
}

#product-data h3.white {
font-size: 13px;
color: #e4e4e4;
padding: 0 0 10px 0;
border-bottom: 1px solid #cadb2a;
}
#product-data h4 {
color: #e4e4e4;
font-size: 110%;
margin: 0;
letter-spacing: normal;
}

#product-data h5 {
color: #e4e4e4;
font-size: 100%;
margin: 0;
padding: 0;
}

#product-data p {
color: #9a9a9b;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
margin: 0;
font-size:10px;
padding: 0 0 10px 0;
}

#product-data .left-col {
float: left;
width: 260px;
margin: 0;
}

#product-data .left-col dl {
color: #9a9a9b;
margin: 5px 0 0 0;
padding: 0;
}

#product-data .left-col dt {
float: left;
margin-bottom: 2px;
}

#product-data .left-col dd {
margin-bottom: 2px;
margin-left: 90px;
padding: 0em;
}

#product-data .left-col dd blockquote {
margin: -12px 0 0 8px;
padding: 0;
}

#product-data .middle-col {
float: left;
width: 220px;
margin: 0;
padding: 0 0 0 20px;
}

#product-data .right-col {
float: left;
width: 220px;
margin: 0;
}

#product-image1 {
position: absolute; 
top: 180px; 
right: 15px;
}

/* ie7 negative filtering */
head:first-child+body div #product-image1 { 
top: 180px; 
}

#product-image1 #download1 {
position: absolute; 
top: 300px; 
right: 20px; 
font-weight: bold; 
font-size: 12px;
}

#download1 p {
margin: 0;
padding: 5px 0 0 7px;
}

#product-image2 {
padding: 0 0 0 10px;
}

.right-col2 #download2 {
position: absolute; 
top: 530px; 
right: 50px; 
font-weight: bold; 
font-size: 12px;
}

#download2 p {
margin: 0;
padding: 5px 0 0 7px;
}

#product-image3 {
position: absolute; 
top: 169px; 
right: 10px;
}

/* ie7 negative filtering */
head:first-child+body div #product-image3 { 
top: 169px; 
}

#product-image3 #download3 {
position: absolute; 
top: 300px; 
right: 20px; 
font-weight: bold; 
font-size: 12px;
}

#download3 p {
margin: 0;
padding: 5px 0 0 7px;
}


#catalogues {
margin: 10px 0 0 0;
padding: 0 0 10px 0;
background-color: #000;
color: #e4e4e4;
}

#catalogues .catalogue1 {
float: left;
width: 187px;
margin: 0;
padding: 0 0 0 40px;
}

#catalogues .catalogue2 {
float: left;
width: 187px;
margin: 0;
padding: 0 0 0 70px;
}

#catalogues .catalogue3 {
float: left;
width: 187px;
margin: 0;
padding: 0 0 0 55px;
}

#catalogues p {
margin: 5px 0 15px 0;
padding: 0 0 0 6px;
font-size: 80%;
}

#catalogues .cover {
margin: 0 0 10px 0;
padding: 0 0 0 6px;
}

span.orange {
color: #ff8d10;
}

span.red {
color: #e50507;
}

span.green {
color: #d6ff02;
}
.grey2 {
color: #ccc;
}
.black {
color:#000;
}

#projects {
margin: 0;
padding: 0;
background-color: #000;
color: #e4e4e4;
font-size: 80%;
}

#projects .left-col {
float: left;
width: 580px;
margin: 0;
padding: 0 0 20px 0;
vertical-align: top;
background-color: #e4e4e4;
border-left: 1px solid #000;
color: #000;
}

#projects .left-col h2 {
font-size: 110%;
margin: 10px 20px 20px 20px;
}

#projects .left-col h3 {
font-size: 100%;
color: #2469aa;
margin: 15px 20px 15px 20px;
}

#projects .left-col p {
font-size: 90%;
margin: 0 20px 10px 20px;
}

#projects .left-col ul {
margin: 0 20px 0 40px;
}

#projects .left-col li {
font-size: 90%;
list-style-type: disc;
}

#projects .left-col li.nobullet {
list-style-type: none;
margin-left: -20px;
}

#projects .right-col {
float: left;
width: 180px;
margin: 0;
vertical-align: top;
}

#projects .right-col p {
font-size: 12px;
font-weight: bold;
margin: 10px 0 10px 9px;
}

#projects .right-col img {
margin: 0 0 0 9px;
}

#contacts {
margin: 0 0 0 20px;
padding: 0;
background-color: #000;
color: #e4e4e4;
font-size: 80%;
}

#contacts .left-col {
float: left;
width: 200px;
margin: 20px 0 0 0;
vertical-align: top;
}

#contacts .left-col p {
margin: 0;
padding: 0 0 20px 0;
}

#contacts .right-col {
float: left;
width: 540px;
margin: 20px 0 0 0;
vertical-align: top;
}

#contacts .right-col dl {
margin: 0;
padding: 0;
}

#contacts .right-col dt {
font-weight: bold;
float: left;
margin-bottom: 20px;
margin-top: 3px;
}

#contacts .right-col dd {
margin-bottom: 20px;
margin-left: 200px;
padding: 0em;
}
#contacts .right-col dd #compulsory {
float: right; 
text-align: right; 
padding-right: 35px; 
margin: 0;
}

#contacts .right-col dt.comments, #contacts .right-col dd.comments {
margin-bottom: 8px;
}

#contacts .right-col dd input.textfield, #contacts .right-col dd textarea {
width: 300px;
border: 0;
}

#contacts .right-col dd input.send {
width: 55px;
background-color: #3881c6;
color: #000;
text-transform: uppercase;
border: 0;
font-size: 80%;
font-weight: bold;
padding: 8px 5px 5px 5px;
}


/* 
------------------------------
footer
------------------------------
*/

#footer {
background-color: #2469aa;
position: relative;
margin: 0 auto 0 auto;
padding: 10px 0 10px 0;
width: 764px;
font-size: 13px;
font-weight: bold;
color: #e4e4e4;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#footer a:link, #footer a:visited {
text-decoration: none;
color: #e4e4e4;
}

#footer a:hover, #footer a:active {
text-decoration: underline;
color: #e4e4e4;
}