/**** CSS Document ****/

body {
 margin-top: 0px;
 background-image: url(../images/layout/automec_bg.jpg);
 background-repeat: repeat-x;
 background-position: left top;
 font-family: Arial, Helvetica, sans-serif;
 color: #676767;
 font-size: small;
}

#wrap {
 width: 780px;
 margin: auto;
 background: #fff;
}

#leftborder {
 float: left;
 background: url(../images/layout/pagestrip_left.jpg);
 background-repeat: no-repeat;
 width: 18px;
 height: 100%;
 margin: 0px;
 left: 0px;
}

#container {
 float: left;
 width: 760px;
 background: #fff;
 background-image: url(../images/layout/pagestrip_right.jpg);
 background-repeat: no-repeat;
 background-position: top right;
 margin-left: 20px;
 margin-top: 0px;
}

#top_jag {
 margin: 0px 25px;
 width: 684px;
 height: 307px;
 background-image: url(../images/layout/homepage_banner.jpg);
 background-position: bottom;
 background-repeat: no-repeat;
}

#top_wed {
 margin: 0px 25px;
 width: 684px;
 height: 307px;
 background-image: url(../images/layout/wedpage_banner.jpg);
 background-position: bottom;
 background-repeat: no-repeat;
}

#top_body {
 margin: 0px 25px;
 width: 684px;
 height: 307px;
 background-image: url(../images/layout/bodypage_banner.jpg);
 background-position: bottom;
 background-repeat: no-repeat;
}

*:first-child+html #top_jag {height: 337px;} * html #top_jag {height: 337px;}
*:first-child+html #top_wed {height: 337px;} * html #top_wed {height: 337px;}
*:first-child+html #top_body {height: 337px;} * html #top_body {height: 337px;}

#logo {
 margin-top: 30px;
 background-image: url(../images/layout/automec_logo_lrg.gif);
 background-repeat: no-repeat;
 width: 219px;
 height: 43px;
}

#nav ul {
 float: right;
 display:inline;
 margin: 0px;
 padding-left: 0px;
 padding-right: 0px;
 padding-top: 0px;
}

#nav li {
 margin: 0px;
 padding: 0px;
 display: inline;
 float: left;
}

#nav li a {
 font-variant:normal;
 color: #194376;
 text-decoration: none;
 padding-top: 3px;
 padding-bottom:72px;
 font-size: x-small;
 margin: 0px;
 float: left;
}

/*#nav li a:link {padding-top: 10px; border: 1px solid red;}*/

#jaguar_specialists {
 background-image:url(../images/buttons/jag_off.gif);
 background-repeat: no-repeat;
 background-position: bottom right;
 padding-left: 20px;
 padding-right: 10px;
 margin: 0px;
 margin-left: 0px;
 margin-right: 0px;
}

#jaguar_specialists:hover{
 background-image:url(../images/buttons/jag_on.gif);
 background-repeat: no-repeat;
 background-position: bottom right;
 color: white;
}

#jaguar_specialists.selected{
 background-image:url(../images/buttons/jag_on.gif);
 background-repeat: no-repeat;
 background-position: bottom right;
 color: white;
}

#wedding {
 background-image: url(../images/buttons/wed_off.gif);
 background-repeat: no-repeat;
 background-position: bottom right;
 padding-left:14px;
 padding-right: 8px;
 margin: 0px;
 margin-left: 0px;
 margin-right: 0px;
}

#wedding:hover{
 background-image:url(../images/buttons/wed_on.gif);
 background-repeat: no-repeat;
 background-position: bottom right;
 color: white;
}

#wedding.selected{
 background-image:url(../images/buttons/wed_on.gif);
 background-repeat: no-repeat;
 background-position: bottom right;
 color: white;
}

#body_shop {
 background-image: url(../images/buttons/body_off.gif);
 background-repeat: no-repeat;
 background-position: bottom right;
 padding-left:10px;
 padding-right: 10px;
 margin: 0px;
}

#body_shop:hover{
 background-image: url(../images/buttons/body_on.gif);
 background-repeat: no-repeat;
 background-position: bottom right;
 color: white;
}

#body_shop.selected{
 background-image: url(../images/buttons/body_on.gif);
 background-repeat: no-repeat;
 background-position: bottom right;
 color: white;
}

#contact {
 background-image: url(../images/buttons/cont_off.gif);
 background-repeat: no-repeat;
 background-position: bottom right;
 padding-left:7px;
 padding-right: 7px;
 margin: 0px;
 margin-left: 0px;
 margin-right: 0px;
 text-align: center;
}
 
*:first-child+html #contact {padding-right: 4px; padding-left: 10px;} * html #contact {padding-right: 4px; padding-left: 10px; }

#contact:hover{
 background-image:url(../images/buttons/cont_on.png);
 background-repeat: no-repeat;
 background-position: bottom right;
 color: white;
}

#contact.selected{
 background-image:url(../images/buttons/cont_on.png);
 background-repeat: no-repeat;
 background-position: bottom right;
 color: white;
}

