@import "reset.css";
@import "generic.css";
@import "lightbox.css";

body {
  background: #033f75;
}

body, td {
  font-family:Arial,Tahoma,Geneva,sans-serif;
  font-size: 14px;
  color:#79929D;
}

a:link, a:visited {
  color: #3399cc;
  text-decoration:none;
}

a:hover, a:active {
  color: #033f75;
  text-decoration:underline;
}

input,select,textarea {
  border:1px solid #dce6ea;
  font-family:Arial,Tahoma,Geneva,sans-serif;
  font-size: 12px;
  padding:3px;
}

p {
  color:#79929d;
  line-height:21px;
  margin-bottom:1em;
}

.site-blue {
  color: #3399cc;
}

.site-gray, .site-grey {
  color:#79929D;
}

.form-table input[type="text"], .form-table input[type="password"] {
  width:300px;
}

.form-table textarea {
  width:525px;
}

.contact-table textarea {
  width:350px;
}

.form-table select {
  max-width:525px;
}

strong {
  font-weight:bold;
}

em {
  font-style:italic;
}

h1 {
  font-size:18px;
  font-style:italic;
  font-weight:bold;
  text-align:center;
  margin-bottom:1em;
  color:#033f75;
}

h1.header, .page_top {
  background:transparent url(/images/header_background.png) top left no-repeat;
}

h2 {
  font-size:16px;
  font-weight:bold;
  margin:0.75em 0 0.25em;
  color:#033f75;
}

h2.header {
  background:transparent url(/images/header_medium_background.png) top left no-repeat;
}

h3 {
  font-size:15px;
  font-weight:bold;
  color:#033F75;
}

h5 {
  font-size:14px;
  padding:0.25em 0;
  font-style:italic;
  color:#3399cc;
}

#constant-contact {
  padding:1em 5px;
}

#constant-contact .constant-contact-top {
  color:#79929d;
  background:white;
  padding:5px;
  border:1px solid white;
  border-radius:10px 10px 0 0;
  -moz-border-radius:10px 10px 0 0;
  -khtml-border-radius:10px 10px 0 0;
  -webkit-border-radius:10px 10px 0 0;
}

#constant-contact .constant-contact-bottom {
  background:white;
  color:#79929d;
  padding:5px;
  border:1px solid white;
  border-radius:0 0 10px 10px;
  -moz-border-radius:0 0 10px 10px;
  -khtml-border-radius:0 0 10px 10px;
  -webkit-border-radius:0 0 10px 10px;
}

.header, .page_top {
  font-size:12px;
  color:white;
  font-family:helvetica, arial;
  height:19px;
  line-height:19px;
  font-style:normal;
  margin-bottom:8px;
  text-align:center;
}

h3.header {
  background:transparent url(/images/header_small_background.png) top left no-repeat;
}

td, th {
  padding:3px;
}

.form-table {
  margin:0 auto;
}

.form-table tr td:first-child {
  text-align:right;
  font-weight:bold;
  vertical-align:top;
  padding-top:7px !important;
}

.list-table {
  margin:0 auto;
}

.list-table td {
  padding:5px;
  border: 1px solid #eeeeee;
  vertical-align:top;
}

.list-table th {
  background:#033f75;
  color:white;
  font-weight:bold;
  padding:5px;
  border-right: 1px solid #eeeeee;
}

.list-table th a {
  color:white;
}

.list-table th a:link, .list-table th a:visited {
  text-decoration:underline;
}

.list-table th a:hover, .list-table th a:active {
  text-decoration:none;
}

.list-table th:first-child {
  border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  -khtml-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
}

.list-table th:last-child {
  border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  -khtml-border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;
  border-right: 0px !important;
}

.list-table .headline {
  width:250px;
}

#wrapper {
  width:900px;
  margin:0 auto;
  position:relative;
  background:white;
}

#sub-footer {
  width:800px;
  margin: 1em auto;
  text-align:center;
  color:white;
}

#sub-footer div {
  margin-bottom: 1em;
}

#sub-footer a {
  color:white;
}

#header {
  margin-bottom: 20px;
}

#navigation {
  margin:0 auto;
  width:663px;
  height:21px;
}

/*.navigation.subnav {
  margin-top:0.5em;
  text-align:right !important;
}*/

#navigation a, #navigation a:link {
  background-position:top center;
  background-repeat:no-repeat;
  height:21px;
  
  width:auto;
  display:inline;
  float:left;
}

#navigation a.selected, #navigation a.selected:active {
  background-position:bottom center;
}

#navigation a:hover, #navigation a:active {
  background-position:center center;
}

#navigation a span {
  display:none;
}

#navigation a.nav-about-us {
  background-image:url(/images/nav-images/about-us-all.gif);
  width:86px;
}

#navigation a.nav-home {
  background-image:url(/images/nav-images/home-all.gif);
  width:49px;
}

#navigation a.nav-clients {
  background-image:url(/images/nav-images/clients-all.gif);
  width:72px;
}

