/* 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: 390px; 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 */
#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;
}