@import url(fix.css);

html { background: #f3f3f3 url('../gfx/bg.png') center top; }
body { background: url('../gfx/top.jpg') repeat-x top center; }
.clear { clear: both; }

#logo { height: 188px; margin-bottom: 2px; }
#construct { width: 750px; margin: 0 auto; }

#menu { list-style-type: none; padding: 0; margin: 0; height: 45px; }
#menu li { display: inline; }
#menu li a { display: block; position: relative; float: left; font: bold 12px Verdana; color: #0071ab; text-decoration: none; padding: 15px 20px; }
#menu li a:hover { background: url('../gfx/top_menu_hover.jpg') repeat-x; }
#menu li a span { position: absolute; margin: -2px 0 0 -2px; color: #0071ab; z-index: 1; color: #fff; }

#content { font: normal 11px Tahoma; padding: 20px 20px 50px 20px; background: #fff url('../gfx/content_corner.jpg') no-repeat right bottom; border-bottom: 20px solid #f3f3f3; }
#content .headline { font: normal 20px "Trebuchet MS"; color: #999; padding-bottom: 19px; background: url('../gfx/headline.png') no-repeat left bottom; }
#content p { line-height: 150%; margin: 10px 0; }

#content .gallery { width: 220px; height: 200px; padding: 30px 7px; float: left; }
#content .gallery a { text-decoration: none; color: #3472C5; }
#content .gallery a img, #content .gallery a strong { display: block; }
#content .gallery a img { border: 1px solid #eaeaea; padding: 2px; margin: 0 auto; }
#content .gallery a:hover img { border: 3px solid #ccc; padding: 0; }
#content .gallery a strong { margin: 5px 0; text-align: center; }

#content .form, #content .form fieldset { margin: 0; padding: 0; border: 0; }
#content .form, #content .form fieldset, #content .form label, #content .form input, #content .form textarea, #content .form .error { display: block; }
#content .form label, #content .form .error { margin: 10px 0 3px 0; color: #999; }
#content .form input, #content .form textarea { width: 100%; border: 1px solid #ccc; font: normal 12px Arial; color: #555; }
#content .form input { background: url('../gfx/form_input.jpg') repeat-x; padding: 3px; height: 16px; }
#content .form textarea { background: url('../gfx/form_textarea.jpg') repeat-x; padding: 3px; height: 100px; }
#content .form .error { color: red; margin: 3px; }
#content .form .submit { cursor: pointer; width: 145px; height: 28px; margin: 20px 0 0 0; padding: 0 4px; border: 0; background: url('../gfx/form_submit.jpg') no-repeat top center; font: bold 11px Tahoma; color: #fff; text-align: center; }

#content .c { float: left; }
#content .c- { margin-right: 20px; }
#content .c-half { width: 340px; }
#content .more { display: block; background: url(../gfx/button.jpg); width: 145px; height: 21px; text-align: center; font: bold 11px Tahoma; padding-top: 7px; color: #fff; text-decoration: none; }
#content .more-r { float: right; }

#content #content_bg_contact,
#content #content_bg_services
{ width: 250px; float: right; background-repeat: no-repeat; background-position: top right; }

#content #content_bg_contact { height: 360px; background-image: url('../img/bg_contact.jpg'); }
#content #content_bg_services { height: 360px; background-image: url('../img/bg_services.jpg'); }
