@charset "UTF-8";

* {margin:0;padding:0;}

a, a:link, a:visited {color: #013a7a; text-decoration: none; }
a:hover, a:active {color: #00346f; text-decoration: none; }
a:focus{outline:1px dotted invert;}
img{border: none;}

h1 {font-size: 33px; color: #333333; margin-bottom: 14px;}
h2 {font-size: 26px; color: #333333; margin-bottom: 11px;}
h3 {font-size: 23px; color: #333333; margin-bottom:  9px;}
h4 {font-size: 17px; color: #333333; margin-bottom:  9px;}
h5 {font-size: 15px; color: #333333; margin-bottom:  6px;}
h6 {font-size: 15px; color: #333333; margin-bottom:  6px;}
p  {font-size: 14px; color: #333333;}
ul, ol {font-size: 14px; color: #333333; margin: 8px 10px 10px 30px;}
tr, th {font-size: 13px; color: #333333;}

h1.black, h2.black, h3.black, h4.black, h5.black, h6.black, ul.black, tr.black, th.black {color: black;}
h1.tight, h2.tight, h3.tight, h4.tight, h5.tight, h6.tight {margin-bottom: 0.1em;}

html, body {
	font: 13px "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
	color:#000000;
	background: #b4b4b5;
}

body { overflow-y: scroll; }

#container {
	width: 960px;
	margin: 0 auto;
	background-image: url('/assets/10/wrappershadow.png');
}

#wrapper {
	width: 895px;
	padding-left: 32px; 
}

#contact-top {
	height: 40px;
        background-image: url('/assets/39/contact-background.jpg');
}

#contact-top p {
	text-align: right;
	padding-right: 15px;
	padding-top: 12px;
	font-size: 12px;
        font-weight: bold;
}

#contact-top a, #contact-top a:link, #top-contact a:visited {color: #333333; text-decoration: none; }
#contact-top a:hover, #contact-top a:active {color: #2724a4; text-decoration: underline; }

#header-bar {
	height: 84px;
        padding-left: 20px;
	background-image: url('/assets/16/header-bar.jpg');
}

/*****************Footer*****************/

#contact-bottom {
        clear: both;
	height: 20px;
        margin-top: 10px;
	text-align: center;
	padding-top: 3px;
	background: #85c519;
}

#contact-bottom p { 
	font-size: 12px;
	color: #ffffff;
}

#contact-bottom a, #contact-bottom a:link, #top-contact a:visited {color: #ffffff; text-decoration: none; }
#contact-bottom a:hover, #contact-bottom a:active {color: #2724a4; text-decoration: underline; }

/*****************Bottom Shadow*****************/

#bottom-shadow-container {
	width: 960px;
	margin: 0 auto;
}

#bottom-shadow {
        height: 32px;
        background-image: url('/assets/12/bottomshadow.png');
}

/*************Content Page Banner*************/

.general-content-banner {
       float: left;
       width: 100%;
       height: 316px;
       background-image: url('/assets/17/content-banner.jpg');
}

.general-content-banner h3 {line-height: 1.5em;}
.general-content-banner h4 {line-height: 1.5em;}

.general-content-banner-lt {
       float: left;
       width: 295px;
       height: 265px;
       margin-left: 20px;
       margin-top: 27px;
}

.general-content-banner-rt {
       float: right;
       width: 295px;
       height: 265px;
       margin-right: 20px;
       margin-top: 27px;

}

.general-content-banner-rc {
       float: right;
       width: 550px;
       margin-right: 20px;
       margin-top: 45px;
}

.general-content-banner-lc {
       float: left;
       width: 550px;
       margin-left: 20px;
       margin-top: 45px;
}

#general-arcfade {
	width: 100%;
        padding-top: 27px;
        background-image: url('/assets/43/portfolio-background.jpg');
        background-repeat: no-repeat;
}

/*************Page Bottom Content*************/

#general-content-left {
       float: left;
       width: 420px;
       margin-left: 25px;
       margin-bottom: 10px;
       margin-top: 10px;
}

