/* reset */ html, body, div, h1, h2, h3, h4, h5, h6, ol, dl, li, dt, dd, p, ul,blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; } html{ background:#ffffff url('/l9i/bg-stroke.jpg') repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#222; line-height:20px; } body{ background:url('/l9i/bg.jpg') no-repeat center top; } .error { color: red; } input, textarea, select { font-family:Arial, Helvetica, sans-serif; font-size:13px; } input, textarea{ outline:none;/* preventing the chrome and safari nasty yellow border */ } a:focus{ outline:none; } a, a:visited, a:active{ color:#fff; text-decoration:none; } a:hover{ text-decoration:underline; } i{ font-size:11px; } td { font-size:12px; } h1{ color:#222; } h2, h2 a:link, h2 a:visited { color:#222; text-decoration: none; } h2 a:hover, h2 a:active { text-decoration: underline; } h3{ color:#222; } h4{ color:#222; } h5{ color:#222; } h6{ color:#222; } img{ border:none; } div#container{ width:1030px; margin:0 auto!important; overflow:hidden!important; } div#header{ background:url('/l9i/bg-header-slider.jpg') no-repeat; width:1000px; height:486px; padding:0 15px 0 15px!important; position:relative; } div#header-noslider{ width:1000px; height:118px; padding:0 15px 0 15px!important; position:relative; } div#search-drop{ height:38px; width:458px; position:absolute; right:16px; top:-38; background-color:#000; z-index:100; } input#search-field{ height:20px; width:240px; background-color:#2f2f2f; border:1px solid #5b5b5b; margin:8px 0 0 20px; color:#FFF; padding:2px 0 0 4px; float:left; } input#search-btn{ height:24px; width:40px; background-color:#2f2f2f; border:1px solid #5b5b5b; margin:8px 0 0 10px; color:#FFF; padding:0px 0 4px 0; cursor:pointer; float:left; } div#search-drop img{ margin:13px 20px 0 0; float:right; cursor:pointer; } #go{ color:#FFF; cursor:pointer; } #go:hover{ text-decoration:underline; } div#menu{ height:40px; width:auto; position:absolute; right:15px; top:0; background-color:#000; border-right:1px solid #636363; border-bottom:1px solid #636363; border-left:1px solid #636363; } div#menu ul{ margin:10px 0 0 0px; text-align:center; } div#menu ul li{ list-style:none; display:inline; margin: 0 10px 0 10px; } /* Normal [+] div#logo{ height:102px; width:331px; clear:both; position:absolute; left:15px; top:20px; } div#logo img{ margin:6px 0 0 0; } */ /* Normal [-] */ /* Winter [+] */ div#logo{ height:102px; width:331px; clear:both; position:absolute; left:15px; top:20px; } div#logo img{ margin:0px 0 0 0; } /* Winter [-] */ div#slider{ height:300px; width:980px; margin:10px; position:absolute; top:122px; left:15px; } div#controls{ height:21px; width:1000px; margin-top:15px; position:absolute; top:439px; left:15px; } div.controls-left{ height:21px; width:930px; float:left; } div.controls-left a, div.controls-left a:visited { border:1px solid #cccccc; background:#FFF; color: #222; margin-right:8px; display:inline-block; height:20px; width:20px; vertical-align:middle; text-align:center; } div.controls-left a.activeSlide { background: #222; border:1px solid #222; color:#FFF; } div.controls-left a:focus { outline: none; } div.controls-right{ height:21px; width:70px; float:right; text-align:right; } div.controls-right img{ margin-left:10px; cursor:pointer; } div#content{ width:1000px; margin-left:15px; _margin-left:7px;/* ie6 */ float:left; } div#content2{ background:url('/l9i/bg-content.jpg') no-repeat; width:1000px; float:left; padding:5px 15px 0 15px!important; min-height:400px; } div#bg-white{ background-color:#fff; width:1000px; float:left; } div#content-left{ width:700px; float:left; } div#content-right{ width:300px; float:right; } div#index-left{ background:url('/l9i/index-left.jpg') no-repeat top; width:700px; float:left; margin-right:20px; } div.item1{ width:700px; float:left; } div.item1 img{ margin:20px; float:left; border:1px solid #ccc; } div.item1 h2{ margin:20px 20px 0 20px; font-size:18px; } div.item1 p{ margin:6px 30px 20px 20px; } div.item2{ width:1000px; float:left; } div.item2 img{ margin:20px; float:left; border:1px solid #ccc; } div.item2 h1{ margin:20px 20px 0 20px; font-size:18px; } div.item2 p{ margin:6px 40px 20px 20px; } div.item3{ width:500px; height:302px; float:left; margin-bottom:20px; } div.item3 img{ border:1px solid #ccc; } div.item3 .rm-btn, div.item7 .rm-btn{ border:none; margin:15px 0 0 0; float:left; } div.item3 h2{ margin:20px 20px 0 0px; font-size:18px; } div.item3 p{ margin:6px 40px 20px 0px; } div.item3 a{ color:#000; } div.item4{ float:left; margin:0 0px 0px 0px; } div.item4 div{ width:340px; margin:4px 0px 0 0px; height:20px; float:left; } div.item4 div img, div.item9 div img{ margin:0 14px 0 0px; padding-top:0px; } div.item4 div b{ vertical-align:top; font-weight:normal; } div.item4 h1{ margin:20px 20px 14px 0px; font-size:18px; } div.item4 p{ margin:6px 30px 20px 0px; } div.item5{ float:left; } div.item5 h2{ margin:20px 20px 0px 0px; font-size:18px; } div.item5 p{ margin:6px 30px 20px 0px; } div.item6 { } div.item6 p{ padding:60px 80px 20px 0px; } div.item7 { width:700px; float:left; } div.item7 h1{ margin:20px 20px 0 20px; font-size:18px; } div.item7 table { padding:20px 20px 0 20px; } div.item7 hr { width:90%; } div.item7 h2{ margin:20px 20px 0 20px; font-size:18px; } div.item7 h3 { margin:20px 20px 0 20px; font-size:16px; } div.item7 img{ margin:20px; /*float:left;*/ border:1px solid #ccc; } #content2 a:link, #content2 a:visited { color: #657D82; } div.item7 p, .item7inner { margin:6px 40px 20px 20px; } div.item8 { } div.item8 h2{ margin:20px 20px 0 20px; font-size:18px; } div.item8 p{ margin:6px 40px 20px 20px; } div.item9 { } div.item9 h2{ margin:20px 20px 0 20px; font-size:18px; } div.item9 h3{ margin:20px 20px 0 20px; } div.item9 p{ margin:6px 40px 20px 20px; } div.item9 ul{ margin:6px 40px 20px 20px; } div.item9 li{ list-style:square; list-style-position:inside; } div.item9 li a{ color:#222222; } div.item10 { } div.item10 img{ margin:20px 10px 0 20px; border:1px solid #999; } div.item11 { } div.item11 h1, div.item11 h2, div.item11 h3, div.item11 h4, div.item11 h5, div.item11 h6 { margin:20px 20px 0 20px; } div#index-right{ background:#ffffff url('/l9i/index-right.jpg') no-repeat top; width:280px; float:right; } div#index-right div{ float:left; } div#index-right div h3{ margin:22px 20px 0px 20px; font-size:14px; } div#index-right div p{ margin:4px 20px 20px 20px; } div#index-right a:link, div#index-right a:visited { color: #657D82; } div#projects-left{ width:500px; float:left; } div#projects-right{ width:500px; float:right; } div#contact-left{ width:660px; float:left; padding-top:32px; } div#contact-right{ width:340px; _width:330px;/* IE6 */ float:right; } div#contact-left div{ float:left; margin:0 0 10px 20px; _margin:0 0 10px 10px;/* IE6 */ } div#contact-left div label{ width:160px; float:left; height:22px; } div#contact-left div input, div#contact-left div select{ width:400px; height:24px; float:left; border:1px solid #999; padding:4px 0 0 2px; } div#contact-left div textarea{ width:400px; height:200px; float:left; border:1px solid #999; padding:4px 0 0 2px; } div#contact-left #btn, .btn{ width:120px; height:26px; background:#222; border:1px solid #000; color:#FFF; padding:0 0 2px 0; cursor:pointer; margin-left:0px; float:left; margin-left:180px; } div#contact-left div.captcha { width: 400px; } div#contact-left div.captcha input { width:70px; } div#contact-left div.captcha img { margin: 0px; padding: 0px; } div.cycle-wrap{ width:460px; height:262px; padding:20px; position:relative; margin-bottom:20px; } div.pro-cycle-1, div.pro-cycle-2, div.pro-cycle-3{ width:458px; height:260px; border:1px solid #ccc; } .overlay-1, .overlay-2, .overlay-3{ position:absolute; left:20px; background:#333; width:437px; bottom:20px; height:0; padding:0px 8px 8px 14px; margin-left:0px; display:none; color:#ffffff; font-size:14px; z-index:100!important; } .overlay-1 li, .overlay-2 li, .overlay-3 li{ width: 50px; float: left; margin: 10px; _margin:10px 4px; /* IE6 */ list-style: none } .overlay-1 a, .overlay-2 a, .overlay-3 a{ width: 52px; padding: 3px 1px 3px 3px; display: block; border: 1px solid #ccc; } .overlay-1 a:hover, .overlay-2 a:hover, .overlay-3 a:hover{ background:#fff; } .overlay-1 a.activeSlide, .overlay-2 a.activeSlide, .overlay-3 a.activeSlide{ background: #ff0000; } .overlay-1 a:focus, .overlay-2 a:focus, .overlay-3 a:focus{ outline: none; } .overlay-1 img, .overlay-2 img, .overlay-3 img { border: none; display: block } div#footer{ background:#222; border-top:1px solid #000; height:50px; width:100%; margin-top:40px; } div.footer-content{ height:20px; width:1000px; color:#FFF; margin:16px auto!important; } div.footer-content-left{ width:200px; float:left; } div.footer-content-right{ width:700px; float:right; text-align:right; } /* */ /* Livevalidation styles */ /* */ .LV_validation_message{ font-weight:bold; margin:0px 0 0 0px; } .LV_valid { color:#00CC00; } .LV_invalid { color:#CC0000; } .LV_valid_field, input.LV_valid_field:hover, input.LV_valid_field:active, textarea.LV_valid_field:hover, textarea.LV_valid_field:active { border: 1px solid #00CC00; } .LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active, textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active, select.LV_invalid_field:active, select.LV_invalid_field:hover { border:1px solid #ff0000; background:#ffbfbf; background: url("/l9i/error.jpg") repeat; } /* Livesearch part */ /* active page on pagination */ .psel { font-weight: bold; font-size: 16px; } /* highlight string on search results */ .highlight { background-color: yellow; } #srchload { width: 50px; position: absolute; top: 50%; left: 50%; margin-left: -200px; display: none; visibility: hidden; } #srchload img { border: none; }