/*  =RESET
---------------------------------------------------*/
body { overflow-x:hidden; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
table, tbody, tfoot, thead, tr, th, td { vertical-align: top; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
input, select { vertical-align: middle; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
/*  =GLOBAL ELEMENTS
-------------------------------------------------------------- */
body { font-family:Arial, Helvetica, sans-serif; font-size: 80%; color:#000; margin:0px; line-height:22px; }
a:link { color: #113c5e; }
a:visited { color: #113c5e; }
a:hover, a:active { color: #333; text-decoration: none; }
a img { border:none; }
a:hover img { }
p {}
blockquote { }
pre { }
address { }
del { }
/* header elements */
h1, h2, h3, h4 { margin:0 0 5px 0; padding:5px 0; font-family: 'HelveticaNeueLTStd45Light'; }
h1 { color:#000; font-size:24px; }
h2 { color:#fff; font-size:18px; background:url(h2.jpg) repeat-x left top; height:34px; padding:6px; margin:0; }
h3 { color:#000; font-size:18px; }
h4 { color:#000; font-size:18px; }
/* image elements */
img.clsleft { margin-right:20px; margin-bottom:15px; float:left; }
img.clsmiddle { margin-right:20px; margin-left:20px; margin-bottom:15px; }
img.clsright { margin-left:20px; margin-bottom:15px; float:right; }
img.clsborderleft { border:4px solid #f1f1f1; margin-right:20px; margin-bottom:15px; float:left; }
img.clsbordermiddle { border:4px solid #f1f1f1; margin-right:20px; margin-left:20px; margin-bottom:15px; }
img.clsborderright { border:4px solid #f1f1f1; margin-left:20px; margin-bottom:15px; float:right; }
.border { border:4px solid #f1f1f1; }
.noborder { border:0; }
/* form elements */
select, input, textarea, button { font-size:12px; font-family:Tahoma, Geneva, sans-serif;  }
select:focus, input:focus, textarea:focus {  }
input, textarea { }
button, select, input[type="radio"], input[type="checkbox"] { padding:0; border:none; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.submit, .reset { cursor:pointer; outline:none; border:none; width:212px; color:#fff; padding:5px; background:#1a638d; }
.submit:hover { background:#4a99c6; }
.reset { background:#f1f1f1; }
/* other elements */
.datatable { border-top:1px solid #000; }
.datatable th { }
.datatable td { border-bottom:1px solid #000; padding:8px 4px; }
.notes { font-size:0.9em; }
.shout { font-size:1.2em; }
.shout2 { font-size:1.2em; }
.quote, blockquote {background:url(testimonialsbk.jpg) repeat-x left top #e2e2e2; padding:15px; border:solid 3px #e2e2e2; line-height:normal;}
.caption { float:right; width:220px; padding:15px; margin:0 0 0 25px; }
.custom1 { background:url(custom_outer.jpg) no-repeat left top; width:239px; color:#fff; margin:0 0 10px; text-shadow:1px 1px 0 #0b253a; }
.custom1 h3{color:#fff; text-align:center;}
.custom1_inner{background:url(custom_inner.jpg) no-repeat left bottom; padding:10px;}
.custom2 { background:url(custom_outer.jpg) no-repeat -239px top; width:239px; color:#0f3653; margin:0 0 10px; text-shadow:1px 1px 0 #bcbdc0; }
.custom2 h3{color:#0f3653; text-align:center;}
.custom2_inner{background:url(custom_inner.jpg) no-repeat -239px bottom; padding:10px;}
.clear { clear:both; }
.wrap { width:960px; margin:0 auto; padding:0; position:relative;}
/*  =HEAD
-------------------------------------------------------------- */
#header_wrap{padding:0; background:url(header_wrap.jpg) no-repeat center top; height:172px;}
#logo{ float: left; width:227px; height:57px; margin:10px 0 0; padding:10px; }
#call{float:right; color:#fff; width:400px; text-align:right; padding:20px 0 0; font-size:26px; font-family: 'HelveticaNeueLTStd45Light'; }
#call a{color:#9CCBF1; font-size:18px; text-decoration:none;}
#call a:hover{color:#fff;}
#search{background:url(searchbk.png) no-repeat left top ; width:259px; height:36px; line-height:38px; float:right; margin:20px 0 0;}
#search .searchbox{height:32px; line-height:32px; margin:3px 10px !important; padding:0; margin:0; background:none; border:none; color:#fff; float:left; width:202px;}
#search .submit{background:url(search_button.jpg) no-repeat left top ; width:15px; height:16px; overflow:hidden; text-indent:99999px; font-size:1px; float:right; margin:11px;}
/*  =MENU
-------------------------------------------------------------- */
#menu { background:url(menubk.jpg) repeat-x left top; padding:0; height:65px; margin:0; text-align: center;}
#nav { z-index:99999; list-style-type:none; padding:0; clear:both; margin:0 auto;}
#nav ul { list-style-type:none; padding:0; margin:0; }
#nav li { position:relative; float:left; z-index:99999; padding:0 1px 0 0; margin:0; border-right:solid 1px #021626; height: 64px }
#nav li a { display:block; text-decoration:none; padding:10px 15px 14px; font-size:14px; color:#9ccbf1;  line-height:20px; font-family:'HelveticaNeueLTStd45Light'; text-align: center; }
#nav li:hover a, #nav li a#active {color:#fff}
#nav li.nav_parent ul.nav_child { display:none; position:absolute; left:150px; top:0; background:#282425; padding:0 10px 5px; width:120px; height:auto; }
#nav li.nav_parent:hover ul.nav_child { display:block; }
#nav li.nav_parent ul.nav_child li { float:none; }
#nav li.nav_parent ul.nav_child li a { line-height:normal; padding:8px 10px; height:auto; background:none; color:#fff;}
#nav li.nav_parent ul.nav_child li a:hover{background:url(menu_hover.jpg) repeat-x left top #9ed538; color:#282425}
#nav li.nav_parent2 ul.nav_child2 { display:none; position:absolute; left:100px; top:0; background:#ccc; width:100px; height:auto; }
#nav li.nav_parent2:hover ul.nav_child2 { display:block; }
/*  =PAGECONTENT
-------------------------------------------------------------- */
#banner_wrap{background:url(banner_wrap.jpg) repeat-x left top; height:318px;}
#banner_wrap ul{list-style:none; padding:0; margin:0;}
#banner_inner{background:url(banner_inner.jpg) no-repeat center top;}
#banner{background:url(bannerbk.jpg) no-repeat left top; width:960px; height:288px; float:left;}
#banner .slideshow {margin:20px 10px; width:878px; height:250px; float:left; overflow:hidden;}
#banner ul{width:878px; height:275px; overflow:hidden;}
#banner ul li{float:left; width:198px; text-align:center; margin:0 0 0 28px; font-size:18px; color:#063051;}
#banner ul li.first{margin:0;}
#banner ul li img{margin:0 0 10px;}
#banner #prev, #banner #next{width:22px; height:104px; display:block; float:left; margin-top:80px; cursor:pointer;}
#banner #prev{background:url(prev_next.png) no-repeat left top; margin-left:8px;}
#banner #next{background:url(prev_next.png) no-repeat right top; float:right; margin-right:8px;}
#testimonials_wrap{background:url(testimonialsbk.png) no-repeat left top; width:229px; height:282px; color:#fff; position:relative; text-shadow:1px 1px 0 #0b253a; margin:0 0 10px; padding:5px 5px 0 ;}
#testimonials_wrap h3{color:#fff; text-align:center; margin:20px 0 0; padding:0; }
.testimonials{margin:0 10px 10px !important; width:219px; height:200px; overflow:hidden; padding:0; list-style-type:none;}
#pager{position:absolute; bottom:20px; left:40%; height:12px; width:139px;}
#pager a{display:block; width:12px; height:12px; background:url(pager.png) no-repeat -12px top; text-indent:99999px; overflow:hidden; float:left; margin:0 0 0 3px;}
#pager a:hover, #pager a.activeSlide{background:url(pager.png) no-repeat left top;}
#content_wrap{background:url(content_wrap.jpg) repeat-x left top #f6f6f6; clear:both;}
#content{ clear:both; padding:20px 0 0; font-size:13px; background:url(content_inner.jpg) no-repeat left 13px ; overflow:hidden; }
#pagebody{}
#right{float:right; width:239px;}
#right .custom2 {text-align:center;}
.tweet ul{padding:0; margin:0; list-style:none;}
.tweet ul li{padding:0 0 10px; margin:0 0 10px; border-bottom:solid 1px #17527f;}
.tweet a{padding:3px; }
.tweet a:hover{background:#17527f; color:#fff;}
.follow{background:url(buttons.png) no-repeat left top; width:149px; height:26px; text-indent:-999999px; overflow:hidden; margin:0 auto; display:block;}
.blog{background:url(buttons.png) no-repeat left -26px; width:175px; height:32px; text-indent:-999999px; overflow:hidden; margin:10px auto 0; display:block;}
/*  =FOOTER
-------------------------------------------------------------- */
#footer { text-shadow:1px 1px 0 #0b253a; clear:both; padding:0; overflow:hidden; background:url(bottom_wrapper.jpg) repeat-x left top #041f34; color:#fff; margin:0; }
#footer p{margin-top:0;}
#footer h3{color:#fff; font-weight:bold; margin:0 0 5px; padding:0;}
#address{float:left; width:145px; padding:0 20px 0 0; border-right:solid 1px #1d4d73; margin:15px 0 0; height:190px;}
#sub_menu {float:left; width:165px; padding:0 20px; border-right:solid 1px #1d4d73; border-left:solid 1px #052138; margin:15px 0 0; height:190px;}
#sub_menu ul{list-style-type:none; margin:0; padding:0;}
#sub_menu ul li{background:url(arrow.png) no-repeat left 8px; padding:0 0 5px 15px;}
#sub_menu ul li a{padding:3px; text-decoration:none; color:#fff;}
#sub_menu ul li a:hover{background:#17527f;}
#contact{float:left; border-left:solid 1px #052138; margin:15px 0 0; height:190px; padding:0 0 0 20px; width:565px; overflow:hidden;}
#contactForm{overflow:hidden;}
#contact input, #contact textarea{background:url(input.jpg) repeat-x left top #041f34; border:none; padding:10px; color:#8cbbe0; margin:0 0 10px; width:200px;}
#contact input:focus, #contact textarea:focus{color:#fff;}
#contact div{float:left; width:230px;}
#contact .textarea{width:335px;}
#contact .textarea textarea{width:315px; height:100px;}
#contact .submit{background:url(send.jpg) repeat-x left top #042035; border:solid 1px #041f34; color:#fff; width:220px; height:33px; line-height:13px;}
#contact .submit:hover{background:url(input.jpg) repeat-x left top #041f34;}
#social{float: right !important; width: 105px !important; height:32px; overflow:hidden}
#social a{float:left; width:30px; height:32px; display:block; margin:0 0 0 5px; text-indent:-99999px; overflow:hidden;}
#social a.wordpress{background:url(social.jpg) no-repeat left top;}
#social a.wordpress:hover{background:url(social.jpg) no-repeat left -32px;}
#social a.twitter{background:url(social.jpg) no-repeat -30px top;}
#social a.twitter:hover{background:url(social.jpg) no-repeat -30px -32px;}
#social a.facebook{background:url(social.jpg) no-repeat -60px top;}
#social a.facebook:hover{background:url(social.jpg) no-repeat -60px -32px;}
#linkbk{color:#63a7dc; font-size:10px; margin:20px 0 0; overflow:hidden; text-shadow:none;}
#linkbk .float{ text-align:right; float:right; display:none; }
#linkbk a{color:#63a7dc;}
#content .ticks{list-style-type:none; padding:0; margin:0;}
#content .ticks li{background:url(tick.jpg) no-repeat left 3px; padding:0 0 0 20px; margin:0 0 10px 10px;}
/*  =VALIDATION
-------------------------------------------------------------- */
.errors, .error { display:none;}
.errorField { background: url(form_error.png) no-repeat 99% 6px #fff; color:#333; }
.completedField { background: url(form_correct.png) no-repeat 99% 6px #fff; color:#333; }


@font-face {
    font-family: 'HelveticaNeueLTStd45Light';
    src: url('helveticaneueltstd-lt-webfont.eot');
    src: url('helveticaneueltstd-lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('helveticaneueltstd-lt-webfont.woff') format('woff'),
         url('helveticaneueltstd-lt-webfont.ttf') format('truetype'),
         url('helveticaneueltstd-lt-webfont.svg#HelveticaNeueLTStd45Light') format('svg');
    font-weight: normal;
    font-style: normal;

}

#content .products, #content .product, .downloads{background:#fff; padding:5px; margin:5px 0;}
h2 span{text-align:right; float:right;}
.downloads .shout{color:#fff; font-size:18px; background:url(h2.jpg) repeat-x left top; height:34px; padding:6px; margin:0; }
#content  .products td{width:100px;}
#content  .products .shout{background:#103654; padding:5px 0; color:#fff;}
#content  .products .shout a{color:#fff; text-decoration:none;}
.portfolio td{border-bottom:solid 1px #ccc;}
ol li ol li{list-style-type:lower-alpha;}