/* CSS Document */
body
{
margin: 0 auto;
text-align:center;
background-image:url(images/Header_1.png);
background-repeat:repeat-x;
background-color: #747474;
}

/*begin relative_wrapper*/
/*top level wrapper*/
#relative_wrapper {
width: 800px;
height: 850px;
position: relative;
margin: 0 auto;
font-family:"Trebuchet MS";
font-size: 10px;
border: 0px solid #000000;

}
/*end relative wrapper*/

/*begin wraps main content*/
#wrapper {
	margin:0 auto;
	text-align: center;
	width: 800px;
	height: 1084px;
	border: 0px #ff9999 dashed;
	color: #000000;
	font-family:"Trebuchet MS";
	position: absolute;
	top: 0px;
	left: 0;
	z-index: 10;
	}
/*end wraps main content*/

#headerwrap {
	margin:0 auto;
	width:3000px;
	background-color:#dadada;
	border: 0px solid #000000;
	text-align: left;
	}







h2 {
color: #000000;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:600;
text-align: center;
}



#leftbox
{
background-image:url(images/leftimage.jpg);
background-repeat:no-repeat;
position: absolute;
width: 15px;
height: 247px;
left: 0px;
top: 0px;
}

#expandonav
{
background-image:url(images/expanding_image.jpg);
background-repeat:repeat-x;
margin: 0;
padding: 0;
}


#littlebox

{
width: 100px;
height: 100px;
margin: 0 auto;
position:absolute;
top:10px;
left: 50px;
font-family:"Trebuchet MS";
font-size:12px;
line-height:20px;
text-align:center;
background-color:#FFFFCC;

}
#crashed {
	position: absolute;
	top: 5px;
	margin-left: 655px;
	margin-top: 3px;
	left: -2px;
	visibility: visible;
}

#logo {
	position: absolute;
	width: 686px;
	height: 100px;
	top: 34px;
	left: 60px;
	font-size: 20px;
	color: #FFFF99;
	border: 0px solid #993300;
	visibility: visible;
}

#navbar {
	position: absolute;
	width: 793px;
	height: 100px;
	top: 177px;
	left: 5px;
	visibility: visible;

}

#navbar_copy {
	position: absolute;
	width: 755px;
	height: 15px;
	top: 183px;
	left: 35px;
	color: #ff0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing:0px;
	font-weight:800;
	visibility: visible;
	border: 0px solid #FF0000;
	padding: 0;
	text-align:left;

}



#navbar_copy a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing:0px;
	text-decoration: none;
	color: #ff0000;

}
#navbar_copy_index {
	position: absolute;
	width: 755px;
	height: 15px;
	top: 183px;
	left: 25px;
	color: #ff0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing:0px;
	font-weight:800;
	visibility: visible;
	border: 0px solid #FF0000;
	padding: 0;
	text-align:left;

}



#navbar_copy_index a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing:0px;
	text-decoration: none;
	color: #ff0000;

}

#navbar_copy_index a:hover
{
color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing:0px;
	font-weight:800;
	font-style: normal;

}

/* start collision repair experts*/

.experts a

{
	
	color: #ff0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing:0px;
	text-decoration: none;
	padding-top: 10px;
	font-weight: 600;
	

}





.experts a:hover
{
color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing:0px;
	font-weight:800;
	font-style: normal;

}
/* end collision repair experts*/

#emailbuttons {
	position: absolute;
	width: 106px;
	height: 460px;
	border: 0px dashed #336633;
	top: 280px;
	left: 10px;
	visibility: visible;
}


#emailbuttonstext {
	position: absolute;
	width: 100px;
	height: 460px;
	border: 0px dashed #336633;
	top: 261px;
	left: 12px;
	visibility: visible;
}

#roundcorner_cont {
	position: absolute;
	height: 470px;
	width: 680px;
	top: 260px;
	left: 127px;
	border: 0px dotted #FF0000;
	background-image:url(images/redcar.png);
	background-repeat: no-repeat;
	padding-top: 11px;
	text-align: left;
	z-index:10;
}




.whitetype {
font-family: Arial, Helvetica, sans-serif;
letter-spacing: -.5; 
font-size: 13px; 
font-weight: bold; 
color: white;
}
.blacktype {
font-family: Arial, Helvetica, sans-serif;
letter-spacing: -.5; 
font-size: 16px; 
font-weight: bold; 
color: black;
font-style: italic}



