/* CSS Style Sheet */

/************************************************************/
/*	Main CSS.												*/
/*	Site by Tanner Naeher, Coyote6 GraphX. www.coyote6.com	*/
/************************************************************/

/* Defaults. */
* {margin: 0px; padding: 0px;}
html, body, th, tr, td, p, ul, li, h1, h2, h3, h4, h5, h6, i, div {color: #FFFFFF; font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-decoration: none; font-style: normal; border: #000000 solid 0px;}

/* Background and page settings. */
html {background: #222222;}
body {position: absolute; top: 0px; left: 50%; padding-bottom: 15px;}
#page_container {background: transparent url('/Images/Common/nav.jpg') repeat-y 0px 0px; position: absolute; top: 15px; left: -400px; width: 800px; margin-bottom: 15px; padding-bottom: 10px;}
#page_content {color: #FFFFFF; background: #444444; position: relative; top: 0px; left: 175px; width: 605px; padding-top: 150px; padding-left: 10px; padding-right: 10px; padding-bottom: 0px; z-index: 5;}
ul, li {background: transparent; list-style-type: none;}

/* Links. */
a {color: #C3D851; font-size: 12px; font-weight: normal; text-decoration: none;}
a:link, a:visited {text-decoration: none;}
a:hover, a:active {text-decoration: underline;}

/* Main logo and subtext. */
h1 {color: #FF6B43; font-size: 16px; font-weight: bold; text-align: center; text-indent: -9999px; background: #444444 url('/Images/Common/banner.jpg') no-repeat 0px 0px; position: absolute; top: 0px; left: 0px; width: 800px; height: 100px; z-index: 10;}
h2 {color: #C3D851; font-size: 12px; font-weight: bold; text-align: center; text-indent: -9999px; background: #444444 url('/Images/Common/tech.jpg') no-repeat 525px 0px; position: absolute; top: 100px; left: 175px; width: 625px; height: 50px; z-index: 10;}

/* Date. */
#date {color: #000000; font-size: 11px; position: absolute; top: 105px; left: 185px; width: 200px; margin: 0px; padding: 0px; z-index: 15;}

/* Page titles. */
h3 {color: #FF6B43; font-size: 18px; font-weight: bold; text-align: center; text-transform: capitalize;width: 610px; margin: 0px; padding-bottom: 5px; padding-left: 0px; padding-right: 0px;}
h4 {color: #C3D851; font-size: 12px; font-weight: bold; text-align: center; text-transform: capitalize; width: 610px; position: relative; top: -5px;}

/* Nav. */
#nav {background:transparent; position: absolute; top: 100px;  left: 0px; width: 160px; padding-top: 0px; padding-left: 5px; border-left: 5px solid #B4CE26; border-right: 5px solid #B4CE26; display: block; z-index: 8;}
#nav li {background: transparent; width: 120px; height: 15px; display: block; margin: 10px; padding-left: 25px;}
#nav li a {font: "Courier New", Courier, mono; font-size: 13px; font-weight: bold; text-align: left; text-transform: capitalize; display: block; height: 15px; padding-top: 0px; padding-left: 5px;}
#nav li a, #nav li a:link, #nav li a:visited {color: #000000; font-weight: bold; text-decoration: none; text-transform: capitalize;}
#nav li:hover {background: transparent url('/Images/Common/nav_over.jpg') no-repeat 15px 0px;}
#nav li:active {background: transparent url('/Images/Common/nav_active.jpg') no-repeat 15px 0px;}
#nav li.active {background: transparent url('/Images/Common/nav_active.jpg') no-repeat 15px 0px;}

/* Footer nav. */
#footer_nav {text-align: center; background: #444444 url('/Images/Common/footer.jpg') no-repeat 0px 0px; position: relative; top: 30px; width: 625px; height: 75px; margin-left: 175px; margin-top: -30px; margin-bottom: 0px; padding-top: 75px; padding-bottom: 0px; display: block; clear: both;}
#footer_nav li {color: #C3D851; background: transparent; display: inline; padding: 3px;}
#footer_nav li a {font-size: 12px; font-weight: normal;}
#footer_nav li a:link {color: #C3D851; text-decoration: none;}
#footer_nav li a:hover {color: #FFFFFF; text-decoration: underline;}
#footer_nav li a:active {color: #FFFFFF; text-decoration: none;}
#footer_nav li a:visited {color: #B4CE26; text-decoration: none;}

/* Web design. */
#web_design {position: relative; top: 30px; width: 620px; margin-top: -50px; margin-left: 170px; margin-bottom: 0px;}
#web_design p {color: #CCCCCC; font-size: 10px; text-align: center; padding: 2px; padding-bottom: 0px;}
#web_design p a, #web_design p a:link, #web_design p a:hover, #web_design p a:visited {color: #AAAAAA; font-size: 10px; font-weight: normal; text-decoration: underline;}
#web_design p a:active {color: #AAAAAA; font-size: 10px; font-weight: normal; text-decoration: none;}

/* Main error message. */
#main_error_message {font-size: 10px; text-align: center; background: #222222; position: relative; top: 37px; width: 800px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; z-index: 20;}

/* Tables. */
table, thead, tbody, tfooter, tr, th, td {vertical-align: middle;}

/* Labels. */
label {font-weight: bold;}

/* Other headers. */
h5 {color: #FF6B43; font: Geneva, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; text-decoration: none; text-transform: capitalize; padding-top: 10px; float: none; clear: both;}
h6 {color: #C3D851; font: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; text-transform: capitalize; padding-top: 5px; float: none; clear: both;}
h6 a, h6 a:link, h6 a:hover, h6 a:active, h6 a:visited {color: #008000; font-weight: bold;}

/* Paragraphes. */
p {color: #FFFFFF; padding-top: 5px; padding-bottom: 5px;}

/* Google map. */
#transmission_garage_map {text-align: center;}
#transmission_garage_map p {text-align: left; margin-left: 60px;}
#google_map {width: 490px; height: 400px; border: 0px solid #000000; overflow: none; margin: 0px; padding-top: 5px; padding-bottom: 0px; padding-left: 5px; padding-right: 5px;}
#google_map_text a {font-size: 10px; text-align: left;} 

/* Site map. */
#site_map ul {padding-left: 25px;}
#site_map ul li {list-style-image: url('/Images/Common/arrow.gif');}

/* Common classes. */
.error {color: #FF0000; font-weight: bold;}
.minor_error {color: #FF0000;}
.minor_error_input {color: #FF0000; border: #FF0000 solid 1px;}
.success {color: #006600;}
.selected {background: #FF0000;}
.odd_row, .odd_row p {background: #DDDDDD;}
.even_row, .even_row p {background: #CCCCCC;}
.day {width: 45px;}
.month {width: 90px;}
.year {width: 60px;}
.hide {display: none;}
.required {color: #FF0000; font-size: 10px;}
.number {color: #C3D851;}
.addy {font-style: italic;}
.drive {color: #C3D851; font-size: 10px; font-weight: normal; margin-top: 5px;}
.trans {text-align: left; width: 300px;}
.co {text-align: right; width: 150px;}
.install {text-align: right; width: 150px;}
.transmission_pics {margin-top: 25px; margin-left: 25px; margin-right: 25px;}

/* Tables. */
th {text-decoration: underline;}


/* Specific incomplete changes. */
#nav li.incomplete:hover ul {display: none;}

/* Pages. */
#basic_info, #what_we_do, #service_info {padding-left: 10px; padding-right: 10px; float: none;}
#what_we_do {text-align: left;}
#certificate_logo, #juble {padding: 15px; float: right; clear: right;}
#list {padding-bottom: 10px;}
#list li {width: 250px; margin-left: 30px; list-style-type: disc;}
#standard_pricing p {padding-left: 15px;}
.prices {margin-left: 15px;}
.prices li {margin-left: 10px;}
.prices li table {padding-bottom: 10px;}
.additional_charges {color: #AAAAAA; font-size: 10px;}
#converter_text {width: 350px; float: right; clear: right;}
#converter_pic {margin: 15px;}
#converters {padding-bottom: 50px;}
#certificate_pic {width: 230px; padding: 15px; float: right; clear: right;}
#certificate_sm {border: 0px solid #000000; }
.image_caption {color: #AAAAAA; font-size: 10px;}
#team_list, #dedication, #business {padding-left: 15px;}
#mapZone {width: 250px; height: 250px;}
#contact_info {width: 605px;}
#map {width: 300px; float:left; clear: right;}
#thanks {float: none; clear: both;}
#general_info, #tech_info {float: none; clear: both;}
#tech_info p, #tech_info p a, #tech_info ul li {font-size: 10px;}
#tech_info ul {padding: 10px;}
#tech_info ul li {list-style-type: disc;}
#column_1 {width: 275px; padding: 5px; float: left; clear: left;}
#column_2 {width: 275px; padding: 5px; float: left; clear: right;}
#reference, #reference a {font-size: 10px; text-align: right; float: none; clear: both;}
.tech_pics {padding: 5px;}

/* Google Ad.
#google_ad {text-align: center; background: #FFFFFF; position: relative; top: 10px; left: 0px;} */