/* CSS Document--------------------

Created by: http://www.g13media.com
Copyright (c) 2009-Present.

----------------------------------- */


/* Layout Structure */
html, body, #wrap {
	height: 100%;
	margin: 0 auto;
	padding: 0;
}
body {
	background: #adb1b7;
}
#wrap {
	width: 950px;
}
.container {
	padding: 0;
	background: #fff;
}
#header {
	background: url(../images/top_header.jpg) no-repeat;
	width: 950px;
	height: 107px;
	margin: 0;
	padding: 0;	
	z-index: 5;
}
#header h1 { margin: 0; width: 310px; height: 51px; position: relative; left: 135px; top: 35px; background: url(../images/euroautospot_logo.png) no-repeat; text-indent: -9999px; overflow: hidden;}
#header h1 a { display: block; height: 51px; background: url(../images/euroautospot_logo.png) no-repeat;}
#subheadcat {
	margin: 6px 0 22px 8px;
}
a.sserv {
	display: block;
	width: 308px;
	height: 139px;
	text-decoration: none;
	background: url(../images/service_subhead.jpg);
}

a.sserv:hover {
	background-position: -308px 0;
}
a.srep {
	display: block;
	width: 308px;
	height: 139px;
	text-decoration: none;
	background: url(../images/repair_subhead.jpg);
}
a.srep:hover {
	background-position: -308px 0;
}
a.sper {
	display: block;
	width: 308px;
	height: 139px;
	text-decoration: none;
	background: url(../images/performance_subhead.jpg);
}
a.sper:hover {
	background-position: -308px 0;
}
.displace {
	position: absolute;
	left: -5000px;
}
#subrepair {
	margin: 0 0 0 34px;
}
#subperformance {
	margin: 0 0 0 44px;
}
#sidecol p {
	margin-top: 10px;
}
#maincontent {
	margin: 0 0 0 29px;
}
#content {
	margin: 0 0 0 27px;
}
#logobar {
	margin: 20px 0 12px 29px;
}
#copyright {
	float: left;
	margin: 10px 0 0 15px;
	color: #ededed;
}
#footer {
	BACKGROUND: url(../images/topnav_stretch.gif) repeat-x;
	height: 35px;
	margin: 0;
}

/* Navigation */
#nav {
	height: 43px;
	width: 466px;
	float: left;
	margin: 81px 0 0 0;
	padding: 0; 
	z-index: 10;
}
#nav ul.topnav {
	float: left;
	width: 466px;
	margin: 0;
	padding: 0;
}
#nav ul.topnav li {
	list-style: none;
	text-indent: -9999px;
	float: left;
	width: auto;
}
#nav ul.topnav li a {
	height: 43px;
	display: block;
}
body #nav ul.topnav li a:hover {
	background-position: 0 -43px;
}
#home li.home a {
	background-position: bottom;
}
#nav ul.topnav li.home a {
	width: 70px;
	background: url(../images/home.png) no-repeat;
	margin: 0;
}
li.home_on a {
	width: 75px;
	background: url(../images/home.png) no-repeat;	
	background-position: 0 -43px;
	margin: 0;
}
#nav ul.topnav li.about a {
	width: 69px;
	background: url(../images/about.png) no-repeat;
	margin: 0;	
}
li.about_on a {
	width: 69px;
	background: url(../images/about.png) no-repeat;	
	background-position: 0 -43px;
	margin: 0;
}
#nav ul.topnav li.services a {
	width: 78px;
	background: url(../images/service.png) no-repeat;
	margin: 0;	
}
li.services_on a {
	width: 78px;
	background: url(../images/service.png) no-repeat;	
	background-position: 0 -43px;
	margin: 0;
}
#nav ul.topnav li.contact a {
	width: 81px;
	background: url(../images/contact.png) no-repeat;
	margin: 0;	
}
li.contact_on a {
	width: 81px;
	background: url(../images/contact.png) no-repeat;	
	background-position: 0 -43px;
	margin: 0;
}
#nav ul.topnav li.location a {
	width: 87px;
	background: url(../images/location.png) no-repeat;
	margin: 0;	
}
li.location a {
	width: 87px;
	background: url(../images/location.gif) no-repeat;	
	background-position: 0 -43px;
	margin: 0;
}
#nav ul.topnav li.pictures a {
	width: 81px;
	background: url(../images/gallery.png) no-repeat;
	margin: 0;	
}
li.pictures a {
	width: 81px;
	background: url(../images/gallery.gif) no-repeat;	
	background-position: 0 -43px;
	margin: 0;
}
html body#home ul.topnav li.home a, body#about ul.topnav li.about a, body#services ul.topnav li.services a, body#contact ul.topnav li.contact a, body#location ul.topnav li.location a, body#pictures ul.topnav li.pictures a {
	background-position: 0 bottom;
}
/* Footer Navigation */
#footernav {
	float: right;
	margin: 0;
	color: #ededed;
}
#footernav a:link { color: #ededed; text-decoration: none;}
#footernav a:visited { color: #259cff; text-decoration: none;}
#footernav a:active { color: #ededed;}
#footernav a:hover { color: #b3b3b3;}
#footernav span a:visited { color: #0026e7; text-decoration: none;}
UL#bottomnav {
	position: relative; padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; width: 395px; padding-right: 0px; background: url(../images/topnav_stretch.gif) repeat-x; float: right; font-size: 1.0em; list-style-image: none; padding-top: 0px;
}
ul#bottomnav li {
	padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; float: left; border-right: #555 1px solid; padding-top: 0px;
}
ul#bottomnav li a {
	padding-bottom: 7px; padding-left: 10px; padding-right: 10px; display: block; color: #f0f0f0; text-decoration: none; padding-top: 10px;
}
ul#bottomnav li:hover {
	background: url(../images/topnav_active.gif) #fff repeat-x;
}
ul#bottomnav li span {
	position: absolute; padding-bottom: 15px; padding-left: 0px; width: 950px; padding-right: 0px; display: none; background: #1376c9; float: right; color: #fafafa; TOP: 35px; padding-top: 15px; right: 0px; font-size: .95em;
}
ul#bottomnav li:hover span {
	display: block;
}
ul#bottomnav li span a {
	display: inline;
}
ul#bottomnav li span a:hover {
	text-decoration: underline;
}
#copyright a:link { color: #fafafa; text-decoration: none;}
#copyright a:visited { color: #f2f2f2; text-decoration: none;}
#copyright a:active { color: #f7f7f7;}
#copyright a:hover { color: #eee;}
#copyright span a:visited { color: #f5f5f5; text-decoration: none;}