#roundcorder_spikey {
	position: absolute;
	height: 350px;
	width: 536px;
	top: 360px;
	left: 255px;
	border: 0px dotted #FF0000;
	background-image:url(images/chrome-original-resized.png);
	background-repeat: no-repeat;
	z-index:2;
	visibility: visible;


}
/* begin landing page*/
#roundcorder_spikey_L {
	position: absolute;
	height: 418px;
	width: 536px;
	top: 340px;
	left: 255px;
	border: 0px dotted #FF0000;
	background-image:url(images/chrome-original-resized-opaque-25.png);
	background-repeat: no-repeat;
	z-index:2;
	visibility: visible;

}
/* end landing page*/
/*#oval {
	position: absolute;
	height: 418px;
	width: 536px;
	top: 365px;
	left: 205px;
	border: 0px dotted #FF0000;
	background-image:url(images/1800logo.png);
	background-repeat: no-repeat;
	z-index:2;
	visibility: visible;

}*/
/* end landing page*/





















/*begin rollover code*/
.redtype_center_lg{
font-family:Arial, Helvetica, sans-serif;
font-size: 18px;
color: #ff0000;
}


.redtype_center_lg a
{

text-decoration: none;
font-color: #ff0000;

}

.popup1 {
font-size: 19px;
color: #772299;
font-weight: 600;
}

/*
.popup1:hover{
background-color: transparent;
z-index: 50;
font-size: 14px;
color: #993300;
}
*/
.popup1 span{ /*CSS for enlarged image*/
position: absolute;
padding: 0px;
border: 0px dashed gray;
visibility:hidden;
color: black;
text-decoration: none;
}

.popup1 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.popup1:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 70px;
left:130px; /*position where enlarged image should offset horizontally */

}


.popup2 span{ /*CSS for enlarged image*/
position: absolute;
padding: 0px;
border: 0px dashed gray;
visibility:hidden;
color: black;
text-decoration: none;
}

.popup2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}
.popup2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 190px;
left:130px; /*position where enlarged image should offset horizontally */

}

.popup3 span{ /*CSS for enlarged image*/
position: absolute;
padding: 0px;
border: 0px dashed gray;
visibility:hidden;
color: black;
text-decoration: none;
}

.popup3 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}
.popup3:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 240px;
left:130px; /*position where enlarged image should offset horizontally */

}


/*end rollover code*/













#bottom {
	background-image: url(images/lower_gradient_1.jpg);
	background-repeat: repeat;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0px;
	top: 240px;
	width: 2000px;
	visibility: visible;
	border: 0px solid red;
}
/*begin red type*/
.redtype {
font-family: arial;
color: #ff0000;
font-weight: 800;
text-align: center;
font-size: 18px;
line-height: 20px;
}
.redtype_left {
font-family: arial;
color: #000;
font-weight: 800;
text-align: left;
font-size: 12px;
line-height: 17px;
}
.redtype_right {
font-family: arial;
color: #000;
font-weight: 800;
text-align: right;
font-size: 12px;
line-height: 17px;
}


.redtype_left_1 {
font-family: arial;
color: #ff0000;
font-weight: 800;
text-align: left;
font-size: 12px;
line-height: 17px;
}
.redtype_right_1 {
font-family: arial;
color: #ff0000;
font-weight: 800;
text-align: right;
font-size: 12px;
line-height: 17px;
}




.redtype_center_sm {
font-family: arial;
color: #ff0000;
font-weight: 700;
text-align: center;
font-size: 14px;
line-height: 15px; 
}

.redtype_center_sm a{
font-family: arial;
color: #ff0000;
font-weight: 700;
text-align: center;
font-size: 14px;
line-height: 15px; 
text-decoration: none;
}

/*end red type*/





.redtype_center_lg {
font-family: arial;
color: #ff0000;
font-weight: 700;
text-align: center;
font-size: 17px;
line-height: 19px; 
}

.redtype_center_lg a{
font-family: arial;
color: #ff0000;
font-weight: 700;
text-align: center;
font-size: 17px;
line-height: 19px; 
text-decoration: none;
}


/*begin repair process*/

img.repair {
padding-left: 1.3em;
padding-bottom: 1em;
float:right;

}

img.button {
padding-right: 1.3em;
padding-bottom: 1em;
float:left;

}




.repair {
color: #000000;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:600;
width: 430px;
}

