/* hit the reset button */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {margin:0; padding:0;}  
a:active, a:focus {outline:none;}
label {cursor:pointer; font-weight:bold;}
img {border:none;}

body {background:url(../images/body.png) repeat-x #f6f7f7; font-family:Arial, Helvetica, sans-serif;}

h1 {font-size:20px; margin:10px 0 0;}

#header {width:964px; margin:0 auto; position:relative;}
#logo {background:url(../images/logo.png) no-repeat; width:510px; height:70px; display:block; text-indent:-6666px;}

#quote {width:215px; position:absolute; top:0; right:20px;}
#quote span {font-size:22px; color:#dedddd; font-weight:normal; position:absolute; top:5px; right:5px;}
a#requestquote {width:157px; height:27px; background:url(../images/requestquote.png) no-repeat; text-indent:-6666px; position:absolute; top:33px; right:0px;}
a#requestquote:hover {background-position:0 -27px;}

#nav {background:url(../images/nav.png) right top no-repeat; width:963px; height:34px; margin:18px auto; position:relative; z-index:1000;}
#nav li {float:left; list-style:none; text-indent:-6666px; position:relative;}

#nav a {background:url(../images/nav.png) left no-repeat; display:block; height:34px; }
#nav a.people {background-position:0px 0px; width:134px;}
#nav a.people:hover {background-position:0px -34px;}
#nav a.vehicle {background-position:-134px 0px; width:128px;}
#nav a.vehicle:hover {background-position:-134px -34px;}
#nav a.software {background-position:-262px 0px; width:80px;}
#nav a.software:hover {background-position:-262px -34px;}
#nav a.testimonials {background-position:-342px 0px; width:96px;}
#nav a.testimonials:hover {background-position:-342px -34px;}
#nav a.support {background-position:-438px 0px; width:73px;}
#nav a.support:hover {background-position:-438px -34px;}
#nav :hover > a.support {background-position:-438px -34px;}
#nav a.aboutus {background-position:-511px 0px; width:84px;}
#nav a.aboutus:hover {background-position:-511px -34px;}
#nav :hover > a.aboutus {background-position:-511px -34px;}
#nav a.contactus {background-position:-595px 0px; width:93px;}
#nav a.contactus:hover {background-position:-595px -34px;}

.level2 {display:none; position: absolute; top:33px; left:0; width:150px; z-index:100;}
#nav li .level2 li {text-indent:0; float:none; }
#nav .level2 a {background:#573175 url(../images/grayarrow.png) no-repeat; background-position:130px 9px; height:16px; font-size:13px; padding:4px 8px; text-decoration:none; color:#fff; border-top:1px solid #5e3979;}
#nav .level2 a:hover {background:#6e5185 url(../images/grayarrow.png) no-repeat; background-position:130px 9px;}
.bottomlink {-moz-border-radius:0 0 8px 8px; -webkit-border-radius:0 0 8px 8px; border-radius:0 0 8px 8px;}

#search {position:absolute; top:6px; right:8px; width:196px; height:21px; background:url(../images/search.png) no-repeat;}
#txtbox {border:none; background:none; position:absolute; top:2px; left:10px; width:145px;}
#submitbutton {border:none; background:none; width:31px; height:21px; position:absolute; top:0; right:0; cursor:pointer;}

#news {margin:0 auto; width:961px;}
#news-slide {position:relative; height:288px; overflow:hidden;}
#news-slide li {list-style:none; width:961px; height:288px; overflow:hidden;}
.slideshow {z-index:0; width:961px; height:288px; overflow:hidden;}
#news-tabs {background:url(../images/tab.png) repeat-x; width:958px; height:58px; position:absolute; bottom:0; left:3px;}
.tab {color:#fff; float:left; width:303px; font-size:12px; padding:8px; line-height:20px; cursor:pointer;}
.tab a {color:#fff; text-decoration:none;}
.tab a:hover {color:#ccc; text-decoration:underline;}
.tab img {float:left; padding-right:10px;}
.tab strong {font-size:13px;}
#controls {position:absolute; right:12px; bottom:65px; z-index:1000;}
#controls a {color:#fff; text-decoration:none; background:#755d86; font-size:12px; display:block; width:15px; height:15px; text-align:center; margin:0 1px; float:left;}
#controls a.activeSlide  {background:#3f0d62;}

#news-ticker {background:url(../images/news-ticker.png) no-repeat; width:931px; height:29px; color:#010101; font-size:12px; padding:0 15px; position:relative;}
#news-ticker span {position:relative; top:7px;}
#news-ticker a {text-decoration:none; color:#010101; margin:0 4px;}
#news-ticker a:hover {text-decoration:underline;}
#latest {display:inline;}
#viewallnews {position:absolute; top:0; right:60px; width:300px;}

#icons {width:83px; height:21px; text-indent:-6666px; position:absolute; top:4px; right:16px;}
#icons li {float:left; list-style:none;}
#icons a {background:url(../images/icons.png) no-repeat; display:block; height:21px; margin:0;}

#icons a.rss {background-position:0px 0px; width:21px;}
#icons a.rss:hover {background-position:0px -21px;}
#icons a.linkedin {background-position:-21px 0px; width:20px;}
#icons a.linkedin:hover {background-position:-21px -21px;}
#icons a.twitter {background-position:-41px 0px; width:21px;}
#icons a.twitter:hover {background-position:-41px -21px;}
#icons a.youtube {background-position:-62px 0px; width:21px;}
#icons a.youtube:hover {background-position:-62px -21px;}

#bottom {background:url(../images/bottom.jpg) no-repeat; width:961px; height:280px; margin:18px auto;}
#bottom p {font-size:12px; line-height:18px; margin:8px 0;}

.content {width:330px; padding:12px 10px; height:236px; position:relative;}
.middle-image {float:left; position:relative; width:240px; height:260px; left:20px; }
.middle-image a {font-size:13px !important; width:225px !important; padding-top:222px; background:url(../images/purplebullet.png) 213px 225px no-repeat;}
.productlink {color:#4f296b; display:block; font-size:14px; text-decoration:none; background:url(../images/purplebullet.png) center right no-repeat; width:130px; position:absolute; bottom:20px; }
.productlink:hover {text-decoration:underline;}

#footer {clear:both; width:961px; text-align:right; margin:0 auto; color:#797979; font-size:12px;}
#footer a {color:#242424; text-decoration:none; margin:0 3px;}
#footer a:hover {text-decoration:underline;}

#copyright {color:#000; font-size:11px; display:block; margin:10px 0;}


/* additional styles */

.alignleft {float:left;}
.alignright {float:right;}