/* Logo Bar */
#logo-title {
	margin-bottom: 15px;
}
a.brembo {
	display: inline-block;
	width: 125px;
	height: 37px;
	text-decoration: none;
	background: url(../images/brembo_logo.jpg);
	margin: 0 35px 20px 0;
}
a.brembo:hover {
	background-position: -125px 0;
}
a.bilstein {
	display: inline-block;
	width: 66px;
	height: 37px;
	text-decoration: none;
	background: url(../images/bilstein_logo.jpg);
	margin: 0 35px 20px 0;
}
a.bilstein:hover {
	background-position: -66px 0;
}
a.kw {
	display: inline-block;
	width: 73px;
	height: 37px;
	text-decoration: none;
	background: url(../images/kw_logo.jpg);
	margin: 0 35px 20px 0;	
}
a.kw:hover {
	background-position: -73px 0;
}
a.evosport {
	display: inline-block;
	width: 119px;
	height: 37px;
	text-decoration: none;
	background: url(../images/evosport_logo.jpg);
	margin: 0 35px 20px 0;
}
a.evosport:hover {
	background-position: -119px 0;
}
a.hartge {
	display: inline-block;
	width: 124px;
	height: 37px;
	text-decoration: none;
	background: url(../images/hartge_logo.jpg);
	margin: 0 35px 20px 0;
}
a.hartge:hover {
	background-position: -124px 0;
}
a.uuc {
	display: inline-block;
	width: 122px;
	height: 37px;
	text-decoration: none;
	background: url(../images/uuc_logo.jpg);
	margin: 0 35px 20px 0;
}
a.uuc:hover {
	background-position: -122px 0;
}
a.active {
	display: inline-block;
	width: 43px;
	height: 37px;
	text-decoration: none;
	background: url(../images/active_logo.jpg);
	margin: 0 35px 20px 0;
}
a.active:hover {
	background-position: -43px 0;
}
/* Home Pg */
 #note {
        position: absolute;
        z-index: 6001;
        top: 0;
        left: 0;
        right: 0;
        background: #ce0000;
        text-align: center;
		font-weight: bold;
		color: #FFF;
        line-height: 2.5;
        overflow: hidden; 
        -webkit-box-shadow: 0 0 5px black;
        -moz-box-shadow:    0 0 5px black;
        box-shadow:         0 0 5px black;
    }
    .cssanimations.csstransforms #note {
        -webkit-transform: translateY(-50px);
        -webkit-animation: slideDown 15s .30s 1 ease forwards;
        -moz-transform:    translateY(-50px);
        -moz-animation:    slideDown 15s .30s 1 ease forwards;
    }

    #close {
      position: absolute;
      right: 10px;
      top: 9px;
      text-indent: -9999px;
      background: url(../images/close.png);
      height: 16px;
      width: 16px;
      cursor: pointer;
    }
    .cssanimations.csstransforms #close {
      display: none;
    }
    
    @-webkit-keyframes slideDown {
        0%, 100% { -webkit-transform: translateY(-50px); }
        10%, 90% { -webkit-transform: translateY(0px); }
    }
    @-moz-keyframes slideDown {
        0%, 100% { -moz-transform: translateY(-50px); }
        10%, 90% { -moz-transform: translateY(0px); }
    }
	
