body {
  margin: 0;
  padding: 0;
  font-family: helvetica, arial, sans-serif;
  background: #1c486a;
}

a img {
  border: none;
}

a {
  color:#1c486a;
}

h1, h2, h3, h4, h5, h6 {
  color:#1c486a;
  margin:0;
  padding:0;
}

/*============================================================================
  Layout
----------------------------------------------------------------------------*/

.masthead {
  overflow:hidden;
  height:80px;
  margin:0 auto;
  margin-bottom:8px;
  position:relative;
  width:800px;
}

.container {
  position:relative;
  z-index:1;
  overflow:hidden;
  width:800px;
  margin: 0 auto;
  background: transparent url(images/grid_strip.gif) top left repeat;
}


.bottomLeftCorner {
  height:55px;
  width:55px;
  position:absolute;
  bottom:0;
  left:0;
  z-index:5000;
}

.error {
  height:400px;
}

/*----- end of cube -----*/

.main {
  float:left;
  width:360px;
  padding:20px;
}

.siteContent {
  width:800px;
  overflow:hidden;
}

.text {
  float:left;
  width:360px;
  padding:20px;
  padding-bottom:70px
}

.sidebar {
  float:left;
  width:400px;
}

.project {
  width:100%;
  padding-bottom: 20px;
  overflow: hidden;
}


.contactForm {
  padding-top:20px;
  padding-right:40px;
  background:#eee;
  width:360px;
  padding:20px;
}

.footer {
  width:800px;
  margin:0 auto;
  text-align:right;
  color:#fff;
  font-size:11px;
  padding:6px;
  margin-bottom:30px;
}

/*============================================================================
  Masthead and Main Navigation
----------------------------------------------------------------------------*/

.masthead img {
  position:absolute;
  bottom:0;
  left:0;
}

ul.globalNav {
  overflow: hidden;
  list-style: none;
  margin:0;
  padding:0;
  position:absolute;
  bottom:0;
  right:0; 
  text-transform:uppercase;
  width:412px;
}

ul.globalNav li {
  float: left;
  font-size:13px;
}

ul.globalNav li a {
  padding: 3px 14px;
  border-right:1px solid #fff;
  color:#fff;
  text-decoration:none;
}

ul.globalNav li span.active a {
  color:#708ca6;
}

ul.globalNav li span.last a {
  border-right:none;
  padding-right:0px;
}

ul.globalNav li li {
  float: none;
  font-size: 80%;
}

ul.globalNav li a:hover {
  background:transparent;
  color:#708ca6;
}

.linkRoll {
  width: 30%;
  float: right;
  font-size: 80%;
}


/*============================================================================
  Text
----------------------------------------------------------------------------*/

.home h1 {
  display:none;
}

.title {
  background: url(/static/images/title.png) top left no-repeat;
  width:277px;
  height:114px;
  margin:8px 0 15px 0;
}

* html div.title {
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/images/title.png');
  }
  
.logos {
    background: url(/static/images/logos.png) top left no-repeat;
    width:298px;
    height:68px;
    margin:8px 0 12px 0;
  }

* html div.logos {
    background:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/images/logos.png');
    }  

h1 {
  margin-top:12px;
  margin-bottom:6px;
  font-size:18px;
  color:#8bbf15;
  letter-spacing:1px;
/*  text-transform:uppercase;*/
}

h2 {
  font-size:13px;
  text-transform:uppercase;
  margin-top:25px;
  margin-bottom:6px;
}

.sidebar h1 {
  color:#1c486a;
  font-size:14px;
  letter-spacing:0px;
}

.subnav {
  list-style-type:none;
  font-weight:bold;
  padding-left:0px;
  margin-left:0;
}

.subnav li {
  margin-bottom:2px;
}

.subnav a {
  text-decoration:none;
}


div.testimonial p {
  font-size:25px;
  color:#8bbf15;
  line-height:140%;
/*  margin-top:19px;*/
  margin:20px;
}

div.testimonial cite {
  font-size:12px;
  text-transform:uppercase;
  font-style:normal;
}


p, li {
  font-size:12px;
  line-height:150%;
}

li {
  line-height:135%;
  margin-bottom:4px;
}

.sidebar p, .sidebar li {
    color:#1c486a;
}

p {
  margin:0 0 15px 0;
}

ul {
  padding:0 0 0 26px;
}

.contact p {
  color:#1c486a;
  font-size:16px;
  margin-top:15px;
}

