@charset "utf-8"; html, body { height: 100%; } body { margin: 0px; padding: 0px; background: #ffffff url(images/bg01.jpg) repeat-x left top; font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; font-size: 11px; color: #333333; } body div#border { border-bottom: 20px #999999 solid; clear: both; } h1, h2, h3, h4 { margin-top: 0px; text-transform: lowercase; font-weight: normal; color: #808080; } h3 span {background-color: #7a94ab; padding-right: 15px; padding-bottom: 5px; padding-left: 2px; padding-top: 2px; color: #ffffff; font-style: normal; } h1 { font-size: 24px; } h2 { font-size: 24px; } h3 { font-size: 16px; color: #666666; } h3.side { padding-bottom: 0px; color: #666666; } h3 a { text-decoration: none; color: #666666; } h4 { font-size: 22px; font-weight: normal; } p, ol, ul { margin: 0px 0px 20px 0px; line-height: 180%; text-align: justify; } p.left { text-align: left; } p.lineheight { line-height: 30%; } ul { margin: 0px; padding: 0px; line-height: 240%; list-style: none; } ul li { padding-left: 13px; background: url(images/homepage05.gif) no-repeat left center; } a { color: #333333; } a:hover { text-decoration: none; background-color: #ffffff; } a.more { padding-left: 13px; background: url(images/homepage05.gif) no-repeat left center; } a img { border: none; } img.alignleft { float: left; margin: 5px 20px 0px 0px; } img.alignright { float: right; margin: 5px 0px 0px 20px; padding-bottom: 30px; } img.aligncenter { margin: 0px auto; } hr { display: none; } /** HEADER */ #header { width: 740px; height: 176px; margin: 0px auto; background: url(images/subpage1_01.jpg) no-repeat right top; } .home #header { background-image: url(images/bg1_01.jpg); } /** LOGO */ .subpage #logo { float: left; width: 250px; height: 176px; background-image: url(images/bg01.jpg); } #logo { width: 250px; height: 176px; background-image: url(images/bg01.jpg); float: left; } #logo h1 { margin: 0px; text-indent: -999em; } #logo a { display: block; height: 176px; } .home #logo { background-image: url(images/homepage06.jpg); } .subpage #logo { background-image: url(images/homepage07.jpg); } /** MENU */ #menu { float: left; } #menu ul { margin: 0px; padding: 48px 0px 0px 0px; list-style: none; line-height: normal; font-size: 1em; } #menu li { float: left; padding: 0px; background: none; } #menu a { float: left; height: 35px; margin: 0px 10px; padding: 65px 15px 0px 15px; text-transform: lowercase; text-decoration: none; font-weight: bold; color: #7a94ab; } #menu a:hover { background: #999999 url(images/homepage05.jpg) repeat-x left bottom; color: #ffffff; } #menu .active a{ padding-top: 63px; background: #dddddd url(images/homepage02.jpg) repeat-x left bottom; border: 2px #dddddd solid; color: #333333; } menu a:visited { color: #ab876f; } /** PAGE */ #page { width: 675px; margin: 0px auto 0px auto; overflow: auto; padding-bottom: 5px; } page#page columns { position: relative; margin: 0% 2% 0% 2%; width: 665px; padding-bottom: 5px; overflow: auto; } #page_contact { width: 675px; margin: 0px auto 0px auto; overflow: visible; padding-bottom: 5px; } /** CONTENT */ #content { float: left; width: 375px; padding: 0px 0px 20px 5px; } #content2 { float: left; width: 665px; padding: 0px 0px 20px 5px; } /** SIDEBAR */ #sidebar { float: right; width: 230px; padding: 0px 5px 20px 0px; } /** FOOTER */ #footer { width: 660px; margin: 0px auto; padding: 8px 0px 10px 0px; border-top: 1px #999999 solid; color: #999999; } #footer p { margin: 0px; padding: 0px; line-height: normal; text-align: center; text-transform: lowercase; color: #808080; padding-bottom: 2px; } #footer a:link { color: #808080;} #footer a:hover { color: #333333;} /** BOX1 */ #box1 { } /** BOX2 */ #box2 { width: 665px; padding: 25px 5px 15px 5px; border-top: 1px #808080 solid;} /*BOX3*/ #box3 { width: 660px; padding: 5px 5px 15px 5px; } /*TABLE CONTENT*/ td.more { padding-left: 10px; line-height: 150%; padding-top: 5px; } td.more4 { padding-left: 31px; line-height: 180%; } td.more3 { padding-right: 31px; line-height: 180%; } td.more2 { padding-left: 15px; padding-top: 10px; background-color: #eeeeee; padding-bottom: 25px; color: #333333; } div#tdcorners { background-image: url(images/corner1.gif); background-position: bottom left; } td img.alignright { padding-bottom: 35px; padding-left: 10px; } /*CONTACT FORM*/ form { font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; font-size: 11px; color: #333333; } input.form-input-field: { background-color: #ffffff; border: 1px #666666 solid; } input.form-input-field:hover { background-color: #eeeeee; border: 1px #7a94ab solid; } textarea:hover {background-color: #eeeeee; border: 1px #7a94ab solid; } div.message-text { font-size: 14px; color: #666666;} #right { float: right; width: 50%; padding-left: 10px; }