/* -------------------------------------------------------------------------------------------------- Title: Ron's Auto Service CSS Document Author: Hansen Multimedia Artist: Brian Hansen Date: October 11th, 2009 ------------------------------------------------------------------------------------------------------ */ * { margin: 0; padding: 0; } body { /* font-family: Arial, Helvetica, sans-serif; */ font-family: arial,helvetica,sans-serif; color: #333; font-size: 12px; font-size-adjust: none; font-style: normal; font-variant: normal; font-weight: normal; text-align: center; line-height: 21px; background-color: #FFFFFF; } .clearer { height: 0; line-height: 0px; clear: both; } .print { display: none; } #constraint { width: 950px; margin: 0 auto; text-align: left; background-color: #fff; } /* --------------------------------------------------------------------------- =framing ------------------------------------------------------------------------------- */ .frame { width: 950px; border: none; margin-top: 0px; padding: 0px;} /* --------------------------------------------------------------------------- =Global Layout ------------------------------------------------------------------------------- */ h1 { font-size: 21px; padding: 10px 0px 12px 0px; line-height: 23px; color: #B32725; } h2 { font-size: 14px; padding: 0px 0px 12px 0px; text-transform: uppercase; color: #304A8A; } h3 { font-size: 12px; padding: 0px 0px 6px 0px; color: #B32725 } a { color: #394ec7; text-decoration: none; } a:hover { color: #B32725; } #side { float: right; width: 315px; margin: 0px; padding: 0px; } #mainArea { float: left; width: 635px; margin: 0px; padding: 0px;} /* =header ---------------------------------------------------------------- */ #header { background-color: #fff; } #tagline {float: right; margin: 3px 0px 3px 0px; height: 55px; width: 300px; } #tagline p {font-size: 12px; text-align: right; padding-top: 35px; color: #666666} #logo {width: 450px; float: left; margin: 3px 0px 3px 0px;} #logo .indyjet { float: left; margin: 0px; border: 0px; width: 107px; height: 55px;} #logo .indyaero { float: left; margin: 0px; border: 0px; width: 154px; height: 55px; padding-right: 20px;} #headerimage {width: 950px; padding: 0px; margin: 0px 0px 10px 0px; border-bottom: 1px solid #666666;} #header #topNav { float: right; width: 150px; text-transform: uppercase; list-style-type: none; margin-top: 4px; } /* =content areas ---------------------------------------------------------------- */ #mainContent { width: 950px; padding: 0px 0px 5px 0px; } #home-content { width: 623px; min-height: 300px; float: left; padding: 0px; margin: 10px 0px 0px 5px; border-top: 3px solid #cccccc; border-bottom: 1px solid #666666; background-color: #EAEAEA; } #home-content p {padding: 0px 0px 12px 0px;} #home-content img {width: 288px; float: left; border: 1px solid #000000; padding: 0px; margin: 15px 0px 15px 13px; } .home-content-inner-txt {padding: 20px; margin: 0px; } .home-content-inner-txt h1 { font-size: 18px; padding: 10px 0px 10px 0px; line-height: 21px; color: #B32725; text-transform: none;} #side img {margin: 0px 0px 10px 0px; padding: 0px; border: 0px; } #page-content {float: left; padding: 0px 40px 0px 0px; margin: 0px; } #page-content p {padding: 0px 0px 12px 0px;} #page-content ul { list-style-type: disc; text-align: left; margin: 0px 0px 15px 35px; } #page-content ul li { line-height: 19px; } #page-content ol { list-style-type: decimal; text-align: left; margin: 0px 0px 15px 35px; } #page-content ol li { line-height: 19px; } #page-feature-container {padding: 0px; margin: 0px;} #top-alert {width: 628px; height: 30px; margin: 0px 0px 5px 0px; padding: 6px 0px 0px 0px; background-color: #304A8A; } #top-alert h2 { font-size: 11px; padding: 0px 0px 0px 10px; line-height: 18px;} #top-alert h2 a {color: #FFFFFF; } #top-alert h2 a:hover {color: #FFFF66; } #flowplayer { width: 628px; margin: 0px 0px 20px 0px; border-bottom: 1px solid #666666; background-color: #EAEAEA; } #flowplayer img { width: 628px; margin: 0px; padding: 0px; } .wide-feature {width: 620px; margin: 0px 0px 20px 0px; float: left; border-top: 3px solid #cccccc; border-bottom: 1px solid #666666; background-color: #EAEAEA; } #gallery {margin-right: 10px; margin-bottom: 10px; border-top: 3px solid #cccccc; border-bottom: 1px solid #666666; background-color: #EAEAEA; } #gallery .page-feature-inner-txt {margin: 10px 10px 0px 10px; line-height: 21px; font-size: 11px; float: left;} #gallery img {width: 196px; border: none; float: left; padding: 0px; margin: 5px; } .home-feature {width: 309px; height: 550px; margin: 10px 0px 0px 5px; float: left; border-top: 3px solid #cccccc; border-bottom: 1px solid #666666; background-color: #EAEAEA; } .home-feature-bottom {width: 309px; min-height: 300px; margin: 10px 0px 0px 5px; float: left; border-top: 3px solid #cccccc; border-bottom: 1px solid #666666; background-color: #EAEAEA; } .home-feature img {width: 309px; margin: 0px; padding: 0px; border: none; } .home-feature-bottom img {width: 309px; margin: 0px; padding: 0px; border: none; } .home-feature-inner {padding: 10px; line-height: 17px; font-size: 11px; } .home-feature-inner-txt {padding: 15px; margin: 0px; line-height: 18px; font-size: 11px;} .home-feature-inner-txt a {font-weight: bold; } .home-feature-inner-txt h2 { font-size: 14px; padding: 0px 0px 2px 0px; line-height: 16px; color: #B32725; text-transform: none;} .home-feature-inner-txt p {padding: 0px 0px 12px 0px;} .home-feature-inner-txt ul { list-style-type: none; text-align: left; border-left: 4px solid #304A8A; padding: 0px 0px 0px 5px; margin: 10px 0px 10px 10px;} .home-feature-inner-txt ul li { line-height: 17px; padding: 0px 0px 0px 3px;} .three-col-feature {float: left; width: 200px; min-height: 300px; margin: 10px 8px 0px 0px; border-top: 3px solid #cccccc; border-bottom: 1px solid #666666; background-color: #EAEAEA; } .three-col-feature h2 { font-size: 14px; padding: 0px 0px 4px 0px; line-height: 14px; color: #B32725; text-transform: uppercase;} .three-col-feature-inner-txt {padding: 10px; margin: 0px; line-height: 18px; font-size: 11px;} .three-col-feature img {width: 200px; margin: 0px; padding: 0px; border: none; } .three-col-feature a {font-weight: bold; } #layout_sub .page-feature-inner img {width: 196px; border: none; float: left; } #layout_sub .page-feature-inner {padding: 0px; line-height: 17px; font-size: 11px; } .page-feature-inner-txt {width: 390px; margin: 10px 10px 10px 10px; float: right; line-height: 21px; font-size: 11px;} .page-feature-inner-txt ul { list-style-type: none; text-align: left; border-left: 4px solid #304A8A; padding: 0px 0px 0px 5px; margin: 0px;} .page-feature-inner-txt ul li { padding: 0px 0px 0px 5px; } .section-feature {border: 3px solid #666666; margin-bottom: 10px; } .section-feature img {width: 284px; margin: 0px; padding: 0px; border: 1px solid #000000; } .section-feature-inner {padding: 10px; line-height: 17px; font-size: 11px; } .section-feature-inner h2 { font-size: 14px; padding: 0px 0px 2px 0px; line-height: 14px; color: #B32725; text-transform: none;} .section-feature-inner p {padding: 0px 0px 12px 0px;} .section-feature-inner ul { list-style-image:none; list-style-type:none; text-align: left; padding: 0px 0px 0px 10px; margin: 5px 0px 0px 0px;} .section-feature-inner ul li { line-height: 17px; padding: 0px 0px 0px 3px;} #loginBox { width: 255px; height: 150px; border: 1px solid #666666; background-color: #ffffff; margin: auto; padding: 40px; } /* =table styles ------------------------------------------------------------------------------- */ #rates {width: 618px; float: left; padding: 0px; margin: 0px; } #loginBox table { border-style: none; border-width: 0px; border-collapse: collapse; border-color: #999; width: 175px;} table { border-style: solid; border-width: 1px; border-collapse: collapse; border-color: #999; width: 618px; margin: 10px 0px 10px 0px;} #rates td { font-size: 11px; border-style: solid; border-width: 1px; border-collapse: collapse; border-color: #ccc; padding: 3px; text-align: center; vertical-align: middle;} #calc td { font-size: 11px; border-style: solid; border-width: 1px; border-collapse: collapse; border-color: #ccc; padding: 3px; text-align: center; vertical-align: middle;} td { font-size: 11px; border-color: #ccc; padding: 3px; text-align: center; vertical-align: middle;} td.header {text-align: center;} td.attribute {text-align: center; background-color: #F2F2F2;} td.title {text-transform: uppercase; background-color: #CCC; padding: 6px 0px 6px 0px; font-size: 14px; color: #B32725; font-weight: bold; } td.item {padding-left: 15px; font-size: 12px;} /* =navigation ---------------------------------------------------------------- */ * html .table {margin-left: 40px; } .table { display: table; margin: 0 auto; } #mainNav { text-align: center; text-transform: uppercase; padding: 15px 0px 15px 0px; border-bottom: solid 1px #426988; font-family: "Myriad Pro", "Lucida Grande", Geneva, Arial, Verdana, sans-serif; } #mainNav ul { margin: 0; padding: 0; list-style-type: none; font-size: 14px; text-align: center;} #mainNav ul li { position: relative; float: left; display: inline; border-right: 1px solid #cccccc; /* IE6 background-color issue */ } #mainNav ul .last { border-right: 0px;} /* Styles for Menu Items */ #mainNav ul li a { height: 23px; /* The dropdown disapears when you try to mouse-over it in IE7 - this fixes that issue. */ line-height: 23px; /* sets the height of the box */ display: block; text-decoration: none; font-weight: bold; color: #B32725; padding: 0px 13px 0px 13px; } /* Fix IE. Hide from IE Mac \*/ * html #mainNav ul li { float: left; height: 1%; } * html #mainNav ul li a { height: 1%; } * html #mainNav ul li a { float: left; /* This float is needed for IE6 or else the main links will stretch accross the width of its container and will appear to display block. */ } /* Th selector below prevents the over links from appearing to display inline. */ * html #mainNav li ul li { clear: both; } /* End Fix IE*/ #mainNav ul li a:hover { color: #426988; } /* Hover Styles */ #mainNav li:hover ul, #mainNav li.over ul { display: block; } /* The magic */ #subNav { margin: 0px 0px 10px 0px; padding: 5px 0px 5px 0px; border-left: 5px solid #B32725; border-bottom: 1px solid #666666; border-top: 1px solid #666666; } #subNav-inner { padding: 0px 10px 0px 10px; } #subNav ul { list-style-type: none; text-align: left; margin: 0px;} #subNav ul li { } #subNav ul li a { padding: 0px 5px 0 10px; font-size: 11px; font-weight: bold; line-height: 17px; color: #304A8A } #subNav ul li a:hover { color: #B32725; } /* =footer ---------------------------------------------------------------- */ #footer { width: 950px; background-color: #304A8A; margin: 5px 0 5px 0; padding: 0px; font-size: 11px; line-height: 15px; color: #cccccc; border-top: 2px solid #000000; border-bottom: 2px solid #000000;} #footer-inner { padding: 20px; } #login {margin: 0px 0 30px 0; padding: 0px 5px 0px 0px; font-size: 10px; text-transform: uppercase; text-align: right;} #footer_contact { width: 910px; float: left; padding-bottom: 20px; border-bottom: 1px solid #999999; margin: 0px;} #footer_contact #photo {width: 110px; float: left; padding: 0px; margin: 0px;} #footer_contact #photo img {border: 3px solid #000000; width: 100px; padding: 0px; margin: 0px; } #footer_contact #contact {width: 200px; padding: 0px 0px 0px 10px; margin: 0px; float: left;} #footer_contact #hours {width: 270px; padding: 0px; margin: 0px; float: left; text-align: right;} #footer_contact #hours p {margin-bottom: 15px;} #footer_contact a { color: white; text-decoration: none; } #footer_contact a:hover { color: #FFFF66; } #footer #cessna-footer { height: 55px; padding: 10px; margin-top: 20px; border: 1px solid #cccccc; font-size: 11px; line-height: 15px; text-align: left } #footer #cessna-footer img { padding: 7px 10px 0px 0px; float: left; width: 43px; } #footer #cessna-footer p { padding: 0px; margin-top: 10px; float: right; width: 120px; } #footer #textNav { padding-top: 20px; } #footer strong { font-size: 12px; color: #FFFFFF; } #footer #textNav .column {width: 225px; float: left; padding: 0px; margin: 0px;} #footer #textNav .column-inner {padding: 0px 5px 0px 5px; margin: 0px;} #textNav ul { list-style-type: none; text-align: left; margin: 5px 0px 0px 10px;} #textNav ul li { } #textNav a { color: #FFFFFF; } #textNav a:hover { color: #FFFF66; } #textNav ul li a { color: #CCCCCC; padding: 0 5px 0 0px; } #textNav ul li a:hover { color: #FFFF66; } /* --------------------------------------------------------------------------- =services ------------------------------------------------------------------------------- */ #services .indent ul {padding: 0px 0px 12px 20px;} #services .indent li {margin: 0px 0px 0px 15px;} /* --------------------------------------------------------------------------- =contact ------------------------------------------------------------------------------- */ #contact #mainArea form { padding-top: 20px; } #contact #mainArea form .last { width: 375px; } #contact #mainArea a {color: #00367c;} #contact #mainArea a:hover { color: #333; } #Contact p {line-height: 17px;} .formBlock { float: left; width: 175px; padding: 0 12px 0 12px; } .formRow, .formRow label { display: block; } .formRow label { margin: 3px 0; } .submit { margin-top: 10px; background-color: #cccccc; font-weight: bold;} input { margin: 5px; padding: 3px; background-color: #FFFFFF; border: 1px solid #666666;} select { margin: 5px; padding: 3px; background-color: #FFFFFF; border: 1px solid #666666;} textarea { margin: 5px; padding: 3px; background-color: #FFFFFF;border: 1px solid #666666;}