/*START CSS*/
html, body {
margin:0;
padding:0;
height:100%;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
color: #333;
background-color: #111;
text-align: center;
}
html>body #content {
width: 100%; /* ie5win fudge ends */
height: 100%;
}
html>/**/body #content {
width: 100%; /* ie8 CSS HACK*/
height: 100%;
}
body:nth-of-type(1) /*CHROME CSS HACK (SEE THIS INFO FOR REF: http://htmlcsstutorials.blogspot.com/2009/06/web-browser-hacks-css-hacks-ie-firefox.html*/
/*WRAP*/
.wrap {width: 1024px; margin:0 auto; clear: both;}
.wrap {*width: 1024px; margin: 0 auto; *text-align: center;} /*IE6&7 CSS HACK*/
@media \0screen { .wrap {width: 1024px; margin:0 auto; clear: both;} } /*IE8 CSS HACK (SEE THIS INFO FOR REF: http://dimox.net/personal-css-hacks-for-ie6-ie7-ie8/*/
:root .wrap {width: 1024px; margin:0 auto; clear: both;} /*IE9 CSS HACK (SEE THIS INFO FOR REF: http://dimox.net/personal-css-hacks-for-ie6-ie7-ie8/*/
/*PAGE LAYOUTS AND CONTROLS*/
#layout {
margin-top: 20px;
margin-bottom: -160px;
margin-right: auto;
margin-left: auto; /* opera does not like 'margin:20px auto' */
background: #111;
text-align:left; /* part 2 of 2 centering hack */
width: 100%; /* ie5win fudge begins */
position:relative; /*addition for layout*/
height: 100%; /*addition for layout*/
min-height:100%; /*addtion for layout*/
}
/*LAYOUT BACKGROUNDS*/
#content-home-intro { width: 100%; height: 240px; margin-top: 0; background: #1b5795 url(imgs/em_bckg_2x200.png) bottom repeat-x; border-top: 1px solid #6a9ac9;}
#home-content {background: #fbfbfb url(imgs/em_bckg_2x495.png) repeat-x; height: 100%; background-position: top; vertical-align: top; padding-bottom: 160px; overflow: hidden;}
#page-content {background: #fbfbfb url(imgs/em_bckg_2x495.png) repeat-x; height: 100%; background-position: top; vertical-align: top; padding-bottom: 160px; overflow: hidden;}
/*HEADER*/
#header {height: 75px; background: #111;}
/*THIS TABLE CONTROLS BACKGROUND & LAYOUT*/
/*table#home-content, #page-content {width: 100%; height: 100%;}*/
/*table#home-content {height: auto;}*/
/*PAGE BODY MAIN HOME CONTENT*/
/*#home-content td {background: #fbfbfb url(imgs/em_bckg_2x495.png) repeat-x; background-position: top; vertical-align: top;}*/
/*PAGE BODY ALL CONTENT*/
#page-content td{ background: #fbfbfb url(imgs/em_bckg_2x495.png) repeat-x; background-position: top; vertical-align: top;}
/*FOOTER ELEMENTS*/
#footer{ width: auto; height: 160px; position: bottom; background: #111; border-top:1px solid #5a8ec0; color: #ccc; padding: 10px 0; font-size: 10pt; margin: 0 auto;}
#foo-col-1 {float: left; width: 300px; margin-right: 40px;}
#foo-col-2 {float: left; width: 550px;}
#foo-col-3 {float: left; width: 250px; margin-left: 40px;}
/*#foo-col-2 li {display: inline; font-size: 9pt;}*/
/*#foo-col-2, #foo-col-3 img {float: left; padding-right: 10px;}*/
/*#foo-col-2 p {clear: left;}*/
.foot-blue {color: #699EC6;}
/*#footer div.col1 {float: left; width: auto; position: relative;}*/
#footer ul { margin:0; padding:0; list-style:none;}
#footer li { display:inline; margin:0; padding:0; margin-right: 5px; width: auto;}
#footer li.col1 {width: 100px !important; margin-left: 50px;}
/*#footer div.col2 {float: left; width: 300px; position: relative; margin-left: 40px;}*/
/*#footer div.col3 {float: left; width: auto; position: relative; margin-left; 40px;}*/
#footer a {color: #699EC6; font-weight: normal; padding-left: 0;}
.foot-img-side {float: left;}
/*MULTI-COLUMN NEWER CSS LAYOUT 2013*/
/*.columns{
-webkit-column-count: 4;
-webkit-column-gap: 10px;
-webkit-column-rule: 0px dotted black;
-moz-column-count: 4;
-moz-column-gap: 10px;
-moz-column-rule: 0px dotted black;
column-count: 4;
column-gap: 10px;
column-rule: 0px dotted black;
}*/
/*CLASS CONTROLS PADDING AND FIXED WIDTH*/
.inside-content {width: 950px; margin: 0 50px; *margin: 0 50px; padding: 5px;}
/*CLASS CONTROLS PAGE COLUMNS (MAIN & SIDE)*/
.inside-content-main {width: 580px; float: left; margin-right: 40px; padding:10px 0 20px 0; height: 100%; clear: left;}
.inside-content-side {width: 330px; float: left; color: #333;}
/*FOOTER HACK TO STAY STICKY TO BOTTOM FOR LONG PAGES*/
#nonFooter {position: relative; min-height: 100%;}
*html #nonFooter {height: 100%;}
#footer {position: relative !important; margin-top: -7.5em;}
/*LOGO*/
img.logo {width: 335px; margin-left: 50px; margin-top: 10px; float: left;}
/*MENU NAVTAB*/
div#menu-navtab {width: 700px; float: right; margin-top: 26px; margin-left: 370px; position: absolute;}
ul#navtab { height: 38px; font-size: 11px !important; font-weight: bold; font-family: ‘Trebuchet MS’, Helvetica, sans-serif; list-style-type: none; text-transform: uppercase;}
ul#navtab li { float: left; width: 124px; height: 38px; background: #111 url(imgs/tab_off.png); margin: 0 6px 1px 0;}
ul#navtab li.home { float: left; width: 84px; height: 38px; background: #111 url(imgs/tab_off_home.png); margin: 0 6px 1px 0;}
/*ul#navtab li#activeHome { width: 84px; height: 39px; background: #111 url(imgs/tab_on_home.png);} NOT USED*/
/*ul#navtab li#active { width: 124px; height: 39px; background: #111 url(imgs/tab_on.png);} NOT USED */
li#active{ color: #fff; }
#navtab a { display: block; font-size: 12px !important; color: #699ec6; text-decoration: none; text-align: center; padding: 10px 4px;}
#navtab a:hover { color: #fff;}
a#current {color: #fff;}
ul#navtab li.home { background: #111 url(imgs/tab_off_home.png); margin: 0 6px 1px 0;}
ul#navtab li.home a {color: #fff;}
ul#navtab li.activeHome { width: 84px; height: 39px; background: #111 url(imgs/tab_on_home.png);} /*USE THIS CLASS CALL TO STYLE*/
ul#navtab li.inactiveHome { width: 84px; height: 39px; background: #111 url(imgs/tab_off_home.png);} /*USE THIS CLASS CALL TO STYLE*/
ul#navtab li.active { width: 124px; height: 39px; background: #111 url(imgs/tab_on.png); border-bottom: 1px solid #1b5f9e;} /*USE THIS CLASS CALL TO STYLE*/
ul#navtab li.inactive { width: 124px; height: 38px; background: #111 url(imgs/tab_off.png);} /*USE THIS CLASS CALL TO STYLE*/
ul#navtac a.activeLink { color: #ffffff !important; }
/*PAGE SUB-NAV START*/
.page-nav-cols{ float:left; width:350px; margin: 0 15px 0 15px;}
ul#page-nav {list-style-position: inside; list-style-type: none; margin-top: 15px;}
ul#page-nav li {display: block; list-style: inside none; background: url(imgs/btn_go_blue.png) no-repeat left 4px;}
ul#page-nav li a {margin-left: 20px; font-size: 10pt; vertical-align: text-top; line-height: ; font-family: 'Trebuchet MS', Helvetica, sans-serif; color:#fff; text-decoration: none;}
ul#page-nav li a:hover {text-decoration: underline;}
/*GENERAL TAGS*/
a { font-size: 10pt; text-decoration: none; font-weight: bold; color: #003366; outline: none; padding: 0;}
div a {padding:0;}
a:visited {color: #003366;}
a:active {color: #003366;}
a:hover { color: #699EC6; text-decoration: underline;}
.blank a[target="_blank"] {display:inline-block; line-height:18px; /* check your icon height */ background:url(imgs/icon_newwin.png) center right no-repeat; padding-right:10px;}
strong, b { font-weight: bold;}
p { font-size: 10pt; margin-top: 5px; margin-bottom: 10px;}
/*LINKS*/
.white {color: #fff;}
.blue {color: #003366;}
/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/
h1 { font-size: 24px; line-height: 44px; font-weight: bold; margin-top: 0; margin-bottom: 0; }
h2{ font-size: 18px; line-height: 22px; font-weight: bold; margin-top: 0; margin-bottom: -5px; }
h3 { font-size: 18px; line-height: 22px; font-weight: bold; margin-top: 0; margin-bottom: 0; }
h4 { font-size: 18px; line-height: 22px; font-weight: bold; margin-top: 0; margin-bottom: 0;}
h5 { font-size: 16px; line-height: 20px; font-weight: bold; margin-top: 0; margin-bottom: 0; }
h6{ font-size: 14px; line-height: 18px; font-weight: bold; margin-top: 0; margin-bottom: 0; }
img { border: 0; }
.map {border: 1px solid #699EC6; }
/*ALL HOMEPAGE ELEMENTS*/
/*MAIN INTRO HOME*/
div#content-home-intro { width: 100%; height: 260px; padding-top: 10px; background: #1b5795 url(imgs/em_bckg_2x200.png) bottom repeat-x; border-top: 1px solid #6a9ac9;}
img.main {float: left; width: 585px; height: 220px; margin-right: 20px; border: 7px solid #fff;}
div.box-intro {float: right; width: 330px; height: 234px; background: #13396b; color: #fff; font-size: 10pt; }
div.box-intro h2{ padding: 5px 5px 5px 15px;}
div.box-intro p{ padding: 5px 15px;}
div.box-intro div.line {width: 300px; height: 3px; background: url(imgs/em_line_2x3.png) repeat-x; margin: -5px 15px 10px 15px;}
div.box-intro a.action {text-transform: uppercase; color: #fff; font-size: 10pt; font-weight: bold; text-decoration: none; padding: 5px 15px;}
div.box-intro a.action:hover {text-decoration: underline; color: #699ec6;}
a.action img {width: 14px; height: 14px; margin-left: 5px; vertical-align: text-top;}
/*MAIN HOME SOCIAL*/
div#social-bar { width: 100%; height: 55px; background: url(imgs/em_bckg_2x59.png) repeat-x; border-top: 1px solid #1a3b6c; border-bottom: 2px solid #fff;}
img.icons { float:left; width:32px; height:32px; margin:5px; margin-top: 8px; border: 1px solid #003366; border-radius: 7px; -moz-border-radius: 7px;}
img.icons-label { float: left; margin-right: 5px; border: 1px solid #003366 !important; border-radius: 7px; -moz-border-radius: 7px;}
/*HOME CONTACT INFO*/
.big-button {width: 299px; height: 81px; background: url(imgs/btn_big_contact.png) no-repeat; color: #333; padding: 10px 5px 5px 70px; font-size: 12px;}
.contact-phone {padding-top: 5px; font-weight: bold; font-size: 9pt;}
.contact-phone strong {font-size: 11pt; margin-right: 5px;}
ul.contact-area {display: block; list-style: outside none; padding-left: 0; font-size: 10pt;}
.inside-content-side h2, p {padding-left: 0;}
.inside-content-main h3 {color: #003366; padding-bottom: 5px; background: url(imgs/em_line_1x2.png) bottom repeat-x;}
.inside-content-main h4 {color: #003366; padding: 5px 0 5px 0; background: url(imgs/em_line_1x2.png) top repeat-x;}
.inside-content-main h5 {color: #003366; padding-top: 8px;}
.inside-content-main p, .blogfeed {color: #333; height: auto; padding: 0;}
.inside-content-main .date {color: #003366;}
/*ALL PAGE ELEMENTS*/
/*MAIN INTRO & SERVICES PAGE*/
div#content-page-intro { width: 100%; height: 100px; background: #1b5795; border-top: 1px solid #6a9ac9; border-bottom: 2px solid #fff; color: #fff;}
/*ABOUT US PAGE*/
div#content-page-intro-about {width: 100%; height: 180px; background: #1b5795; border-top: 1px solid #6a9ac9; border-bottom: 2px solid #fff; color: #fff;}
.about {width: 80%; margin: 15px 0 0 0; margin-left: 50px;}
/*.about h5 {padding-left: 10px;}*/
p.whitetext {font-size: 10pt !important; color: #fff !important;}
a.about {color: #CCE6FF; padding: 0; margin: 0;}
a.about:hover {text-decoration: underline; color: #7ABDFF;}
/*OTHER PAGES*/
div#content-page-short { width: 100%; height: 20px; background: #1b5795; border-top: 1px solid #6a9ac9; border-bottom: 2px solid #fff;}
.client {width: 100%; min-height: 130px; height: auto; padding: 0; clear: both;}
.line {height: 1px; background: url(imgs/em_line_1x2.png) repeat-x; margin: 10px 0; clear: left;}
/*.client p {margin: 0 !important; padding: 10px !important;}*/
.trial ul {list-style-position: inside; }
.trial li {font-size: 10pt; font-family: Arial, Helvetica, sans-serif; line-height: 14pt;}
div#contact {width: auto; position: relative;}
div#contact div.col1 {float: left; width: 250px; position: relative; }
div#contact div.col2 {float: left; margin-left: 40px; position: relative;}
/*MISC*/
.nowrap { white-space: nowrap; font-size: 10px; font-weight: bold; margin-top: 0; margin-bottom: 0;} /* must be combined with nobr in html for ie5win */
.tiny { font-size: 8pt; color: #699ec6; line-height: 12px; margin-top: 0; margin-bottom: 0; } /*used for small text*/
.comment-pix {width: 100px; height: 130px; float: left; padding: 5px 15px 5px 0;}
.space5 {height: 5px; clear: both;}
.space10 {height: 10px; clear: both;}
.space20 {height: 20px; clear: both;}
/*PAGE AND COLUMN CONTROLS*/
/*div.inside-content p {width: auto; padding-bottom: 20px;}*/
p.service {font-size: 10pt; padding-bottom: 5px; color: #333; margin-bottom: 10px; background: url(imgs/em_line_1x2.png) bottom repeat-x;}
h3.service {color: #003366; padding: 10px 0 5px 0; background: url(imgs/em_line_1x2.png) top repeat-x; }
h4.service {color: #333; padding: 5px 0 5px 0; margin-bottom: 0; background: none; text-transform: ;}
/*LINKS*/
a.more, a.author, a.blue {color: #003366; font-size: 9pt; font-weight: normal; line-height: 22px; padding: 0; text-decoration: none;}
a.more:hover, a.author:hover, a.blue:hover {text-decoration: underline;}
a.blue {line-height: 12pt;}
a.anchor {padding: 0;}
a.anchor:hover {background: #1b5795; color: #fff !important;}
a.blue-big {font-size: 16px; color: #003366;}
a.blue-big-open {font-size: 12pt; color: #003366; padding-bottom: 5px; background: url(imgs/icon_newwin.png) norepeat;}*/
a.h2 {font-size: 18px !important; color: #003366;}
a.h6 {font-size: 14px !important; color: #003366;}
.readmore {color: #003366;}
.readmore:hover {text-decoration: underline;}
a.white {color: #fff;}
/*BLOG FEED STYLES*/
div#blog-content {font-size: 10pt; color: #333;}
div#blog-content a {color: #003366;}
.gfc-resultsHeader {width: auto; margin-bottom: 0; padding-bottom: 8px; border-bottom: none; background: url(imgs/em_line_1x2.png) bottom repeat-x;}
.gfg-title, .gfc-title, .gfg-snippet { color: #003366 !important;}
.gfg-subtitle a { color: #003366 !important; }
.gfg-entry { height:80px !important; }
.gfg-listentry a { color: #003366 !important; font-weight:normal !important;}
.gfc-result, .gf-title {padding: 0; margin: 5px 0 0 0; height: auto !important;}
.gfg-title, .gfc-title { font-size: 18px; font-weight: bold; }
.gf-title a { font-size: 16px; font-weight: bold;}
.gf-author, .gf-spacer, .gf-relativePublishedDate {color: #003366 !important; padding: 5px 0; height: auto !important; display:none !important; }
.gf-snippet {padding: 8px 0; margin-bottom: 5px; background: url(imgs/em_line_1x2.png) bottom repeat-x; height: auto !important;}
/*INCLUDES ONLY STYLES*/
div#include {width: auto;}
#include li{width: 155px; display:inline;}
#include .trialinbag {float:left; padding: 0 15px 0 0; }
#include h2 {font-size: 12pt; font-weight: bold; margin-top: 3px;}
/*UI JQUIRY ELEMENTS*/
/*OVER-WRITE JQUERY-UI.CSS*/
div#accordion {font-size: 10pt;}
.accordian-preview { padding:0 20px 10px 40px; font-size:10pt; font-weight:normal;}
.ui-accordion .ui-accordion-header .ui-icon {left: 0.5em; margin-top: -28px; position: absolute; top: 50%; background-image:none;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {border: 0 !important;}
.ui-accordion-icons {padding-left: 0 !important;}
.ui-accordion-header a {padding: 0 !important; display: block; font-size: 18pt !important;}
.ui-widget {font-family: Arial, Helvetica, sans-serif !important;}
.ui-widget h4.ui-state-active {background: none;}
/*.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {color: #fff !important;}*/
.ui-icon {}
.accordian-preview {padding: 5px 20px 0 0 !important;}
.ui-corner-top {-moz-border-radius-topleft:0 !important; -moz-border-radius-topright:0 !important;}
.ui-corner-bottom {-moz-border-radius-topleft:4px; -moz-border-radius-topright:4px;}
.ui-widget-content {border:0 !important; background: #fbfbfb !important;}
.ui-widget-content p {font-size: 10pt !important;}
.ui-widget-content a {color: #003366 !important;}
.ui-state-default, .ui-state-active, .ui-state-default, .ui-widget-header, .ui-state-default {border:0 !important; }
/*.ui-state-active {border:0 !important;}
.ui-state-default {border:0 !important; }
.ui-widget-header {border:0 !important;}
.ui-state-default {border:0 !important; }*/
.ui-accordion-content {padding: 5px 20px 5px 20px !important; }
/*LIGHTBOX*/
.black-overlay{
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: #333;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.white-content {
display: none;
position: absolute;
top: 5%;
left: 10%;
width: 75%;
height: 50%;
padding: 20px;
border: 2px solid #003366;
background-color: white;
z-index:1002;
overflow: auto;
}
.shadow {box-shadow: 4px 4px 2px #333; -moz-box-shadow: 4px 4px 2px #333; -webkit-box-shadow: 4px 4px 2px #333;}
.white-content p{ }
.white-content a {float: right; color: #003366; font-size: 9pt;}
#cols {display: inline; width: 900px;}
#col-left {width: 290px; height: auto; position: absolute;}
#col-center {width: 290px; height: auto; margin-top: 0; margin-left: 310px; position: absolute;}
#col-right {width: 280px; height: auto; margin-top: 0; margin-left: 610px; position: relative;}
#cols ul {list-style: square outside;}
#cols li {font-size: 9pt;}
/*IMAGE SLIDER*/
#container { width:580px; padding:10px; margin:0 auto; position:relative; z-index:0;}
#example { width:600px; height:350px; position:relative;}
/*#frame { position:absolute; z-index:0; width:585px; height:250px; top: 90px; left: 170px;}*/
#slides { position:absolute; width: 585px; height: 220px; top:; left: - 5px; z-index:; border: 7px solid #fff; }
/* Slides container Important: Set the width of your slides container. Set to display none, prevents content flash. */
.slides_container { width:585px; overflow:hidden; position:; display:none;}
/* Each slide Important: Set the width of your slides. If height not specified height will be set by the slide content. Set to display block */
.slides_container a { width:585px; height:250px; display:block;}
.slides_container a img { display:block; }
/* Next/prev buttons*/
/*#slides .next,#slides .prev {
position:absolute;
top:107px;
left:-39px;
width:24px;
height:43px;
display:block;
z-index:101;
}
#slides .next {
left:585px;
}
*/
/* Pagination*/
.pagination { margin: -20px auto 0; width:100px;}
.pagination li { float:left; margin:0 1px; list-style:none;}
.pagination li a { display:block; width:12px; height:0; padding-top:12px; background-image:url(imgs/slider-dots.png); background-position:0 0; float:left; overflow:hidden;}
.pagination li.current a { background-position:0 -12px;}