a.repair {
color: #000000;
text-decoration:underline;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:600;

}

.font1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height:15px;
font-weight:300;





}


#repair_con {
width: 790px;
position: absolute;
top: 261px;
left: 8px;
border: 0px solid red;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 14px;
color: #000000;
text-align: left;
clear:both
}


#repair_con_indent {
width: 550px;
position: relative;
left: 60px;
top: 10px;
border: 0px solid black;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 14px;
color: #000000;
text-align: left;
margin-bottom:20px;
padding-left: 50px;

}



/*end repair process*/


/*begin Shop Tour*/
#shoptour {
	position: relative;
	width: 800px;
	height: 2300px;
	border: 0px dashed #3333CC;
	top: 250px;
	left: 0px;
	visibility: visible;
}


#bottom_nav_shoptour {
margin-left: 5px;
	width: 799px;
	height: 40px;
	visibility: visible;
	background-image:url(images/navbar_4.png);
	background-repeat: no-repeat;
	border: 0px #000000 dashed;
	text-align: left
}

#bottom_nav_shoptour_copy {
	
	position: relative;
	color: #ff0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing:0px;
	font-weight:800;
	visibility: visible;
	text-align:left;
	text-decoration: none;
	padding-left: 2.2em;

	
	

}


#bottom_nav_shoptour_copy a
{
	position: relative;
	top: 7px;
	color: #ff0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing:0px;
	text-decoration: none;
	padding-top: 10px;
	text-align:left;
	

}


#bottom_nav_shoptour_copy a:hover
{
	position: relative;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing:0px;
	font-weight:800;

}

h2.shoptour {
font-size: 24px;
font-weight: 700;
}



/*end Shop Tour*/



/*links*/

table.links { border: 0px solid #666666;
width:500px;
margin-left:146px;
 }


.font2 {
text-align: center;
font-family:Arial, Helvetica, sans-serif;
color: #ff0000; 
font-size:16px; 
font-weight:bold;
}



.font3 {
text-align: center;
font-family:Arial, Helvetica, sans-serif;
color: #ff0000; 
font-size:16px; 
font-weight:bold;
padding-top: 60px;
padding-bottom: 20px;
}

.font3 a{


color: #ff0000;
text-decoration: underline;
}

.font3 a:hover{

color: #000000; 

}



.font4{
text-align: left;
font-family:Arial, Helvetica, sans-serif;
color: #000000; 
font-size:12px; 
font-weight:100;

}
.font4 a{
text-align: left;
font-family:Arial, Helvetica, sans-serif;
color: #0033cc; 
font-size:12px; 
font-weight:100;
}
.font4 a:hover{
text-align: left;
font-family:Arial, Helvetica, sans-serif;
color: #ffffff; 
font-size:12px; 
font-weight:100;
}

/*begin ricks styles*/
.style2 {font-weight: bold; color: #FF0000;}
.style3 {font-size: 10px}
.style4 {font-size:12px}
/*end ricks styles*/


/*end links*/


/*begin bottom nav*/





#bottom_nav {
margin-left: -3px;
	width: 793px;
	height: 100px;
	visibility: visible;
	background-image:url(images/navbar_4.png);
	background-repeat: no-repeat;
	border: 0px #000000 dashed;
}



#bottom_nav_copy {
	
	position: absolute;
	color: #ff0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing:0px;
	font-weight:800;
	visibility: visible;
	text-align:left;
	text-decoration: none;
	padding-left: 2.2em;

	
	

}


#bottom_nav_copy a
{
	position: relative;
	top: 7px;
	color: #ff0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing:0px;
	text-decoration: none;
	padding-top: 10px;
	

}


#bottom_nav_copy a:hover
{
	position: relative;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing:0px;
	font-weight:800;

}




/*end bottom nav*/

/*begin bottom info*/

#bottom_info {
	position: absolute;
	width: 795px;
	height:54px;
	top: 758px;
	left: 13px;
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing:0px;
	font-weight:100;
	background-image: url(images/newsbar2.png);
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 8px;
	padding-left: 0px;
	padding-right: 0px;
	border: 0px solid #FF3333;
	overflow: visible;
	visibility: visible;
}



#social_bottom_info {
	position: absolute;
	width: 787px;
	height:24px;
	top: 730px;
	left: 11px;
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing:0px;
	font-weight:100;

	background-repeat: no-repeat;
	text-align: center;
	padding-top: 8px;
	padding-left: 0px;
	padding-right: 0px;
	border: 0px solid #FF3333;
	overflow: visible;
	visibility: visible;
}