#navigation a.nav-faq {
  background-image:url(/images/nav-images/faq-all.gif);
  width:47px;
}

#navigation a.nav-articles {
  background-image:url(/images/nav-images/articles-all.gif);
  width:78px;
}

#navigation a.nav-contact {
  background-image:url(/images/nav-images/contact-all.gif);
  width:66px;
}

#navigation a.nav-portfolio {
  background-image:url(/images/nav-images/portfolio-all.gif);
  width:84px;
}

#navigation a.nav-services {
  background-image:url(/images/nav-images/services-all.gif);
  width:117px;
}

#navigation a.nav-testimonials {
  background-image:url(/images/nav-images/testimonials-all.gif);
  width:111px;
}

#main {
  background: transparent url(/images/main_background.jpg) top left repeat-y;
  height:1% !important;
  position:relative;
}

#content-container {
  width:700px;
  _width:697px;
  float:right;
}

#content {
  padding:0 25px 0 15px;
  _padding:0 15px 0 15px;
}

#tags-container {
  width:200px;
}

#tags img {
  display:block;
  height:2px;
}

#tags {
  width:175px;
  float:right;
}

#tags ul {
  margin:0 15px;
}

#tags li.highlighted {
  font-style:italic;
  font-weight:bold;
}

#tags li.selected {
  list-style-image: url(/images/tag_bullet.jpg)
}

#tags li.selected a {
  color:#033f75;
}

#tags li {
  line-height:14px;
  padding:8px 0;
  font-size:13px;
  list-style: none;
  margin-left:0px;
}

#footer {
  border-top:1px solid #dce6ea;
  height:160px;
  margin-top:20px;
  clear:both;
}

#footer-table {
  height:160px;
  width:100%;
}

#footer-table td#left-text {
  width:150px;
  line-height:20px;
  font-size:12px;
}

#footer-table td#right-text {
  width:175px;
}

#footer .phone-number {
  font-size:24px;
}

#footer-table td {
  text-align:center;
  vertical-align:middle;
  padding:0 15px;
}

#footer-table td.text {
  color:#79929d;
  font-weight:bold;
}

#footer p {
  margin-bottom:5px;
}
#footer a:link, #footer a:visited {
  color:#79929d;
  text-decoration:none;
}

#footer a:hover, #footer a:active {
  color:#79929d;
  text-decoration:underline;
}

div.paragraphs p, div.paragraphs div.paragraph {
  margin-bottom:1em;
}

div.paragraphs p:last-child, div.paragraphs div.paragraph:last-child {
  margin-bottom:0em !important;
}



div.paragraph img, p img {
  float:left;
  margin: 0 10px 5px 0;
}

#about-dm p {
  margin-bottom:1em;
}

#index .thumb-projects, #tag-index .thumb-projects {
  width:390px;
}

#index .thumb-projects {
  margin-bottom:18px;
  border-bottom:1px solid #dce6ea;
}

#tag-index  {
  margin-left:20px;
}

.thumb-projects .project {
  text-align:center;
  vertical-align:top;
  font-weight:bold;
  padding: 0;
}

.thumb-projects .padding {
  padding: 0 15px 0 0;
}

.thumb-projects .project-text {
  vertical-align:middle;
  text-align:center;
  padding: 0;
}

.thumb-projects .project-text a {
  font-size:11px;
  font-weight:bold;

}

.thumb-projects .project img {
  border:1px solid #033f75;
  width:110px;
  height:65px;
  margin:0 auto;
  display:block;
}

.thumb-projects .project div {
  background:#dce6ea;
  padding:4px;
}

.thumb-projects .project .link {
  font-size:11px;
  display:block;
  margin:8px 0 18px;
}

.home-right {
  float:right;
  width:255px;
}

.spotlight {
  padding:10px;
  background:#eff4f6;
}

.spotlight img {
  display:block;
  margin: 0px auto 11px;
  border:1px solid #033f75;
  width:231px;
}

.spotlight .summary {
  margin:5px 0;
  color:#033f75;
  font-size:11px;
  line-height:15px;
}

.spotlight h2 {
  font-size:12px;
  margin-bottom:5px;
}

.spotlight-projects td {
  padding:0;
  border-right:13px solid white;
  border-bottom:13px solid white;
  vertical-align:top;
  background:#eff4f6;
  width:211px;
}

.spotlight-projects td.no-border {
  border-right:0px !important;
}

.spotlight-projects tr:last-child td {
  border-bottom:0px !important;
}

.spotlight-projects .project {
  padding:9px;
}

.spotlight-projects .project h2 {
  font-size:12px;
  margin-bottom:5px;
}

.spotlight-projects .project p {
  color:#033f75;
  font-size:11px;
  line-height:15px;
}

.spotlight-projects .project img {
  display:block;
  margin-bottom:11px;
  border:1px solid #033f75;
  width:191px;
}

#index #news { margin-top:18px; }
#index #news .link, #index #articles .link { text-align:right; }

