/* CSS Document */



* {

margin: 0;
padding: 0;
}

a {
  outline: none;
}

a img {
border: 0;
outline: 0;
}

.clear {
width: 100%;
clear: both;
height: 0;
overflow: hidden;
}


body {
background-color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
background-image: url(http://www.port80webdesign.com/ftp/designers/m1/elite_autowork/images/body-bg.jpg);
background-repeat: repeat-x;
background-position: top;
font-size: 12px;
}

#wrapper {
width: 942px;
height: auto;
margin: auto;
}

p  {
line-height:18px;
}

/************************************/
/* header */
/************************************/

#header {
width: 100%;
height: 100px;
float: left;
}

#header div.logo {
width: 364px;
height: 100px;
float: left;
}

#header div.top-right-column {
width: 578px;
height: auto;
float: left;
}



#header div.top-right-column ul.top-links {
width: auto;
height: auto;
float: right;
list-style: none;
padding: 6px 8px 0 0;
}

#header div.top-right-column ul.top-links li {
float: left;
font-size: 10px;
color: #9b9ca1;
padding: 0 3px;
}

#header div.top-right-column ul.top-links li a {
font-size: 10px;
color: #9b9ca1;
text-decoration: none;
}

#header div.top-right-column ul.top-links li a:hover {
  color: #00669c;

}

/************************************/
/* Main Navbar */
/************************************/

/* 	LEVEL ONE */

ul.dropdown {
position: relative;
list-style: none;
padding: 42px 0 0 20px;
z-index: 100;
}

ul.dropdown li {
font-weight: normal;
float: left;
zoom: 1;
font-size: 14px;
color: #000000;
}

ul.dropdown a:hover {
color: #000;
}

ul.dropdown a:active {
color: #ffa500;
}

ul.dropdown li a {
display: block;
padding: 0 20px;
text-align: center;
color: #000000;
font-size: 14px;
text-decoration: none;
}

ul.dropdown li a:hover {
  color: #00669c;
}

ul.dropdown li:last-child a {
border-right: none;
}
/* Doesn't work in IE */

ul.dropdown li.hover,

ul.dropdown li:hover {
color: #00669c;
position: relative;
}

ul.dropdown li.hover a {
}

/* LEVEL TWO */

ul.dropdown ul {
width: 180px;
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
list-style: none;
padding: 10px 0;
}

ul.dropdown ul li {
font-weight: normal;
background: #fff;
color: #000;
float: none;
}

									  

/* IE 6 & 7 Needs Inline Block */

ul.dropdown ul li a {
border-right: none;
width: 140px;
display: inline-block;
font-size: 12px;
color: #77787b;
padding: 0 20px;
text-align: left;
line-height: 18px;
}

ul.dropdown ul li a:hover {
color: #00669c;
font-weight: normal;
}

/* LEVEL THREE */
ul.dropdown ul ul {
left: 100%;
top: 0;
list-style: none;
}

ul.dropdown li:hover > ul {
visibility: visible;
}

/************************************/
/* Content Container */
/************************************/

#content-container {
width: 100%;
height: auto;
height: auto;
float: left;
padding-bottom: 40px;
padding-top: 20px;
}


/*
/* rotator in-page placement */

div#rotator {
position: relative;
height: 339px;
width: 100%;
float: left;
}

div#rotator ul li {
float: left;
position: absolute;
list-style: none;
}

div#rotator ul li img {
border: 0;
}

div#rotator ul li.show {
z-index: 1;
}

*/




/************************************/

/* Content Container */

/************************************/

#content-container {
    width: 100%;
    height: auto;
    height: auto;
    float: left;
    padding-bottom: 40px;
}


/* rotator in-page placement */


.anythingFader {
    width: 100%;
    height: 339px;
    position: relative;
    margin: 0;
}

.anythingFader .wrapper {
    width: 942px;
    overflow: auto;
    height: 339px;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.anythingFader .wrapper ul {
    width: 9999px;
    list-style: none;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
}

.anythingFader ul li {
    display: block;
    float: left;
    padding: 0;
    height: 339px;
    width: 942px;
    margin: 0;
}

.anythingFader .arrow {
    display: none; 
    height: 200px;
    width: 67px;
    background: url(../images/arrows.png) no-repeat 0 0;
    text-indent: -9999px;
    position: absolute;
    top: 65px;
    cursor: pointer;
}

.anythingFader .forward {
    background-position: 0 0;
    right: -20px;
}

.anythingFader .back {
    background-position: -67px 0;
    left: -20px;
}

.anythingFader .forward:hover {
    background-position: 0 -200px;
}

.anythingFader .back:hover {
    background-position: -67px -200px;
}



#thumbNav {
    position: relative;
    top: 323px;
    text-align: center;
    display: none;
}

