@charset "UTF-8";
/* CSS RESET */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}

/* DEFAULT TYPOGRAPHY */
body{font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}
a:focus{outline:1px dotted invert}
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}
h1{font-size:25px}
h2{font-size:23px}
h3{font-size:21px}
h4{font-size:19px}
h5{font-size:17px}
h6{font-size:15px}
ol{list-style:decimal}
ul{list-style:square}
li{margin-left:30px}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}

.clear{clear: both;}
.hide{display: none;}

body{background: #000 url(../images/bg-top-white.jpg) repeat-x 0 0;}
#body-wrapper{width: 960px;margin: 0 auto; background: url(../images/truck-bg.jpg) no-repeat -80px 0;}
#header{margin: 0 auto; height: 380px;}
#logo{background:url(../images/logo.jpg) repeat-x 0 0; width: 250px; height: 150px; text-indent: -9999px;}

#header-copy{margin: 10px 0 0 20px; width: 430px; color: #333333;}
#header-copy p{padding: 0px; margin: 0px;}

#watch-video{background: url(../images/btn-watch-now.jpg); width: 209px; height: 34px; margin: 20px 0 0 20px; cursor: pointer;}

#content-wrapper{height: 450px;}


#nav{margin: 130px 0 0 0;}

#btn-tv{width: 480px; height: 160px; float: left; overflow: hidden;}
#btn-tv a{width: 480px; height: 160px; background: url(../images/buttons.png) no-repeat 8px 0px; float: left; display: block; text-indent: -9999px;}
#btn-tv a:hover{width: 480px; height: 160px; background: url(../images/buttons.png) no-repeat  8px -320px; float: left; display: block; text-indent: -9999px;}

#btn-outdoor{width: 480px; height: 160px; float: right; overflow: hidden;}
#btn-outdoor a{width: 480px; height: 160px; background: url(../images/buttons.png) no-repeat -480px 0; display: block; text-indent: -9999px;}
#btn-outdoor a:hover{width: 480px; height: 160px; background: url(../images/buttons.png) no-repeat -480px -320px; display: block; text-indent: -9999px;}

#btn-pos{width: 480px; height: 160px; float: left; overflow: hidden;}
#btn-pos a{width: 480px; height: 160px; background: url(../images/buttons.png) no-repeat 8px -162px; display: block; text-indent: -9999px;}
#btn-pos a:hover{width: 480px; height: 160px; background: url(../images/buttons.png) no-repeat 8px -482px; display: block; text-indent: -9999px;}

#btn-buzz{width: 480px; height: 160px;float: right; overflow: hidden;}
#btn-buzz a{width: 480px; height: 160px; background: url(../images/buttons.png) no-repeat -480px -162px; float: left; display: block; text-indent: -9999px;}
#btn-buzz a:hover{width: 480px; height: 160px; background: url(../images/buttons.png) no-repeat -480px -482px; float: left; display: block; text-indent: -9999px;}

#dialog-tv{width: 800px; height: 600px;}

#dialog-buzz{}
#dialog-buzz h4{font-size: 14px; color: #CCC; padding: 0px; margin: 0px; }
#dialog-buzz li{font-size:12px; background: #222; width: 600px; padding: 5px; line-height: 15px; list-style: none; margin: 5px 0; display: block;}
#dialog-buzz a{text-decoration: none;display: block;}
#dialog-buzz a:hover{color:#666;}
.white-txt{color:#ffffff;}