@media screen {
  html {
    height: 100%;
    overflow-y: scroll;
  }
  body {
    background: #58585a url(../img/frame.png) 50% 17px no-repeat;
    color: #000000;
    font: normal 100% Arial, sans-serif;
    line-height: 1.5;
    margin: 0;
  }
  #wrap {
    font-size: .75em;
    margin: 28px auto 0;
    padding: 0;
    width: 976px;
  }
/*  body {
    background: #58585a 50% no-repeat ;
    color: #000000;
    font: normal 100% Arial, sans-serif;
    line-height: 1.5;
    margin: 0;
  }
  #wrap {
		font-size: .75em;
		margin: 5px auto 0;
		padding: 0;
		width: 976px;
		background:#FFF;
		border:#0f9dd6 solid 2px;		
		border-radius:40px 40px 0 40px;
		-moz-border-radius:40px 40px 0 40px;
		-webkit-border-radius:40px 40px 0 40px;		
		z-index:-100;
  }
*/
  #content {
    float: right;
    height: 598px;
    position: relative;
    width: 746px;
  }
  .home #content {
    left: -4px;
  }
  [role=banner] {
    background: url(../img/shadow.png) 100% 0 no-repeat;
    float: left;
    height: 598px;
    padding-left: 14px;
    width: 216px;
  }
  /*------ general styles ------*/
  a {
    color: #1ab7ea;
    font-weight: bold;
    text-decoration: none;
    vertical-align: baseline;
  }
  a:hover, a:focus, a:active {
    color: #0d7091;
    text-decoration: underline;
  }
  a:focus {
    outline: thin dotted;
  }
  a:active {
    outline: none;
  }
  a, button {
    -webkit-transition: all;
    -o-transition: all;
    -ms-transition: all;
    -moz-transition: all;
    transition: all;
  }
  h1, h2, h3 {
    color:#0f9dd6;
    font-family: "Century Gothic", Arial, sans-serif;
    font-weight: normal;
  }
  h1 {
    font-size: 2.25em;
    line-height: 1.3333333333333333;
    margin: 0.6666666666666666em 0 0;
    font-weight: bold;
  }
  h2 {
    font-size: 1.5em;
    line-height: 1;
    margin: 1em 0 0;
  }
  h3 {
    font-size: 1.125em;
    line-height: 1.3333333333333333;
    margin: 1.3333333333333333em 0 0;
  }
  h4 {
    font-size: 1em;
    line-height: 1.5;
    margin: 1.5em 0 0;
  }
  p {
    line-height: 1.5;
    margin: 1em 0 0;
		text-align:justify;
  }
  ul, ol {
    margin: 0 0 1em 1.5em;
    padding-left: 1.5em;
  }
  li {
    margin-bottom: 0.5em;
  }
  ul {
    list-style: disc;
  }
  ul ul {
    list-style: circle;
  }
  ol {
    list-style: decimal;
  }
  dt, dd {
    margin: 0;
    padding: 0;
  }
  img {
    border: 0;
  }
  .ie7 img {
    -ms-interpolation-mode: bicubic;
  }
  figure {
    position: relative;
  }
  b, strong {
    font-weight: bold;
  }
  em {
    font-style: italic;
  }
  blockquote, q {
    quotes: none;
  }
  blockquote:before,
  blockquote:after,
  q:before,
  q:after {
    content: '';
    content: none;
  }
  blockquote {
    margin: 0;
    padding: 0;
  }
  cite {
    display: block;
    text-align: right;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: inherit;
    font: 1em;
  }
  tr {
    vertical-align: top;
  }
  th, td {
    padding: 2px;
    vertical-align: top;
  }
  .hide {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
  }
  body:hover .hide a, body:hover .hide input, body:hover .hide button {
    display: none !important;
  }
  [role=navigation], [role=banner] ul {
    list-style: none;
    margin: 0;
    padding: 0;
		z-index:100;
  }
	[role=banner], [role=banner] ul {
		-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -ms-touch-action: none;
	}
  /*------ header ------*/
  .logo {
    font-size: 1em;
    line-height: 1;
    margin: 25px auto 0px;
    text-align: center;
    width: 210px;
  }
  .home .logo {
    margin-bottom: 0px;
  }
