/* Theme Name: Advanced Industrial Solutions Description: Created by Urban River Version: 1.0 Author: Urban River */ /* CSS Document */ body {font-size:0.67em; text-align:left; font-family:Arial;} /* General CSS fixes */ * {margin:0; padding:0} a { outline: none; color:#00617B; text-decoration:none; } a:hover {text-decoration:underline;} form {margin:0; padding:0;} :-moz-any-link:focus {outline: none;} object:active, div:active{outline: none;} object:focus, div:focus{-moz-outline-style: none;} img {border:none} .clear {clear:both;} h1 {background: url("images/logo.jpg") no-repeat; height:130px; text-indent: -10000px;} #content li { list-style-image: url(images/green-bullets.gif); } .no-bullets li{ list-style-image: none !important; list-style-type: none !important; } ol{margin-bottom:10px;} /* Page Layout styles */ #wrapper {width:960px; margin:0 auto;} #container-top {width:960px;} #container-middle {width:960px; padding-top:10px;} #container-bottom {width:960px; padding:10px 0px 10px 0px; text-align:left;} #col-left {width:300px; float:left;} #col-right {width:660px; background-color:#FFF; float:left;} #homepageTopImagesWrapper{position:relative;} .homepageImagePanelLeft{width:325px; height:222px; float:left; margin-right:10px; margin-bottom:10px;} .homepageImagePanelRight{width:325px; height:222px; float:left; margin-bottom:10px;} #aisBubble{position:absolute; left:265px; top:160px;} /* Divs nested in #container-top */ #logo {width:300px; height:130px; float:left;} #header {width:660px; float:left; text-align:left;} #contact-btn {display:block; width:137px; height:41px; background:url("images/contact-btn.jpg") no-repeat 0 0; float:right;} #contact-btn:hover {background-position: -137px 0;} #contact-btn span {display: none;} #telephone {display:block; padding:14px 4px 14px 60px; background:url("images/phone.jpg") no-repeat 0 center; float:right; font-size:2em; } #breadcrumb {background:#FFF url("images/breadcrumb-bg.jpg") repeat-x 0 0; padding:14px 10px 6px 10px; font-size:1.2em; min-height:20px;} #breadcrumb span.crumbs{color:#00617B; padding-top:3px;} #breadcrumb span.crumbs a{color:#00617B; text-decoration:none; padding-top:3px;} #breadcrumb span.crumbs a:hover{color:#00617B; text-decoration:underline;} .inline {list-style:none; margin:0; padding:0; display:inline;} .inline li {border-left:1px solid #000000; float:left;} .breadcrumb a {color:#144C9B; display:block; padding:0px 3px 0px 5px; text-decoration:none;} .breadcrumb a:hover {color:#00617B; text-decoration:underline;} .breadcrumb li.no-bdr {border-left:none;} #breadcrumb select {float:right; font-size:1em; vertical-align:top;} /* Legals */ .legals li {padding:0px 5px 0px 5px; color:4D4D4D;} .legals a {color:#144C9B; text-decoration:none;} .legals a:hover {color:#00617B; text-decoration:underline;} .legals li.no-bdr {border-left:none;} /* Divs nested in #container-left */ /* Menu - CSS rollover Nav code */ .nav {background-image:url("images/nav-over.jpg"); background-repeat:no-repeat; width:270px; height:41px; margin:0; padding:0; display:block; position:relative; white-space:nowrap;} .nav a {display:block; color:#000000; font-size:17px; text-shadow: 0px 1px 1px #fff; width:270px; height:41px; display:block; float:left; color:black; text-decoration:none;} .nav img {width:270px; height:41px; border:0;} * html a:hover {visibility:visible;} .nav a:hover img {visibility:hidden;} .nav span {position:absolute; left:20px; top:10px; margin:0px; padding:0px; cursor:pointer; width:230px; height:14px; text-align:left;} /* Force the active state of a button by giving the div an active-page ID */ #active-page img {visibility:hidden !important;} /* Menu - Subnav */ .subnav {background-color:#F2F2F2; background-image:url("images/subnav-over.jpg"); background-repeat:repeat-x; width:259px; height:31px; margin:1px 0px 0px 5px; padding:0; display:block; position:relative; white-space:nowrap;} .subnav a {display:block; color:#000000; font-size:14px; text-shadow: 0px 1px 1px #fff; width:259px; height:31px; display:block; float:left; color:black; text-decoration:none;} .subnav img {width:259px; height:31px; border:0;} .subnav a:hover {color:#FFF; text-shadow: 0px 1px 1px #003B4E;} .subnav a:hover img {visibility:hidden;} .subnav span {position:absolute; left:14px; top:8px; margin:0px; padding:0px; cursor:pointer; width:229px; height:14px; text-align:left;} /* Force the active state of a button by giving the div an active-subpage ID */ #active-subpage img {visibility:hidden !important;} #active-subpage a {color:#FFF !important; text-shadow: 1px 1px 1px #003B4E !important;} /* Subscribe option & links */ #options {text-align:left; width:270px;} #options h3 {font-size:1.4em; color:#00617B; font-weight:normal; margin-left:10px;} #options p {font-size:1.2em; color:4d4d4d; padding:0px 10px 10px 10px;} #options img {font-size:1.2em; color:4d4d4d; padding:6px 0px 0px 8px;} #email-btn {height:50px; float:left; margin:10px 0px 10px 0px;} #email-btn a {background: url("images/laptop.jpg") no-repeat -5px 0; color:#00617B; display:block; padding:10px 10px 10px 82px; text-decoration:none; font-size:17px;} #email-btn a:hover {background-position: -5px -50px;} #subscribe {padding:0px 0px 0px 10px;} #subscribe label {display:none;} #name, #dhjjc-dhjjc {font-size:1.2em; color:#4D4D4D; padding:3px 4px 3px 4px; width:240px; margin-bottom:5px; outline:none;} .focusField{border:solid 2px #0195d3; background:#EFF5FF;} .idleField{border:solid 2px #DFDFDF;} .subscribe-submit-btn {width:118px; height:27px; margin:0px 6px 0px 0px; padding:0; border:none; background:transparent url("images/subscribe.png") no-repeat center top; text-indent:-1000em; cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */ float:right;} .subscribe-submit-btn:hover {background:transparent url(images/subscribe.png) no-repeat center -27px;} .book-now-btn {width:118px; height:27px; margin:0px 10px 0px 0px; padding:0; border:none; background:transparent url("images/book-now.png") no-repeat center top; text-indent:-1000em; cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */ float:left;} .book-now-btn:hover {background:transparent url(images/book-now.png) no-repeat center -27px;} .contact-us-btn {width:118px; height:27px; margin:0px 10px 0px 0px; padding:0; border:none; background:transparent url("images/contact-us.png") no-repeat center top; text-indent:-1000em; cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */ float:left;} .contact-us-btn:hover {background:transparent url(images/contact-us.png) no-repeat center -27px;} .buy-now-btn {width:118px; height:27px; margin:0px 10px 15px 0px; padding:0; border:none; background:transparent url("images/buy-now.png") no-repeat center top; text-indent:-1000em; cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */ float:left;} .buy-now-btn:hover {background:transparent url(images/buy-now.png) no-repeat center -27px;} .buy-btn {width:118px; height:27px; margin:0px 10px 0px 0px; padding:0; border:none; background:transparent url("images/buy.png") no-repeat center top; text-indent:-1000em; cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */ float:left;} .buy-btn:hover {background:transparent url(images/buy.png) no-repeat center -27px;} .request-btn {width:118px; height:27px; margin:0px 10px 0px 0px; padding:0; border:none; background:transparent url("images/request-quote.png") no-repeat center top; text-indent:-1000em; cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */ float:left;} .request-btn:hover {background:transparent url(images/request-quote.png) no-repeat center -27px;} .training-btn {width:118px; height:27px; margin:0px 10px 0px 0px; padding:0; border:none; background:transparent url("images/training-btn.png") no-repeat center top; text-indent:-1000em; cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */ float:left;} .training-btn:hover {background:transparent url(images/training-btn.png) no-repeat center -27px;} /* Social Networking Links */ .twitter-link-side {float:left; width:62px; height:62px; margin:10px 6px 0px 6px; padding:0; border:none; background:transparent url("images/twitter-link.jpg") no-repeat center top; text-indent:-1000em; cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */} .twitter-link-side:hover {background:transparent url("images/twitter-link.jpg") no-repeat center -62px;} .facebook-link {float:left; width:62px; height:62px; margin:10px 6px 0px 0px; padding:0; border:none; background:transparent url("images/facebook-link.jpg") no-repeat center top; text-indent:-1000em; cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */} .facebook-link:hover {background:transparent url("images/facebook-link.jpg") no-repeat center -62px;} .linkedin-link {float:left; width:62px; height:62px; margin:10px 6px 0px 0px; padding:0; border:none; background:transparent url("images/linkedin-link.jpg") no-repeat center top; text-indent:-1000em; cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */} .linkedin-link:hover {background:transparent url("images/linkedin-link.jpg") no-repeat center -62px;} /* Divs nested in #container-right */ .two-column-wrapper{} .two-column-wrapper.left{float:left; width:45%; margin-right:20px;} .two-column-wrapper.right{float:left; width:45%;} #content {padding-top:20px; text-align:left; font-size:1.1em;} .content-left-padding{padding-left:10px;} #content h2 {font-size:1.8em; font-weight:normal; color:#00617B; margin-bottom:10px;} #content h3 {font-size:1.3em; font-weight:normal; color:#00617B; letter-spacing:0.04em; line-height:1.4em; margin-bottom:10px;} #content h4 {font-size:1.3em; font-weight:normal; color:#4D4D4D; letter-spacing:0.04em; line-height:1.4em; margin-bottom:10px;} #content p {margin-bottom:10px; color:#4D4D4D; line-height:1.4em; letter-spacing:.04em} #content ul {margin-left:20px; margin-bottom:10px;} #content ul li{font-size:1.1em; line-height:1.4em; color:#4D4D4D} #panels-wrapper {padding:20px 0px 20px 0px;} .smallpanel {border:1px solid #ddd; text-align:left; background-color:#ECEDEE; padding:10px; width:45%; /* optional rounded corners for browsers that support it */ -moz-border-radius:6px 22px 6px 6px; -khtml-border-radius:6px 22px 6px 6px; -webkit-border-radius:6px; border-radius:6px 22px 6px 6px; /* optional drop shadow for browsers that support it */ -moz-box-shadow: .1em .1em .4em #C2C2C2; -khtml-box-shadow: .1em .1em .4em #C2C2C2; -webkit-box-shadow: .1em .1em .4em #C2C2C2; box-shadow: .1em .1em .4em #C2C2C2; } .archivepanel {border:1px solid #ddd; text-align:left; background-color:#FFF; /* optional rounded corners for browsers that support it */ -moz-border-radius:6px 6px 6px 6px; -khtml-border-radius:6px 6px 6px 6px; -webkit-border-radius:6px; border-radius:6px 6px 6px 6px; /* optional drop shadow for browsers that support it */ -moz-box-shadow: .1em .1em .4em #C2C2C2; -khtml-box-shadow: .1em .1em .4em #C2C2C2; -webkit-box-shadow: .1em .1em .4em #C2C2C2; box-shadow: .1em .1em .4em #C2C2C2; margin-bottom:15px; } .contactpanel{border:1px solid #ddd; text-align:left; background-color:#FFF;} .archivepanel-title{background-color:#E4F2FC; background-image:url(images/panel-bg.gif); background-repeat:no-repeat; background-position:right top; padding-top:10px; padding-left:10px; padding-right:10px; padding-bottom:3px; border-bottom:#E6E6E6 solid 1px;} .archivepanel-content{padding:10px;} .archivepanel ul{margin-left:15px; font-size:0.9em;} .archivepanel h3 {margin-bottom:0px !important;} /* ----------- PANELS --------------- */ /* blue panel */ .bluePanel-title{background-color:#E4F2FC; background-image:url(images/panel-bg.gif); background-repeat:no-repeat; background-position:right top; padding-top:10px; padding-left:10px; padding-right:10px; padding-bottom:3px; border-bottom:#E6E6E6 solid 1px;} .bluePanel-content{padding:10px;} .bluePanel ul{margin-left:15px; font-size:0.9em;} .bluePanel h3 {margin-bottom:0px !important;} /* green panel */ .greenPanel-title{background-color:#D6E8AE; background-image:url(images/green-panel.gif); background-repeat:no-repeat; background-position:right top; padding-top:10px; padding-left:10px; padding-right:10px; padding-bottom:3px; border-bottom:#E6E6E6 solid 1px;} .greenPanel-content{padding:10px;} .greenPanel ul{margin-left:15px; font-size:0.9em;} .greenPanel h3 {margin-bottom:0px !important;} .smallpanel h3 {font-size:1.6em; color:#00617B; font-weight:normal; text-shadow: 0px 1px 1px #fff; padding-bottom:10px;} .smallpanel h4 {font-size:1.2em; font-weight:normal; padding-bottom:0px; padding-top:5px; color:#00617B;} .smallpanel h4:hover{text-decoration:underline;} .smallpanel p {border-bottom:1px solid #fff; padding:10px 0px 10px 0px; font-size:1.2em;} .smallpanel p a{color:#00617B; text-decoration:none;} .smallpanel p a:hover{text-decoration:underline;} .panel-spacer {margin-right:20px;} .twitter-button {display:block; width:160px; height:27px; background:url("images/twitter-btn.png") no-repeat 0 0; float:right; margin-top:10px;} .twitter-button:hover {background-position: 0 -27px;} .twitter-button span {display: none;} .rss-button {display:block; width:138px; height:27px; background:url("images/rss-btn.png") no-repeat 0 0; float:right; margin-top:10px;} .rss-button:hover {background-position: 0 -27px;} .rss-button span {display: none;} /* Divs nested in #container-bottom */ #keyword-search {border:1px solid #ECEDEF;border-left:1px solid #ECEDEF;border-right:1px solid #ECEDEF; text-align:left; background-color:#ECEDEF; padding:10px 10px 0px 10px; width:270px; /* optional rounded corners for browsers that support it */ -moz-border-radius:6px 6px 0px 0px; -khtml-border-radius:6px 6px 0px 0px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; border-radius:6px 6px 0px 0px; } #keyword-search label {display:none;} #search {font-size:1.2em; color:#4D4D4D; padding:4px; width:210px; margin-bottom:5px; outline:none; float:left;} #s{font-size:1.2em; color:#4D4D4D; padding:4px; width:210px; margin-bottom:5px; outline:none;} .screen-reader-text{font-size:1.2em; display:block; margin-bottom:5px;} .focusField{border:solid 2px #0195d3; background:#EFF5FF;} .idleField{border:solid 2px #A4A4A4;} .search-submit-btn {float:right; width:34px; height:30px; margin:0px 6px 0px 0px; padding:0; border:none; background:transparent url("images/search-btn.gif") no-repeat center top; text-indent:-1000em; cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */ float:right; color:transparent;} .search-submit-btn:hover {background:transparent url("images/search-btn.gif") no-repeat center -30px;} #footer {background:url("images/footer-bg-lighter.jpg") 0 0 repeat-x; border:1px solid #F1F2F4; text-align:left; background-color:#F1F2F4; padding:20px 6px 10px 6px; margin-bottom:10px; /* optional rounded corners for browsers that support it */ -moz-border-radius:0px 6px 6px 6px; -khtml-border-radius:0px 6px 6px 6px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; border-radius:0px 6px 6px 6px; } #footer li {margin-bottom:0px;} #footer h3 {font-size:1.6em; color:#00617B; font-weight:normal; text-shadow: 0px 1px 1px #fff; padding-bottom:10px;} .block {list-style:none; margin:0; padding:0; display:block;} .block li {font-size:1.1em; margin:0; padding:0;} .block a {color:#4D4D4D; display:block; padding:0px 3px 0px 0px; margin:0; text-decoration:none;} .block a:hover {color:#00617B; text-decoration:underline;} .ul-block-wrapper {float:left; padding:0px 15px 10px 15px; border-left:1px solid #fff;} .ul-block-wrapper.no-bdr {border-left:none;} /* Misc Styles */ /* Image Captions */ .aligncenter, div.aligncenter {display:block; margin-left:auto; margin-right:auto;} .alignleft {float: left;} .alignright {float: right;} .caption {border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding:6px; /* optional rounded corners for browsers that support it */ -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; -webkit-box-shadow: .1em .1em .4em #C2C2C2; -moz-box-shadow: .1em .1em .4em #C2C2C2; box-shadow: .1em .1em .4em #C2C2C2; } .caption img {margin:0; padding:0; border:0 none;} .caption p.caption-text {font-size:1.1em; line-height:1.4em; padding:0 4px 0px; margin-top:5px;} .catImages img {margin:0; padding:0; border:0 none; width:140px;height:96px;} .catImages img:hover { } .catImages .text {font-size:1.1em; line-height:1.4em; padding:0 4px 0px; margin-top:5px;} .catImages .text a:hover{text-decoration:none;} .catImages {border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding:6px; /* optional rounded corners for browsers that support it */ -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; -webkit-box-shadow: .1em .1em .4em #C2C2C2; -moz-box-shadow: .1em .1em .4em #C2C2C2; box-shadow: .1em .1em .4em #C2C2C2; margin-right:10px; margin-bottom:10px; width:140px; } .catImages:hover {background-color:#E4F2FC} .newsItemWrapper { margin-bottom:20px; border-bottom:#CCCCCC dotted 1px; padding-bottom:20px;} .firstNewsItem { margin-top:30px; } .lastNewsItem{margin-bottom:20px; border-bottom:none;} .date {color:#666666 !important; font-size:1em !important; letter-spacing:1px !important; } /* section category pages - offshore servies, onshore services, training */ #ourFocus{margin-top:20px;} #ourFocus h2{margin-bottom:20px;} #ourFocus .imageWrapper{width:210px; overflow:hidden; float:left; margin-right:10px; margin-bottom:30px;} div.imageWrapper img{width:202px; height:137px; border:#CCCCCC 1px solid; padding:3px;} #ourFocus .imageWrapper .text{display:block; text-align:center; font-size:1.6em; color:#00617B; margin-top:10px;} .greyImageBorder{border:#CCCCCC 1px solid; padding:3px; margin-left:10px; margin-bottom:10px;} .titles h2{} /* Table Styles */ .colourRow{background-color:#DCEFF8; color:#000;} thead td{background-color:#3DA5D8; font-size:1.3em; color:#FFFFFF;} td {padding:5px; padding-right:20px; vertical-align:top;} table{margin-bottom:20px; border: 1px solid #ccc} /* our values */ .hseqPerformance{padding-left:35px; background-image:url(images/blue.gif); background-repeat:no-repeat; background-position:left; padding-top:5px; padding-bottom:5px;} .serviceExcellence{padding-left:35px; background-image:url(images/green.gif); background-repeat:no-repeat; background-position:left; padding-top:5px; padding-bottom:5px;} .peopleDevelopment{padding-left:35px; background-image:url(images/purple.gif); background-repeat:no-repeat; background-position:left; padding-top:5px; padding-bottom:5px;} .appliedInnovation{padding-left:35px; background-image:url(images/turquoise.gif); background-repeat:no-repeat; background-position:left; padding-top:5px; padding-bottom:5px;} /* tab styles */ .tabLeft {width:300px; float:left; margin-right:24px;} .tabRight{width:300px; float:left; padding-left:4px;} .no-margin{margin-right:0px !important; margin-left:0px !important} a.greyZoom{background-image:url(images/zoom.gif); background-position:right; background-repeat:no-repeat; width:250px; height:32px; color:#CDCDCD; position:absolute; right:5px; bottom:3px; text-indent:-9999px; display:block; background-color:#FFF} .tabImage{border:#CCCCCC 1px solid; padding:3px; margin-left:10px; margin-bottom:10px; width:250px; text-align:left; position:relative; padding-bottom:31px;} .panel-wrapper ul {margin-left:20px;} .large-bottom-margin li{margin-bottom:10px;} .arrow{padding-left:20px; background-image:url(images/green-bullets.gif); background-repeat:no-repeat; background-position:left;} /* Toolbar styles */ .share {padding-left:30px; background-image:url(images/share.gif); background-position:left; background-repeat:no-repeat;} .print {padding-left:30px; background-image:url(images/print.gif); background-position:left; background-repeat:no-repeat;} .bookmark {padding-left:30px; background-image:url(images/bookmark.gif); background-position:left; background-repeat:no-repeat;} .no-bullets{margin-left:0px !important;} .no-bullets li{list-style-type: none !important; margin-bottom:5px;} .no-bottom-border{border:0px !important; margin-bottom:0px !important; padding-bottom:0px !important;} /* Styles for image slideshow in the header */ #photoShow {height:200px; width:646px; position:relative;} #photoShow div {position:absolute;left:0;top:0/*visibility:hidden;*/z-index: 0;} #photoShow div.previous {z-index: 100;/*visibility:hidden;*/} #photoShow div.current {/*visibility:visible;*/z-index: 200;} /* Styles for the two equal columned layout */ #twoColLayoutLeft{width:310px; margin-right:30px; float:left; font-size:1em;} #twoColLayoutRight{width:310px; float:left;} .didyouknow{padding:3px; border: 1px #CCCCCC solid; margin-right:1px; margin-top:30px;} .didyouknowhead{background-image:url(images/didyouknow.jpg); width:619px; height:36px; overflow:hidden; margin-bottom:15px;} .didyouknowcontent{padding-left:10px;padding-right:10px;} /* Blockquote */ blockquote { display: block; padding-left:50px; margin-top:-10px; margin-bottom:30px; } blockquote p{margin-top:20px; font-size:1.4em; color:#69c !important;} blockquote:before, blockquote:after { color: #69c; display: block; font-size: 700%; vertical-align:top; width: 50px; } blockquote:before { content: open-quote; height: 0; margin-left: -0.55em; } blockquote:after { content: close-quote; height: 50px; margin-top: -70px; margin-left: 360px; display:none; } .tab-box-left{background-image:url(images/tab-contact-bg.jpg); width:258px; background-repeat:no-repeat; padding:10px; padding-left:20px; padding-right:20px; float:left; margin-right:30px;} .tab-box-right{background-image:url(images/tab-contact-bg.jpg); width:258px; background-repeat:no-repeat; padding:10px; padding-left:20px; padding-right:20px; float:left;} /* cforms styles */ #li-5-7{background-color:#E2EFFA}