/* CSS Document */
							
*							{ margin: 0; padding: 0; }

img							{ border: none; }

body						{ background: url(../images/body-back-2.jpg) 0 0 repeat-x #c8c8c8; font-family: Arial, Helvetica, sans-serif; }

h1		{ font-size:16px; color:#333333; text-indent: 30px; font-weight:normal; margin: 0 0 30px 0; background: url(../images/h1-arrow.jpg) top left no-repeat}

h2		{ font-size:14px; color: #333333; text-indent: 25px; margin: 20px 0 20px 0; font-weight:normal;  background: url(../images/h1-arrow.jpg) top left no-repeat}

em		{font-size:13px; color: #3366CC; padding-left: 30px; font-style:normal; font-weight:normal}

.normP			{ font-size:12px; line-height: 15px; color:#666; text-align:justify; margin: 10px 0 0 0}

.fullP      { font-size:12px; line-height: 15px; color:#666; text-align:justify; padding: 0 30px 0 30px; margin: 10px 0 0 0 }

#wrapper					{ width: 980px; height: auto; margin: 0 auto; position:relative}


#header		{ width:965px; height: 174px; margin: 0 auto; position:relative}

a#logo		{ width:335px; height:153px; background: url(../images/top-logo.jpg) center top no-repeat; position:absolute; top:10px; left: 300px}

a#logo:hover		{ background: url(../images/top-logo.jpg) center bottom no-repeat;}

#vw-audi		{ width:208px; height:34px; position:absolute; top:130px; left: 10px}

#est	{ width:119px; height:34px; position:absolute; top:130px; right: 10px}


#top-add	{ text-align:right; float:right; margin: 30px 0 0 0}

.boldP		{ font-weight:bold; font-size:12px; color:#333; text-transform:uppercase; margin-bottom:3px}

.addP		{ font-size:12px; color:#999; line-height: 17px; margin-bottom:3px}

.caps		{ font-size:11px; text-transform:uppercase; color:#333333}


/** Nav Styles **/

 
#top-nav	{ width: 964px; height: 34px; background: url(../images/nav-bg.jpg) center no-repeat; margin: 0 auto}

ul#top-nav li		{ display: inline; float: left; text-align: center;  font-family:Verdana, Geneva, sans-serif; font-size:10px ;height: 34px;}

ul#top-nav li a		{color: #333333; text-decoration:none; line-height: 30px; width:auto;  padding: 0 16px; height: 30px;  float: left; border-right: 1px solid #bbbbbb ; margin-top: 2px}

ul#top-nav li a:hover	{background:  url(../images/nav-over-bg.jpg) center repeat-x; width: auto; border-right: 1px solid #bbbbbb; color: #666666}


ul#top-nav li.home-nav a		{ background: url(../images/home-bg.jpg) center no-repeat; width:22px; height:34px; padding: 0; margin: 0 0 0 9px; border: none}

ul#top-nav li.home-nav a:hover		{ background: url(../images/home-over-bg.jpg) center no-repeat ; border:none ; width:22px; height:34px; padding: 0; margin: 0 0 0 9px; border: none}

#HOM li#HO a	{ background: url(../images/home-over-bg.jpg) center no-repeat ; border:none ; width:22px; height:34px; padding: 0; margin: 0 0 0 9px; border: none}

ul#top-nav li#SA a	{ width: 117px; padding: 0 16px; margin-left: 3px}

ul#top-nav li#SA a:hover	{ width: 117px}


#PRE li#PR a, #LOC li#LO a, #SAL li#SA a, #FIN li#FI a, #WAR li#WA a, #SEL li#SE a, #SER li#SR a, #TUN li#TU a, #ABO li#AB a, #CON li#CO a, #LOC li#LO a  {background:  url(../images/nav-over-bg.jpg) center repeat-x; width: auto; border-right: 1px solid #bbbbbb; color: #666666}


/** Nav Styles END **/



#main-wrap	{ width: 980px; float:left; margin-bottom: 80px}


#main-content-wrap		{ width:980px; height:auto; margin: 0 auto; background: url(../images/content-bg.png) left top repeat-y; position:relative; float:left}

#left-shadow		{ width: 14px; height:339px; background: url(../images/left-shadow.jpg) center no-repeat; position:absolute; top: 0; left: 0; display:block}

#right-shadow		{ width: 15px; height:339px; background: url(../images/right-shadow.jpg) center no-repeat; position:absolute; top: 0; right: 0px; display:block}

#VEH #right-shadow, #left-shadow	{ background: none}

#SAL #right-shadow, #left-shadow	{ background: none}


#content		{ width: 960px; height:auto; margin: 0 auto}


#left-col		{ width: 450px; height:auto; float:left; margin: 30px 0 30px 10px}

#right-col		{ width: 450px; height:auto; float:right; margin: 30px 10px 30px 0}

#full-col		{width: 900px; height: auto; float:left; margin: 30px 0 30px 10px}





#footer-wrap		{ height:95px; width:980px; background: url(../images/shadow-bg.jpg) left top repeat-y; float:left;}

#footer-nav		{ width: 950px; height: 20px; background: url(../images/footer-bg.jpg) center repeat-x; margin: 0 auto}

ul#footer-nav li		{ display: inline; float: left; text-align: center;  font-family:Verdana, Geneva, sans-serif; font-size:10px ;height: 20px;}

ul#footer-nav li a		{color: #FFFFFF; text-decoration:none; line-height: 20px; width:auto;  padding: 0 15px; height: 19px;  float: left ;}

ul#footer-nav li a:hover	{ width: auto; color: #999999}




#footer-add		{ width: 950px; height: 60px; background: url(../images/footer-add-bg.jpg) center repeat-x; margin: 4px auto; display:block; position:relative}

.footer-addP		{ font-size:11px; color:#eeeeee; line-height: 17px; padding: 15px 0 0 10px; width: 760px}

div#ukw				{ font-size: 11px; float: right; color: #ffffff; margin: 10px 20px 0 0; display: inline; }
div#ukw a			{ text-decoration: none; font-weight:bold; color:#ffffff }
div#ukw a:hover		{ color: #CCC; text-decoration: none; }


#footer-end		{ height: 15px; width:980px; background: url(../images/shadow-bottom.jpg) center top no-repeat #c8c8c8; display:block; overflow:hidden}


/** MAP STYLES **/

div#map  {width: 850px; height: 400px; margin: 30px 0 0 45px}

div#map iframe {width: 850px; height: 300px;}

/** TUNING PAGE **/

.revo			{ float:right; margin: 0 0 35px 0;}

.add		{ font-size: 12px; color:#666; width: 300px; overflow: hidden; line-height: 20px; position: absolute; right:30px; top:20px; background: #eeeeee; padding: 20px}

a.facebook {
    background: url("../images/facebook.png") no-repeat scroll center top transparent;
    display: block;
    height: 40px;
    position: absolute;
    right: 170px;
    top: 12px;
    width: 40px;
}

a.facebook:hover {
	background-position: bottom;
}