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

body{background:#f8f8f8; text-align:center; margin:0; padding:0; font-family:Arial,Helvetica,sans-serif;}
.clear{clear:both; line-height:1px;}

img{border:none;}

.container{width:800px; background:#fff; text-align:left; margin:0 auto;}
.header{height:85px; width:763px; margin-left:20px; padding-top:15px;}
.logo{width:106px; float:left; background: url(images/witter_towbar_systems_logo.jpg); height:71px;}
.slogan{float:right; color:#DA3933; font-size:28px; font-weight:bold; margin-top:40px; text-align:right; width:400px;}
.logoutBar{width:762px; background:#F0F0F0; padding:10px 19px 9px 19px; font-size:11px; color:#666;}
.logoutBar a{float:right; display:inline; text-decoration:none; margin:0 0 0 20px; color:#666; font-weight:bold;}
.logoutBar a:hover{text-decoration:underline; color:#666;}
.bar{height:35px; width:800px; background:url(images/nav_blue_grad_bg.jpg) repeat-x 100% 100%;}
.barLeft{width:800px; float:left; margin:0 0 0 0; color:#fff; font-size:12px;}
.barRight{float:right; display:inline; width:500px;}
.barLeft a{height:25px; padding:10px 20px 0; border-right:1px solid #3d6699; display:inline; float:left; color:#fff; font-size:12px; text-decoration:none;}
.barLeft a:hover{background-image: url(images/nav_hover_arrow.png); background-repeat: no-repeat; background-position: center bottom; background-color: #042A53; color:#76b7e1; text-decoration:none;}

.content{width:760px; float:left; padding:20px;}
.footer{width:800px; background:#f5f6f6; text-align:right; margin:10px auto; color:#777; font-size:11px;}
.footer a{color:#999; text-decoration:none;}
.footer a:hover{color:#999; text-decoration:underline;}