#content {
 float: left;
 width: 350px;
 margin: 30px 10px 30px 25px;
 text-align: justify;
 line-height: 140%;
}

* html #content {margin-left: 13px;}

h1 {font-size: 130%; font-weight: bolder; padding: 0px;}
h1 img {vertical-align: middle;}
h2 {font-size: 110%; font-weight: bolder; padding: 0px; color: #2c617f; margin: 0px;}
h3 {font-size: 110%; font-weight: bolder; padding: 0px; color: #710f32; margin: 0px;}
h4 img {margin-bottom: -5px;}
.highlight {font-weight: bold; color: #194376;}
.call { font-weight: bold; color: #5790aa; font-size: 105%; margin: 0px; padding: 0px;}
.pinkcall { font-weight: bold; color: #af5474; font-size: 105%; margin: 0px; padding: 0px;}
.logo {background-image: url(../images/layout/automec_logo_small.gif); background-position: top left; background-repeat: no-repeat; margin: 0px; padding: 0px; border: red 1px solid; height: 21px;}
.contact {font-family:Arial, Helvetica, sans-serif; color: #194477; font-weight: bold; font-size: 110%;}
.map { background-image:url(../images/layout/contact_map.gif); background-repeat: no-repeat; background-position: center right;}
.bold {font-weight: bold;}
.navigation {position: relative; top: 10px;}


#caption_boxes {
 width: 275px;
 float: left;
 margin: 30px 25px 30px 40px; 
 font-size: smaller;
 text-align: right;
 padding: 0px;
}
 
#bodyshop_frame {
 background-image: url(../images/layout/body_thumb.jpg);
 background-position: top right;
 background-repeat: no-repeat;
}
  
#wedding_frame {
 background-image: url(../images/layout/class_thumb1.jpg);
 background-position: top right;
 background-repeat: no-repeat;
 margin-top: 8px;
}
  
#occasion_frame {
 background-image: url(../images/layout/class_thumb2.jpg);
 background-position: top right;
 background-repeat: no-repeat;
}
  
#gearboxes_frame {
 background-image: url(../images/layout/body_thumb2.jpg);
 background-position: top right;
 background-repeat: no-repeat;
 margin-top: 8px;
}
 
.box{
 position: relative;
 left: 18px;
 top: 0px;
 width: 194px;
 border: #e7e7e7 solid 1px;
 z-index: 1;
}
  
*:first-child+html .box {left: -61px;} * html .box {left: -61px; }
  
.box_top {
 position:relative;
 left: -1px;
 top: -1px;
 background: url(../images/layout/captionbox_head.gif);
 width: 194px;
 height: 13px;
 background-position: top left;
 background-repeat: no-repeat;
 padding: 0px;
 margin: 0px;
 z-index: 2;
}
 
.box_content {
 margin: 0px 10px 0px 8px;
 padding: 0px;
 }
  
.box_content p {
 margin: 6px 0px 0px 0px;
}
  
.box_bottom {
 position:relative;
 right: -1px;
 bottom: -1px;
 background: url(../images/layout/captionbox_foot.gif);
 width: 194px;
 height: 16px;
 background-position: top right;
 background-repeat: no-repeat;
 padding: 0px;
 margin: 0px;
 z-index: 3;
}
 
#footer {
 clear: both;
 margin: 5px 25px 5px 25px;
 width: 684px;
 padding: 0px;
}
 
#footer_left {
 float: left;
 padding: 0px;
 margin: 0px;
 background-image: url(../images/layout/footer_bleft_corner.gif);
 background-position: top left;
 background-repeat: no-repeat;
 height: 33px;
 width: 19px;
}
 
#footer_content {
 margin: 0px;
 float: left;
 width: 585px;
 background-image: url(../images/layout/footer_background.gif);
 background-position: top left;
 background-repeat: repeat-x;
 height: 33px;
 padding: 3px 10px;
 font-size: smaller;
}
  
#footer_right {
 margin: 0px;
 float: left;
 background-image: url(../images/layout/footer_bright_corner.gif);
 background-position: top left;
 background-repeat: no-repeat;
 width: 53px;
 height: 33px;
}
  
*:first-child+html #footer_content {padding: 12px 10px} * html #footer_content {padding: 12px 10px; }
  
#footer_links {
 float: left;
 padding: 0px 0px;
 margin: 0px;
 color: #666666;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: smaller;
}
 
a:link {color: #666666; text-decoration:none; }
a:visited {color: #666666; text-decoration:none; }
a:hover {color: #1f5392; text-decoration: underline;}
a:active {color: #666666; text-decoration:none; }

/*{color: #1f5392; text-decoration: underline;}*/
 
#caboodle-copy {width:684px; margin: 0px 25px 10px 25px; text-align:right; font-size:x-small;}

#caboodle-copy img {border: none;}

.sitemap li {list-style-type:none; color: #666666;}
.sitemap a {text-decoration:none; color: #666666;}
.sitemap a:hover {color: #1f5392; text-decoration:underline;}
.sitemap li img {border: none;}

/**** special ****/

br.clear {clear:both;}
.rightpic {float:right; margin-top:10px; border:1px solid #ccc;}