/* CSS Document */

body{font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; text-align: left; line-height: 16px; background-color: #ffffff; padding: 0px; margin: 0px; color: #333333;}
html{padding: 0px; margin: 0px;}
a{text-decoration:none; color: #056c4a;}
a:hover{text-decoration: underline; color: #056c4a;}
h1{font-family:Arial, Helvetica, sans-serif; font-size:24px; letter-spacing: -1px; color: #2f4979; font-weight: bold; padding: 0px; margin: 16px 0px 6px 0px;}
h2{font-family:Arial, Helvetica, sans-serif; font-size:17px; letter-spacing: -1px; color: #2f4979; font-weight: bold; padding: 0px; margin: 13px 0px 5px 0px;}
h3{font-family:Arial, Helvetica, sans-serif; font-size:20px; letter-spacing: -1px; color: #056c4a; font-weight: normal; padding: 0px; margin: 16px 0px 6px 0px; line-height: 20px;}
h3 a{color: #056c4a; text-decoration: none;}
h3 a:hover{color: #056c4a; text-decoration: underline;}
p{margin: 10px 0px 10px 0px; pading: 0px;}
strong{font-size: 13px; line-height: 19px;}

#container{width: 960px; height: auto; margin: 0 auto; padding: 0px; position: relative; background-color: #ffffff; margin-top: 10px; height: auto;}

#header-comtainer{width: 960px; height: 124px; background: #003366; margin-bottom: 10px; position: absolute; top: 0px; display: block;}
#header{width: 960px; height: 124px; background-image:url(images/header-bg.jpg); margin-bottom: 10px;}
#header-left{width: 14px; height: 124px; background-image: url(images/header-left.jpg); float: left;}
#header-middle{width: 741px; height: 124px; float: left;}
#header-right{width: 205px; height: 124px; float: right;}
#nav-top{width:729px; padding: 6px; height: 48px; font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF;}
#nav-top a{color: #FFFFFF; text-decoration: none;}
#nav-top a:hover{color: #FFFFFF; text-decoration: underline;}
#nav-bottom{width:737px; padding: 0px; height: 64px;}

#nav, #nav ul{margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:12px;}
#nav a{display:block; padding:0px; margin: 0; color:#000; text-decoration:none;}
#nav a:hover{color:#000;}
#nav li{float:left; position:relative;}
#nav ul {position:absolute; list-style-type:none; margin: 0; padding: 0; display:none; width:160px; top:31px; border-left: 1px solid #bdbdbd; border-right: 1px solid #bdbdbd; border-bottom: 1px solid #bdbdbd;}
#nav li ul a{height:auto; width:150px; padding: 10px 0px 10px 10px; margin:0px; background-image: url(images/nav-drop-bg.jpg);}
#nav li ul a:hover{padding: 10px 0px 10px 10px; margin:0px; background-image: url(images/nav-drop-bg2.jpg);}
#nav ul ul{top:0; margin: 0px; padding: 0px;}	
#nav li ul ul {left:160px; padding:0px; margin: 0px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{display:none; padding: 0px 0px 0px 0px;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{display:block;}

#mainnav{width: 741px; height: 31px; display:block; overflow: hidden;}
#subnav{clear: both; width: 726px; height: 20px; background-image: url(images/subnav-bg.jpg); background-repeat: repeat-x; padding: 7px 10px 6px 5px;}
#subnav a{color:#2f4979; font-weight: bold; text-decoration: underline; letter-spacing: normal;}
#subnav a:hover{color:#2f4979; text-decoration: none; letter-spacing: normal;}

#main-comtainer{width: 960px; top: 135px; position: absolute; height: auto; display: block;}
.table{width: 649px; text-align: left; padding: 0px 10px 0px 10px;}
#content-container{width: 669px; margin-right: 10px; height: auto; float: left; font-size: 12px; line-height: 18px;}
#content-container img{border: 0px;}
#content-container strong{font-size: 12px; line-height: 18px; color:#222222; font-weight: bold;}
.content-management{float: left; width: 200px; margin-right: 10px; margin-bottom: 15px;}
.content-left{float: left; width: 320px;}
.content-left ul{margin: 10px 0px 0px 15px; padding: 0px;}
.content-left li{margin: 0px 0px 10px 0px;}
.content-left-dotted{float: left; width: 320px; border-right: 1px dotted #CCCCCC; padding-right: 10px;}
.content-right{float: right; width: 320px;}
.content-right ul{margin: 10px 0px 0px 15px; padding: 0px;}
.content-right li{margin: 0px 0px 10px 0px;}
#content-bottom{width: 669px; height: 62px;}
#content-bottom2{width: 960px; height: 62px;}
.contentbottom-left{width: 50px; background-image:url(images/contentbottom-left.jpg); height: 62px; float: left;}
.contentbottom-left2{width: 50px; background-image:url(images/contentbottom-left2.jpg); height: 62px; float: left;}
.contentbottom-middle{width: 606px; background-image:url(images/contentbottom-bg.jpg); height: 38px; float: left; padding-top: 24px; text-align: right;}
.contentbottom-middle2{width: 897px; background-image:url(images/contentbottom-bg.jpg); height: 38px; float: left; padding-top: 24px; text-align: right;}
.contentbottom-middle a{font-size: 14px; color: #2b528b; text-decoration: none; font-weight: bold; letter-spacing: -1px; font-family: Helvetica, Arial, sans-serif;}
.contentbottom-middle a:hover{font-size: 14px; color: #2b528b; text-decoration: underline; font-weight: bold; letter-spacing: -1px; font-family: Helvetica, Arial, sans-serif;}
.contentbottom-middle2 a{font-size: 14px; color: #2b528b; text-decoration: none; font-weight: bold; letter-spacing: -1px; font-family: Helvetica, Arial, sans-serif;}
.contentbottom-middle2 a:hover{font-size: 14px; color: #2b528b; text-decoration: underline; font-weight: bold; letter-spacing: -1px; font-family: Helvetica, Arial, sans-serif;}
.contentbottom-right{width: 13px; background-image:url(images/contentbottom-right.jpg); height: 62px; float: right;}
#sidebar-container{width: 281px; height: auto; float: right;}

.innerbox{width: 320px; float: left; line-height: 14px; font-size: 11px; padding-bottom: 10px; margin-bottom: 1px; border-bottom: 1px dotted #CCCCCC;}
.innerbox strong{font-sie:12px; color: #000000; font-weight: bold;}
.innerbox p{width: 220px;}

#sidebar-content{width: 278px; height: auto; margin-top: 8px;}
.sidebar-content-header{width: 258px;padding: 11px 10px 10px 10px;  height: 23px; background-image: url(images/sidebar-header.jpg); color: #FFFFFF; font-size: 15px; font-weight: bold; letter-spacing: -1px;}
.sidebar-dotted{width: 258px; border-bottom: 1px dotted #c0c0c0; margin: 0px 10px 0px 10px; padding: 0px 0px 2px 0px;}
.sidebar-none-dotted{width: 258px; margin: 0px 10px 0px 10px; padding: 0px;}
.sidebar-content-main{width: 276px; height: auto; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; padding: 1px 0px 1px 0px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #333333; line-height: 14px;}
.sidebar-content-main strong{font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #000000; line-height: 18px; font-weight: bold; margin: 0px; padding: 0px;}
.sidebar-content-main p{width:190px; padding: 0px; margin: 3px 0px 3px 0px;}
.sidebar-content-main a{margin: 0px; padding: 0px;}
.sidebar-content-footer{background-image: url(images/sidebar-footer2.jpg); height: 21px; width: 258px; padding: 15px 10px 10px 10px; text-align: right;}
.sidebar-content-footer a{font-size: 14px; color: #056c4a; text-decoration: none; font-weight: bold; letter-spacing: -1px; font-family: Helvetica, Arial, sans-serif;}
.sidebar-content-footer a:hover{font-size: 14px; color: #056c4a; text-decoration: underline; font-weight: bold; }
.sidebar-content-footer2{background-image: url(images/sidebar-footer2.jpg); height: 21px; width: 258px; padding: 15px 10px 10px 10px; text-align: right;}
#sidebar-content ul{padding: 0px; margin: 0px 0px 8px 10px; list-style-image:url(images/bullet.jpg);}

.dotted{width:960px; padding-top: 5px; border-bottom: 1px dotted #c0c0c0; margin-bottom: 5px; overflow: hidden; height: 1px;}
.dotted-inner{width:560px; padding-top: 5px; border-bottom: 1px dotted #c0c0c0; margin-bottom: 5px; overflow: hidden; height: 1px; margin: 0px auto;}
.dotted-content{width: 300px; padding: 0px; margin: 10px; border-bottom: 1px dotted #c0c0c0;}

.three{width:313px; pading: 0px; margin: 0px; float: left; margin-right: 10px;}
.three ul{padding: 0px; margin: 10px 0px 0px 10px; list-style-image:url(images/bullet.jpg);}
.three li{margin: 7px 0px 7px 0px;}
.three2{width:313px; pading: 0px; margin: 0px; float: left;}
.three-header{padding:11px 10px 0px 10px; height: 33px; background-image:url(images/three-header.jpg); width: 293px; color: #FFFFFF; font-size: 15px; font-weight: bold; letter-spacing: -1px;}
.three-content-main{height: 112px; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; padding: 1px 1px 1px 10px; width: 300px;}
.three-content-main p{width: 140px;}
.three-footer{padding: 18px 10px 10px 10px; height: 20px; background-image:url(images/three-footer.jpg); width: 293px; text-align: right;}
.three-footer a{font-size: 14px; color: #056c4a; text-decoration: none; font-weight: bold; letter-spacing: -1px; font-family: Helvetica, Arial, sans-serif;}
.three-footer a:hover{font-size: 14px; color: #056c4a; text-decoration: underline; font-weight: bold; }

#footer{width: 960px; height: 54px; background-image:url(images/footer-bg.jpg); color: #c7cad8; margin: 10px 0px 10px 0px;}
#footer a{color: #FFFFFF; text-decoration: none;}
#footer a:hover{color: #FFFFFF; text-decoration: underline;}
#footer-left{width: 460px; padding: 10px; height: 34px; background-image:url(images/footer-left.jpg); background-repeat: no-repeat; background-position: left; float: left;}
#footer-right{width: 460px; padding: 10px; height: 34px; background-image:url(images/footer-right.jpg); background-repeat: no-repeat; background-position: right; float: right; text-align: right;}

.productsub{width: 669px; height: 45px; background-image:url(images/productsub-bg.jpg);}
.productsub-left{float: left; background-image: url(images/productsub-left.jpg); height: 45px; width: 10px;}
.productsub-right{float: right; background-image: url(images/productsub-right.jpg); height: 45px; width: 10px;}
.productsub-container{width: 649px; height: 45px; float: left;}
.productsub-link{margin: 9px 8px 0px 8px; font-size: 11px; float: left; text-align: left; line-height: 14px; color: #555555;}
.strong{font-weight: bold; line-height: 14px;}
.productsub-link a{color: #555555; text-decoration: none;}
.productsub-link a:hover{color: #555555; text-decoration: underline;}
.productsub-seperator{width: 1px; height: 45px; background-image:url(images/productsub-seperator.jpg); float: left;}

#ad{width: 281px; height: 173px; margin-top: 10px;}
#ad-jargon{float: left; height: 83px; width: 281px; display: block; overflow: hidden; text-indent: 10000px; background: url(./images/ad-jargonbuster.jpg) top left no-repeat; margin-top: 10px;}
#ad-jargon:hover{background-position: bottom left;}
#ad-media{float: left; height: 83px; width: 281px; display: block; overflow: hidden; text-indent: 10000px; background: url(./images/ad-mediaplayer.jpg) top left no-repeat; margin-top: 10px; margin-bottom: 10px;}
#ad-media:hover{background-position: bottom left;}

.quote{margin-top: 10px;}
.collapse{width: 669px;  margin: 0; background-image: url(images/singlearrow.jpg); background-position: top left; background-repeat: no-repeat;}	
.collapse-container{width: 669px; height: 100%;  padding: 4px 0px;}
.accordianclass{width: 669px; float: left;}
.accordianclassheader{width: 669px; border-top: 1px dotted #c0c0c0; font-weight: bold; cursor: pointer;}
.accordianclass p{margin: 0px 0px 0px 25px; padding: 0px;}
.accordianclass ul {list-style-type: none; margin: 0px; padding: 0px;}
.content-container-dotted{ height: 1px; overflow: hidden; border-bottom: 1px dotted #c0c0c0; width: 669px;}
.content-container-class{width: 669px;}
.grey{color: #888888;}
.greybox{width: 320px;}
.greybox-header{background-image:url(images/greybox-header.jpg); padding: 12px; width: 296px; height: 18px; display: block; font-size: 16px; font-weight: bold; letter-spacing: -1px; color: #2f4979;}
.greybox-header a{text-decoration: none; color: #2f4979;}
.greybox-header a:hover{text-decoration: underline; color: #2f4979;}
.greybox-content{background: #f5f5f5; padding: 10px; width: 300px; font-size: 11px; line-height: 16px;}
.greybox-content p{padding: 0px; margin: 0px; width: 200px;}
.greybox-footer{background-image:url(images/greybox-footer.jpg); padding: 15px 10px 10px 10px; width: 300px; height: 21px; display: block; text-align: right;}
.greybox-footer a{font-size: 14px; color: #333333; text-decoration: none; font-weight: bold; letter-spacing: -1px; font-family: Helvetica, Arial, sans-serif;}
.greybox-footer a:hover{font-size: 14px; color: #333333; text-decoration: underline; font-weight: bold; }
.clear{clear:both; font-size:0px; width:0px; line-height:0px; height:0px; display:block; overflow:hidden;}
.right{float: right; border: 0px;}
.right-icon{float: right; padding-left: 12px;}
.left{float: left; border: 0px;}
.right-top{float: right; margin-top: 5px; border: 0px;}
.date{font-size: 11px; float: right;}
.welcome{color: #666666; margin: 0px; padding: 0px; font-weight: bold; float: left;}
.io{color: #03719f;}
.io a{color: #03719f;}
.io a:hover{color: #03719f;}
.icc{color: #a04174;}
.icc a{color: #a04174;}
.industry{padding: 0px 0px 10px 0px;}
.icc a:hover{color: #a04174;}
.iav{color: #cc6a00;}
.iab a{color: #cc6a00;}
.iab a:hover{color: #cc6a00;}
.pmn{color: #b73637;}
.pmn a{color: #b73637;}
.maintable{border-left: 1px solid #CCCCCC; margin: 10px 0px 10px 0px; border-top: 1px solid #CCCCCC;}
.maintable td{border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 3px 5px 3px 5px;}
.maintable ul{padding: 0px; margin: 0px 0px 0px 10px;}
.maintable li{padding: 0px; margin: 0px 0px 0px 10px;}
.maintable h1{font-family:Arial, Helvetica, sans-serif; font-size:17px; letter-spacing: -1px; color: #2f4979; font-weight: bold; padding: 0px; margin: 0px;}
.maintablehead{background-color: #f4f4f4;}
.pmn a:hover{color: #b73637;}
.rss{padding: 10px 0px 10px 0px; color: #888888;}
.rss2{padding: 11px 0px 10px 5px;}
.rss a, a:hover{color: #888888;}
#tw-banner{background-color: #0066FF; width:669px; height:247px; background-image: url(images/banner-io.jpg)}
#products-banner{width:669px; height:140px; background-image: url(images/products/banner-products-bg.jpg);}
#enquiry-button{height: 49px; width: 307px; display: block; overflow: hidden; text-indent: 10000px; background: url(/images/enquiry.jpg) top left no-repeat; margin: 15px 0px;}
#enquiry-button:hover{background-position: bottom left;}