@charset "utf-8";
/ CSS Document /

body {background-color:#fefefe; color: #333333; height: 100%; padding: 0px; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 40px; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}

/* =========  HEADER BANNER AREA  ======  FOOTER  ================   */
header {width: 100%; background:#fefefe; text-align:center;}
 .wrapper {max-width: 1200px; min-height: 185px;}
div.bannerbg {max-width: 1200px; margin: 0px auto;}
div.logo {max-width: 300px; min-height: 155px; position: inherit; float: left; text-align:left; margin: 15px auto 5px auto; padding-top: 15px;}
div.explogo {max-width: 350px; min-height: 155px; position: inherit; float: left; text-align:right; margin: 15px auto; padding-top: 50px;}
div.topcontent {max-width: 550px; min-height: 155px; text-align:right; float: left; position: inherit; margin: auto;}

div.homegraphic {width: 100%; height:550px; margin: auto auto auto auto; padding: 0px;}
div.credit {min-width: 100%; height:80px; margin: 25px auto; padding: 25px;}

/* ?????  */
 .wrapperhome {max-width: 100%; min-height: 355px; background: url(images/bannerbg.jpg) center center no-repeat; background-size: 100% 355px;}
/* NAVIGATION STYLES */
	/* top menu - SET WIDTH AS % OF NAVBAR WIDTH */
div.navsash {width: 100%; position: inherit; margin: 0px auto 0px auto; background: url(images/blockdefault.png) top center repeat-x; padding: 0px; height:40px; z-index:100;}
div.navmenu {max-width: 1200px; position: inherit; text-align: left; margin: 0px auto 0px auto; background: url(images/blockdefault.png) top center repeat-x; padding: 0px; height:40px; z-index:100;}

nav {width: 100%; background: url(images/blockdefault.png) center center repeat-x; height:40px; margin-top: 0px; margin-left: 1.5%; z-index:100;}

nav ul {margin: 0px auto 0px auto; background: url(images/blockdefault.png) top center repeat-x; padding: 0; list-style: none; position: relative; display: inline-table; float: none; height:40px;}

	/* top menu */
nav ul li.active {background: url(images/blockdefault.png) center center repeat-x; position: relative; float: left;}
nav ul li a:link {display: block; padding: 7px 25px 7px 10px;}
nav ul li:hover {margin: 0px auto 0px auto; background: url(images/blockactive.png) center center repeat-x; padding: 0; position: relative;}

	/* hide sub list menu */
nav ul ul {display: none;}

	/* show sub list menu */
nav ul li:hover > ul {display: block;}

	/* clear style for other div */
nav ul:after {content: ""; clear: both; display: block;}

	/* create main menu border */
nav ul li {float: left; border-right: 1px solid #FFF;}

	/* sub DROP DOWN MENU list */
nav ul ul {padding: 0; position: absolute; top: 100%; z-index:100;}

nav ul ul li {float: none; position: relative; text-align:left; border:hidden;}

	/* sub DROP DOWN MENU list */
nav ul ul li {float: none; position: relative; text-align:left; border:hidden;}

	/* DROP DOWN MENU DEFAULT : SET WIDTH - PADDING MARGINS - BACKGROUND COLOUR    */
nav ul ul li a:link {width: 180px; padding: 6px 10px 6px 10px; background: #0c85d4;}

	/* DROP DOWN MENU ACTIVE : SET BACKGROUND COLOUR    */
nav ul ul li a:hover {background: #9bc2db;}

    a:link.navlink {font-size: 12pt; color:#eeeeee; font-family: arial,helvetica; text-decoration: none;}
    a:visited.navlink {font-size: 12pt; color:#eeeeee; font-family: arial,helvetica; text-decoration: none;}
    a:hover.navlink {font-size: 12pt; color:#333333; font-family: arial,helvetica; text-decoration: underline;}
    a:active.navlink {font-size: 12pt; color:#eeeeee; font-family: arial,helvetica; text-decoration: none;}

    a:link.navlinksub {font-size: 11pt; color:#eeeeee; font-family: arial,helvetica; text-decoration: none;}
    a:visited.navlinksub {font-size: 11pt; color:#eeeeee; font-family: arial,helvetica; text-decoration: none;}
    a:hover.navlinksub {font-size: 11pt; color:#333333; font-family: arial,helvetica; text-decoration: underline;}
    a:active.navlinksub {font-size: 11pt; color:#eeeeee; font-family: arial,helvetica; text-decoration: none;}

/* ============================================   */

/* BODY OUTLINE STYLES */
main {max-width: 1200px; margin: 0px auto auto auto; background-color: #fefefe; padding: 0px 0px 10px 0px;}

div.contentleft {width: 82%; margin: auto; background-color: #fefefe; padding: 0px;}
div.contentright {width: 18%; margin: 15px auto; background-color: #ffffff; padding: 0px; border-style:ridge; border-width:3px; border-color: #fefefe; border-radius: 5px; box-shadow: 2px 2px 1px #eeeeee;}

footer {background:#e5e5e5; min-height:100px;}
 .credits {max-width: 1200px; margin: 0px auto 20px auto; text-align:center;}

/*  ==========  TEXT STYLES    =========== */
h1 {color:#004788; font-size:1.6em; font-family:Open Sans, Arial Helvetica; line-height:1; font-weight:bold; margin: 40px 6% 25px 6%;}
h2 {color:#004788; font-size:1.4em; font-family:Open Sans, Arial Helvetica; line-height:1.25; font-weight:bold; vertical-align:center; margin: 15px 6% auto 6%;}
h3 {color:#004788; font-size:1.3em; font-family:Open Sans, Arial Helvetica; line-height:1.25; vertical-align:bottom; margin: 15px 6% auto 6%;}
h4 {color:#004788; font-size:1.2em; font-family:Open Sans, Arial Helvetica; line-height:1.25; margin: 15px 6% auto 6%;}
h4.edge {color:#004788; font-size:1.2em; font-family:Open Sans, Arial Helvetica; line-height:1.25; margin: 25px .5% auto .5%;}
h4.rcol {color:#004788; font-size:1.2em; font-family:Open Sans, Arial Helvetica; line-height:1.25; margin: 20px 2% auto 6%;}
h5 {color:#004788; font-size:1.1em; font-family:Open Sans, Arial Helvetica; line-height:1.25; margin: 15px 6% auto 6%;}
h5.edge {color:#004788; font-size:1.1em; font-family:Open Sans, Arial Helvetica; line-height:1.25; margin: 10px .3%;}
h4.para {color:#000000; font-size:1.1em; font-family:Open Sans, Arial Helvetica; line-height:1.25; margin: 15px 12% auto 12%;}  
h5.para {color:#004788; font-size:1.1em; font-family:Open Sans, Arial Helvetica; line-height:1.25; margin: 15px 12% auto 12%;}
h6 {color:#333333; font-size:1em; font-family:Open Sans, Arial Helvetica; line-height:1.25; margin: 10px 6% auto 6%;}
h6.para {color:#333333; font-size:1em; font-family:Open Sans, Arial Helvetica; line-height:1.25; margin: 15px 12% auto 12%;}

p {font-size:1em; font-family:Open Sans, Arial, Helvetica; font-weight:normal; text-align: justify; line-height:1.5; margin: 15px 6%;}
p.para {font-size:1em; font-family:Open Sans, Arial, Helvetica; font-weight:normal; text-align: justify; line-height:1.5; margin: 15px 12%;}
p.line {font-size:1em; font-family:Open Sans, Arial, Helvetica; font-weight:normal; text-align: justify; line-height:1.5; margin: 15px 10px 10px 10px;}
p.title {font-size:1.1em; font-family:Open Sans, Arial, Helvetica; font-weight:normal; line-height:1.8; margin: 15px 55px 10px 55px;}
p.edge {font-size:1em; font-family:Open Sans, Arial, Helvetica; font-weight:normal; text-align: justify; margin: 10px 5px 10px 5px;}
p.footnote {font-size:.9em; font-family:Open Sans, Arial, Helvetica; font-weight:normal; line-height:1.2; margin: 60px 85px 20px 85px;}
p.credit {font-size:.9em; font-family:Open Sans, Arial, Helvetica; font-weight:normal; margin: 15px;}
p.rcol {font-size:.8em; font-family:Open Sans, Arial, Helvetica; font-weight:normal; text-align: justify; line-height:1.5; margin: 25px 12%;}

p.headertitle {font-size:2.1em; font-family:Open Sans, Arial, Helvetica; font-weight:normal; text-align: right; margin:  20px 5px auto auto;}
p.headersub1 {font-size:1.5em; font-family:Open Sans, Arial, Helvetica; font-weight:normal; text-align: right; margin: 10px 5px auto auto;}
p.headersub2 {font-size:1.8em; font-family:Open Sans, Arial, Helvetica; font-weight:normal; text-align: right; margin: 10px 5px auto auto;}
p.headersub3 {color:#004788; font-size:1.8em; font-family:Open Sans, Arial, Helvetica; font-weight:normal; text-align: right; margin: 0px 5px auto auto;}

/* HYPERLINK STYLES */
a:link {color:#0c85d4; font-size:.9em; font-family:Helvetica, Arial; font-weight:normal; text-decoration:none;}
a:hover, a:focus {color:#444444; font-size:.9em; font-family:Helvetica, Arial; font-weight:normal; text-decoration:none;}
a:visited {color:#0c85d4; font-size:.9em; font-family:Helvetica, Arial; font-weight:normal; text-decoration:none;}
a:active {color:#0c85d4; font-size:.9em; font-family:Helvetica, Arial; font-weight:normal; text-decoration:none;}

  div.hsmenu {max-width: 100%; margin: 0;}
  img.hspic {width: 100%;}
  div.hsdigital {max-width: 25%; position: relative; float: left; background-color:#217e9c; margin: 0;}
  div.hsantenna {max-width: 25%; position: relative; float: left; background-color:#004788; margin: 0;}
  div.hsnetworks {max-width: 25%; position: relative; float: left; background-color:#565f85; margin: 0;}
  div.hsinstallations {max-width: 25%; position: relative; float: left; background-color:#cf877e; margin: 0;}
  p.hstext {color: white; font-weight:bold; font-size:1.1em; text-align: center; margin-top:8px; margin-bottom:8px; margin-left: 0px; margin-right: 0px;}

  div.rmmenu {max-width: 100%; margin: 0;}
  img.rmpic {width: 100%;}
  div.rmdigital {max-width: 100%; position: relative; float: left; background-color:#217e9c; margin: 0;}
  div.rmantenna {max-width: 100%; position: relative; float: left; background-color:#004788; margin: 0;}
  div.rmnetworks {max-width: 100%; position: relative; float: left; background-color:#565f85; margin: 0;}
  div.rminstallations {max-width: 100%; position: relative; float: left; background-color:#cf877e; margin: 0;}
  div.rmcorporate {max-width: 100%; position: relative; float: left; background-color:#ad655b; margin: 0;}
  p.rmtext {color: white; font-weight:bold; font-size:1em; text-align: center; margin-top:4px; margin-bottom:4px; margin-left: 0px; margin-right: 0px;}


/* COLUMN PIC MENU */
div.piclink {max-width:216px; text-align: center;}
img.piclink {max-width:170px;}

div.homepicmenu {width:150px; height:195px; position: relaitve; float: left; margin:10px; border-style:ridge; border-width:2px; border-color: #fefefe; border-radius: 30px; box-shadow: 2px 2px 1px #eeeeee;}
img.homepicmenu {width:145px; margin: 0px; border-top-left-radius: 30px; border-top-right-radius: 30px;}
p.homepicmenu {margin: 5px 5px 5px 5px;}

img.page {width: 300px;}
a:link.piclink {color:#0c85d4; font-size:.8em; font-family:Helvetica, Arial; font-weight:normal; text-decoration:none;}
a:hover.piclink, a:focus.piclink {color:#444444; font-size:.8em; font-family:Helvetica, Arial; font-weight:normal; text-decoration:none;}
a:visited.piclink {color:#0c85d4; font-size:.8em; font-family:Helvetica, Arial; font-weight:normal; text-decoration:none;}
a:active.piclink {color:#0c85d4; font-size:.8em; font-family:Helvetica, Arial; font-weight:normal; text-decoration:none;}

a:link.credit {color:#0c85d4; font-size:.9em; font-family:Helvetica, Arial; font-weight:normal; text-decoration:none;}
a:hover.credit, a:focus.credit {color:#444444; font-size:.9em; font-family:Helvetica, Arial; font-weight:normal; text-decoration:none;}
a:visited.credit {color:#0c85d4; font-size:.9em; font-family:Helvetica, Arial; font-weight:normal; text-decoration:none;}
a:active.credit {color:#0c85d4; font-size:.9em; font-family:Helvetica, Arial; font-weight:normal; text-decoration:none;}

/* TEXT - IMAGE STYLES  */
	.par{margin-bottom:10px;}
	.text_justify {text-align:justify;}
	.img_top_left{width:180px; float:left; margin:0px; padding:0px 20px 0px 0px; }
	.img_top_right{width:180px; float:right; margin:0px; padding:0px 20px 0px 0px; }

    /* SAMPLE CODE IMG/p
    <p class="par text_justify"><img class="img_top_left" src="images01/aboutus02.jpg" alt="_ALT_" title="_TITLE_" /></p>
    */

div.segmentrow {float:left; margin: 25px 6% ; width: auto;}
div.segment {float:left; margin: auto; width: auto;}

h3.segment {color:#cb2f2f; font-size:1.3em; font-family:Open Sans, Arial Helvetica; line-height:1.25; vertical-align:bottom; margin: 25px 3% auto 3%;}
h4.segment {color:#cb2f2f; font-size:1.2em; font-family:Open Sans, Arial Helvetica; line-height:1.25; margin: 25px 3% auto 3%;}

/* --------------- SITE MAP STYLES and LINKS ------------  */
p.siteleft {margin: 10px 0px 10px 0px; padding: 0px 0px 0px 0px;}
p.siteright {font-size:11pt; font-family: Arial, Helvetica;  margin: 10px 0px 10px 0px; font-weight:normal; line-height:1.1; padding: 0px 0px 0px 0px;}
div.siteleft {width:35%; float: left; clear:both;}
div.siteright {width:60%; float: left; margin: 10px 2.5%;}

a:link.sitelinks {color:#163fcc; font-size:10.5pt; font-family:Helvetica, Arial; font-weight:normal; text-decoration:none;}
a:visited.sitelinks {color:#163fcc; font-size:10.5pt; font-family:Helvetica, Arial; font-weight:normal; text-decoration:none;}
a:hover.sitelinks {color:#0098be; font-size:10.5pt; font-family:Helvetica, Arial; font-weight:normal; text-decoration:none;}
a:active.sitelinks {color:#163fcc; font-size:10.5pt; font-family:Helvetica, Arial; font-weight:normal; text-decoration:none;}

/* --------------  CONTACT FORM TAGS   ------------  */
table.contactform {width: 480px; border: 1px solid #AAA; padding:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
div.contactheader {font-size:18px; font-family: arial; font-weight:bold; padding-top:10px; padding-bottom:10px; text-align:center;}
div.antispammessage {text-align:center; font-family: arial; font-size:11pt; line-height:1.8; border-top: 1px solid #AAA; padding-top:5px; padding-bottom:10px;}
div.formmessage {text-align:center; font-family: arial; font-size:11pt; line-height:1.8; padding-bottom:10px;}
label.detail {text-align:right; font-family: arial; font-size:10.5pt; padding:4px;}
.required_star {font-weight:bold;color:#F00;}
div.contactform {text-align:center; font-family: arial; font-size:9pt; line-height:1.8; padding-bottom:10px;}
a:link.contactform {color:#008a81; font-size:9pt; font-family:Helvetica, Arial; text-decoration:none;}
a:visited.contactform {color:#008a81; font-size:9pt; font-family:Helvetica, Arial; text-decoration:none;}
a:hover.contactform {color:#0060ff; font-size:9pt; font-family:Helvetica, Arial; text-decoration:none;}
a:active.contactform {color:#008a81; font-size:9pt; font-family:Helvetica, Arial; text-decoration:none;}

/* SOCIAL LINK STYLES */
#sociallinks {width:800px; position: inherit; float: left; text-align:center; margin: auto auto auto 40px; padding: 0px 0px 0px 0px;}
div.social {width:100px; position: inherit; float: left; text-align:center; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px;}
img.social {width: 55px;}
img.socialgoogle {width: 65px;}
img.sociallinkedin {width: 55px;}
p.social {margin: 0px 5px 20px 5px;}

a:link.social {color:#163fcc; font-size:9pt; font-family:Helvetica, Arial; font-weight:bold; text-decoration:none;}
a:visited.social {color:#163fcc; font-size:9pt; font-family:Helvetica, Arial; font-weight:bold; text-decoration:none;}
a:hover.social {color:#0098be; font-size:9pt; font-family:Helvetica, Arial; font-weight:bold; text-decoration:none;}
a:active.social {color:#163fcc; font-size:9pt; font-family:Helvetica, Arial; font-weight:bold; text-decoration:none;}


img.healthicon {max-width: 80px; max-height: 40px;}



/* WEBSITE ADVERTISING ================================================  */
/* COLUMN ADS */
div.bizadswrapper {max-width: 216px; position: inherit; float: left; text-align:center; background-color: #fdfdfd; border-style:ridge; border-width: 2px;  border-color: #eaeaea; padding: 0px 0px 0px 0px;}
div.bizads {max-width:161px; text-align:center; background:#fdfdfd; margin: 2px auto;}
img.bizads {width:161px;}
p.bizads {margin: 4px 0px 8px 0px; line-height:1.2; text-align:center;}

a:link.bizads {color:#8d5d13; font-size:10pt; font-family:Trebuchet MS, Arial, Helvetica; font-weight:normal; text-decoration:none;}
a:visited.bizads {color:#8d5d13; font-size:10pt; font-family:Trebuchet MS, Arial, Helvetica; font-weight:normal; text-decoration:none;}
a:hover.bizads {color:#444444; font-size:10pt; font-family:Trebuchet MS, Arial, Helvetica; font-weight:normal; text-decoration:underline;}
a:active.bizads {color:#8d5d13; font-size:10pt; font-family:Trebuchet MS, Arial, Helvetica; font-weight:normal; text-decoration:none;}

/*  BODY SPOTS ADS */
div.bizspotads {width: 720px; position: inherit; float: left; margin: 10px auto 15px 240px;}
div.bizspot {width:145px; position: inherit; float: left; margin: 0px 2px 0px 2px; border-style:ridge; border-width: 2px;  border-color: #eaeaea; padding: 0px 0px 0px 0px;}
img.bizspot {width:145px;}
p.bizspot {margin: 0px 0px 0px 0px; line-height:1.2; text-align:center;}

a:link.bizspot {color:#8d5d13; font-size:9pt; font-family:Trebuchet MS, Arial, Helvetica; font-weight:normal; text-decoration:none;}
a:visited.bizspot {color:#8d5d13; font-size:9pt; font-family:Trebuchet MS, Arial, Helvetica; font-weight:normal; text-decoration:none;}
a:hover.bizspot {color:#444444; font-size:9pt; font-family:Trebuchet MS, Arial, Helvetica; font-weight:normal; text-decoration:underline;}
a:active.bizspot {color:#8d5d13; font-size:9pt; font-family:Trebuchet MS, Arial, Helvetica; font-weight:normal; text-decoration:none;}

/* TEXT ADS */
div.textadsblock {width:90%; float: right; height:85px; background-color:#e5e5e5; margin-left:150px;}
div.textadsheader {width:90%; height:25px; background-color:#e5e5e5;}
p.textadsheader {margin: 5px 20px 3px auto; text-align:right;}

a:link.textadsheader {color:#af6f00; font-size:10pt; font-weight:normal; font-family:Trebuchet MS, Arial, Helvetica; text-decoration:none}
a:visited.textadsheader {color:#af6f00; font-size:10pt; font-weight:normal; font-family:Trebuchet MS, Arial, Helvetica; text-decoration:none}
a:hover.textadsheader {color:#444444; font-size:10pt; font-weight:normal; font-family:Trebuchet MS, Arial, Helvetica; text-decoration:underline}
a:active.textadsheader {color:#af6f00; font-size:10pt; font-weight:normal; font-family:Trebuchet MS, Arial, Helvetica; text-decoration:none}

div.textads {width:16.55%; position: relative; float: left; text-align:center; background-color:#e5e5e5; display: inline; margin:5px 0px 0px 0px;}

a:link.textads {color:#af6f00; font-size:9pt; font-weight:normal; font-family:Trebuchet MS, Arial, Helvetica; text-decoration:none}
a:visited.textads {color:#af6f00; font-size:9pt; font-weight:normal; font-family:Trebuchet MS, Arial, Helvetica; text-decoration:none}
a:hover.textads {color:#444444; font-size:9pt; font-weight:normal; font-family:Trebuchet MS, Arial, Helvetica; text-decoration:underline}
a:active.textads {color:#af6f00; font-size:9pt; font-weight:normal; font-family:Trebuchet MS, Arial, Helvetica; text-decoration:none}

/* END ====== WEBSITE ADVERTISING */