* {border: 0px; padding: 0px; margin: 0px;} body {background-color: #ffffff; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 12px;} h1 {font-size: 16px; color: #d72a19; padding: 15px 10px 10px 10px; text-align: center;} h2 {font-size: 12px; padding: 20px 0px 10px 0px; color: #d72a19;} /* ... HEADER ............................................................................. */ #header_home {width: 100%; height: 123px; background: transparent url(./img/header_home.jpg) 0px 0px no-repeat;} #header_aboutus {width: 100%; height: 123px; background: transparent url(./img/header_aboutus.jpg) 0px 0px no-repeat;} #header_services {width: 100%; height: 123px; background: transparent url(./img/header_services.jpg) 0px 0px no-repeat;} #header_quote {width: 100%; height: 123px; background: transparent url(./img/header_quote.jpg) 0px 0px no-repeat;} #header_contact {width: 100%; height: 123px; background: transparent url(./img/header_contact.jpg) 0px 0px no-repeat;} /* ... MAIN MENU ........................................................................ */ #menu {float: left; width: 107px; height: 684px; background: transparent url(./img/menuleft.jpg) 0px 0px no-repeat;} #menu ul {list-style: none; padding: 9px 0px 0px 0px; width: 107px;} #menu li {height: 18px; overflow: hidden; width: 107px; float: left; clear: left;} #menu a {height: 18px; overflow: hidden; width: 107px; float: left; clear: left; border-bottom: 1px solid #000000;} #menu a.button_home {background: transparent url(./img/home_off.jpg) 0px 0px no-repeat;} #menu a.button_home:hover {background: transparent url(./img/home_on.jpg) 0px 0px no-repeat;} #menu a.button_about {background: transparent url(./img/about_off.jpg) 0px 0px no-repeat;} #menu a.button_about:hover {background: transparent url(./img/about_on.jpg) 0px 0px no-repeat;} #menu a.button_services {background: transparent url(./img/services_off.jpg) 0px 0px no-repeat;} #menu a.button_services:hover {background: transparent url(./img/services_on.jpg) 0px 0px no-repeat;} #menu a.button_galery {background: transparent url(./img/galery_off.jpg) 0px 0px no-repeat;} #menu a.button_galery:hover {background: transparent url(./img/galery_on.jpg) 0px 0px no-repeat;} #menu a.button_quote {background: transparent url(./img/quote_off.jpg) 0px 0px no-repeat;} #menu a.button_quote:hover {background: transparent url(./img/quote_on.jpg) 0px 0px no-repeat;} #menu a.button_contact {background: transparent url(./img/contact_off.jpg) 0px 0px no-repeat;} #menu a.button_contact:hover {background: transparent url(./img/contact_on.jpg) 0px 0px no-repeat;} /* ... BODY ............................................................................... */ p.center: {text-align: center;} #center {float: left; width: 257px; height: 684px; line-height: 25px; background: transparent url(./img/center.jpg) 0px 0px no-repeat;} #center p {padding: 0px 18px 0px 27px; line-height: 17px;} #center p.description {padding: 5px 10px 0px 0px;} #center p span {color: #d72a19; font-weight: bold;} #center p.narrow {line-height: 15px; padding: 0px 18px 0px 30px;} #right {float: left; width: 415px; height: 674px; text-align: center; padding: 10px 0px 0px 0px; background: transparent url(./img/right.jpg) 0px 0px no-repeat;} #right img.left {float: left; clear: left; padding: 5px 15px 5px 15px;} #right img.right {float: right; clear: right; padding: 5px 10px 5px 15px;} #right p {clear: right; text-align: justify; padding: 0px 15px 10px 15px; line-height: 17px;} #right p.center {text-align: center;} #right a {display: block; text-align: left; color: #d72a19; text-decoration: none; padding: 0px 0px 0px 20px;} #right a:hover {color: #333333;} #center a.servicesmenu {display: block; width: 200px; padding: 0px 0px 0px 30px; margin: 0px 0px 0px 10px; line-height: 20px; text-decoration: none; color: #000000; font-weight: bold; border: 1px solid #ffffff; background: transparent url(./img/dots.gif) 15px 10px no-repeat;} #center a.servicesmenu:hover {text-decoration: none; color: #ffffff; border: 1px solid #000000; background: #d72a19 url(./img/dots.gif) 15px 10px no-repeat;} #center a.servicesmenuactive {display: block; width: 200px; padding: 0px 0px 0px 30px; margin: 0px 0px 0px 10px; line-height: 20px; text-decoration: none; color: #ffffff; font-weight: bold; border: 1px solid #000000; background: #d72a19 url(./img/dots.gif) 15px 10px no-repeat;} /* ... FOOTER ............................................................................. */ #footer {width: 800px; height: 20px; padding: 40px 0px 0px 0px; letter-spacing: 0px; font-size: 9px; line-height: 10px; color: #01a3bc; text-align: center; border-top: 0px solid #777;} #footer a {color: #01a3bc; text-decoration: none;} #footer a:hover {color: #01a3bc; text-decoration: underline;} /* ... QUOTE ................................................................. */ #contact {float: right; width: 400px; padding: 20px 20px 0px 0px;} div.contactitem {text-align: right; width: 400px; margin: 0px; padding: 5px 0px;} #contact p {display: inline; padding: 0px 20px 0px 0px;} #contact p.textarea {display: inline; padding: 0px 20px 0px 0px; margin: 0px; vertical-align: top;} .txtfield {font-family: verdana; margin: 0px 0px 0px 0px; font-size: 11px; padding: 2px; width: 220px; height: 15px; border: 1px solid #666666; background: transparent;} .txtareafield {font-family: verdana; margin: 0px; padding: 2px; font-size: 11px; width: 220px; height: 130px; border: 1px solid #666666; background: transparent;} input.button {font-family: verdana; font-size: 12px; height: 20px; width: 90px; color: #333333; margin: 10px 15px 0px 0px; border: 1px solid #666666; background: #dddddd; cursor: pointer;} input.button:active {border: 1px solid #d72a19;} input.button:hover {border: 1px solid #d72a19;}