/*  [role=banner] li {
    margin: 0;
  }
  [role=banner] > ul {
    width: 211px;
  }
  [role=banner] > ul > li {
    line-height: 1;
  }
  [role=banner] > ul > li ul {
    border-top: 1px solid #99D5ED;
    position: relative;
  }
  [role=banner] > ul > li ul li a {
    background-image: -webkit-gradient(linear, 0 0, 210 0, color-stop(0.014, #33a9da), color-stop(0.809, #48c5ee));
    background-image: -webkit-linear-gradient(360deg, #33a9da 1.4%, #48c5ee 80.9%);
    background-image: -moz-linear-gradient(360deg, #33a9da 1.4%, #48c5ee 80.9%);
    background-image: -o-linear-gradient(360deg, #33a9da 1.4%, #48c5ee 80.9%);
    background-image: linear-gradient(360deg, #33a9da 1.4%, #48c5ee 80.9%);
    -pie-background: linear-gradient(360deg, #33a9da 1.4%, #48c5ee 80.9%);
    behavior: url(/assets/js/PIE.php);
    padding: 3px 20px 3px 25px;
  }
  [role=banner] > ul .sub {
    border-bottom: 0;
    padding-bottom: 0;
  }
  [role=banner] > ul .sub > span a {
    display: block;
    border-bottom: 1px solid #26A8DB;
    padding-bottom: 10px;
  }
  [role=banner] > ul a {
    background-image: -webkit-gradient(linear, 0 0, 209 0, from(#0094d1), color-stop(0.808, #1ab7ea));
    background-image: -webkit-linear-gradient(360deg, #0094d1, #1ab7ea 80.8%);
    background-image: -moz-linear-gradient(360deg, #0094d1, #1ab7ea 80.8%);
    background-image: -o-linear-gradient(360deg, #0094d1, #1ab7ea 80.8%);
    background-image: linear-gradient(360deg, #0094d1, #1ab7ea 80.8%);
    -pie-background: linear-gradient(360deg, #0094d1, #1ab7ea 80.8%);
    behavior: url(/assets/js/PIE.php);
    border: 1px solid #99D5ED;
    border-width: 1px 0;
    border-top-color: #26A8DB;
    color: #FFF;
    display: block;
    padding: 8px 20px;
    position: relative;
    text-decoration: none;
  }
	.m {
    background-image: -webkit-gradient(linear, 0 0, 209 0, from(#0094d1), color-stop(0.808, #1ab7ea));
    background-image: -webkit-linear-gradient(360deg, #0094d1, #1ab7ea 80.8%);
    background-image: -moz-linear-gradient(360deg, #0094d1, #1ab7ea 80.8%);
    background-image: -o-linear-gradient(360deg, #0094d1, #1ab7ea 80.8%);
    background-image: linear-gradient(360deg, #0094d1, #1ab7ea 80.8%);
    -pie-background: linear-gradient(360deg, #0094d1, #1ab7ea 80.8%);
    behavior: url(/assets/js/PIE.php);
    color: #1ab7ea;
    font-weight: bold;
    text-decoration: none;
    vertical-align: baseline;
    color: #FFF;
    display: block;
    padding: 8px 20px;
    position: relative;
    text-decoration: none;
  }
  [role=banner] > ul a span {
    font-family: Arial, sans-serif;
  }
  [role=banner] > ul a:hover,
  [role=banner] > ul a:focus,
  [role=banner] > ul a:active,
  [role=banner] > ul .here {
    background-image: -webkit-gradient(linear, 0 0, 209 0, color-stop(0.023, #dce9ed), to(#edf9fd));
    background-image: -webkit-linear-gradient(360deg, #dce9ed 2.3%, #edf9fd);
    background-image: -moz-linear-gradient(360deg, #dce9ed 2.3%, #edf9fd);
    background-image: -o-linear-gradient(360deg, #dce9ed 2.3%, #edf9fd);
    background-image: linear-gradient(360deg, #dce9ed 2.3%, #edf9fd);
    -pie-background: linear-gradient(360deg, #dce9ed 2.3%, #edf9fd);
    behavior: url(/assets/js/PIE.php);
    color: #575759;
  }
	  [role=banner] > span {
    font-family: Arial, sans-serif;
		color: #FFF;
		position:relative;
		float:right;
		top:240px;
		right:10px;
  }
	
*/
[role=banner] ul {margin:0 0 0 5px; padding:0; list-style:none; white-space:nowrap; text-align:left; border-radius:10px; float:left; width:200px;}