#general-content-right {
       float: right;
       width: 420px;
       margin-right: 25px;
       margin-bottom: 10px;
       margin-top: 10px;
}


#general-content-full{
        float: left;
        width: 895px;
        padding-top: 17px;
}


/*****************Home Page*****************/

#home-banner {
        height: 331px;
        width: 895px;
        background-image: url('/assets/13/home-banner.jpg');
}

#home-banner-text {
        float: left;
        width: 400px;
        height: 200px;
        margin-left: 65px;
        margin-top: 45px;
}

#general-content-left a, #general-content-left a:link, #general-content-left a:visited  {color: #013a7a; text-decoration:none; }
#general-content-left a:hover, #general-content-left a:active {color: #013a7a; text-decoration: underline; }

#rotator {
       float: right;
       width: 400px; 
       height: 312px;
       margin-right: 1px;
}

#home-buttons-container {
      position: relative;
      top: 253px;
      left: -394px;
}

.home-button1 {
      float: left;
      width: 160px;
      height: 59px;
      background-image: url('/assets/47/homepage-button1-hover.jpg');
}

.home-button1 a:link, .home-button1 a:visited {
      float: left;
      width: 160px;
      height: 59px;
      background-image: url('/assets/45/homepage-button1.jpg');
}

.home-button1 a:hover, .home-button1 a:active {
      float: left;
      width: 160px;
      height: 59px;
      background-image: url('/assets/47/homepage-button1-hover.jpg');
}

.home-button2 {
      float: left;
      margin-left: 25px;
      width: 160px;
      height: 59px;
      background-image: url('/assets/48/homepage-button2-hover.jpg');
}

.home-button2 a:link, .home-button2 a:visited {
      float: left;
      width: 160px;
      height: 59px;
      background-image: url('/assets/46/homepage-button2.jpg');
}

.home-button2 a:hover, .home-button2 a:active {
      float: left;
      width: 160px;
      height: 59px;
      background-image: url('/assets/48/homepage-button2-hover.jpg');
}

#home-buttons-container p {color: white; margin: 18px 15px 0 15px; font-size: 14px; font-weight: bold; text-align: center;}

/** Home Tiles **/
#home-tile-holder {
  clear: both;
  width: 849px;
  height: 293px;
  margin-left: 21px;
  margin-top: 15px; 
  margin-bottom: 10px;
  border-bottom: 2px solid #dfdfdf;
}

.home-tile {
  float: left;
  width: 255px;
  height: 290px;
}