#welcomeblurb {
	width: 585px;
}
#welcomeblurb p {
	margin-top: 10px;
}
#welcomeblurb span {
	float: right;
	margin-bottom: 20px;
}
#sidelocation {
}
#mapsm {
	margin-top: 13px;
	display: block;
}
#sidecontact {
}
#sidesocial img{
	margin-bottom: 15px;
}
#socialicons img {
	margin: 0 20px 0 0;
}
#contentm {
	margin-bottom: 20px;
}
#contentm h2 {
	font-size: 1.5em;
}
#contentmLT {
	float: left;
}
#contentmRT {
	float: right;
	margin: 0 76px 0 0;
}
ul.maintenance-list { 
	list-style: none; padding: 0;  margin: 10px 0 0 0;
} 
ul.maintenance-list li {  
	padding: 5px 5px 5px 15px; margin: 0;  background: url(../images/arrow_grey.png) no-repeat left center;
	color: #3e3951;
	line-height: 1em;
}
#contentr {
	margin-bottom: 20px;
}
#contentrLT {
	float: left;
}
#contentrRT {
	float: right;
	margin: 0 125px 0 0;
}
ul.repair-list { 
	list-style: none; padding: 0;  margin: 10px 0 0 0;
} 
ul.repair-list li {  
	padding: 5px 5px 5px 15px; margin: 0;  background: url(../images/arrow_grey.png) no-repeat left center;
	color: #3e3951;
	line-height: 1em;
}
#contentp {
	margin-bottom: 20px;
}
#contentpLT {
	float: left;
}
#contentpRT {
	float: right;
	margin: 0 65px 0 0;
}
ul.performance-list { 
	list-style: none; padding: 0;  margin: 10px 0 0 0;
} 
ul.performance-list li {  
	padding: 5px 5px 5px 15px; margin: 0;  background: url(../images/arrow_grey.png) no-repeat left center;
	color: #3e3951;
	line-height: 1em;
}
#contentg {
	margin-bottom: 20px;
}
#contentgLT {
	float: left;
}
#contentgRT {
	float: right;
	margin: 0 129px 0 0;
}
ul.genuine-list { 
	list-style: none; padding: 0;  margin: 10px 0 0 0;
} 
ul.genuine-list li {  
	padding: 5px 5px 5px 15px; margin: 0;  background: url(../images/arrow_grey.png) no-repeat left center;
	color: #3e3951;
	line-height: 1em;
}
/* Service Pg */

.bmw-service {
	margin: 0 0 20px 0;
}
.bmw-service img{
	margin: 10px 0 0 0;
}

ul.service-list { 
	list-style: none; padding: 0;  margin: 10px 0 0 0;
} 
ul.service-list li {  
	padding: 5px 5px 5px 15px; margin: 0;  background: url(../images/arrow_grey.png) no-repeat left center;
	background-position: 0 .5em; 
	color: #3e3951;
	line-height: 1em;
}
ul.service-sublist { 
	list-style: none; padding: 0;  margin: 5px 0 0 10px;
} 
ul.service-sublist li {  
	padding: 5px 5px 5px 15px; margin: 0;  background: url(../images/arrow_grey.png) no-repeat left center;
	color: #3e3951;
	line-height: 1em;
}

/* Gallery Pg */


/* About Pg */


/* Location Pg */


/* Contact Pg */

/*--Contat Form -- */
.myform{
	margin:0 auto;
	width: 250px;
}
#formprop{
	border: none;
	background: transparent;
}
#basic p{
	font-size:11px;
	color:#000;
}
#form {
	font-size:11px;
	color:#000;
}
#basic label{
	display:block;
	font-weight:bold;
	width: 150px;
}

#basic input{
	float:left;
	width:205px;
	margin-top: 0px;
}
#basic textarea {
	width: 196px;
	height: 40px;
	border: 1px solid #cccccc;
	padding: 5px;
	margin: 0px;
}
#basic input.btn {  
	background: url(../images/button.png) no-repeat;
	width: 76px;
	height: 24px;
	border: none;
	margin: 0 40px 15px 0;
	float: right;
}
.mainform{
	margin:0 auto;
	width: 450px;
}
#standard label{
	display:block;
	font-weight:bold;
	width: 160px;
}
#standard input{
	float:left;
	width:305px;
	margin-top: 0px;
}
#standard textarea {
	width: 296px;
	height: 80px;
	border: 1px solid #cccccc;
	padding: 5px;
	margin: 0px;
}
#standard input.btn {  
	background: url(../images/send.jpg) no-repeat;
	width: 95px;
	height: 31px;
	border: none;
	margin: 0 150px 15px 0;
	float: right;
}


/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

.theme-default .nivoSlider {
	position:relative;
	background:#fff url(../images/loading.gif) no-repeat 50% 50%;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-controlNav {
	position:absolute;
	left:50%;
	bottom:-42px;
    margin-left:-40px; /* Tweak this to center bullets */
}
.theme-default .nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;

	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.theme-default .nivo-controlNav a.active {
	background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
.theme-default a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
.theme-default a.nivo-prevNav {
	left:15px;
}

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}