[role=banner] li {display:block; position:relative; margin:0 -5px;
background-image: -webkit-gradient(linear, 0 0, 210 0, color-stop(0.014, #33a9da), color-stop(0.809, #48c5ee));
background-image: -webkit-linear-gradient(360deg, #33a9da 1.4%, #48c5ee 80.9%);
background-image: -moz-linear-gradient(360deg, #33a9da 1.4%, #48c5ee 80.9%);
background-image: -o-linear-gradient(360deg, #33a9da 1.4%, #48c5ee 80.9%);
background-image: linear-gradient(360deg, #33a9da 1.4%, #48c5ee 80.9%);
-pie-background: linear-gradient(360deg, #33a9da 1.4%, #48c5ee 80.9%);
behavior: url(/assets/js/PIE.php);}
[role=banner] li {*margin-top:-5px;} /* for IE7 to position the list items correctly */
[role=banner] li a.hassub {}

[role=banner] ul ul {position:absolute; left:100%; top:0px; opacity:0;
-webkit-transform-origin:0 0;
-moz-transform-origin:0 0;
-o-transform-origin:0 0;
transform-origin:0 0;
-webkit-transform:scale(0,1);
-moz-transform:scale(0,1);
-o-transform:scale(0,1);
transform:scale(0,1);
-webkit-transition: 0.5s 0.15s;
-o-transition: 0.5s 0.15s;
-moz-transition: 0.5s 0.15s;
transition: 0.5s 0.15s;
behavior: url(/assets/js/PIE.php);
}
[role=banner] ul ul {*top:-5px;} /* for IE7 to position the sub menus correctly */

[role=banner] a {display:block; font:normal 13px "Century Gothic", Arial, sans-serif; color:#fff; text-decoration:none; padding:10px 10px 10px 10px; position:relative; z-index:10;}
[role=banner] ul li b {display:block; position:relative; margin-top:-30px; width:100%; height:30px; z-index:100;
-webkit-transition:0.75s;
-o-transition:0.75s;
-moz-transition:0.75s;
transition:0.75s;
behavior: url(/assets/js/PIE.php);
}

[role=banner] li:hover > b {width:0;}
[role=banner] li:hover > a {
background-image: -webkit-gradient(linear, 0 0, 209 0, color-stop(0.023, #dce9ed), to(#edf9fd));
background-image: -webkit-linear-gradient(360deg, #dce9ed 2.3%, #edf9fd);
background-image: -moz-linear-gradient(360deg, #dce9ed 2.3%, #edf9fd);
background-image: -o-linear-gradient(360deg, #dce9ed 2.3%, #edf9fd);
background-image: linear-gradient(360deg, #dce9ed 2.3%, #edf9fd);
-pie-background: linear-gradient(360deg, #dce9ed 2.3%, #edf9fd);
behavior: url(/assets/js/PIE.php);
color: #575759;	
}

[role=banner] li:hover > ul {left:100%; opacity:1;
-webkit-transform:scale(1,1); 
-moz-transform:scale(1,1); 
-o-transform:scale(1,1); 
transform:scale(1,1);
behavior: url(/assets/js/PIE.php);
}

[role=banner] li:hover > a.hassub {
background-image: -webkit-gradient(linear, 0 0, 209 0, color-stop(0.023, #dce9ed), to(#edf9fd));
background-image: -webkit-linear-gradient(360deg, #dce9ed 2.3%, #edf9fd);
background-image: -moz-linear-gradient(360deg, #dce9ed 2.3%, #edf9fd);
background-image: -o-linear-gradient(360deg, #dce9ed 2.3%, #edf9fd);
background-image: linear-gradient(360deg, #dce9ed 2.3%, #edf9fd);
-pie-background: linear-gradient(360deg, #dce9ed 2.3%, #edf9fd);
behavior: url(/assets/js/PIE.php);
color: #575759;}


  /*[role=banner] > ul .contact a {
    -pie-background: none;
    
    border-bottom: 0;
    height: 37px;
    line-height: 37px;
    padding: 0 20px;
  }
  [role=banner] > ul .contact a:hover, [role=banner] > ul .contact a:focus {
    background-position: 0 -37px;
  }
  [role=banner] > ul .contact .here {
    background-position: 0 -37px;
  }*/
  /*------ content ------*/
  .home [role=main] {
    background: url(../img/home_top.jpg) 208px -3px no-repeat;
    height: 100%;
    margin-right: 9px;
    border-radius: 40px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
  }
  .home [role=main] > p:first-child, .home [role=main] > div {
    position: absolute;
  }
  .home [role=main] > p:first-child {
    background: url(../img/message.png) no-repeat;
    font-size: .916666667em;
    height: 363px;
    left: 0;
    top: 0;
    margin: 0;
    padding: 235px 0 0 20px;
    width: 392px;
    z-index: 2;
  }
  .home [role=main] > p:first-child strong {
    display: block;
    font-size: 1.333333333em;
    text-transform: uppercase;
  }
  .home [role=main] > div {
   /* background: url(../img/home_base.jpg) 100% 100% no-repeat;*/
    left: 0;
    top: -3px;
    height: 350px;
    margin-right: 9px;
    padding: 260px 20px 0 425px;
    z-index: 2;
  }
  .home [role=main] > div p {
    line-height: 1.3;
    margin: 0 0 10px;
  }
  [role=main] {
    margin-right: 13px;
  }
  [role=main] h1 {
    background: url(../img/hd_new.jpg) 0 -1px no-repeat;
    -webkit-box-shadow: 0 15px 10px -10px #999999;
    -o-box-shadow: 0 15px 10px -10px #999999;
    -moz-box-shadow: 0 15px 10px -10px #999999;
    box-shadow: 0 15px 10px -10px #999999;
    height: 217px;
    margin: 0 0 0 -3px;
    position: relative;
    border-radius: 0 40px 0 0;
    -moz-border-radius: 0 40px 0 0;
    -webkit-border-radius: 0 40px 0 0;
    behavior: url(/assets/js/PIE.php);
  }
  [role=main] h1 span {
    color: #FFF;
    display: block;
    letter-spacing: 1px;
    position: absolute;
    left: 15px;
    bottom: 10px;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
    text-transform: uppercase;
    behavior: url(/assets/js/PIE.php);
  }
  .contact [role=main] h1 {
    background-image: url(../img/hd_contact.jpg);
    border-radius: 0 40px 0 0;
    -moz-border-radius: 0 40px 0 0;
    -webkit-border-radius: 0 40px 0 0;
  }
  .scroll {
    height: 361px;
    overflow-y: scroll;
    margin-left: -3px;
    padding: 0 20px 20px 20px;
    position: relative;
  }
  .intro {
    background-color: #D1D2D4;
    -webkit-box-shadow: inset 0 5px 10px #999999;
    -o-box-shadow: inset 0 5px 10px #999999;
    -moz-box-shadow: inset 0 5px 10px #999999;
    box-shadow: inset 0 5px 10px #999999;
    font-size: 1.166666667em;
    font-weight: bold;
    margin: 0 -20px 1em -50px;
    padding: 1.5em 20px 1.5em 50px;
    position: relative;
    behavior: url(/assets/js/PIE.php);
  }
  .img-r {
    float: right;
    margin: .5em 0 1em 15px;
  }
  .img-l {
    float: left;
    margin: .5em 15px 1em 0;
  }
  img.centre {
    display: block;
    margin: 1em auto;
  }
    /* Services */
  .services [role=main] h1 {
    background-image:url(../img/hd_services.jpg);
    border-radius: 0 40px 0 0;
    -moz-border-radius: 0 40px 0 0;
    -webkit-border-radius: 0 40px 0 0;
  }
    /* Electrical */
  .electrical [role=main] h1 {
    background-image:url(../img/hd_electrical.jpg);
    border-radius: 0 40px 0 0;
    -moz-border-radius: 0 40px 0 0;
    -webkit-border-radius: 0 40px 0 0;
  }
    /* Data */
  .data [role=main] h1 {
    background-image:url(../img/hd_data.jpg);
    border-radius: 0 40px 0 0;
    -moz-border-radius: 0 40px 0 0;
    -webkit-border-radius: 0 40px 0 0;
  }
    /* Environmental */
  .env [role=main] h1 {
    background-image:url(../img/hd_env.jpg);
    border-radius: 0 40px 0 0;
    -moz-border-radius: 0 40px 0 0;
    -webkit-border-radius: 0 40px 0 0;
  }
    /* IT */
  .it [role=main] h1 {
    background-image:url(../img/hd_it.jpg);
    border-radius: 0 40px 0 0;
    -moz-border-radius: 0 40px 0 0;
    -webkit-border-radius: 0 40px 0 0;
  }
    /* Access */
  .access [role=main] h1 {
    background-image:url(../img/hd_access.jpg);
    border-radius: 0 40px 0 0;
    -moz-border-radius: 0 40px 0 0;
    -webkit-border-radius: 0 40px 0 0;
  }
    /* Products */
  .products [role=main] h1 {
    background-image:url(../img/hd_products.jpg);
    border-radius: 0 40px 0 0;
    -moz-border-radius: 0 40px 0 0;
    -webkit-border-radius: 0 40px 0 0;
  }
    /* EMSpro */
  .emspro [role=main] h1 {
    background-image:url(../img/hd_emspro.jpg);
    border-radius: 0 40px 0 0;
    -moz-border-radius: 0 40px 0 0;
    -webkit-border-radius: 0 40px 0 0;
  }
	.emspro [role=main] h1 span {
    text-transform:none;}
		
	/* BCM */	
	.bcm [role=main] h1 {
    background-image:url(../img/hd_emspro.jpg);
    border-radius: 0 40px 0 0;
    -moz-border-radius: 0 40px 0 0;
    -webkit-border-radius: 0 40px 0 0;
  }
	
	/* RACS */	
	.racs [role=main] h1 {
    background-image:url(../img/hd_emspro.jpg);
    border-radius: 0 40px 0 0;
    -moz-border-radius: 0 40px 0 0;
    -webkit-border-radius: 0 40px 0 0;
  }
	
	.racs [role=main] li {
    color:#0f9dd6;
    font-family: "Century Gothic", Arial, sans-serif;
    font-weight: normal;
  }

    /* About */
  .about [role=main] h1 {
    background-image:url(../img/hd_about.jpg);
    border-radius: 0 40px 0 0;
    -moz-border-radius: 0 40px 0 0;
    -webkit-border-radius: 0 40px 0 0;
  }  
  /* Login */

  .login [role=main] h1 {
    background-image:url(../img/hd_login.jpg);
    border-radius: 0 40px 0 0;
    -moz-border-radius: 0 40px 0 0;
    -webkit-border-radius: 0 40px 0 0;
  }
  .login .scroll > div {
    margin: 0;
  }
	.login .scroll #login01 {
		position:relative;
		float:left;
		top:50px;
		left:250px;
		width:200px;
  }
	
  .login .scroll > div > p {
    border-bottom: 1px solid #bfbfbf;
    color: #0f9dd6;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline !important;
    padding-bottom: .5em;
    position: relative;
    vertical-align: middle;
    zoom: 1;
		width:100px;
  }
  .login .scroll a {
    color: #bfbfbf;
    font-size: .666666667em;
    text-decoration: none;
  }
  .login form > div {
    float: left;
  }
  .login input, .login textarea {
    background-color: #e6e6e6;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: 9px;
  }
  .login input {
    margin: 0;
    width: 100px;
  }
  .login button {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-left: 10px;
    padding: 5px 10px;
    position: relative;
    top: 3px;
  }
  .login form {
    margin-top: 20px;
    width: 300px;
  }
  .login p {
    clear: both;
  }
  /* Client area */
  .client [role=main] .scroll {
    height: 538px;
    margin-top: 40px;
    padding: 0 10px;
  }
  .client [role=main] h1 {
    background: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: auto;
    margin: 0;
    padding: 0;
  }
  .client .seal a {
    border: 0;
    padding-top: 283px;
  }
  .client .seal a:hover, .client .seal a:focus {
    background-image: -webkit-gradient(linear, 0 0, 209 0, from(#0094d1), color-stop(0.808, #1ab7ea));
    background-image: -webkit-linear-gradient(360deg, #0094d1, #1ab7ea 80.8%);
    background-image: -moz-linear-gradient(360deg, #0094d1, #1ab7ea 80.8%);
    background-image: -o-linear-gradient(360deg, #0094d1, #1ab7ea 80.8%);
    background-image: linear-gradient(360deg, #0094d1, #1ab7ea 80.8%);
    -pie-background: linear-gradient(360deg, #0094d1, #1ab7ea 80.8%);
    behavior: url(/assets/js/PIE.php);
    cursor: text;
  }
  .client [role=banner] > ul .contact a {
    border: 0;
  }
  .client [role=banner] > ul .contact a:hover, .client [role=banner] > ul .contact a:focus {
    background-position: 0 0;
    cursor: text;
  }
  /* Client Sites */
  .client [role=main] .scroll .sites .s1, .s2, .s3 {
    width: 700px;
    border-collapse: collapse;
  }
  .client [role=main] .scroll .sites .s1 th {
    background-image: none;
    text-align: left;
  }
  .client [role=main] .scroll .sites .s1 h2 {
    font: 14px Verdana, Geneva, sans-serif;
    color: #0f9dd6;
    margin: 15px 0 5px 0;
    padding: 0;
    font-weight: bold;
    vertical-align: middle;
  }
  .client [role=main] .scroll .sites .s2 th {
    background-image: -webkit-gradient(linear, 0 0, 209 0, from(#0094d1), color-stop(0.808, #1ab7ea));
    background-image: -webkit-linear-gradient(360deg, #0094d1, #1ab7ea 80.8%);
    background-image: -moz-linear-gradient(360deg, #0094d1, #1ab7ea 80.8%);
    background-image: -o-linear-gradient(360deg, #0094d1, #1ab7ea 80.8%);
    background-image: linear-gradient(360deg, #0094d1, #1ab7ea 80.8%);
    -pie-background: linear-gradient(360deg, #0094d1, #1ab7ea 80.8%);
    behavior: url(/assets/js/PIE.php);
    margin: 0;
    padding: 0 0 0 2px;
    height: 30px;
  }
  .client [role=main] .scroll .sites .s2 h2 {
    font: 11px Verdana, Geneva, sans-serif;
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: bold;
  }
  .client [role=main] .scroll .sites .s3 td {
    border-bottom: solid 1px #999;
    margin: 0;
    padding: 3px 0 3px 2px;
  }
  .sites .s3 h3 {
    font: 11px Verdana, Geneva, sans-serif;
    color: #2D3235;
    margin: 0;
    padding: 0;
  }
  .client [role=main] .scroll .sites a {
    text-decoration: none;
  }
  .client [role=main] .scroll .sites .in1 {
		border-radius:5px 0 0 5px;
    width: 180px;
    text-align: left;
    vertical-align: middle;
  }
  .client [role=main] .scroll .sites .in2 {
    width: 260px;
    text-align: left;
    vertical-align: middle;
  }
  .client [role=main] .scroll .sites .in3 {
    width: 90px;
    text-align: center;
    vertical-align: middle;
  }
  .client [role=main] .scroll .sites .in4 {
    width: 90px;
    text-align: center;
    vertical-align: middle;
  }
  .client [role=main] .scroll .sites .in5 {
    width: 90px;
    text-align: center;
    vertical-align: middle;
  }
  .client [role=main] .scroll .sites .in6 {
		border-radius:0 5px 5px 0;
    width: 1px;
    text-align: center;
    vertical-align: middle;
  }
  .client [role=main] .scroll .sites .s3 .in3 input {
    border: none;
    background-repeat: no-repeat;
    width: 65px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #2D3235;
    font-weight: bold;
    padding: 0;
  }
  .client [role=main] .scroll .sites .s3 .in4 input {
    border: none;
    background-repeat: no-repeat;
    width: 65px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #2D3235;
    font-weight: bold;
    padding: 0;
    cursor:pointer;
  }
  .client [role=main] .scroll .sites .s3 .in5 input {
    border: none;
    background-repeat: no-repeat;
    width: 65px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #2D3235;
    font-weight: bold;
    padding: 0;
    cursor:pointer;
  }
  /* Contact */
  .contact .scroll {
    height: 381px;
    overflow: auto;
    padding-bottom: 0;
  }
  .contact .col {
    float: left;
    padding: 30px 20px 0 0;
    width: 269px;
  }
  .contact .col:first-child p {
    border-bottom: 1px solid #bfbfbf;
    padding-bottom: 1em;
  }
  .contact dl {
    font-size: 1.083333333em;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
  }
  .contact dl dt, .contact dl dd {
    margin-bottom: 0.5em;
  }
  .contact dl dt {
    clear: left;
    color: #0f9dd6;
    float: left;
    font-weight: bold;
    margin: 0 5px 0 0;
    text-transform: uppercase;
    width: 1em;
  }
  .contact dl dd {
    float: left;
  }
  .contact .col + .col {
    border-left: 1px solid #bfbfbf;
    height: 351px;
    padding: 30px 0 0 40px;
    width: 310px;
  }
  .contact [role=main] p:first-child {
    color: #0f9dd6;
    font-size: 2.166666667em;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 1em;
  }
  .contact [role=main] p:first-child span {
    display: block;
    font-weight: normal;
    font-size: 16px;
  }
  .contact form {
    width: 280px;
  }
  .contact label {
    margin-right: 5px;
  }
  .contact input, .contact textarea {
    width: 270px;
  }
  .contact select {
    width: 185px;
  }
  .contact button {
    float: right;
  }
	.contact #dummy { 
	  display:none;
  }
  /* forms */
  label, button {
    cursor: pointer;
  }
  button,
  input,
  select,
  textarea {
    font-size: 1em;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
  }
  button, input {
    line-height: normal;
    *overflow: visible;
  }
  select,
  input,
  textarea,
  button {
    font-family: sans-serif;
  }
  input, textarea {
    border: 1px solid #808080;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 2px 4px;
    behavior: url(/assets/js/PIE.php);
  }
  input, textarea, select {
    margin-bottom: .5em;
  }
  textarea {
    overflow: auto;
    vertical-align: top;
  }
  input[type="radio"], input[type="checkbox"] {
    border: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 5px 0 0;
    padding: 0;
    width: auto;
  }
  input[type="radio"] {
    vertical-align: text-bottom;
  }
  input[type="checkbox"] {
    vertical-align: bottom;
    *vertical-align: baseline;
  }
  button {
    background-image: -webkit-gradient(linear, 0 0, 209 0, from(#0094d1), color-stop(0.808, #1ab7ea));
    background-image: -webkit-linear-gradient(360deg, #0094d1, #1ab7ea 80.8%);
    background-image: -moz-linear-gradient(360deg, #0094d1, #1ab7ea 80.8%);
    background-image: -o-linear-gradient(360deg, #0094d1, #1ab7ea 80.8%);
    background-image: linear-gradient(360deg, #0094d1, #1ab7ea 80.8%);
    -pie-background: linear-gradient(360deg, #0094d1, #1ab7ea 80.8%);
    behavior: url(/assets/js/PIE.php);
    border: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #FFF;
    font-size: 15px;
    font-weight: bold;
    padding: .2em 10px;
    position: relative;
    text-transform: uppercase;
    behavior: url(/assets/js/PIE.php);
  }
  /* Placeholder styles */
  input::-webkit-input-placeholder, input:-moz-placeholder {
    color: #000000;
  }
  [placeholder] {
    cursor: pointer;
    color: #000000;
  }
  [placeholder]:active, [placeholder]:focus {
    cursor: text;
    color: #000000;
    -webkit-box-shadow: 0 0 5px #00aa00;
    -o-box-shadow: 0 0 5px #00aa00;
    -moz-box-shadow: 0 0 5px #00aa00;
    box-shadow: 0 0 5px #00aa00;
  }
  /*------ footer ------*/
  [role=contentinfo] {
    clear: both;
    padding: 2em 0 0 35px;
    position: relative;
  }
  [role=contentinfo] a {
    color: #808286;
    font-size: 0.625em;
  }
/************  ACCESS Page  *************/  
.client [role=main] .scroll .access #usr { float:left; clear:none; width:355px; height:530px; overflow:auto; overflow-x: hidden;}
.client [role=main] .scroll .access table {width:340px;}
.client [role=main] .scroll .access th {background:url(/portal/img/table_header.gif) repeat-x;}
.client [role=main] .scroll .access h2 {font:14px Verdana, Geneva, sans-serif; color:#fff; margin:0; padding:0 0 0 5px; font-weight:bold; text-align:left;}
.client [role=main] .scroll .access h3 {font:10px Verdana, Geneva, sans-serif; font-weight:bold;}

.client [role=main] .scroll .access #usr .tbl1 { margin-top:0px;}
.client [role=main] .scroll .access #usr .tbl1 .in1 {width:130px; padding-top:2px; margin:0;}
.client [role=main] .scroll .access #usr .tbl1 .in2 {width:210px; padding-top:2px; margin:0;}
.client [role=main] .scroll .access #usr .tbl1 input {height:20px; width:190px; text-align:center; font-size:11px; font:Verdana, Geneva, sans-serif; }
.client [role=main] .scroll .access #usr .tbl1 select {height:20px; width:200px; font-size:11px; font:Verdana, Geneva, sans-serif; text-align:center; }
.client [role=main] .scroll .access #usr .tbl1 input, .client [role=main] .scroll .access #usr .tbl1 textarea {
    border: 1px solid #808080; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 1px 4px; behavior: url(/assets/js/PIE.php);}
.client [role=main] .scroll .access #usr .tbl1 input, .client [role=main] .scroll .access #usr .tbl1 textarea, .client [role=main] .scroll .access #usr .tbl1 select {
    margin-bottom: 0em;}
.client [role=main] .scroll .access #usr .tbl2 { margin-top:10px;}
.client [role=main] .scroll .access #usr .tbl2 .in3 {width:310px; padding-top:5px;}
.client [role=main] .scroll .access #usr .tbl2 .in3 input { vertical-align:middle;}

.client [role=main] .scroll .access #usr .save { margin-top:10px; text-align:right;}
.client [role=main] .scroll .access #usr #up .in3{ margin-top:10px; text-align:left;}
.client [role=main] .scroll .access #usr #up .in4{ margin-top:10px; text-align:right;}

.client [role=main] .scroll .access #panels { float:left; clear:none; width:330px; height:530px; border-left: solid 2px #999; border-right: solid 2px #999; border-bottom: solid 2px #999; overflow:auto; overflow-x: hidden;}
.client [role=main] .scroll .access #panels #window { height:500px; overflow:auto; overflow-x: hidden; margin-top:3px; padding:0 5px;}
.client [role=main] .scroll .access #panels table {width:330px;}
.client [role=main] .scroll .access #panels .tbl4 { margin:10px 0 3px 0;}
.client [role=main] .scroll .access #panels .tbl4 h2 {font:12px Verdana, Geneva, sans-serif; color:#fff; margin:0; padding:0; font-weight:bold;}
.client [role=main] .scroll .access #panels .tbl4 .in2 h2 {text-align:center;}
.client [role=main] .scroll .access #panels .tbl5 { margin:0; padding:0;}
.client [role=main] .scroll .access #panels .tbl5 input { margin:0; padding:0;}
.client [role=main] .scroll .access #panels .tbl5 h3 { margin:3px 0 3px 0; padding:0 0 0 5px;}
.client [role=main] .scroll .access #panels .in1 { width:120px; padding:0; margin:0;}
.client [role=main] .scroll .access #panels .in2 { width:70px; text-align:center; margin:0; padding:0;}

/************  Update Password Page  *************/  
.client [role=main] .scroll .updatepw #psw {width:330px; height:60px; margin:0 auto; padding-top:50px;}
.client [role=main] .scroll .updatepw #psw table {width:330px;}
.client [role=main] .scroll .updatepw #psw #ch {margin-top:10px;}
.client [role=main] .scroll .updatepw #psw #upbutt { text-align:right;}
.client [role=main] .scroll .updatepw th {background:url(/portal/img/table_header.gif) repeat-x;}
.client [role=main] .scroll .updatepw h2 {font:14px Verdana, Geneva, sans-serif; color:#fff; margin:0; font-weight:bold; text-align:left;}

.client [role=main] .scroll .updatepw h3 {font:10px Verdana, Geneva, sans-serif; font-weight:bold; margin:0; padding:0; vertical-align:bottom;}

.client [role=main] .scroll .updatepw .one{ width:120px;}
.client [role=main] .scroll .updatepw .two{ width:200px; text-align:right;}
.client [role=main] .scroll .updatepw .in { width:190px; font-family: "Century Gothic", Arial, sans-serif; font-weight: normal;}

/************  Update Password Page  *************/  
.client [role=main] .scroll .updatepw #psw {width:330px; height:60px; margin:0 auto; padding-top:50px;}
.client [role=main] .scroll .updatepw #psw table {width:330px;}
.client [role=main] .scroll .updatepw #psw #ch {margin-top:10px;}
.client [role=main] .scroll .updatepw #psw #upbutt { text-align:right;}
.client [role=main] .scroll .updatepw th {background:url(/portal/img/table_header.gif) repeat-x;}
.client [role=main] .scroll .updatepw h2 {font:14px Verdana, Geneva, sans-serif; color:#fff; margin:0; font-weight:bold; text-align:left;}

.client [role=main] .scroll .updatepw h3 {font:10px Verdana, Geneva, sans-serif; font-weight:bold; margin:0; padding:0; vertical-align:bottom;}

.client [role=main] .scroll .updatepw .one{ width:120px;}
.client [role=main] .scroll .updatepw .two{ width:200px; text-align:right;}
.client [role=main] .scroll .updatepw .in { width:190px; font-family: "Century Gothic", Arial, sans-serif; font-weight: normal;}

.client #docs1 .example { height:470px; width:700px; overflow:auto; overflow-x: hidden;}
.client #docs1 {margin: 20px 0 0 20px;}
.client #docs1 h2 { margin-bottom:10px;}

#pup {
  position:absolute;
  z-index:200; /* aaaalways on top*/
  padding: 3px;
  margin-left: 10px;
  margin-top: 5px;
  /*width: 250px;
  border: 1px solid black;
  background-color: #777;
  color: white;*/
  font-size: 0.95em;
}