.home-tile:hover {background-color: #eee;}

.home-tile-ctr-holder {
      float: left;
      width: 274px;
      margin-left: 21px;
      margin-right: 20px;
      padding-left: 20px;
      border-left: 2px solid #dfdfdf;
      border-right: 2px solid #dfdfdf;
}

.home-tile-title {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 10px;
}

.home-tile-icon {
  float: left;
  width: 75px;
  height: 75px;
  margin-top: -11px;
  margin-right: 8px;
}

.home-tile a, .home-tile a:link, .home-tile a:visited {color: #013977; text-decoration: none; }
.home-tile a:hover, .home-tile a:active {color: #013977; text-decoration: underline; }

/**home news **/

#home-news-header {
      float: left;
      width: 310px;
      height: 30px;
      margin-left: 40px;
      padding-left: 8px;
      border-bottom: 1px solid #888888;
      text-align: center;
}

.home-news-item {
      float: left;
      width: 310px;
      margin-left: 40px;
      padding-left: 8px;
      padding-top: 5px;
      padding-bottom: 5px;
      border-bottom: 1px solid #888888;
}

#home-news-header a, #news-header a:link, #news-header a:visited  {color: #013a7a; text-decoration:none; }
#home-news-header a:hover, #news-header a:active {color: #013a7a; text-decoration: underline; }

.home-news-item a, .home-news-item a:link, .home-news-item a:visited  {color: #013a7a; text-decoration:none; }
.home-news-item a:hover, .home-news-item a:active {color: #013a7a; text-decoration: underline; }

.home-posted {
          color: #918C7E;
	  font-family: "lucida grande",arial,helvetica,verdana,sans-serif;
	  font-size: 10px;
	  margin: -1px 0px 2px;
	  padding: 0px; 
}

/***************** What We Do ***************/

.wwd-specialty-box {
      width: 788px;
      margin-left: 50px;
      margin-bottom: 12px;
      padding-bottom: 4px;
      padding-left: 20px;
      border-bottom: 1px solid #aaaaaa;
      border-left: 3px solid white;
}

.wwd-specialty-box td {
      width: 50%;
      vertical-align: top;
      padding-right: 30px;
}

.wwd-specialty-box li {margin-bottom: 7px;}
.wwd-specialty-box ul {margin-top: 5px;}

.wwd-icon {
     float: right;
     width: 75px;
     height: 75px;
}

/***************** Working With Us ***************/

#wwu-buttons-container {
      position: relative;
      top: 70px;
      left: 20px;
      width: 600px;
}

.wwu-button {
      float: left;
      width: 157px;
      height: 60px;
      background-image: url('/assets/50/wwu-button-hover.jpg');
}

.wwu-button a:link, .wwu-button a:visited {
      float: left;
      width: 157px;
      height: 60px;
      background-image: url('/assets/49/wwu-button.jpg');
}

.wwu-button a:hover, .wwu-button a:active {
      float: left;
      width: 157px;
      height: 60px;
      background-image: url('/assets/50/wwu-button-hover.jpg');
}

#wwu-buttons-container p {color: white; margin: 18px 15px 0 15px; font-size: 14px; font-weight: bold; text-align: center;}

/******************Portfolio******************/

#portfolio-container {
	width: 100%;
        padding-top: 27px;
        background-image: url('/assets/43/portfolio-background.jpg');
        background-repeat: no-repeat;
}

.portfolio-text {
        float: right;
        height: 110px;
        width: 515px;
        margin-top: 10px;
        margin-right: 30px;
}

.portfolio-text p {margin-top: 5px;}

.portfolio-display {
	width: 794px;
	height: 144px;
	margin: 12px 0 9px 45px;
	background-image: url('/assets/14/LongPortfolioBoxUnselected.jpg');
        background-repeat: no-repeat;
        background-position: 222px 0;
}

.portfolio-display:hover {

	background-image: url('/assets/15/LongPortfolioBoxSelected.jpg');
        background-repeat: no-repeat;
        background-position: 222px 0;
}

/*******************Team*******************/

#team-background {
	width: 100%;
        float: left;
        padding-top: 27px;
        /*background-image: url('<div><strong>Couldn't find Asset without an ID</strong></div>');*/
        background-repeat: no-repeat;
}

#team-selector{
	float: left;
	width: 307px;
	margin: 10px 0 0 25px;
        padding: 0px 0 0 16px;
        color: #171717;
}

.team-notselected{
	float: left;
	width: 260px;
	height: 54px;
        padding: 17px 0 0 15px;
        border-bottom: 2px solid #b4b4b4;
        background-repeat: no-repeat;
        background-image: url('/assets/33/team-notselected-lightgray.png');
}

.team-selected{
	float: left;
	width: 260px;
	height: 54px;
        padding: 17px 0 0 15px;
        border-bottom: 2px solid #b4b4b4;
        background-repeat: no-repeat;
        background-image: url('/assets/34/team-selected.png');
}

.team-frame{
	float: right;
	margin-right: 55px;
        margin-top: 35px;
        margin-bottom: 20px;
	width: 440px;
        height: 700px;
        background-image: url('/assets/85/team_all.jpg');
        background-repeat: no-repeat;
        position: relative;
}