#thumbNav a {
    color: black;
    font: 11px/18px Georgia, Serif;
    display: inline-block;
    padding: 2px 8px;
    height: 18px;
    margin: 0 5px 0 0;
    background: #c58b04 url(../images/cellshade.png) repeat-x;
    text-align: center;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
}

#thumbNav a:hover {
    background-image: none;
}

#thumbNav a.cur {
    background: #e0a213;
}



#start-stop {
    background: green;
    background-image: url(../images/cellshade.png);
    background-repeat: repeat-x;
    color: white;
    padding: 2px 5px;
    width: 40px;
    text-align: center;
    position: absolute;
    right: 45px;
    top: 323px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    display: none;
}

#start-stop .playing {
    background-color: red;
}

#start-stop:hover {
    background-image: none;
}


/*

  Prevents

*/


.anythingFader .wrapper ul ul { 
    position: static; 
    margin: 0; 
    background: none; 
    overflow: visible; 
    width: auto; border: 0; 
}

.anythingFader .wrapper ul ul li { 
    float: none; 
    height: auto; 
    width: auto; 
    background: none; 
}






#content-container div.welcome-text {
    width: 100%;
    height: auto;
    float: left;
    padding: 15px 0;
}

#content-container div.welcome-text h1 {
    float: left;
    font-size: 18px;
    color: #006a9f;
    font-weight: normal;
    padding: 0 0 0 20px;
}

#content-container div.welcome-text p {
float: left;
font-size: 14px;
color: #000000;
padding: 3px 0 0 20px;
}

#content-container div.welcome-text h3 {
float: right;
font-size: 18px;
color: #006a9f;
font-weight: normal;
padding: 0 20px 0 0;
}



#content-container div.three-boxes {
width: 100%;
height: auto;
float: left;
padding: 0 0 13px 0;
}

#content-container div.three-boxes div.blue-box {
width: 306px;
height: auto;
float: left;
display: inline;
margin: 0 12px 0 0;
}

#content-container div.three-boxes div.blue-box div.title {
width: 279px;
height: 28px;
padding: 16px 0 0 27px;
float: left;
background-image: url(../images/blue-box-title-bg.jpg);
background-repeat: no-repeat;
font-size: 14px;
font-weight: bold;
color: #fff;
}

#content-container div.three-boxes div.blue-box div.content {
width: 259px;
height: 225px;
padding: 14px 20px 0 27px;
float: left;
background-image: url(../images/box-content-bg.jpg);
background-repeat: no-repeat;
border-bottom: 3px solid #00527b;
font-size: 12px;
color: #000000;
line-height: 18px;
}

#content-container div.three-boxes div.blue-box div.content a {
color: #00649b;
text-decoration: underline;
}



#content-container div.three-boxes div.black-box {
width: 306px;
height: auto;
float: left;
display: inline;
margin: 0 12px 0 0;
}

#content-container div.three-boxes div.black-box div.title {
width: 279px;
height: 28px;
padding: 16px 0 0 27px;
float: left;
background-image: url(../images/black-box-title-bg.jpg);
background-repeat: no-repeat;
font-size: 14px;
font-weight: bold;
color: #fff;
}

#content-container div.three-boxes div.black-box div.content {
width: 259px;
height: 225px;
padding: 14px 20px 0 27px;
float: left;
background-image: url(../images/box-content-bg.jpg);
background-repeat: no-repeat;
border-bottom: 3px solid #000000;
font-size: 12px;
color: #000000;
line-height: 18px;
}

#content-container div.three-boxes div.black-box div.content a {
color: #00649b;
text-decoration: underline;
}



#content-container div.three-boxes div.gray-box {
width: 306px;
height: auto;
float: right;
display: inline;
}

#content-container div.three-boxes div.gray-box div.title {
width: 279px;
height: 28px;
padding: 16px 0 0 27px;
float: left;
background-image: url(../images/gray-box-title-bg.jpg);
background-repeat: no-repeat;
font-size: 14px;
font-weight: bold;
color: #fff;
}

#content-container div.three-boxes div.gray-box div.content {
width: 259px;
height: 225px;
padding: 14px 20px 0 27px;
float: left;
background-image: url(../images/box-content-bg.jpg);
background-repeat: no-repeat;
border-bottom: 3px solid #77787b;
font-size: 12px;
color: #000000;
line-height: 18px;
}

#content-container div.three-boxes div.gray-box div.content a {
color: #00649b;
text-decoration: underline;
}





#content-container div.left-content {
    width: 593px;
    height: auto;
    float: left;
    padding: 0 20px 0 23px;
}

#content-container div.left-content h1 {
    width: 100%;
    height: auto;
    float: left;
    font-size: 24px;
    color: #00649b;
    font-weight: bold;
    line-height: 30px;
    padding-top: 15px important!;
}

.tester  {
width: 100%;
height: auto;
float: left;
font-size: 24px;
color: #00649b;
font-weight: bold;
line-height: 30px;
padding-bottom: 10px;
}

