/* CSS Document */


body{
text-align: center;
background: #ccc url(../img/accident-repair-hatch.gif) top left repeat;
margin: 0px 0px 0px 0px;
}



a:link{
color: #980205;
text-decoration: underline;
}
a:active{
color: #980205;
text-decoration: underline;
}
a:hover{
color: #980205;
text-decoration: underline;
}
a:visited{
color: #333;
text-decoration: underline;
}


a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color: #040C75;
    text-decoration:none;
	}

a.info:hover{
z-index:25; 
background-color:#ff0
}

a.info span{
display: none
}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left: 2em; width:200px;
    border:1px solid #040C75;
    background-color:#fff; color:#000;
    text-align: center
	}





/*--------DIVS & TABLE------------*/

div#bay-custom-container{
margin: 10px auto 10px auto;
width: 800px;
border: 2px solid #000;
text-align: left;
}


div#flash-refinishing{
width: 800px;
height: 150px;
background: #fff;
}

div#header-accidents{
width: 800px;
height: 70px;
background: #fff;
}
div#header-accidents img{
display: block;
}


table#content{
background: #fff url(../img/newport-news-va-bg.gif) top left repeat-y;
width: 800px;
margin: 0px 0px 0px 0px;

}

td#navigation{
width: 150px;
vertical-align:top;

}
td#maincontent{
width: 650px;
vertical-align:top;

}

div#leftcolumn{
margin: 10px 0px 0px 10px;
padding: 0;
width: 415px;
float: left;
min-height: 600px;
}



div#rightcolumn{
margin: 10px 0px 0px 0px;
padding: 0;
width: 200px;
float: left;
}

div#onecolumn{
margin: 10px 0px 0px 10px;
padding: 0;
width: 625px;
min-height: 600px;

}




div#footer{
background: #fff url(../img/footerlogo.jpg) top left no-repeat;
width: 800px;
height: 50px;
margin: 0px 0p 0px 0px;
text-align: left;
}

/*--------NAVIGATION------------*/



ul#menu{
width: 100%;
margin: 10px 0px 0px 0px;
padding: 0;
font:  12px Arial, Helvetica, sans-serif;
color: #FFDF12;
text-align: left;
}

ul#menu li{
display: block;
width: 145px;
height: 31px;
background: url(../img/navbg.gif) top left repeat-x;
margin: 0px 0px 2px 0px;
padding: 0;
text-indent: 5px;
list-style:none;
line-height: 33px;
}
ul#menu a{
color: #fff;
text-decoration: none;
}
ul#menu a:hover{
color: #fff;
text-decoration: underline;

}

/*--------COPY & CLASSES------------*/

ul.mainpts {
margin: 0px 10px 10px 25px;
font: 900 14px/18px Arial, Helvetica, sans-serif;
color: #000084;
padding: 0px 0px 0px 0px;
}

ul.mainpts li{
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
ul.mainpts a{

color: #0099CC;

}

ul.bodyul {
margin: 0px 0px 10px 10px;
width: 80%;
font: 12px/14px Arial, Helvetica, sans-serif;
color: #333;
padding: 0;
text-align: left;
}

ol.bodyol {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 40px;
color: #333;
width: 80%;
font: 11px/14px Arial, Helvetica, sans-serif;
text-align: left;
}

ul.bodyul li{
margin: 5px 0px 0px 25px;
padding: 0;

}

ol.bodyol li{
margin: 5px 0px 0px 0px;
padding: 0;

}



.bodyp{
font: 12px/16px Arial, Helvetica, sans-serif;
text-align: left;
margin: 0px 0px 10px 0px;
padding: 0;
color: #333;
text-indent: 20px;
width: 95%;
}

.leftp{
font: 12px/16px Arial, Helvetica, sans-serif;
text-align: left;
margin: 0px 0px 10px 0px;
padding: 0;
color: #333;
width: 95%;
}



.subp{
font: 11px/14px Arial, Helvetica, sans-serif;
text-align: left;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 20px;
color: #333;

}
.caption{
font: 11px/12px Verdana, Arial, Helvetica, sans-serif;
text-align: justify;
margin: 0px 0px 8px 0px;
padding: 0;
color: #333;
}

.caption2{
font: 11px/13px Arial, Helvetica, sans-serif;
text-align: justify;
padding: 2px 5px 2px 5px;
margin: 0;
}
.caption2 strong{
color: #000084;
text-transform: uppercase;
}





h1{
display: block;
border-bottom: 2px solid #000084;
font: 900 18px/21px Arial, Helvetica, sans-serif;
text-align: left;
margin: 10px 10px 15px 0px;
padding: 0px 0px 0px 0px;
color: #000084;
}

h1.nound{
border-bottom: none;
}

h2{
display: block;
font: 900 14px/18px Arial, Helvetica, sans-serif;
text-align: left;
border-bottom: 2px solid #980205;
text-transform: uppercase;
margin: 10px 20px 10px 0px;
padding: 0px 0px 0px 0px;
color: #980205;
clear: both;
}



h3{
font: 900 12px/16px Arial, Helvetica, sans-serif;
text-align: left;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
color: #333;
text-transform: uppercase;
}

h4{
font: 11px/12px Arial, Helvetica, sans-serif;
text-transform: uppercase;
margin: 30px 0px 5px 0px;
padding: 0px 0px 0px 20px;
color: #980205;
text-align: left;

}

/*--------MISC------------*/

.clearleft{
clear: left;

}

.service-photos{
border: 2px solid #000084;
margin: 0px 0px 5px 0px;

}
img#call{
margin: 50px 0px 0px 0px;

}

div#footer p{
font: 11px/50px Verdana, Arial, Helvetica, sans-serif;
color: #000084;
margin: 0px 0px 0px 200px;
padding: 0;
width: 600px;
}

a img {
border: 0;
}

.photo{
border: 1px solid #980205;
margin: 0px 0px 0px 0px;
}

a.bluelink {
color: #06F; 
text-decoration: underline;
}