@charset "utf-8";
/* CSS Document */

/* generic */
html{width:100%; height:100%; overflow:scroll;}

/* make sure that the text size is retained here! if changes to sizes are needed do it through the specific use of the font*/
body{font-family:Arial, Helvetica, sans-serif; font-size:62.5%; color:#fff; background-color:#262626; margin:0px; padding:0px;}

h1{font-size:1.8em; font-weight:normal; margin:0px; padding:0px; color:#fff; font-family:Arial, Helvetica, sans-serif;}
h2{font-size:1.8em; font-weight:normal; margin:0px; padding:0px; color:#fff; font-family:Arial, Helvetica, sans-serif;}
h3{font-size:1.7em; font-weight:normal; margin:0px; padding:0px; color:#a2a2a2; font-family:Arial, Helvetica, sans-serif;}
p{font-size:1.1em; margin:0px; font-family:Arial, Helvetica, sans-serif;}
img{border:0px;}
ul {margin:0px; padding:0px;}
li {margin:0px; padding:0px; list-style:none;}
.clear{clear:both; margin:0px; padding:0px;}
.floatL{float:left;}
.floatR{float:right}

a:link { color: #fff;	text-decoration: none;   outline: none; }
a:visited {	text-decoration: none;	color: #fff;  outline: none; }
a:hover { text-decoration: none; color: #ff6600;   outline: none; }
a:active { text-decoration: none;	color: #fff;    outline: none;}

a.linkOrange:link { color: #ff6600;	text-decoration: none; }
a.linkOrange:visited {	text-decoration: none;	color: #ff6600; }
a.linkOrange:hover { text-decoration: none; color: #fff; }
a.linkOrange:active { text-decoration: none;	color: #ff6600; }

a.linkWhite:link { color: #fff;	text-decoration: none; }
a.linkWhite:visited {	text-decoration: none;	color: #fff; }
a.linkWhite:hover { text-decoration: none; color: #ff6600; }
a.linkWhite:active { text-decoration: none;	color: #fff; }

a.linkGrey:link { color: #383838;	text-decoration: none; }
a.linkGrey:visited {	text-decoration: none;	color: #383838; }
a.linkGrey:hover { text-decoration: none; color: #fff; }
a.linkGrey:active { text-decoration: none;	color: #383838; }

a.linkGreyLight:link { color: #777777;	text-decoration: none; }
a.linkGreyLight:visited {	text-decoration: none;	color: #777777; }
a.linkGreyLight:hover { text-decoration: none; color: #fff; }
a.linkGreyLight:active { text-decoration: none;	color: #777777; }

.txtWhite{color:#FFF;}
.txtOrange{color:#ff6600;}
.txtGrey{color:#a2a2a2;}
.txt12{font-size:1.2em; line-height:1.2em;}
.txt10{font-size:1.0em; line-height:1.1em;}

.padTop20{padding-top:20px;}
.padBot20{padding-bottom:20px;}
.padLeft20{padding-left:20px}
.padRight20{padding-right:20px}
.padAll20{padding:20px;}

.padTop14{padding-top:14px;}
.padBot14{padding-bottom:14px;}
.padBot13{padding-bottom:13px;}
.padLeft14{padding-left:14px}
.padRight14{padding-right:14px}

.margTop10{ margin-top:11px;}
.margTop2{margin-top:2px;}
.margLeft14{margin-left:14px;}

.container{	margin-left:auto; margin-right:auto; width:990px; margin-top:0px; }
.header{ width:990px;}
.logo{float:left; }
.headMenu{float:right; font-size:1.2em; padding-top:8px;}
.headMenu li{float:left; padding-left:20px;}

.mainContent{}
.leftNav{float:left; width:165px; padding-top:30px;}
.mainBody{float:left;}

.mainBodySection{color:#777777; line-height:2.8em; font-size:10px; padding-left:5px;}
.mainBodyBoxes{ }
.mainBodyBottom{font-size:1.2em; padding-top:3px;}

.bodyBoxHomeLeft{float:left; width:460px; font-size:1.2em}
.bodyBoxHomeLeftCol{float:left; width:160px;}
.bodyBoxHomeLeftCol ul {padding-top:8px; color:#a2a2a2; line-height:1.2em; }
.bodyBoxHomeLeftCo2 ul {padding-top:8px; color:#a2a2a2; line-height:1.2em; }

.bodyBoxHomeRight{float:right; width:365px;}
.bodyBoxHomeRightBan{padding-left:3px;}
.bodyBoxRightBig{padding:0px 7px 7px 7px; background:url(../images/618_bottom.gif) no-repeat bottom; }

.box452{ background-image:url(../images/452_LR.gif); background-repeat:repeat-y; width:452px;}
.box365{ background-image:url(../images/365_LR.gif);  background-repeat:repeat-y; width:365px;}
.box200{ background-image:url(../images/200_LR.gif); background-repeat:repeat-y; float:left; width:200px; font-size:1.2em;}
.box200 ul{ line-height:1.7em;}
.boxHeight{min-height:404px;}

.box618{ background-image:url(../images/618_LR.gif); background-repeat:repeat-y; float:left; width:618px;}
.box816{ background-image:url(../images/downloads/side.gif); background-repeat:repeat-y; width:816px;}

.downloadL{float:left; width:344px; font-size:1.2em; line-height:1.5em}
.downloadR{float:left; width:344px; padding-left:80px; font-size:1.2em; line-height:1.5em}
.downloadTitle{color:#ff6600; font-size:1.4em; font-weight:bold;}

.boxOrangeTop{ border-top-width:5px; border-top-style:solid; border-top-color:#ff6600; float:left;}

.dottedLine{ margin-top:15px; margin-bottom:15px; border-bottom-style:dotted; border-bottom-width:1px; border-bottom-color:#959595;}

#navigation{color:#ff6600; font-size:1.5em;}
#navigation ul {}
#navigation li {padding-bottom:4px; list-style-type:none; background-repeat:no-repeat;}

#navigation a:link { color: #ff6600;	text-decoration: none; display:block;}
#navigation a:visited {	text-decoration: none;	color: #ff6600; display:block;}
#navigation a:hover { text-decoration: none; color: #fff; display:block;}
#navigation a:active { text-decoration: none;	color: #ff6600; display:block;}

#home li.home a{color:#fff;}
#about li.about a{color:#fff;}
#friends li.friends a{color:#fff;}
#portfolio li.portfolio a{color:#fff;}
#locations li.locations a{color:#fff;}
#design li.design a{color:#fff;}
#manufacture li.manufacture a{color:#fff;}
#logistics li.logistics a{color:#fff;}
#catalogue li.catalogue a{color:#fff;}
#downloads li.downloads a{color:#fff;}
#news li.news a{color:#fff;}
#contact li.contact a{color:#fff;}

.locationBoxes ul {margin-left:10px;}
.locationBoxes li {margin:0px; padding:0px; float:left; list-style-type:none;}

.box1 a:link{ background-image:url(../includes/images/locations/images/boxes_01.jpg); width:137px; height:118px;}
.box1 a:visited{ background-image:url(../includes/images/locations/images/boxes_01.jpg); width:137px; height:118px;}
.box1 a:hover{ background-image:url(../includes/images/locations/images/boxesOver_01.jpg); width:137px; height:118px;}
.box1 a:active{ background-image:url(../includes/images/locations/images/boxes_01.jpg); width:137px; height:118px;}

.footer{ border-top-width:1px; padding-bottom:30px; padding-top:26px; font-size:0.9em; }
.footer li{float:left; padding-right:7px;}
.creds{float:right;}

input{width:200px; background-color:#363535; color:#fff; margin-top:7px; border-width:1px; border-style:solid; border-color:#000; font-family:Arial; font-size:1.0em; padding:3px;}
.txtarea{width:200px; background-color:#363535; color:#fff; margin-top:7px; border-width:1px; border-style:solid; border-color:#000; font-family:Arial; font-size:1.0em; padding:3px;}
.submit{width:61px; height:33px; border:0px; padding:0px;}