<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url('libs/base.css');
@import url('libs/type.css'); /* Set Overall Font Styles, No Color */
@import url('libs/color.css'); /* Overall Colors */
@import url('libs/forms.css');
@import url('libs/superfish.css'); /* Superfish Essential Styles Remove if not being used */
@import url('libs/nivo-slider.css'); 
/* @import url('libs/debug.css'); Uncomment to make errors visible in a browser */
/* =============================================================================
   Primary styles
   Author: 
   ========================================================================== */


/* ROOT */
html {background:#111354 url(../img/bg-html.png) 0 0 repeat-x;}
body {font-family: Arial, Helvetica, sans-serif; /* Please set overall font-size here. 16/16 = 1 */  width: 910px; margin: 0 auto;}

/* HEADINGS */
h1, h2, h3, h4, h5, h6 {font-family: Arial, Helvetica, sans-serif; font-weight: bold;}

/* Set Main Content Heading Styles Here */
#content h1 { font-size: 24px; border-bottom:1px dashed #222; text-transform:uppercase; letter-spacing:1px; }
#content h2 {font-size:20px;}
#content h3 {font-size:18px; color:#FD7F23;}

/* BANNER */
header[role="banner"] {position: relative; height: 150px; color:#fff;}
header[role="banner"] .vcard {text-align:right; position:relative; top:50px;}

/* Branding */
#branding {position: absolute; top:25px; left: 0; width: 550px; height: 50px;z-index:20;}
#branding a {display: block; width: 550px; height: 50px; background: url(../img/logo.png) 0 0 no-repeat;z-index:20;}
.ie7 #branding {margin-top: 1em;}
/* NAVIGATIONS */
nav li {list-style: none;}

/* Main Navigation */
nav[role="navigation"] {text-align: right; position: absolute; right: 0; top: 98px; width: 100%; font-size: 16px;}
nav[role="navigation"] ul {text-transform: uppercase; padding: 0 0 6px; height: 45px;background:url(../img/nav-bg.png) repeat-x;}
nav[role="navigation"] li {float: left;}
nav[role="navigation"] li a {color:#2A2C8A; display: inline-block; height: 45px; padding: 0 15px 6px; line-height: 3em; text-decoration: none;}
nav[role="navigation"] li a:hover {color:#fff;background-color:#2A2C8A;}
nav[role="navigation"] .cta { text-transform: none; font-size: 1.1em; background-color:#2A2C8A; float: right; margin: 8px 10px 0 0; padding: 7px 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color:#fff;}

/* Social Nav */
#social-nav {position: absolute; top: 150px; right: 0;}
#social-nav ul {margin: 0; padding: 0;}
#social-nav li {float: right; margin: 0 5px;}
#social-nav li a {width: 45px; height: 45px;}
#facebook {background: transparent url(../img/icn-facebook.png) no-repeat;}
#rss {background: transparent url(../img/icn-rss.png) no-repeat;}
#twitter {background: transparent url(../img/icn-twitter.png) no-repeat;}
/* Secondary Navigations */

/* Main */
div[role="main"] { padding: 25px 0; text-align: left; background:#fff;}
.index div[role="main"] { padding-top: 0; }

/* Feature */
#feature {background: url(../img/bg-feature.png) 0 0 repeat-x;margin-bottom: 25px; -moz-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.5);}

/* Slideshow */
#slider {overflow: hidden; float: right; width:910px; height: 256px;}

/* Content */
#content { padding: 0 10px;}
#content .center {text-align:center;}
#content .buttons {float:right; width:249px;}
#content #contactbtn {background:url(../img/contact-btn.png) no-repeat; width:500px; height:100px; margin:10px auto;}
#content #contactbtn:hover {background:url(../img/contact-btn-hover.png) no-repeat;}
#content ul {list-style:disc;}
#content .service {width:46%; float:left; margin:5px; border:1px solid #ccc; padding:5px; height:470px; text-align:center;}
#content .service img {border:2px solid #151A5D;}
#content .product {margin:10px 15px;}
#content .tagline {margin:10px auto; text-align:center;}

/* COMPLEMENTARY */
div[role="complementary"] {}

/* Two Column Layout */
.two-column #content {text-align: left; width: 59.18%; float: left; padding: 0 0 25px 25px;}
.two-column div[role="complementary"] {float: right; width: 37.16%;}
.ie7 .two-column div[role="complementary"] {padding-right: 25px;}

/* CONTENTINFO */
footer[role="contentinfo"] {font-size: 0.9em;}

/* Set Contact Form Width Here */
#contact {float: right; width: 37.16%; margin-top: 0; margin-right: 0; padding: 0 10px 10px 10px; background-color: #ECECEC;}
#contact legend {color:#333;padding-top: 10px;}

/* Microformats*/
div[role="main"] .vcard { margin: 1em 0; }
/* CONTENTINFO */
footer[role="contentinfo"] {color:#fff;  }
footer[role="contentinfo"] * { margin: 0; }
footer[role="contentinfo"] {text-align: left; position: relative; min-height: 45px; height: 90%; }
footer[role="contentinfo"] a { text-decoration: none; text-align: center;}
footer[role="contentinfo"] a:hover {color: #2C3189;}
.spider {background: url(../img/spiders.png) center top; background-repeat: no-repeat; height: 10px; display:block; text-transform:uppercase; font-size:10px; padding: 40px 0 0 0; text-decoration: none; width: 100px; margin-right: 10px; position: absolute; right: 0; top: 70px; }
.spider:hover {background-position: center -50px; }
a[href="#container"] {position: absolute; left: 0; top: 105px; text-align: left; }
#copyright { width: 275px; text-align: left; position: absolute; top: 80px; left: 0;}

#googlemap {width: 55.18%; height: 300px; float: left;border:2px double #ddd; color: #000; margin-bottom:10px;}



/* =============================================================================
   Non-semantic helper classes
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &amp;  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* TWG Specific */
.sm10 {font-size:10px;}
.hide {display:none;}
.shhhh {display:none;}
.cursor {cursor:pointer;}
.pad5 {padding:5px;}
.left {float:left;}
.tleft {text-align:left;}
.right {float:right;}
.tright {text-align:right;}
.center {text-align:center;}
.centeralign {text-align:center; margin:0 auto;}
.clear {clear:both;}
.clright {clear:right;}
.clleft {clear:left;}


/* =============================================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */

}

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */

}


/* =============================================================================
   Print styles.
   Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}
</pre></body></html>