/* Copyright AC-Sys Ltd CSS Document: Version 1.0 2009 */ /*------------------------------------------------------------------------------*/ /* --> WEBSITE BODY */ /*------------------------------------------------------------------------------*/ body {margin:0; padding:0; width:100%; font-family:Verdana, "Lucida Grande"; background:url(../images/bg_body.gif) repeat-x #41b7c8;} /*------------------------------------------------------------------------------*/ /* --> TOP DIVS AND CLASSES */ /*------------------------------------------------------------------------------*/ #top_body{width:100%;} #top_container{width:960px; margin:0 auto; height:37px; font-size:12px; color:#ffffff;} #top_col_1{width:480px; float:left; display:inline; padding-top:13px;} #top_col_2{width:480px; float:right; display:inline; padding-top:13px; text-align:right;} #top_col_2 a{color:#ffffff; text-decoration:none;} #top_col_2 a:hover{text-decoration:underline;} /*------------------------------------------------------------------------------*/ /* --> LOGO / NAV DIVS AND CLASSES */ /*------------------------------------------------------------------------------*/ #top_nav_body{width:100%;} #top_nav_container{width:960px; margin:0 auto; height:136px; font-size:12px; color:#ffffff;} #top_nav_col_1{width:243px; float:left; display:inline; padding-top:13px;} #top_nav_col_1 img{border:0;} #top_nav_col_2{width:717px; float:right; display:inline;} #top_nav_col_2 ul{margin:0; padding:75px 0 0; list-style-type:none;} #top_nav_col_2 li{margin:0; padding:0 0 0 10px; float:right;} #top_nav_col_2 li.home a{width:79px; height:34px; background: url(../images/nav_home.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;} #top_nav_col_2 li.home a:hover{background:url(../images/nav_home.gif) -79px 0px no-repeat; display: block;} #top_nav_col_2 li.home a.current{background: url(../images/nav_home.gif) -79px 0px no-repeat; display:block;} #top_nav_col_2 li.what_we_do a{width:125px; height:34px; background: url(../images/nav_what_we_do.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;} #top_nav_col_2 li.what_we_do a:hover{background:url(../images/nav_what_we_do.gif) -125px 0px no-repeat; display: block;} #top_nav_col_2 li.what_we_do a.current{background: url(../images/nav_what_we_do.gif) -125px 0px no-repeat; display:block;} #top_nav_col_2 li.projects a{width:94px; height:34px; background: url(../images/nav_projects.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;} #top_nav_col_2 li.projects a:hover{background:url(../images/nav_projects.gif) -94px 0px no-repeat; display: block;} #top_nav_col_2 li.projects a.current{background: url(../images/nav_projects.gif) -94px 0px no-repeat; display:block;} #top_nav_col_2 li.contact a{width:93px; height:34px; background: url(../images/nav_contact.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;} #top_nav_col_2 li.contact a:hover{background:url(../images/nav_contact.gif) -93px 0px no-repeat; display: block;} #top_nav_col_2 li.contact a.current{background: url(../images/nav_contact.gif) -93px 0px no-repeat; display:block;} #top_nav_col_2 li.solution_partners a{width:168px; height:34px; background: url(../images/nav_solution_partners.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;} #top_nav_col_2 li.solution_partners a:hover{background:url(../images/nav_solution_partners.gif) -168px 0px no-repeat; display: block;} #top_nav_col_2 li.solution_partners a.current{background: url(../images/nav_solution_partners.gif) -168px 0px no-repeat; display:block;} /*------------------------------------------------------------------------------*/ /* --> MAIN CONTENT DIVS AND CLASSES */ /*------------------------------------------------------------------------------*/ #main_body{margin:0; padding:0; width:100%;} #main_container{width:1000px; min-height:531px; margin:0 auto; background:url(../images/bg_main.gif) no-repeat;} .main_container_top{background: url(../images/bg_container_top.png) no-repeat bottom; height:67px;} #main_container_middle{ background:url(../images/bg_container_middle.png) repeat-y;} .main_container_bottom{background: url(../images/bg_container_bottom.png) no-repeat; height:53px;} #banner{margin:0 auto; width:900px; background:url(../images/bg_banner.gif) no-repeat;} #banner_col_1{width:580px; float:left; display:inline;} #banner_col_2{width:320px; float:left; display:inline;} #slide{overflow: hidden; z-index: 2; left: 0px; visibility: visible; width: 320px; height: 253px; position: relative;} #slide ul{margin: 0px; padding: 0px; position: relative; list-style-type: none; z-index: 1; width:320px;} #slide li{overflow: hidden; float: left; width: 320px; height: 253px;} #banner_col_1 .info{width:580px; height:192px; background: url(../images/banner_info.gif) no-repeat; display:block; text-indent: -9999px;} #banner_col_1 ul{margin:0 0 0 20px; padding:0; list-style-type:none;} #banner_col_1 li{margin:0; padding:0; float:left;} #banner_col_1 li.find_out a{width:131px; height:43px; background: url(../images/banner_find_out.gif) 0px 0px no-repeat; display:block; text-indent: -9999px; margin-right:9px;} #banner_col_1 li.find_out a:hover{background:url(../images/banner_find_out.gif) -131px 0px no-repeat; display: block;} #banner_col_1 li.enquire a{width:135px; height:43px; background: url(../images/banner_enquire.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;} #banner_col_1 li.enquire a:hover{background:url(../images/banner_enquire.gif) -135px 0px no-repeat; display: block;} #banner_other{margin:0 auto; width:900px; height:47px; background:url(../images/bg_banner_other.gif) no-repeat;} #main_col_1{width:580px; float:left; display:inline;} #main_col_2{width:300px; float:left; display:inline; margin-left:20px;} #main_col_1 .tabs{margin:0; padding:0; height:37px; background:url(../images/bg_tabs.gif) repeat-x bottom;} #main_col_1 .tabs ul{margin:0 0 0 4px; padding:0; list-style-type:none;} #main_col_1 .tabs li{margin:0; padding:0; float:left;} #main_col_1 .tabs li.turnkey a{width:138px; height:43px; background: url(../images/tab_turnkey.gif) 0px 0px no-repeat; display:block; text-indent: -9999px; margin-right:2px;} #main_col_1 .tabs li.turnkey a:hover{background:url(../images/tab_turnkey.gif) -138px 0px no-repeat; display: block;} #main_col_1 .tabs li.turnkey a.current{background:url(../images/tab_turnkey.gif) -138px 0px no-repeat; display: block;} #main_col_1 .tabs li.plc a{width:122px; height:43px; background: url(../images/tab_plc.gif) 0px 0px no-repeat; display:block; text-indent: -9999px; margin-right:2px;} #main_col_1 .tabs li.plc a:hover{background:url(../images/tab_plc.gif) -122px 0px no-repeat; display: block;} #main_col_1 .tabs li.plc a.current{background:url(../images/tab_plc.gif) -122px 0px no-repeat; display: block;} #main_col_1 .tabs li.hmi a{width:122px; height:43px; background: url(../images/tab_hmi.gif) 0px 0px no-repeat; display:block; text-indent: -9999px; margin-right:2px;} #main_col_1 .tabs li.hmi a:hover{background:url(../images/tab_hmi.gif) -122px 0px no-repeat; display: block;} #main_col_1 .tabs li.hmi a.current{background:url(../images/tab_hmi.gif) -122px 0px no-repeat; display: block;} #main_col_1 .tabs li.scada a{width:142px; height:43px; background: url(../images/tab_scada.gif) 0px 0px no-repeat; display:block; text-indent: -9999px; margin-right:2px;} #main_col_1 .tabs li.scada a:hover{background:url(../images/tab_scada.gif) -142px 0px no-repeat; display: block;} #main_col_1 .tabs li.scada a.current{background:url(../images/tab_scada.gif) -142px 0px no-repeat; display: block;} /*Font Styles*/ #main_col_1 p{color:#ffffff; margin:0; padding:0 0 16px 0; line-height:18px; font-size:12px;} #main_col_1 p img{float:right; margin:5px 0 5px 15px;} #main_col_1 p img.no{float:none; margin:0;} #main_col_1 p a{color:#ffffff; text-decoration:underline;} #main_col_1 p a:hover{color:#5ec2d0; text-decoration:underline;} #main_col_1 .experience{width:100%;} #main_col_1 .experience ul{ margin:0; padding:0 0 0 17px; color:#ffffff; font-size:12px;} #main_col_1 .experience ul li{float:left; width:140px; margin-right:20px; line-height:22px;} #main_col_1 .experience ul li.long{width:200px;} #main_col_1 .articles{width:100%;} #main_col_1 .articles ul{ margin:0; padding:0 0 0 17px; color:#ffffff; font-size:12px;} #main_col_1 .articles ul li{line-height:22px;} #main_col_1 .articles ul li a{color:#FFFFFF;} /*Header Styles*/ #main_col_1 h1{font-size:22px; margin:0 0 15px; padding:15px 0 15px; font-weight:normal; color:#ffffff; border-bottom:1px dashed #ffffff;} #main_col_1 h2{font-size:16px; margin:0; padding:0 0 10px; font-weight:bold; color:#ffffff;} #main_col_1 h3{font-size:14px; margin:0; padding:0; font-weight:bold; color:#ffffff;} #main_col_1 h1.welcome {width:580px; height:56px; background: url(../images/h1_welcome.gif) no-repeat; display:block; text-indent: -9999px;} #main_col_1 h1.what_we_do {width:580px; height:56px; background: url(../images/h1_what_we_do.gif) no-repeat; display:block; text-indent: -9999px;} #main_col_1 h1.contact {width:580px; height:56px; background: url(../images/h1_contact.gif) no-repeat; display:block; text-indent: -9999px;} #main_col_1 h1.enquiries {width:580px; height:56px; background: url(../images/h1_enquiries.gif) no-repeat; display:block; text-indent: -9999px;} #main_col_1 h1.solution_partners {width:580px; height:56px; background: url(../images/h1_solution_partners.gif) no-repeat; display:block; text-indent: -9999px;} #main_col_2 h3{font-size:20px; text-transform:uppercase; margin:0 0 0px; padding:15px 0 15px; font-weight:bold; color:#ffffff; border-bottom:1px solid #ffffff;} #main_col_2 .call_out{width:300px; height:209px; background: url(../images/call_out.gif) no-repeat; display:block; text-indent: -9999px;} #main_col_2 .call_out ul{list-style:none; margin:0; padding:0;} #main_col_2 ul{margin:0; padding:0; list-style:none;} #main_col_2 li{margin:0; font-size:12px;} #main_col_2 li a{border-bottom:1px #ffffff solid; padding-left:10px; color:#ffffff; display:block; width:290px; height:25px; text-decoration:none; padding-top:10px; background:#41B7C8;} #main_col_2 li a:hover{color:#14324a; background-color:#d6d6d6;} /*Enquiry Form*/ #main_col_1 .form{width:540px; background:url(../images/bg_form.gif) no-repeat; padding:20px;} #main_col_1 .form h3{font-size:18px; margin:0; padding:0; font-weight:normal; color:#41B7C8;} #main_col_1 table{font-size:12px; font-family:Verdana, "Lucida Grande"; color:#35312e; line-height:18px; padding-top: 15px;} #main_col_1 tr{height:45px;} #main_col_1 tr.bg{ background:#f1f1f1;} #main_col_1 .enq_form{background-color:#ffffff; border: #9F9F9F 1px solid; font-family:Verdana, "Lucida Grande"; font-size:11px; color:#4c4c4c; padding:3px; width:265px;} #main_col_1 .enq_form_button{height:34px; width:79px; background-image:url(../images/send_bg.gif); margin:10px 0px 0px 0px; padding:0px; background-repeat:no-repeat; border:0px; cursor:pointer;} /*------------------------------------------------------------------------------*/ /* --> FOOTER DIVS AND CLASSES */ /*------------------------------------------------------------------------------*/ #footer_body{width:100%; padding-bottom:20px;} #footer_container{width:960px; margin:0 auto; font-size:11px; color:#ffffff;} #footer_col_1{width:380px; float:left; display:inline; margin-left:10px;} #footer_col_2{width:550px; float:right; display:inline; text-align:right; margin-right:10px;} #footer_col_2 ul{list-style-type: none; padding:0 0 15px; margin:0;} #footer_col_2 li {display:inline; padding: 0; margin: 0;} #footer_col_2 li a{color:#ffffff; text-decoration:none;} #footer_col_2 li a:hover{color:#ffffff; text-decoration:underline;} #footer_container .footer_content{padding:15px 50px 0 0; float:right; text-align:right;} #footer_col_1 p{color:#FFFFFF; margin:0; padding:0 0 15px;} #footer_col_1 p a{color:#FFFFFF;} #footer_col_1 p a{color:#ffffff; text-decoration:none;} #footer_col_1 p a:hover{color:#ffffff; text-decoration:underline;} /*------------------------------------------------------------------------------*/ /* --> MISC VALUES, DIVS AND CLASSES */ /*------------------------------------------------------------------------------*/ .clearcols{clear:both; height:1px;}