/* 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;
}