/*  #CSS File - Robert International Maritime & Logistic Solutions Ltd.  */
/*  #Contact - rvs@robertimls.com */

* { margin: 0; padding: 0; }
body { color: #666; } 
#Container { width: 1003px; margin: 0 auto;  background: #2c296c;}
.Clear { clear: both; }

/* =>> header */
#Header { background: url('../images/header.jpg'); width: 1003px; height: 179px; }
#Header H1 {  font: 15px Arial, Helvetica, sans-serif; text-indent: -1000px; }

/* =>> navigation */
#MainNav { height: 27px; background: #003366; }
#MainNav UL { border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; padding: 4px 0;}
#MainNav LI { list-style: none; display: inline; }
#MainNav a:link, #MainNav a:visited { text-decoration: none; color: #FFF; font: bold 12px Arial, Helvetica, sans-serif; padding: 4px 11px; border-right: 1px solid #FFF; }
#MainNav a:hover { background: #004A8D; }

/* =>> columns */
#Columns { padding: 3px 0 6px 0; }

#Column1 { width: 351px; float: left; }
#Column1 .Content { padding: 12px; color: #FFF;}
#Column1 .Content H2 { font: bold 17px Arial, Helvetica, sans-serif; padding: 0 0 20px 0; }
#Column1 .Content input.field { border: 1px solid #7F9DB9; width: 145px; padding: 1px; }
#Column1 .Content .button { background: url('../images/button.gif'); width: 43px; height: 20px; border: 0; font: 10px Arial, Helvetica, sans-serif; margin: 0 0 0 5px; }
#Column1 .Content .Contact { padding: 15px 0; width: 153px; font: 11px Arial, Helvetica, sans-serif; float:left; }
#Column1 .Content .Contact  a:link, #Column1 .Content .Contact  a:visited { text-decoration: none; color: #FFF; }
#Column1 .Content .Contact a:hover { text-decoration: underline; }

#Column2 { width: 342px; padding: 20px 40px 30px 40px; float: left; color: #FFF; font: 11px Arial, Helvetica, sans-serif; background: url('../images/robert.gif') bottom no-repeat; }
#Column2 P { margin: 4px 0; }
#Column2 H2 { font: bold 14px Arial, Helvetica, sans-serif; margin: 0 0 10px 0; }
#Column2 IMG.Cus { margin: 4px 0; border: 4px solid #003768; }
#Column2 LI { margin: 0 0 0 5px; }
#Column2 a:link, #Column2 a:visited { font: 11px Arial, Helvetica, sans-serif; color: #FFF; text-decoration: underline; }
#Column2 a:hover { color: #CCC; }

#Column22 { width: 342px; padding: 20px 40px 30px 40px; float: left; color: #FFF; font: 11px Arial, Helvetica, sans-serif;  }
#Column22 P { margin: 4px 0; }
#Column22 H2 { font: bold 14px Arial, Helvetica, sans-serif; margin: 0 0 10px 0; }
#Column22 IMG.Cus { margin: 4px 0; border: 4px solid #003768; }
#Column22 LI { margin: 0 0 0 5px; }
#Column22 a:link, #Column2 a:visited { font: 11px Arial, Helvetica, sans-serif; color: #FFF; text-decoration: underline; }
#Column22 a:hover { color: #CCC; }

#Column3 { width: 156px; padding: 20px 30px 20px 30px; background: #FFF; float: left; color: #6F6F6F; font: 11px Arial, Helvetica, sans-serif; } 
#Column3 H2 { font: bold 14px Arial, Helvetica, sans-serif; color: #004A8D; padding: 0 0 4px 0; border-bottom: 1px solid #B2B2B2; margin: 0 0 13px 0;}
#Column3 H3 { font: bold 11px Arial, Helvetica, sans-serif; color: #004A8D; margin: 3px 0; }
#Column3 P { margin: 0 0 13px 0; }

/* =>> footer */
#Footer { clear: both; background: #E0232A; color: #FFF; font: 11px Arial, Helvetica, sans-serif; text-align: center; height: 30px; padding: 5px 0; }
#Footer UL LI { display: inline; list-style: none; }
#Footer a:link, #Footer a:visited { color: #FFF; padding: 0 6px 0 0; text-decoration: none; font: 11px Arial, Helvetica, sans-serif; }
#Footer a:hover { text-decoration: underline; }
#Footer IMG.Wstijl { border: 0; vertical-align: middle; padding: 0 5px; }

/* =>> contact */
fieldset.Holder { width:305px; font: 11px Arial, Helvetica, sans-serif;  border: 0;  color: #FFF;}
fieldset.Holder H3 { font: bold 12px Arial, Helvetica, sans-serif; padding: 5px 0; }
.text { width: 125px; border:1px solid #CCC; padding:2px; margin: 0 0 5px 0; }
.adres { width: 25px; border:1px solid #CCC; padding:2px; margin: 0 0 5px 0; }
.text:hover { border: 1px solid #333;} /* works only in firefox */ 

label { float: left; padding: 4px 0 0 0; width: 70px; }
.button1 { float: right; margin: 0 8px 15px 0; background: #003768; color: #FFF; border: 1px solid #ccc; padding: 1px 2px; cursor: pointer; font: 11px Arial, Helvetica, sans-serif;  }

textarea.text { width: 220px; height: 80px; }