#content-container div.left-content p.text12 {
width: 100%;
height: auto;
float: left;
color: #000000;
line-height: 18px;
padding-bottom: 20px;
font-size: 12px;
}

#content-container div.left-content p.text12 a {
color: #00649b;
text-decoration: underline;
}

#content-container div.left-content p.text14 {
width: 100%;
height: auto;
float: left;
color: #000000;
line-height: 18px;
padding-bottom: 10px;
font-size: 14px;
}

#content-container div.left-content p.text12 span.blue-text {
color: #00649b;
}

#content-container div.left-content ul.services-list {
width: 100%;
padding: 0 0 20px 0;
height: auto;
float: left;

margin: -20px 0 0 0;
}

#content-container div.left-content ul.services-list li {
width: 583px;
padding: 0 0 0 10px;
height: auto;
float: left;
color: #050505;
font-size: 12px;
line-height: 14px;
background-image: url(../images/bullet-square.jpg);
background-repeat: no-repeat;
background-position: 0 7px;
}





#content-container div.right-sidebar {
width: 306px;
height: auto;
float: right;
}

#content-container div.right-sidebar div.each-box {
width: 306px;
height: auto;
float: left;
padding-bottom: 10px;
}

#content-container div.right-sidebar div.green-box {
width: 306px;
height: 284px;
float: right;
display: inline;
background-image: url("../images/the-good-garage-scheme-bg.jpg");
margin-bottom: 10px;
}

#content-container div.right-sidebar div.green-box div.title {
width: 279px;
height: 64px;
padding: 0 0 0 27px;
float: left;
font-size: 14px;
font-weight: bold;
color: #fff;
}

#content-container div.right-sidebar div.green-box div.content {
width: 259px;
height: 206px;
padding: 14px 20px 0 27px;
float: left;
font-size: 12px;
line-height: 18px;
}

#content-container div.right-sidebar div.green-box div.content a {
color: #00649b;
text-decoration: underline;
}


#content-container div.full-width-content {
width: 919px;
height: auto;
float: left;
padding: 20px 0 0 23px;
}

.wrapper content-container div.full-width-content {
float:left;
height:auto;
padding:20px 0 0 23px;
width:919px;
}

div.full-width-content {
width: 919px;
height: auto;
float: left;
padding: 20px 0 0 23px;
}

#content-container div.full-width-content p.text12-gray {
width: 100%;
height: auto;
float: left;
font-size: 12px;
color: #6d6f71;
line-height: 14px;
padding-bottom: 20px;
}





/************************************/

/* Footer Container */

/************************************/

#footer-container {
width: 100%;
height: auto;
float: left;
text-align: center;
font-size: 10px;
color: #6d6f71;
padding-bottom: 20px;
}

#footer-container p {
width: 100%;
height: auto;
float: left;
text-align: center;
line-height: 12px;
}

#footer-container p a {
font-size: 10px;
color: #6d6f71;
text-decoration: none;
}

#footer-container p a:hover {
text-decoration: underline;
}


.mytable {
	width: 700px;
	margin: 0;
        font-size:12px;
        padding: 0px 0 10px 0;
}



.mytable .name {
   width: 300px; 
}

.mytable .col2 {
   color:#00649B;
}

.image-map {
  float :left;
  padding:0px 20px 0px 0px;  
}

.medium-header  {
    color:#006A9F;
    float:left;
    height:auto;
    font-size:16px;
    font-weight:normal;
    padding: 0px 0px 15px 25px ;
    width:100%;
}

.lst_tips {
  padding: 0 0px 10px 15px ;
  margin: 0;
}

.lst_tips li_ls {
  padding: 0 0px 20px 15px ;
}


.testimonial {
  font-style: italic;
  font-size: 14px !important ;
  padding: 5px 5px 25px 5px !important;
}

.hr_header {
  font-size: 16px !important;
  font-style: bold !important;
  padding: 10px 0px 10px !important;
}

.no_pad_hdr  {
    color:#006A9F;
    float:left;
    height:auto;
    font-size:16px;
    font-weight:normal;
    width:100%;
}

.link_list {
   color:#000000;
   font-size:12px;
   line-height:18px;
}

#content-container .left-content  ul{
  margin: 0 ;
  padding: 0 0 10px 15px;
  font-size: 1.0em;
} 

#content-container .left-content  ul li{
  padding: 0 0 10px 15px; 
} 

.formated_h1 {
    color:  #00649B;
    float:  left;
    font-size: 1.2em;
    font-weight  :bold;
    height:  auto;
    line-height:3  0px; 
    padding-bottom:  10px;
    width:  100%;
}


.ul_site_map { 
	  padding:0; 
	  margin:0; 
} 

.ul_site_map li { 
	  list-style-type:none; 
}

a:visited {
  color: #00649B;

}