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


body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:130%; background:url(../images/body.gif) repeat-x; background-color:#adb1b7;padding:10px 0; text-align:center; }

/* 
NOT 100% sure if this is what Randy is looking for
body{ font-family:"trebuchet ms",sans-serif; font-size:14px; line-height:130%; background:repeat-x #373737; padding:10px 0; text-align:center; }
*/

#header{overflow:hidden;  height:125px;  text-align:center;}

#innerhearder{ width:608px; overflow:hidden; margin-left:20px; margin:auto; position:relative;}


.logo{width:209px; height:113px; position:relative; text-indent:-5000px; float:left}
.logo span{background:url(../images/logo-audi.png) no-repeat top left; width:209px; height:113px; position:absolute; top:0; left:0; }


#topnav{ float:right;  background:url(../images/top-header-nav-full.jpg) no-repeat top left; 
width:145px; height:94px; position:relative; zoom:1;} 
#topnav li{float:left; width:145px; } 
#topnav li a {position:absolute; top:0; width:145px; display:block; text-indent:-5000px;
background:url(../images/top-header-nav-full.jpg) no-repeat; overflow:hidden; font-size:1%;}
li#topenglish a{ left:0; float:left; height:40px; width:145px; background-position:0 0;}
li#topenglish a:hover{background-position:-145px 0px;}
li#topfrench a{ left:0; top:40px; height:41px; background-position:0px -40px;}
li#topfrench a:hover{background-position:-145px -40px;}


#wrapper{ margin:auto; width:608px; text-align:left; position:relative; padding-top:252px;}

.slideshow { height: 232px; width:598px; position:absolute; top:10px; left:0; }
.slideshow img { padding: 5px; border: 1px solid #ccc; background-color: #eee; }

#maincontainer{width:608px; padding:0px; margin:10px auto; float:left;  color:#FFFFFF; padding-top:20px;}

#intro{width:100%; float:left; margin:0 0 20px 0; }
#intro h2{ font-size:24px}
#intro p{  margin:10px 0; color:#000000;}


#leftCol{float:left; width:300px;}
.entersite{ margin:0px 0 0px 0; display:block; float:left;}
.entersite img {}
#address{width:300px; margin:20px 0; float:left; color:#000000;}
#address li{ font-size:14px; margin:1px}
#address strong{ font-weight:bold}

#newsletter{ width:280px; float:right; margin:0 0 10px 0; padding:10px; border:#ffffff 1px solid; padding:10px;color:#000000; }
#newsletter h2{ color:#FF0000;}
#newsletter span{color:#FF0000; display:block; text-transform:uppercase;}
#newsletter ul { padding-bottom:10px;  overflow:hidden; }
#newsletter  ul li{ line-height:20px; height:20px; position:relative;}
#newsletter .imagesumbit{ vertical-align:middle; margin-top:5px;  }

#certified{ clear:both; margin:0px 0; overflow:hidden; display:block; padding-top:10px;}
.imgleft{ float:left; margin:0; padding:0; zoom:1; display:inline;}
.imgright{ float:right; margin:0; padding:0;}

#navcontainer{ border-top:#FFFFFF 1px solid; border-bottom:#FFFFFF 1px solid; float:left; background:url(../images/bgfornav.jpg) repeat-x; width:100%; margin:10px 0; text-align:center; }

#innernavcontainer{ width:608px; margin:auto; }

#nav{ clear:left; margin:auto; background:url(../images/naventer.jpg) no-repeat; width:452px; height:63px; position:relative;}
#nav li{ float:left;}
#nav li a { position:absolute; top:0; margin:0; padding:0; display:block; height:63px; background:url(../images/naventer.jpg) no-repeat; text-indent:-1000px; overflow:hidden; font-size:1%; }

li#english a {left:0; width:209px; background-position:0 0;}
li#english a:hover {background-position:0 -63px;}

li#french a {left:210px; width:242px; background-position:-210px 0;}
li#french a:hover {background-position:-210px -63px;}

h2{color:#FFFFFF; font-size:18px; margin:0 0 10px 0;}

p{margin:10px 0;}
a{color:#CC1F21;}