.news-item { margin:1em 0; }
.news-item .headline, .article-summary .headline {
  font-size:12px;
  color:#033f75;
  font-weight:bold;
}

.article-summary { margin: 1em 0 1em 0; }
.article-summary .summary { 
  line-height: 1.2em; 
  padding: .5em 0 .4em 1em;
  font-size: 11px; 
}

.date {
  font-size:11px;
  color:#79929d;
}

.tag a, a.small-link {
  font-size:11px;
  font-weight:bold;
}



#project {
  width:524px;
}

.main-image img {
  display:block;
  border: 1px solid #033f75;
  width:500px;
}

.main-image {
  padding:11px;
  background:#eff4f6;
}

.main-image p {
  color: #033f75 !important;
}

.project-images {
  margin-top:8px;
}

.project-images td div {
  background:#dce6ea;
  padding:3px;
}

.project-images td {
  padding: 0 10px 0 0;
  vertical-align:middle;
}

.project-images tr td:last-child {
  padding: 0 !important;
}

.project-images img {
  border:1px solid #033f75;
  clip:rect(0px,0px,72px,50px);
}

.project-summary {
  margin-top:10px;
}

.project-summary p{
  margin-bottom:10px;
}

.project-summary img {
  margin:0 10px 10px 0;
}

#related-projects {
  float:right;
  width:120px;
}

.projects-spacing {
  border-top:1px solid #dce6ea;
  margin-top:1em;
  padding-top:1em;
}

.spotlight-projects td {
  padding:0;
  border-right:13px solid white;
  border-bottom:13px solid white;
  vertical-align:top;
  background:#eff4f6;
  width:211px;
}

.spotlight-projects td.no-border {
  border-right:0px !important;
}

.spotlight-projects tr:last-child td {
  border-bottom:0px !important;
}

.spotlight-projects .project {
  padding:9px;
}

.spotlight-projects .project h2 {
  font-size:12px;
  margin-bottom:5px;
}

.spotlight-projects .project p {
  color:#033f75;
  font-size:11px;
  line-height:15px;
}

.spotlight-projects .project img {
  display:block;
  margin-bottom:11px;
  border:1px solid #033f75;
  width:191px;
}

#admin-menu {
  margin:0 auto;
}

#admin-menu tr td:first-child {
  text-align:right;
  padding-right:10px;
}

.client {
  text-align:center;
  vertical-align:middle;
  width:125px;
  font-weight:bold;
}

.client img {
  display:block;
  margin:0 auto;
}

.client div {
  margin:5px;
}

.project-image-checkbox {
  margin-bottom:1em;
}

.project-image-checkbox img {
  vertical-align:middle;
}

.project-image-checkbox input[type="text"] {
  width:200px;
}

.testimonial .person      { font-weight:bold; text-align:right; }
.testimonial .person div  { margin:3px 0; }
.testimonial .link        { padding-top: 1em; }

.about        { padding: 10px 10px 5px 10px; }
.about img    { float:left; display:block; width:121px; }
.about h3     { margin:0.5em 0; }
.about h4     { font-weight:bold; margin:1em 0; font-size:13px; color:#033F75; }
.about a      { font-size:11px; font-weight:bold; }
.about p      { margin-bottom:1em; }
.about .info  { 
  float: right; 
  width: 450px; 
  padding: 20px 25px 20px 25px; 
  background:#eff4f6;
}
.about p, .about li { color: #033f75; }

ul {
  margin-bottom:1em;
}

li {
  line-height:16px;
  margin-left:1.5em;
}

#services-navigation {
  float:right;
  width:170px;
  text-align:center;
}

#breadcrumbs {
  background:#eff4f6;
  padding:5px 10px;
  margin-bottom:1em;
}

.breadcrumbs-top {
  background:#eff4f6;
  padding:5px 10px;
  margin-bottom:1em;
  text-align:center
}

.contact-table {
  width:100%;
  margin-bottom:10px;
}

.contact-table td {
  font-weight:bold;
  vertical-align:top;
}

.contact-table th {
  text-align:right;
  font-weight:bold;
  width:40%;
  vertical-align:top;
}

.spacer {
  margin-top:1em;
}

.clickable {
  cursor: pointer;
  cursor: hand;
}

.tag-description {
  margin: 1em 0;
}

.content-block {
  background:#eff4f6;
  height:100%;
  padding:17px;
  margin-bottom:8px;
}

.content-block p, .content-block div, .content-block td, .content-block th, .content-block li {
  color:#033F75;
}

.main-image .caption {
  font-size:12px;
}

#article_page h1            { text-align: left; margin-bottom: 1em; }
#article_page .byline       { padding-bottom: 2em; }
#article_page .article_body, #article_page .article_body p { line-height:21px; }
#article_page .article_body { 
  padding: 0 2em 0 2em; 
  margin: 0 2em 0 1em;
  border-left: 1px solid #c9d3d5; 
  border-right: 1px solid #c9d3d5; 
  text-align: justify;
}