/* Navigation controls	 										*/
/* ============================================================ */
#nav {position:absolute;top:64px;left:222px;}
#nav ul{padding:0px;margin:0px;list-style-type:none;}
#main-nav{display:block;height:18px;line-height:18px;}
#nav ul li{display:inline;}
#nav ul li a{display:block;color:#ffffff;text-decoration:none;height:18px;line-height:18px;}
#nav ul li a span{display:none;}
.nav-section,.nav-section-over{position:absolute;top:0;left:0px;font-size:11px;}
/*#nav-section0{width:37px;left:0px;background:transparent url(../image/nav/home-0.gif) no-repeat top left;}*/
#nav-section0{width:37px;left:120px;background:transparent url(../image/nav/home-0.gif) no-repeat top left;}
/* #nav-section1{width:122px;left:37px;background:transparent url(../image/nav/enter-sweepstakes-0.gif) no-repeat top left;} */
#nav-section2{width:88px;left:159px;background:transparent url(../image/nav/the-designer-0.gif) no-repeat top left;}
#nav-section3{width:58px;left:247px;background:transparent url(../image/nav/the-car-0.gif) no-repeat top left;}
#nav-section4{width:66px;left:305px;background:transparent url(../image/nav/the-tires-0.gif) no-repeat top left;}
#nav-section5{width:73px;left:371px;background:transparent url(../image/nav/the-shows-0.gif) no-repeat top left;}
#nav-section6{width:78px;left:444px;background:transparent url(../image/nav/tell-a-friend-0.gif) no-repeat top left;}


/*#nav-section0:hover,#nav-section0-over{width:37px;left:0px;background:transparent url(../image/nav/home-1.gif) no-repeat top left;}*/
#nav-section0:hover,#nav-section0-over{width:37px;left:120px;background:transparent url(../image/nav/home-1.gif) no-repeat top left;}
/* #nav-section1:hover,#nav-section1-over{width:122px;left:37px;background:transparent url(../image/nav/enter-sweepstakes-1.gif) no-repeat top left;} */
#nav-section2:hover,#nav-section2-over{width:88px;left:159px;background:transparent url(../image/nav/the-designer-1.gif) no-repeat top left;}
#nav-section3:hover,#nav-section3-over{width:58px;left:247px;background:transparent url(../image/nav/the-car-1.gif) no-repeat top left;}
#nav-section4:hover,#nav-section4-over{width:66px;left:305px;background:transparent url(../image/nav/the-tires-1.gif) no-repeat top left;}
#nav-section5:hover,#nav-section5-over{width:73px;left:371px;background:transparent url(../image/nav/the-shows-1.gif) no-repeat top left;}
#nav-section6:hover,#nav-section6-over{width:78px;left:444px;background:transparent url(../image/nav/tell-a-friend-1.gif) no-repeat top left;}

.sub-section{text-align:right;border-right:1px dashed #FFF;display:none;position:absolute;background:transparent url(../image/asd.gif); /* puts "something" in the container background, so nav event-based handling works */}

#sub-section0{}
#sub-section1{top:18px;left:-262px;width:383px;}
#sub-section2{top:18px;left:-384px;width:471px;}
#sub-section3{top:18px;left:-472px;width:529px;}
#sub-section4{top:18px;left:-530px;width:595px;}
#sub-section5{top:18px;left:-596px;width:668px;}
#sub-section6{top:18px;left:-669px;width:746px;}

.nav-section:hover ul.sub-section,.nav-section-over ul.sub-section{display:inline;}

#nav ul li .sub-section li a{display:inline;padding-right:10px;height:23px;line-height:23px;color:#FFF;}
#nav ul li .sub-section li a:hover{color:#BCBBBB;}