.team-picture{
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
}

#team-bio {
	float: left;
	width: 100%;
        background: green;
}

/****************Portfolio Project****************/

#project-container {
	width: 100%;
        float: left;
        padding-top: 27px;
        background-image: url('/assets/43/portfolio-background.jpg');
        background-repeat: no-repeat;
}

#project-text{
	float: left;
	margin: 15px 0 0 30px;
        padding-right: 30px;
	width: 835px;
        line-height: 1.4em;
}

#project-text h1 {font-style: italic;}
#project-text h4 {line-height: 23px;}

#project-bar {
	float: right;
        width: 300px;
        margin-right: -30px;
        margin-top: -70px;
        margin-bottom: 15px;
        margin-left: 10px;
        background-image: url('/assets/31/PortfolioBar.png');
}

#project-bar img {border: 1px black solid; margin: 15px 20px 0 0; float: right;}

#project-bar-end-top {
	float: left;
        width: 300px;
	height: 20px;
        background-image: url('/assets/44/project-bar-end-top.png');
}

#project-bar-end-bottom {
	float: left;
        width: 300px;
	height: 20px;
        margin-top: 10px;
        background-image: url('/assets/32/PortfolioBarEnd.png');
}

/*************** Blogs / News ***************/

#news-header {
      float: left;
      width: 235px;
      height: 30px;
      padding-left: 8px;
      border-bottom: 1px solid #888888;
      text-align: center;
}

.news-item {
      float: left;
      width: 235px;
      padding-left: 8px;
      padding-top: 5px;
      padding-bottom: 5px;
      border-bottom: 1px solid #888888;
}

.news-item:hover {
     background-color: #fcfcff;
     background-color: rgba(255,255,255,0.5);
}

#news-header a, #news-header a:link, #news-header a:visited  {color: #013a7a; text-decoration:none; }
#news-header a:hover, #news-header a:active {color: #013a7a; text-decoration: underline; }

.news-item a, .news-item a:link, .news-item a:visited  {color: #013a7a; text-decoration:none; }
.news-item a:hover, .news-item a:active {color: #013a7a; text-decoration: underline; }

.news-posted {
          color: #918C7E;
	  font-family: "lucida grande",arial,helvetica,verdana,sans-serif;
	  font-size: 10px;
	  margin: -1px 0px 2px;
	  padding: 0px; 
}

#blog-header {
      float: left;
      width: 550px;
      height: 30px;
      padding-left: 8px;
      border-bottom: 1px solid #888888;
      text-align: center;
}

.blog-item {
      float: left;
      width: 550px;
      padding-left: 8px;
      padding-top: 8px;
      padding-bottom: 5px;
      border-bottom: 1px solid #888888;
}

.blog-item:hover {
     background-color: #fcfcff;
     background-color: rgba(255,255,255,0.5);
}

.blog-summary {
     margin-left: 15px;
     margin-top: 5px;
     margin-bottom: 5px;
     width: 500px;
}

#blog-header a, #blog-header a:link, #blog-header a:visited  {color: #013a7a; text-decoration:none; }
#blog-header a:hover, #blog-header a:active {color: #013a7a; text-decoration: underline; }

.blog-item a, .blog-item a:link, .blog-item a:visited  {color: #013a7a; text-decoration:none; }
.blog-item a:hover, .blog-item a:active {color: #013a7a; text-decoration: underline; }

.blog-posted {
          color: #918C7E;
	  font-family: "lucida grande",arial,helvetica,verdana,sans-serif;
	  font-size: 10px;
	  margin: -1px 0px 2px;
	  padding: 0px; 
}

/***************** Blog Post ****************/

#blog-container {
        width: 805px;
        padding: 27px 45px 10px 45px; 
        float: left;
        background-image: url('/assets/43/portfolio-background.jpg');
        background-repeat: no-repeat;
}

.blog-image-holder {margin: 15px 15px 15px 15px; }
.blog-image-caption {}
.blog-code {
        float: left; 
        width: 705px; 
        margin: 12px 70px 12px 30px; 
        padding: 15px 15px 15px 15px;
        background: #B8CDFF; 
        border: 1px solid gray;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}
.blog-code pre {margin-left: 15px;}

/*****************NAVIGATION*****************/

#nav {
        display: block;        
        float: right;
        margin-right: 15px;
        height: 71px;
}

#nav ul {
	display: block;
	list-style-type: none;
	width: auto;
        margin: 0;
        padding: 0;
}

