body { background: #FFFFFF url(/images/bg.gif) repeat-x; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 100%; margin: 0;}
* { margin: 0; padding: 0; }
#wrapper { width: 770px; margin: 0 auto 20px auto; font-size: 0.7em;}
#header { width: 770px; height: 225px; background: url(/images/bg-header.jpg); }
#main { float: left; width: 480px; }
#sidebar {float: right; width: 257px; }
#footer { float: left; width: 100%; font-size: 0.65em; background: url(/images/bg-footer.gif) repeat-x; }
#bottom {width: 770px; height: 150px; background: url(/images/bg-bottom.jpg); margin: 0 auto; }

.main { float: left; width: 480; background: url(/images/bg-main.gif); margin: 0 0 20px 0; }
.main h1 {float: left; width: 460px; line-height: 26px; font-size: 1.2em; color: #FFFFFF; padding: 0 0 0 20px; }
.main h1.home {height: 300px; background: url(/images/bg-main-top-home.jpg) no-repeat; }
.main h1.air {height: 300px; background: url(/images/bg-main-top-air.jpg) no-repeat; }
.main h1.sea {height: 300px; background: url(/images/bg-main-top-sea.jpg) no-repeat; }
.main h1.safrica {height: 300px; background: url(/images/js-top-safrica.jpg) no-repeat; }
.main h1.maurit {height: 300px; background: url(/images/js-top-maurit.jpg) no-repeat; }
.main h1.germany {height: 300px; background: url(/images/js-top-germany.jpg) no-repeat; }
.main h1.domestic {height: 300px; background: url(/images/bg-main-top-domestic.jpg) no-repeat; }
.main h1.road {height: 300px; background: url(/images/bg-main-top-road.jpg) no-repeat; }
.main h1.about {height: 410px; background: url(/images/bg-main-top-about.jpg) no-repeat; }
.main h1.services {height: 300px; background: url(/images/bg-main-top-services.jpg) no-repeat; }
.main-content { float: left; width: 440px; padding: 0 20px 20px 20px; background: url(/images/bg-main-bottom.gif) no-repeat bottom;}
.main h2 { line-height: 1.5em; font-size: 1.6em; }
.main h3 { line-height: 1.5em; font-size: 1.4em; }
.main h4, .main h5, .main h6 { line-height: 1.5em; font-size: 1.2em; }
.main p { line-height: 1.5em; margin: 0 0 1em 0; }
.main ul { margin: 0 0 1em 2em; }
.main ol { margin: 0 0 1em 2em; }
.main li { line-height: 1.5em; }


.sidebar-box { float: left; width: 257px; background: url(/images/bg-sidebar.gif); margin: 0 0 20px 0; }
.sidebar-box h3 {float: left; width: 247px; height: 45px; line-height: 26px; font-size: 1.1em; color: #FFFFFF; padding: 0 0 0 15px; background: url(/images/bg-sidebar-top.gif) no-repeat; }
.sidebar-box-content { float: left; width: 217px; padding: 0 20px 10px 20px; background: url(/images/bg-sidebar-bottom.gif) no-repeat bottom;}
.sidebar-box ul { list-style: none; }
.sidebar-box li a { display: block; width: 182px; line-height: 28px; font-weight: bold; color: #6C6C6C; padding: 0 0 0 35px; margin: 0 0 10px 0;}
a.sea { background: url(/images/icon-sea.gif) no-repeat left }
a.road { background: url(/images/icon-road.gif) no-repeat left }
a.air { background: url(/images/icon-air.gif) no-repeat left }
a.domestic { background: url(/images/icon-domestic.gif) no-repeat left }

ul#nav { padding: 180px 0 0 20px; list-style: none }
ul#nav li { float: left; padding: 5px 2px; }
ul#nav li a { font-weight: bold; font-size: 1.1em; color: #6C6C6C; }

ul#bnav { float: left; width: 500px; list-style: none; margin: 17px;}
ul#bnav li { float: left; color: #FFFFFF; }
ul#bnav a { color: #FFFFFF; padding: 0 5px;}
p.bottomtext { float: left; width: 480px; padding-top: 40px; }
p.request { float: right; width: 175px; padding: 20px 20px 0 0; }
p.request strong { color: #FFFFFF; font-size: 1.3em; }
.phone { color: #FFFF00; }
p.request a { color: #FFFFFF; }

/* forms */
fieldset { padding: 0 0 1% 0; border: 1px solid #FF0000; margin: 0 0 1em 0; }
legend { font-weight: bold; color: #FF0000; padding: 0 10px;}
.input,.textarea { padding: 2px; border: 1px solid #000000; background: #F5F5F5 }
.formrow label { float: left; width: 33%; text-align: right; padding: 2px 5px 0 0;}
.formrow { float: left; width: 96%; padding: 1% 2%; }
.formrow2 { float: left; width: 96%; padding: 1% 2%; }
.formrow-title { float: left; width: 33%; text-align: right; padding: 2px 5px 0 0; }
