* { margin: 0; padding: 0;}
.clear { clear: both; height: 1px; line-height: 1px;}

h1, h2, h3, h4 { font: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1em;}
h2, h3, h4 { margin: 10px 0 5px 0}
h2 { font-size: 1.2.em;}
h3 {color: #2D678D; font-size: 1.1em;}
h4 { color: #2D678D; border-bottom: 1px solid; padding: 0 0 5px 0; font-size: 1em;}

ul li { list-style: none;}
ol { margin: 10px 20px;}

a:link, a:active, a:visited { text-decoration: none; color : #006699; border: none; outline: 0;}
a:hover	{ text-decoration: underline; color : #4192e5; border: none;} 

body { 
  text-align: center;
  background: #fff url("images/pixelated_bg.png") top center fixed repeat-x; 
  font: 12px "Georgia";
  color: #03415E;
  margin: 0 auto;
}
.clear { clear: both;}

p { margin: 0 0 10px 0; line-height: 1.5em; }

#wrapper {text-align: left;  margin: 0 auto; width: 899px; border-left:0px solid #fff; border-right:0px solid #fff; }

/*#header { padding: 0 0 0 36px;  height: 128px!important;}*/

#header { background:transparent url(images/cap.png) repeat-x scroll 0 0; background-position: bottom center;}
/*#header h1 {  text-indent:-10000px; padding-bottom:16px; width:285px; float:left; background-color: #fff; }*/
#header a.logo, #header #logo_swf { display:block; width:300px; height: 75px; margin: 0 0 30px 298px; padding: 40px 0 0; text-indent:-10000px; float:left; background-color: #fff; }
#header #logo { display:block; width:300px; height: 74px; }
#header a.logo { background:url(images/logo300.png) bottom left no-repeat; }

#search { float:right; margin:20px 40px 50 0; text-align:center; background-color: #none; width:202px; padding:279px 20px 0;}
#search a { font-size:11px; color: #fff; }
#searchform{float:right; height:20px;padding:5px 0 0;display:block;}
#searchform #s{border:none;width:120px;height:21px;padding:4px 0px 0 22px;background:url(images/search.png) no-repeat;color:#03415E;}
#searchform #searchsubmit{display:none}


/* ----------------------------------------------- */
/* ------------------------------------ NAVIGATION */
/* ----------------------------------------------- */

/* ----------------------------------- topmost nav */
div.usrnav {
  line-height: 15pt;
  font-size: 8pt;
  width: 250px;
  float: right;
  margin-right: 10px;
}

ul.usrnav { list-style: none; }
ul.usrnav li { float: left;  padding: 0 5px 0 0; color : #006699;}
ul.usrnav li:before { content: "- ";}
ul.usrnav li a { padding: 0 5px 0 0;}

div.usrnav p { clear: both;}

/* ----------------------------------- primary nav */
.main-nav {
  display:block;
  clear: both;
  list-style:none;
  font-size: 10pt;
/*  margin-top:16px;*/
width:899px;
}
.main-nav li {
  float:left;
  list-style-type:none;
  text-indent: -10000px;
} 

.main-nav li a {
/*  float: left; */
  text-decoration:none;
  color:#113255;
  display:block;
  height: 23px;
  background: url(images/nav.png) no-repeat;
}

.main-nav li a:hover { cursor:pointer; } /*on select or hover*/
/*.main-nav li a:hover { color:#4192e5; text-decoration:underline;}*/
.main-nav li a:active { color:#4192e5; text-decoration:none;}

.main-nav li.page-item-2 a { width: 102px; background-position: 0 0; } /*company*/
.main-nav li.page-item-2 a:hover { background-position: 0 -25px; }
html > .main-nav li.page-item-2.current_page_item a { background-position: 0 -25px; }

.main-nav li.page-item-5 a { width: 90px; background-position: -102px 0; } /*services*/
.main-nav li.page-item-5 a:hover { background-position: -102px -25px; }
html > .main-nav li.page-item-5.current_page_item a { background-position: -102px -25px; }

.main-nav li.page-item-20 a { width: 99px; background-position: -192px 0; } /*portfolio*/
.main-nav li.page-item-20 a:hover { background-position: -192px -25px; }
html > .main-nav li.page-item-20.current_page_item a { background-position: -192px -25px; }

.main-nav li.page-item-65 a { width: 82px; background-position: -291px 0; } /*clients*/
.main-nav li.page-item-65 a:hover { background-position: -291px -25px; }
html > .main-nav li.page-item-65.current_page_item a { background-position: -291px -25px; }

.main-nav li.page-item-23 a { width: 86px; background-position: -373px 0; } /*careers*/
.main-nav li.page-item-23 a:hover { background-position: -373px -25px; }
html > .main-nav li.page-item-23.current_page_item a { background-position: -373px -25px; }

.main-nav li.page-item-24 a { width: 151px; background-position: -459px 0; } /*news*/
.main-nav li.page-item-24 a:hover { background-position: -459px -25px; }
html > .main-nav li.page-item-24.current_page_item a { background-position: -459px -25px; }

.main-nav li.page-item-279 a { width: 67px; background-position: -610px 0; } /*blog*/
.main-nav li.page-item-279 a:hover { background-position: -610px -25px; }
html > .main-nav li.page-item-279.current_page_item a { background-position: -610px -25px; }

.main-nav li.page-item-9 a { width: 137px; background-position: -677px 0; } /*project inquiry*/
.main-nav li.page-item-9 a:hover { background-position: -677px -25px; }
html > .main-nav li.page-item-9.current_page_item a { background-position: -677px -25px; }

.main-nav li.page-item-8 a { width: 85px; background-position: -814px 0; } /*contact*/
.main-nav li.page-item-8 a:hover { background-position: -814px -25px; }
html > .main-nav li.page-item-8.current_page_item a { background-position: -814px -25px; }

/* ----------------------------------------------- */
/* ---------------------------- home page specific */
/* ----------------------------------------------- */
#main2 { clear: both; width:899px; overflow:hidden;}

#contentwide { background:url(images/inner_home_bg.png) 0 0 repeat-x; padding:17px; }

/* ----------------------------- home image header */
div.hero { clear: both; }

/* ----------------------------- home content */
.inner_home { width:865px; position:relative; }
/*.inner_home div {outline:1px solid blue; }*/
.inner_home .tl, .inner_home .tr { height:8px; display:block; }
/*.inner_home .tr, .inner_home .br { width:8px; display:block; }*/
.inner_home .tl, .inner_home .bl { position:relative; }
.inner_home .tr { position:absolute; right:0; }
.inner_home .tl { background:url(images/home_inner_tl.png) top left no-repeat; }
.inner_home .tr { background:url(images/home_inner_tr.png) top right no-repeat; top:0; width:300px; }
.inner_home .bl { background:url(images/home_inner_bl.png) bottom left no-repeat; padding:15px 0 15px 24px; position:relative; }
.inner_home .br { background:url(images/home_inner_br.png) bottom right no-repeat; }

.inner_home h2 { color: white; padding: 0 15px 5px 15px; clear: both; font-size: 11pt; }
.inner_home .right-col ul { width: 885px; margin: 0 auto; display:none; }
.inner_home .right-col ul li {float: left; width: 435px; line-height: 1.5em; letter-spacing: -0.25pt; padding: 2px 0;}
.inner_home .right-col ul li a {background: url(images/li.gif) center left no-repeat; padding: 0 0 0 10px;   }

.inner_home .recent { display:block; width:416px; font-weight:bold; font-size: 15px; color:#fff; float:left; font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;}
.inner_home .recent ul { clear:left; }
.inner_home .recent ul li { list-style:none; border-top:2px solid #63b8e3; font-weight:normal; font-size: 13px;  clear:both; padding:3px 0; }
.inner_home .recent a { color:#eee; }
.inner_home .recent a:hover { color:#fff; }
.inner_home .recent .heading { float:left; margin-bottom:2px; }
.inner_home .recent .more { float:right; font-weight:normal; font-size: 11px; }

.inner_home div#reel { display:block; float:left; padding-left:20px; }

div.homebox_top {
  width: 265px;
  float: left;
  padding-bottom: 4px;
  margin: 13px 15px 25px 10px;
  background: url(images/shiny_box.jpg) 0 0 no-repeat;
}

div.homebox_top p { font-size: 9pt; clear: both; margin: 7px 3px;}
div.homebox_top p.featured { background: url(images/home_featured.jpg) 0 no-repeat;}
div.homebox_top p.partner { background: url(images/home_partner.jpg) 0 no-repeat;}
div.homebox_top p.inquiry { background: url(images/home_inquiry.jpg) 0 no-repeat;}
div.homebox_top p a {color: white; display: block; text-indent: -1000px; height: 51px;}

p.btn_readmore, p.btn_getwired { text-indent: -10000px; margin-top: -5px; padding: 0 15px 0 0;}
p.btn_readmore { background: url(images/btn_readmore.jpg) 0 0 no-repeat;}
p.btn_getwired { background: url(images/btn_getwired.jpg) 0 0 no-repeat;}

p.btn_readmore a, p.btn_getwired a { display: block;  height: 30px; width: 96px;}
p.btn_readmore a:hover { background: url(images/btn_readmore.jpg) 0 -30px no-repeat;}
p.btn_getwired a:hover { background: url(images/btn_getwired.jpg) 0 -30px no-repeat;}

#contentwide #right-col {}

#main {
  background: #fff url(images/content_image.jpg) 0 0 no-repeat;
  clear: both;
  width: 899px;
/*  margin: 0 34px 0 36px;*/
}

.subwrap {
  clear: both;
  height: 350px;
  background: url(images/subwrap2.jpg) bottom center no-repeat;
position:relative;
}
#main #content3 {  float: left;  width: 600px; margin: 30px 30px 0 10px; padding: 10px 0 30px 30px;}
#main #content2 {  float: left;  width: 600px; margin: 30px 30px 0 10px; padding: 0 0 30px 0;}
#main #content {  float: left;  width: 405px; margin: 30px 10px 0 10px; padding: 0 0 30px 0;}
#main #content h2 { font-size: 14pt; border-bottom: 1px  #9ECAD1 solid; padding-bottom: 5px; padding-top: 10px; color:#2D678D;}
.postmetadata { background:#e7f9ff; padding:5px;}
span.cmt{background:transparent url(images/comment.gif) no-repeat;border:0;margin:0;padding:0 0 5px 20px;}
span.cty{background:transparent url(images/category.gif) no-repeat;border:0;margin:0;padding:0 0 5px 20px;}


/* ----------------------------------- left column */
/* ----------------------------------------------- */
#main #left-col {
  float: left;
  width: 214px;
  margin: 30px 0 0 12px;
}

#main #left-col ul {}
.lsidebar { background: url(images/lcol_top.jpg) 0 0 no-repeat; padding: 1px 15px;  min-height: 240px;}
.lsidebar h2 { color: #2D678D; font-size: 14pt;}
.lsidebar ul {  padding: 0; list-style: none; line-height: 1.4em;}
.lsidebar li { list-style:none;  padding: 4px 10px; border-bottom:1px solid #eee; }
.lsidebar li a { }


/* ---------------------------------- right column */
/* ----------------------------------------------- */
#main #right-col {
  margin: 30px 15px 0 -15px;
  float: right;
  width: 213px;
}
#main #right-col h2 {color: #2D678D; font-size: 14pt;}

/* ------------ right sidebar top */
.rsidebar { background: url(images/rcol_top.jpg) 0 0 no-repeat; padding: 1px 15px;  min-height: 210px;}
.rsidebar ul {  padding: 0px 15px 13px 12px; list-style :none;}
.rsidebar li { list-style:none;  padding: 10px 0; border-bottom: 1px #9ECAD1 solid;}
.rsidebar li a { padding: 0 0 0 10px; }

/* ------------ right sidebar middle */
.rsidebar1 { background: url(images/rcol_top1.jpg) 0 0 no-repeat; padding: 1px 15px;  min-height: 170px;}
.alignright { float:right; margin-top:10px; margin-bottom:10px;}
.alignleft { float:left; margin-top:10px; margin-bottom:10px;}

/* ------------ right sidebar bottom */
.rsidebar2 { background: url(images/rcol_top2.jpg) 0 0 no-repeat; padding: 1px 15px;  min-height: 275px;}
.alignright { float:right; margin-top:10px; margin-bottom:10px;}
.alignleft { float:left; margin-top:10px; margin-bottom:10px;}

/* ------------ right sidebar middle FOR CUMULUS */
.rsidebar3 { background: url(images/rcol_top1.jpg) 0 0 no-repeat; padding: 1px 15px;  min-height: 195px;}
.alignright { float:right; margin-top:10px; margin-bottom:10px;}
.alignleft { float:left; margin-top:10px; margin-bottom:10px;}

.sbimage { float: left; margin: 5px 10px 10px 0;}

#main .decorative {
  padding-bottom: 260px;
}

.footer {
  font-size: 7pt;
padding-left:40px;
  clear: both;
  color: #999;
  text-align:left;
}

.footer ul {margin-bottom:4px;}
.footer ul li {  display: inline; }
.footer ul li a { font-size: 8pt; padding: 0 10px 0 0; color:#999;}
.footer a img { border:0; margin:0 6px 6px 0;}

.boxcomments{border-top:5px solid #ddd;margin-bottom:20px;}
#commentform{border-top:1px solid #eee;margin:0;padding:15px 15px 1px;}
#commentform label{display:block;margin:0;}
#commentform input{width:170px;margin:0 5px 10px 0;padding:1px;}
#commentform textarea{width:400px;margin:0 0 10px;padding:0;}
#commentform #submit{margin:0 0 20px;}
#commentform p{margin:5px 0;}
ol.commentlist{margin:0 0 1px;padding:0;}
ol.commentlist :hover{background:#e7f9ff;}
ol.commentlist li{border-top:1px solid #eee;display:block;list-style:none;margin:0;padding:15px 15px 1px;}
ol.commentlist li :hover{background:none;}
ol.commentlist li.commenthead{display:block;list-style:none;margin:0;padding:5px 15px;}
ol.commentlist li.commenthead h2{margin:0;}

ol.tblist{border-top:1px solid #fff;list-style:none;margin:0 0 1px;padding:15px;}
ol.tblist li{display:block;list-style:none;background:#e7f9ff;padding-left:15px;margin:0 0 5px;}

form { }
fieldset { border: none;}
label { float: left; width: 160px; clear:left;}
input { float: left;}

p.checks { clear: both;}

ul.collapsible{margin:1em 0;font-size:110%;}
ul.collapsible a{font-weight:bold;}
ul.collapsible ul{margin:0.5em 0 1em;font-size:90%;}