/* -------------------------------------------------------------------------------------------------
      Cascading StyleSheet
      by codeworks webagency
      www.codeworks.cc
                                                                                                    */

*    { padding:0; margin:0; }
html { height:100%; overflow-y:scroll; margin-bottom:1px; }
body { height:100%; background-color:#ffffff;
       font:0.6em/1.4em Verdana,Arial,Tahoma,Helvetica,sans-serif; color:#000000; }


#container          { width:805px; margin:0 auto; }

#language           { padding:7px 4px 7px 0; text-align:right; color:#939598; }
#language a         { text-decoration:none; color:#939598; }
#language a:hover   { text-decoration:underline; color:#000000; }

#banner             { width:805px; height:269px; position:relative; }
.bannerHome         { background:url('img/headGfxHome.jpg') no-repeat; }
.bannerProducts     { background:url('img/headGfxProducts.jpg') no-repeat; }
.bannerSolutions    { background:url('img/headGfxSolutions.jpg') no-repeat; }
.bannerTransport    { background:url('img/headGfxTransport.jpg') no-repeat; }
.bannerContact      { background:url('img/headGfxContact.jpg') no-repeat; }

#logo a             { width:200px; height:50px; display:block; position:absolute; left:0px; top:210px; }
#logo a span        { display:none; }

#menu               { position:absolute; top:227px; right:10px; color:#ffffff; }
#menu a             { text-decoration:none; color:#ffffff; font-weight:bold; }
#menu a:hover       { text-decoration:underline; }

#colLeft            { float:left; width:135px; overflow:hidden; }
#colLeft h2         { font:1em/1.4em Verdana,Arial,Tahoma,Helvetica,sans-serif; color:#000000; font-weight:bold; }
#colLeft .break     { margin-bottom:1em; }
#colLeft .space     { margin-bottom:2em; }
.sideAdmin          { padding:18px 0px 12px 6px; }

#colRight           { float:right; width:648px; background:url('img/titleBackground.gif') repeat-x; margin-bottom:20px; }

#contentLeft        { float:left; width:390px; overflow:hidden; }
#contentLeft h2     { font:1em/1.4em Verdana,Arial,Tahoma,Helvetica,sans-serif; color:#000000; font-weight:bold; }
#contentLeft .space { margin-bottom:1em; }
#contentLeft ul     { margin-left:2.5em; }

#contentRight       { float:right; width:230px; overflow:hidden; }
#contentRight h2    { background:url('img/titleBackgroundRight.gif') repeat-x 0 19px; padding-bottom:11px;
                      font:1em/1.4em Verdana,Arial,Tahoma,Helvetica,sans-serif; color:#7f7f7f; }
#contentRight p     { color:#7f7f7f; }
#contentRight a     { color:#7f7f7f; text-decoration:underline; }
#contentRight a:hover { text-decoration:none; }
#contentRight p.space { margin-bottom:2.5em; }

h1 { display:none; }

img { vertical-align:top; border:0; }
img.title { margin:20px 0 26px 0; }
label { cursor:hand; }
span.error { color:#ff0000; }
td { vertical-align:top; }
.align { vertical-align:middle; }

div.error   { border:#bebebe solid 1px; padding:12px 18px 12px 56px; margin-bottom:1.5em; background:url('img/icon_error.gif') no-repeat 12px 10px; }
div.saved   { border:#bebebe solid 1px; padding:12px 18px 12px 56px; margin-bottom:1.5em; background:url('img/icon_saved.gif') no-repeat 12px 10px; }
div.deleted { border:#bebebe solid 1px; padding:12px 18px 12px 56px; margin-bottom:1.5em; background:url('img/icon_deleted.gif') no-repeat 12px 10px; }
div.border  { border:#bebebe solid 1px; }

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

a.block          { color:#000000; text-decoration:none; width:100%; display:block; }
a.block:hover    { text-decoration:underline; }

a.wmv            { color:#000000; text-decoration:none; width:111px; display:block; padding-left:24px; background:url('img/wmv_icon.gif') no-repeat 2px 1px; }
a.wmv:hover      { text-decoration:underline; }

input.std           { font:1em Verdana,Arial,Tahoma,Helvetica,sans-serif; color:#000000; background-color:#ffffff;
                      border:#BEBEBE solid 1px; padding:1px 1px 1px 2px; }
input.submit        { font:bold 1em Verdana,Arial,Tahoma,Helvetica,sans-serif; color:#000000; background-color:#ffffff;
                      border:#BEBEBE solid 1px; padding:0; margin-top:1px; }
input.chkbox        { width:15px; height:15px; cursor:hand; }

/* -- image slider css below --*/

.main_view {float: left;	position: relative;}

.window {	height:315px;	width: 380px;	overflow: hidden; position: relative;}
.image_reel {	position: absolute;	top: 0; left: 0;}
.image_reel img {float: left;}

.paging {	position: absolute; bottom: 0px; left: 5px;	width: 270px; height:47px; z-index: 100; text-align: left; line-height: 40px; display: none; }
.paging a { padding: 5px; font-weight: bold; text-decoration: none; color: #333; background: #ccc; border: 1px solid #fff;	-moz-border-radius: 3px;	-khtml-border-radius: 3px; -webkit-border-radius: 3px;}
.paging a.active { font-weight: bold; background: #333; color: #fff; border: 1px solid #ffff00;	-moz-border-radius: 3px;	-khtml-border-radius: 3px; -webkit-border-radius: 3px;}
.paging a:hover {font-weight: bold;}