body { background: #56738d url('../images/layout/body.jpg') top center no-repeat; font-family: Arial, Helvetica, sans-serif; } #container { width: 948px; margin: 0 auto 15px auto; } /* =Header ----------------------------------------------- */ #header { height: 142px; position: relative; } #header h1 a { background: url(../images/layout/vama-mont.png) no-repeat; display: block; text-indent: -5000px; width: 350px; height: 55px; position: absolute; top: 62px; left: 5px; } #header ul { background: url(../images/layout/nav.png) no-repeat; width: 484px; height: 46px; position: absolute; top: 70px; right: -4px; padding: 3px 0 0 4px; } #header ul li { float: left; background: url(../images/layout/main_nav_divider.gif) left no-repeat; padding-left: 3px; } #header ul li a { display: block; height: 28px; font-size: 14px; color: #1c1c1c; text-decoration: none; padding: 13px 18px 0 18px; text-shadow: 1px 1px 1px #fff; } #header ul li a.active { color: #fff; text-shadow: 1px 1px 1px #000; background: url(../images/layout/main_nav_active.gif) top repeat-x; } #header ul li.first-item { background: none; margin-left: 6px; } /* =Sub Header ----------------------------------------------- */ #sub-header { background: url(../images/layout/sub_header.png) no-repeat; width: 858px; height: 276px; padding: 40px 50px 0 50px; position: relative; margin-bottom: 25px; } #sub-header h2 { font-size: 24px; padding-top: 20px; text-shadow: 1px 1px 1px #fff; margin-bottom: 10px; } #sub-header p, #sub-header ul li { width: 360px; font-size: 14px; color: #3d3b3b; line-height: 1.7; margin-bottom: 15px; } #sub-header ul li { margin-bottom: 6px; background: url(../images/layout/sub_header_bullet.gif) left no-repeat; padding-left: 23px; } #sub-header img { position: absolute; right: 44px; top: 38px; } #sub-header .button { display: block; text-indent: -5000px; width: 49px; height: 52px; position: absolute; top: 130px; } #sub-header .button.prev { background: url(../images/buttons/button_left.png) left no-repeat; left: -17px; } #sub-header .button.next { background: url(../images/buttons/button_right.png) left no-repeat; right: -17px; } #slider .navigation li a { display: none; } #slider { position: relative; } #slider .scroll { margin-top: -7px; } #slider .panel p a { color: #345f88; } #slider .panel { width: 905px; height: 248px; } #slider .panel img { top: 0; right: 47px; position: absolute; width: 446px; height: 240px; z-index: 100000; } #slider .scrollButtons { cursor: pointer; position: absolute; } #slider .scrollButtons.right { right: -67px; top: 80px; } #slider .scrollButtons.left { left: -67px; top: 80px; } /* =Content ----------------------------------------------- */ #content { background: url(../images/layout/content.png) no-repeat; width: 958px; padding-top: 46px; font-size: 14px; color: #3d3b3b; line-height: 1.5; margin-bottom: 10px; } #content-inner { background: url(../images/layout/content_inner.png) bottom no-repeat; padding: 0 46px 46px 46px; } #main-content { float: left; width: 550px; background: url(../images/layout/divider.gif) right top no-repeat; padding-right: 35px; margin-right: 35px; } #main-content p { margin-bottom: 20px; } #main-content p a { color: #345f88; } #main-content p.last-item { margin-bottom: 0; } #main-content h2, #sidebar h2 { margin-bottom: 25px; font-size: 18px; text-shadow: 1px 1px 1px #fff; padding-left: 44px; background: url(../images/icons/desktop.gif) left no-repeat; padding-top: 11px; color: #000; height: 21px; margin-left: -12px; position: relative; } #main-content h2.contact { background: url(../images/icons/contact_form.gif) left no-repeat; padding-top: 7px; height: 25px; } #main-content h3 { font-size: 14px; font-weight: bold; margin-bottom: 10px; color: #345f88; text-shadow: 1px 1px 1px #fff; } #main-content ul { margin-bottom: 20px; } #main-content ul li a { color: #345f88; background: url(../images/layout/sub_header_bullet.gif) left no-repeat; padding-left: 30px; } #main-content .img-holder { padding: 9px; border: 1px solid #fff; background: #f3f5f7; margin-bottom: 20px; width: 520px; } #main-content ul.img-list { margin-bottom: 20px; } #main-content .img-holder img, #main-content ul.img-list li img { display: block; border: 1px solid #7a7878; } #main-content ul.img-list li { width: 152px; float: left; padding: 9px; border: 1px solid #fff; background: #f3f5f7; margin: 0 10px 10px 0; } #main-content fieldset ul li { margin-bottom: 20px; } #main-content fieldset ul li .input-text { background: url(../images/layout/input_text.gif) no-repeat; width: 290px; height: 22px; border: 1px solid #a9c0d5; margin-right: 12px; padding: 4px; display: block; float: left; } #main-content fieldset ul li textarea { padding: 4px; border: 1px solid #a9c0d5; width: 470px; height: 122px; background: url(../images/layout/textarea.gif) no-repeat; } #main-content fieldset ul li .input-button { background: url(../images/layout/send.gif) no-repeat; cursor: pointer; border: none; width: 99px; height: 33px; } #main-content fieldset ul li label { display: block; padding-top: 6px; } #main-content fieldset ul li label span { color: red; } #sidebar { width: 230px; float: left; } #sidebar h2 { background: url(../images/icons/contact.gif) left no-repeat; height: 22px; } #sidebar h2.why { background: url(../images/icons/why.gif) left no-repeat; padding-top: 10px; height: 25px; } #sidebar h3 { font-size: 14px; font-weight: bold; margin-bottom: 10px; } #sidebar ul li { font-size: 12px; margin-bottom: 20px; } #sidebar ul li strong { font-weight: bold; display: block; } #sidebar ul li.custom { margin-bottom: 5px; } #sidebar ul.reasons { margin-bottom: 40px; } #sidebar ul.reasons li { margin: 0 0 5px 15px; background: url(../images/icons/bullet.gif) left no-repeat; padding-left: 30px; } /* =Footer ----------------------------------------------- */ #footer { width: 850px; margin: 0 auto 10px auto; text-align: right; font-size: 12px; color: #fff; } #footer ul { margin-bottom: 10px; } #footer ul li { display: inline; } #footer ul li a { text-decoration: none; color: #fff; margin-left: 10px; } #footer ul li a.active { border-bottom: 2px solid #8096aa; padding-bottom: 2px; } #footer p a { color: #fff; text-decoration: none; border-bottom: 2px solid #8096aa; padding-bottom: 2px; }