/* HTML Styles */
body {
font: 69%/1.6em Verdana, Arial, Helvetica, sans-serif;
color: #000;
background: #fff;
margin: 0;
padding: 0;
}
a:link, a:visited {
text-decoration: none;
color: #00a9ec;
}
a:hover, a:active {
text-decoration: underline;
color: #00a9ec;
}
img {
border: none;
}
form {
padding: 0;
}
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend {
font-size: 100%;
font-weight: bold;
text-decoration: none;
color: #000;
}
label {
font-weight: normal;
width: 80px;
float: left;
padding-right: 10px;
}
input, textarea {
width: 20em;
float: left;
}
form ol {
margin: 0;
padding: 0;
}
form ol li {
float: left;
padding: 5px 0;
list-style: none;
}
/* Main Container */
#container {
background: url(../images/bg.png) repeat-y left top;
width: 980px;
margin: 0 auto;
position: relative;
}
.clear {
clear: both;
}
/* Logo and Nav */
#nav {
width: 245px;
float: left;
padding-bottom: 100px;
}
#logo {
height: 130px;
width: 245px;
}
#logo h1 {
font-size: 100%;
background: url(../images/logo.png) no-repeat center top;
margin: 0;
height: 90px;
width: 245px;
}
#logo h1 a {
display: block;
text-indent: -9999px;
height: 90px;
width: 245px;
}
#nav ul {
margin: 0;
padding: 0 0 0 32px;
}
#nav ul li {
font-size: 127%;
line-height: 1.2em;
font-weight: bold;
margin-bottom: 1em;
list-style: none;
}
#nav ul li a:link, #nav ul li a:visited {
color: #000;
}
#nav ul li a:hover {
text-decoration: none;
color: #00a9ec;
}
#home #navhome, #services #navservices #navvwservice #navaudiservice #navseatservice #navskodaservice #navcambelts, #clientfeedback #navfeedback, #loancars #navloan, #contactus #navcontact {
color: #cc0000;
}
#contact {
line-height: 1.4em;
font-weight: bold;
padding: 20px 20px 20px 32px;
position: absolute;
bottom: 0;
left: 0;
}
#contact p {
margin: 0;
}
/* Content */
#content {
width: 725px;
float: right;
}
#header {
height: 140px;
width: 725px;
}
#topphotos {
width: 725px;
padding-bottom: 10px;
}
#carlogos {
width: 125px;
float: right;
}
#carlogos p {
margin: 0;
padding-bottom: 5px;
}
#bodytext {
width: 464px;
float: left;
padding: 10px;
}
#bodytextnoside {
width: 705px;
padding: 10px;
}
#bodytextnosidesmall {
font: 89%/1.6em Verdana, Arial, Helvetica, sans-serif;
width: 705px;
padding: 10px;
}
#side {
width: 241px;
float: right;
padding: 20px 0 0 0;
}
#intro {
width: 600px;
float: left;
padding: 30px 0;
}
#intro h2, #intro p {
padding: 0 80px 0 35px;
}
#intro h2 {
font-size: 182%;
margin-top: 0;
}
#photos {
clear: both;
padding: 5px 0;
}
.button {
width: auto;
margin-left: 90px;
}
#contactbanner {
background: url(../images/footer.png) no-repeat left bottom;
height: 50px;
width: 725px;
float: left;
clear: both;
}
#contactbanner h3 {
text-indent: -9999px;
height: 45px;
width: 725px;
margin: 0;
}
/* Footer */
#footer {
font-size: 82%;
line-height: 1.2em;
color: #666;
width: 980px;
clear: both;
margin: 0 auto;
}
#footer div {
padding: 15px 10px;
}
#footer p {
margin: 0;
}
#credit {
float: left;
}
#copyright {
float: right;
}