/* ------------------------    MAIN    --------------------------*/
font {}
TABLE, TR, TD, UL {}

@charset "utf-8";

/*--------------------Global Body & HTML--------------------*/  
body { background: url(images/body-bkgd.png) repeat-x center top #aecae7; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0; padding: 0; color: #333; } 

/*--------------------Global Form--------------------*/  
form { margin: 0; padding: 0; }  
textarea { width: 100%; }

/*--------------------Global Text Format--------------------*/  
p { line-height: 1.5em; padding: .55em 0; margin: 0; }  
h1, h2, h3, h4, h5, h6 { padding: .6em 0 .2em 0; margin: 0; }
h1 { color: #235492; font-size: 26px; font-weight: bold; text-transform: uppercase; font-style: italic; }
h1 span.black { color: #292929; font-size: 24px; font-weight: bold; text-transform: none; font-style: italic; line-height: normal; }
h2 { color: #416da1; }

/*--------------------Global Link Properties--------------------*/  
a:link { text-decoration: underline; color: #3366cc; }
a:visited { text-decoration: underline; color: #333399; }
a:hover, a:active, a:focus { text-decoration: none; }  

/*--------------------Global Image--------------------*/  
a img { border: none; }

/*--------------------Global List Properties--------------------*/  
ul li, ol li { margin-top: .65em; margin-bottom: .65em; line-height: 1.5em;  }
blockquote { font-family: "Times New Roman", Times, serif; font-size: 17px; font-style: italic; }  
cite { color: #666666; font-weight: bold; }  

/*--------------------Global Horizontal Rule--------------------*/  
hr { height: 1px; border: none; background: #000; } 

/*--------------------Body & Page Container--------------------*/  
.wrapper { width: 970px; margin: 0 auto; }
#header { background: url(images/berkeley-motor-works-bmw-repair.jpg) no-repeat; position: relative; height: 250px; }
#header a.logo { width: 400px; height: 250px; display: block; position: absolute; left: 0; top: 0; }
#header h3.contact { position: absolute; bottom: 0; right: 0; display: block; font-weight: bold; font-size: 16px; font-style: italic; padding: 0 35px 7px 0; }
#header h3.contact a { color: #a9c9ea; text-decoration: none; }
#header h3.contact a:hover { color: #a9c9ea; text-decoration: underline; }
#nav { height: 68px; clear: both; position: relative; z-index: 999; }
#sub-header { background: url(images/sub-header-bkgd.png) repeat left top #000; padding: 10px; border-top: 10px solid #7ea3c9; }
#sub-header .button { width: 310px; height: 119px; float: left; position: relative; }
#sub-header .button h1.auto-link { width: 310px; height: 40px; padding: 0; margin: 79px 0 0 0; font-size: 14px; display: block; text-transform: none; font-style: normal; }
#sub-header .button h1.auto-link a { color: #000; text-decoration: none; padding: 12px 10px 0 80px; display: block; position: relative; background: url(images/button-bullet.gif) no-repeat 280px 15px; }
#sub-header .button h1.auto-link a:hover { text-decoration: underline; }
#sub-header .bmw { background: url(images/button-bmw.png) no-repeat left top; }
#sub-header .mercedes { background: url(images/button-mercedes-benz.png) no-repeat left top; margin: 0 0 0 10px; }
#sub-header .mini { background: url(images/button-mini-cooper.png) no-repeat left top; margin: 0 0 0 10px; }
#content { background: #f7f7f7; padding: 10px; border-bottom: 10px solid #fae535; }
#content .col-left { width: 630px; float: left; background: url(images/content-bkgd.png) repeat-x; }
#content .col-left .content { padding: 15px 30px 30px 30px; }
#content .col-right { width: 310px; float: left; margin-left: 10px; }
#content .col-right .button { clear: both; }
#content .col-right .content { padding: 10px 25px 20px 25px; background: #cccccc; border-bottom: 10px solid #383838; margin-bottom: 20px; }
#content .col-right .block { padding: 10px 25px 15px 25px; background: #e7e7e7; margin-bottom: 20px; }
#footer { background: url(images/footer-bkgd.png) repeat-x left top #0a0a0a; color: #fff; text-align: center; padding: 15px 20px; }
#sub-footer { color: #133e79; text-align: center; font-size: 14px; padding: 10px 0 30px 0; }
#sub-footer p.links { font-size: 11px; }
#sub-footer a { color: #133e79; text-decoration: none; }
#sub-footer a:hover { text-decoration: underline; }

/*--------------------Alignments--------------------*/  
.center { text-align: center; } 
img.center, img[align="center"] { display: block; margin: 0 auto; } 
.align-left { float: left; } 
img.alignleft, img[align="left"] { float:left; margin: 2px 20px 5px 0px; } 
.align-right { float: right; }
img.alignright, img[align="right"] { float:right; margin: 2px 0px 5px 10px; } 

/*--------------------Float Fix--------------------*/  
.clear { display: block; clear: both; height: 0; overflow: hidden; }  

/*--------------------Footer Links--------------------*/  
div.footer-link-container {width:852px; margin:0px auto 10px auto; padding:0; font-size:75%;}
div.col {text-align:left;float:left;  line-height:100%; margin:0px;}
.address{width:170px; padding-left:55px;}
.one{ padding:0px; width:170px;}
.two, .three{ padding:0px 0px 10px 10px; width:170px;}
.clear{clear:both;}
#footer div.footer-link-container ul {list-style-type:none; list-style-image:none;margin:0;padding:0;}
#footer .footer-link-container ul li{ist-style-type:none; list-style-image:none;margin:0;padding:2px 0;}
#footer div.footer-link-container div.col a:hover{text-decoration:none;}
#footer div.footer-link-container div.col a:link,.footer div.footer-link-container div.col a:visited{color:#cccccc; text-decoration:underline;}
#footer div.footer-link-container div.col a.main {font-weight:bold; border-bottom:1px dashed #808080; text-decoration:none; line-height:220%;}

#small {
	font-size: ;}
#reg {
	font-size: ;}
#big {
	font-size: ;}
	
.main {
	font-family: ;
	font-size: ;
	color:;
	background-color: ;
	border:   ;
}
.maintext1 {
	font-family: ;
	font-size: ;
	color: ;
}
.maintext2 {
	font-family:;
	font-size:;
	color:;
}
.mainlink {
	font-family:;
	font-size:;
	color:;}
.mainlink a:link {
	color:;}
.mainlink a:hover {
	color:;}
.mainlink a:active {
	color:;}
.mainlink a:visited {
	color: ;}
	
a {
	font-family: ;
	font-size: ;
	color: ;}
a:link {
	color: ;}
a:hover {
	color: ;}
a:active {
	color: ;}
a:visited {
	color: ;}
	
/* ------------------------    SUB - LEFT BAR   --------------------------*/

.sub {
	font-family: ;
	font-size: ;
	color: ;
	background-color: ;
	border:   ;}
.subcolor {
	color: ;
	background-color: ;}
.subtext1 {
	font-family: ;
	font-size: ;
	color: ;}
.subtext2 {
	font-family: ;
	font-size: ;
	color: ;}
.sublink {
	font-family: ;
	font-size: ;
	color: ;}
.sublink a:link {
	color: ;}
.sublink a:hover {
	color: ;}
.sublink a:active {
	color: ;}
.sublink a:visited {
	color: ;}
	
/* ------------------------    NAV    --------------------------*/

.nav {
	font-family: ;
	font-size: ;
	color: ;
	background-color: ;
	border:   ;}
.navcolor {
	color: ;
	background-color: ;}
.navtext1 {
	font-family: ;
	font-size: ;
	color: ;}
.navtext2 {
	font-family: ;
	font-size: ;
	color: ;}
.navlink {
	font-family: ;
	font-size: ;
	color: ;}
.navlink a:link {
	color: ;}
.navlink a:hover {
	color: ;}
.navlink a:active {
	color: ;}
.navlink a:visited {
	color: ;}

/* ------------------------    LINK TO HIDDEN DIR    --------------------------*/

.resource {
	color:; 
	text-decoration: none;
	font: 10px/120% Arial, Helvetica, sans-serif;
	cursor: text;}
.resource a:link {
	color: ;
	cursor: text;}
.resource a:hover {
	color: ;
	cursor: text;}
.resource a:visited {
	color: ;
	cursor: text;}
.resource a:active {
	color: ;
	cursor: text;}
	