.contact p small {
  line-height:130%;
  font-size:12px;
}


/*============================================================================
  Special Home Page Styles
----------------------------------------------------------------------------*/

.home h1 {
  font-size:34px;
}

.home ul li {
  font-weight:bold;
  color:#1c486a;
  font-size:16px;
}

.home p {
  color:#1c486a;
  line-height:130%;
  font-size:16px;
}

/*============================================================================
  Projects
----------------------------------------------------------------------------*/

.projectMain {
  background: transparent url(/static/images/grid_strip_grey.gif) top left repeat;
  height: 480px;
}

.projects h1 {
  margin:30px 0 7px 24px;
}

ul.projectList {
  list-style-type:none;
  margin:0;
  overflow:hidden;
}

ul.left {
  float:left;
  width:68%;
  padding:20px 0 20px 20px;
}

ul.right {
  float:right;
  padding:20px;
  width:189px;
  background:#eee;  
  margin-bottom:40px;
}

ul.projectList li {
  width:25%;
  overflow:hidden;
  float:left;
  height: 8.2em;
  margin-bottom:35px;
  font-size:14px;
}

ul.right li {
  width:60%;
  margin:0 auto;
  margin-bottom:35px;
  float:none;
}

.projectList li img.thumb {
  margin-left:0;
  margin-right:10px;
  margin-bottom:3px;
  width:100px;
  height:100px;
  float:none;
}

ul.projectList li a {
  text-decoration:none;
  font-weight:bold;
  vertical-align:center;
  line-height:120%;
  display:block;
}

ul.projectList li a:hover {
  text-decoration:underline;
}



.projectLink a {
  font-size:11px;
  color:#fff;
  position:absolute;
  bottom:2px;
  right:2px;
}

.projectCaption {
  clear: both;
  margin-top: 16px;
}

.projectDesc p {
  margin-bottom:0;
}
.projectCaption .projectDesc {
  float:left;
  width:530px;
  line-height:150%;
}

.details {
  width:175px;
  float:left;
}

.details h1, .details h2 {
  font-weight:normal;
  margin:0 0 0 18px;
}

.details h2 {
  margin-top:4px;
}


ol.galleryNav {
  list-style:none;
  width:100%;
  margin: 0;
  padding:0;  
  overflow: hidden;
  position: relative;
  margin: -34px 0 0 0;
}

ol.galleryNav li {
  display:block;
  padding:3px 16px;
  float:left;
  color:#fff;
  cursor:pointer;
  font-size:20px;
  background: url(/static/images/grey_transparency.png) top left repeat;  
  font-weight: bold;
}
* html ol.galleryNav li {
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/images/grey_transparency.png', sizingMethod='scale');
}
.galleryNav li a {
  padding:3px 12px;
  color:#fff;
}
.galleryNav li#activeThumb {
  color:#84b514;
}

/*============================================================================
  Images
----------------------------------------------------------------------------*/

.sidebar img {
  width:100%;
  height:420px;
  float:right;
  display:block;
}

.project img {
/*  width:100%;*/
  display:block;
  margin: 0 auto;
  height:480px;
}

.staff img {
  float:none;
}

.thumbnails {
  position:relative;
  padding:20px 0;
  overflow:hidden;
  width:100%;
  clear:both;
}

img.thumb, div.resithumb {
  width:70px;
  height:70px;
  margin:0 0px 18px 18px;
  border:4px solid #8bbf15;
  float:left;
}

div.resithumb_large {
  margin-left:0;
  margin-right:10px;
  margin-bottom:3px;
  width:88px;
  height:88px;
  float:none;
  border:4px solid #8bbf15;  
}

.footer a {
  color:#fff;
  font-weight:strong;
}


/*============================================================================
  Forms
----------------------------------------------------------------------------*/

form {
  margin-top:10px;
}

div.personalDetails {
  width:100%;
  overflow:hidden;
}

form h4 {
  margin:14px 0 4px 0;
  font-size:12px;
}

label {
  font-size:11px;
  color:#444;
  text-indent:1px;
}

label.half {
  width:46%;
  float:left;
  margin-right:2%;
  margin-top:2%;
}

label.half input {
  width:100%;
}

input.textfield {
  width:100%;
  font-size:16px;
  font-weight:bold;
  letter-spacing:1px;
}

textarea {
  width:94%;
  display:block;
}

p.submit {
  margin:29px 0 20px 0;
  text-align:center;
}

p.submit input {
  font-size:16px;
}