#nav ul li {
	display: inline;
	float: left;
        text-indent: -9999px;
        margin: 0;
        padding: 0;
        cursor: hand;
}

#nav ul li a {
	display: block;
        background-image: url('/assets/71/navigation_background.jpg'); cursor:pointer;
        background-position: top;
        height: 71px;
}

#nav ul li.home a {width:32px; background-position: -0px 0px;}
#nav ul li.home.here a {background-position: -0px -142px;}
#nav ul li.home.here a:hover {background-position: -0px -142px;}
#nav ul li.home a:hover {background-position: -0px -71px;}

#nav ul li.wwd a {width:111px; background-position: -32px 0px;}
#nav ul li.wwd.here a {background-position: -32px -142px;}
#nav ul li.wwd.here a:hover {background-position: -32px -142px;}
#nav ul li.wwd a:hover {background-position: -32px -71px;}

#nav ul li.team a {width:96px; background-position: -143px 0px;}
#nav ul li.team.here a {background-position: -143px -142px;}
#nav ul li.team.here a:hover {background-position: -143px -142px;}
#nav ul li.team a:hover {background-position: -143px -71px;}

#nav ul li.portfolio a {width:86px; background-position: -239px 0px;}
#nav ul li.portfolio.here a {background-position: -239px -142px;}
#nav ul li.portfolio.here a:hover {background-position: -239px -142px;}
#nav ul li.portfolio a:hover {background-position: -239px -71px;}

#nav ul li.newsblog a {width:115px; background-position: -325px 0px;}
#nav ul li.newsblog.here a {background-position: -325px -142px;}
#nav ul li.newsblog.here a:hover {background-position: -325px -142px;}
#nav ul li.newsblog a:hover {background-position: -325px -71px;}

#nav ul li.contact a {width:80px; background-position: -440px 0px;}
#nav ul li.contact.here a {background-position: -440px -142px;}
#nav ul li.contact.here a:hover {background-position: -440px -142px;}
#nav ul li.contact a:hover {background-position: -440px -71px;}


/**************** Comments ****************/

fieldset {border:0;}
#comment-form ul {list-style-type: none;}
#comment-form {padding-top:10px;margin-left:4px;}
#comment-form ul li {float:left;width:534px;padding-bottom:10px;}
#comment-form ul li.app_form_left {width:277px;}
#comment-form ul li.app_form_right {width:257px;}
#comment-form .field {margin:0;}
#comment-form .field label {font-weight:normal;padding-bottom:0;}
#comment-form .field.text_field input {width:240px;color:black;font-size:12px;font-family:Verdana,Arial,Helvetica,sans-serif; border:1px solid #bbb;padding:6px 8px 6px 8px;}
#comment-form .field.text_area textarea {width:515px;height:120px;color: black;font-size:12px;font-family:Verdana,Arial,Helvetica,sans-serif;border:1px solid #bbb;padding:6px 8px 6px 8px;}

.comment {
       border-top: 1px solid #ccc;
       border-bottom: 1px solid #ccc;
       margin: 0px 15px 0px 15px;
       padding: 10px;
       font-family:Verdana,Arial,Helvetica,sans-serif;
}

.comment p.author {font-weight: bold; font-size: 12px;}

.comment-content p {font-size: 13px; font-family:Verdana,Arial,Helvetica,sans-serif;}