#social_bottom_info_1 {
	position: absolute;
	width: 200px;
	height:24px;
	top: 742px;
	left: 325px;
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing:0px;
	font-weight:100;

	background-repeat: no-repeat;
	text-align: center;
	padding-top: 8px;
	padding-left: 0px;
	padding-right: 0px;
	border: 0px solid #FF3333;
	overflow: visible;
	visibility: visible;
}

#social_net {
	position: absolute;
	width: 800px;
	height: 35px;
	top: 0px;
	left: 185px;
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing:0px;
	font-weight:100;
	text-align: left;
	padding-top: 8px;
	padding-left: 0px;
	padding-right: 0px;
	border: 0px solid #FF3333;
	overflow: visible;
	visibility: visible;




}

#copyright
{
position: absolute;
left: 13px;
top:820px;
border: 0px #ffffff dashed;
width: 150px;
height: 40px;
text-align:left;
}

#copyright_1
{
position: absolute;
left: 712px;
top:818px;
border: 0px #ffffff dashed;
width: 120px;
height: 40px;
text-align:left;
z-index:1;
}

#copyright_2
{
position: absolute;
left: 736px;
top:818px;
border: 0px #ffffff dashed;
width: 120px;
height: 40px;
text-align:left;
z-index:1;
}


#copyright_3
{
margin-top: 12px;
color: #000000;
font-size:10px;
font-family:'Trebuchet MS';
position: relative;
border: 0px #99FF33 dashed;
   
}

#copyright_4
{
position: absolute;
width: 175;
height: 20;
text-align:right;
left: 719px;
top: -1px;
}




a.sfbayimage
{
color:#000000;
text-decoration: none;
}


a.sfbayimage:hover
{
color: #ffffff;
text-decoration: none;
}

#buggie
{
position: absolute;
left: 510px;
top:790px;
width: 200;
border: 0px #ff0000 solid;
text-align:left;
}




#bottom_info a:hover{

color: #ffffff;


}


/*end bottom info*/



/*begin InteractiveMap*/

.InteractiveMap{
position: relative;
z-index: 49;
}

.InteractiveMap:hover{
background-color: transparent;
z-index: 50;
}

.InteractiveMap span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FAFAD2;
padding: 5px;
left: 50px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
z-index:53
}

.InteractiveMap span iframe{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
z-index:52;
}

.InteractiveMap:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 100px;
z-index:51; 
background-color: #FAFAD2;/*position where enlarged image should offset horizontally */

}


/*end InteractiveMap*/

hr.links {
color: #FF0000;
background-color: #FF0000;
height: 1px;
}



/*begin About Us*/
h3.aboutus
{
color: #000000; 
font-size:16px; 
font-weight:bold; 
text-align:center

}


.aus {
color: #000000;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:600;
width: 430px;
text-align:center
}

a.aus {
color: #000000; 
font-size:16px; 
font-weight:bold; 
text-align:center;
text-decoration:underline;

}

#aboutus_centered
{
text-align:center
}

td.aboutus
{
text-align: left;
}


td.aboutusright
{
text-align: right;
}


td.aboutus_cent
{
text-align: center;
font-weight: 900;
font-size:14px;
}



td.aboutus_cent a
{
text-align: center;
color: #ff0000;
}


#left10px
{
position: relative;
left:-6px;
top: -6px;
width: 800px;
height: 120px;
border: 0px #CC3333 solid;
}

#about_us_cont {
width: 600px;
position: relative;
left: 85px;
top: 0px;
border: 0px solid #6666FF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 14px;
color: #000000;
text-align: left;
margin-bottom:20px;
padding-left: 0px;

}






/*end About Us*/


/*begin FAQ*/

#faq_con_indent {
width: 460px;
position: relative;
left: 90px;
top: 10px;
border: 0px solid #6666FF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 14px;
color: #000000;
text-align: left;
margin-bottom:20px;
padding-left: 60px;

}


#heading
{
position: relative;
top:-10px;
left:145px;
border: px #112233 solid;
width: 500px;
text-align: center;
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;


}

.whatever

{
	position: relative;
	top: 7px;
	color: #ff0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing:0px;
	text-decoration: none;
	padding-top: 10px;
	

}



/*end FAQ*/