/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
* {
	outline: none;
}

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

body {
	color: #fff;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}

ol, ul, li {
    list-style: none;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before, q:after {
    content: '';
}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

a img {
    border: none;
}
 /* Gets rid of IE's blue borders */
/* Global styles */
body, html {
    background-color: #111111;
    font-family: Arial, Helvetica, sans-serif;
}

img {
    border: 0;
}

h1 {
    visibility: visible;
    display: block;
    font-size: 1em;
    margin-top: 0;
    padding-top: 0;
}

p, .project-content {
    font-size: 11px;
    font-weight: normal;
    line-height: 1.5em;
	margin: 0 0 10px 0;
}

a {
    color: #fff;
    text-decoration: none;
}

a:hover,
a:focus,
a:active,
#head .on a {
    color: #00FF00;
}

a p {
    padding: 2px;
}

/* Floats & Clears */
.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
    line-height: 0px;
    height: 0px;
}

/* Forms */
input, textarea {
    border: 1px solid #999;
    background-color: #000;
    padding: 7px;
    margin: 2px;
    width: 321px;
    min-width: 307px;
    max-width: 307px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #fff;
}

textarea {
    height: 150px;
    min-height: 150px;
}

input.submit {
    color: #fff;
    border: 0;
    cursor: pointer;
    width: 50px;
    font-size: 14px;
}

input.submit:hover,
input.submit:focus,
input.submit:active {
    color: #00ff00;
}

label {
    font-size: 1px;
    height: 1px;
    line-height: 1px;
}

.form_error {
    color: #00FF00;
}

/* Footer */
.footerWrapper {
    position: absolute;
    top: 515px;
    left: 577px;
    color: #666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    position: fixed;
}

.footerWrapper a {
    text-decoration: none;
    color: #666;
}

.footerWrapper a:hover,
.footerWrapper a:focus,
.footerWrapper a:active {
    color: #fff;
    text-decoration: none;
    background-color: #333;
}

/* Index & about */
.logoWrapperFixed {
    margin: 0 50px 0 578px;
    position: fixed;
}

.logoWrapper {
    margin: 0 0px 0 65%;
    width: 10px;
}

.navNav {
    display: block;
    width: 300px;
    height: 20px;
    margin: 30px 0 0 10px;
}

.navWrapper {
    display: block;
    padding: 0;
    margin: 10px 0 30px 0;
    float: left;
}

a .navImg {
    border: 1px solid #000;
}

a:hover .navImg,
a:focus .navImg,
a:active .navImg {
    border: 1px solid #00FF00;
}

.navExtraImg {
    border: 1px solid #000;
}

/* Project */
.projectWrapper {
    display: block;
    width: 7000px;
    height: 179px;
    margin: 10px 0 30px 0;
    background-image: url(../images/nav_image.jpg);
    background-position: 150px top;
    background-repeat: repeat-x;
}

.moreBtnWrapper {
    margin: 0 0 20px 0;
    float: right;
}

.prevBtnWrapper {
    margin: 0;
    float: left;
}

.navProjectWrapper {
    vertical-align: middle;
    margin-left: 0px;
    float: left;
    display: block;
    float: left;
}

.navBtnWrapper {
    margin: 0px 0px;
    float: left;
    width: 240px;
}

/* Navigation Next & Previous buttons */
.prevBtn {
    height: 24px;
    padding: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    float: left;
    vertical-align: middle;
    cursor: pointer;
}

.nextBtn {
    height: 24px;
    padding: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    float: right;
    vertical-align: middle;
    cursor: pointer;
}

a .prevBtn {
    color: #fff;
}

a:hover .prevBtn,
a:focus .prevBtn,
a:active .prevBtn {
    color: #00ff00;
}

a .nextBtn {
    color: #fff;
}

a:hover .nextBtn,
a:focus .nextBtn,
a:active .nextBtn {
    color: #00ff00;
}

.projectHref {
    width: 241px;
    height: 182px;
    overflow: hidden;
    display: block;
}

/* Sub pages */
.subBtnWrapper {
    height: 20px;
    margin: 30px 0 0 10px;
    display: block;
    position: fixed;
}

.subBtnWrapper img {
    vertical-align: top;
}

.subImgWrapper {
    margin: 0px;
    float: left;
}

.subMoreImgBtnWrapper {
    margin: 0px 20px 0 0px;
    float: left;
    width: 510px;
    text-align: right;
}

.subMoreBtnWrapper {
    margin: 0;
    float: left;
    width: 500px;
}

.subTxtWrapper {
	clear: both;
    padding: 54px 0 0 0;
}

.subMoreImagesWrapper {
    margin: 0px 0 0 0px;
    width: 4000px;
    float: left;
}

html > body .subMoreImagesWrapper {
    margin: 58px 0 0 0px;
    width: 4000px;
    float: left;
}

.subTxtWrapperDescription {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    line-height: 1.5em;
}

.subTxtWrapperDescription p {
    margin: 0;
    padding: 0;
}

.subLeft {
    float: left;
    margin: 0px;
    display: block;
    width: 530px;
}

html > body .subLeft {
    float: left;
    margin: 58px 0 0 0;
}
.//subBtnWrapper { display:block; width:300px; height:20px; margin:30px 0 0 10px; position:fixed; }
.//subLeft { display:block; padding:0; margin:10px 0 30px 0; float:left; }

/* Projects Sub */
.btnMain { margin: 0 10px 0 10px; float:left;  }
.btnProjects { margin:0; float:left; font-size:1em; }


/* news */
.newsWrapper {display:block; margin:0; width:7000px; }


/* contact */
.contactWrapper { display:block; width:1000px;}
.formWrapper { width:335px; float:left; margin:55px 100px 0 10%; }
.contactTxtWrapper { margin:55px 0 0 0; float:left; }

/* terms */
.termsWrapper { width:350px; margin:0 0 0 30px; float:left; }
.termsWrapper strong { font-weight:bold; font-size:12px; }


/* AMENDS BY JASON HOBBS | 09/03/2011 */
/* CLEARFIX */
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.clearfix { display:inline-table; }/* Hides from IE-mac \*/
.clearfix { zoom: 1; }
.clearfix { display:block; }/* End hide from IE-mac */

#wrapper {width:935px; margin:0 auto;}
#head {position:relative; padding-top:35px;}
#head-nav, #second-nav {float:left;}
#second-nav { padding:10px 0 10px 20px; margin-left:40px; border-left:1px solid #666666; }
#head-nav li, #second-nav li {font-size:0.8em; text-transform:lowercase; line-height:1.5em;}
#second-nav li a { color:#CCCCCC; }
#second-nav li a:hover,
#second-nav li a:focus,
#second-nav li a:active { color:#00FF00; }
#site-title {position:absolute; right:0;}
#content {min-height:600px; padding:22px 0 22px; position:relative; clear: both; }

.box-list {margin:20px 0;}
.box-list li {float:left; margin:0 10px 10px 0; width:305px; overflow:hidden;}
.box-list li img {position:absolute; }
.box-list li.end {margin-right:0;}
.box-list li a {position:relative; display:block; height:200px; -webkit-font-smoothing:none;}
.box-list li a:hover,
.box-list li a:focus,
.box-list li a:active {color:#CCCCCC; height:200px; -webkit-box-shadow:0px 0px 4px ;
-moz-box-shadow: 0px 0px 4px ;
box-shadow: 0px 0px 4px ; }
.box-list li a em { z-index:10; width:95%; padding:10px 6% 10px 0; text-align:right; background: #000; background:rgba(0, 0, 0, 0.8);position:absolute; bottom:0; font-style:normal; text-transform:lowercase;}
.box-list.short {width:620px;}


#foot {padding-bottom:20px; clear: both; }
#foot-nav li {font-size:0.7em; color:#666666; float:left; margin-right:10px;}
#foot-nav li a {color:#666666;}
#foot-nav li a:hover,
#foot-nav li a:focus,
#foot-nav li a:active {color:#CCCCCC;}
#foot-nav li.author {float:right; margin-right:0;}

.news-item {margin-bottom:10px;}
.news-item .news-image {float:left; width:520px;}
.news-item .news-text {float:right; width:385px;}
.news-item .news-title {line-height:1em; margin-bottom:4px;}
.news-item .news-published {color:#FFFFFF; font-size:12px;}
.news-summary {margin-top:10px; font-size:11px; color: #FFFFFF; font-weight: normal; line-height: 1.5em;}


.project .project-title {font-size:1.3em; color:#FFFFFF; margin-bottom:20px;}
.project .project-content {margin-bottom:10px;}

/* BANNERS */
#banner-container {position:relative; width:935px; height:auto; margin-bottom:22px;}
#banner-nav {position:absolute; right:0; top:3px; z-index:100;}
#banner-nav a {cursor:pointer; color:#FFFFFF; padding:3px 6px; float:left; margin-right:5px; line-height:1.1em; font-size:12px;}
#banner-nav {margin-right:0;}
.banner h3 {background:#192838 url(../img/styling/heading-bg.png) repeat-x; padding: 12px 36px 15px; position:absolute;  z-index:100;}
#project-slideshow {margin-top:29px; position: relative; zoom: 1; text-align: center;}
#project-slideshow li {
	position: absolute;
	top: 0;
	left: 0;
}
#banner-nav a.activeSlide {color:#00FF00;}
.banner {width:935px; height:575px; float:left;}

/* P | CONTACT */
.contact-form {margin-left:25px; float:right;}
.contact-form label {display:none;}
.contact-form li {margin-bottom:7px;}
.contact-form button {background:#333333; color:#FFFFFF; border:0; padding:3px 8px; cursor:pointer;}

.vCard { width: 180px; float:left;}
.vCard p {font-size:11px; padding-bottom:15px;}
.vCard dl {font-size:13px; line-height:2em; padding-bottom:15px;}
.vCard dt {font-weight:bold; margin-right:4px;}
.vCard abbr {border-bottom:0;}
.vCard p.adr {margin-bottom:15px;}

.vCard .details {width:100%; margin-top:20px;}
.vCard p.adr span {display:block;}
.vCard p.adr .org {font-weight:bold;}
.vCard p.adr a {display:block; margin-top:5px;}
.vCard p a {color:#00FF00; text-decoration:underline; }
.vCard .reg {font-size:11px;}
.vCard dl dt {
	float: left;
	clear: left;
	line-height: 1.4;
}
.vCard dl dd {
	float: right;
	clear: right;
	font-size: 11px;
	line-height: 1.4;
}

.map-wrap {float:left; margin-left:50px;}

#social-sprite {}
#social-sprite li {  float:left; margin-right:5px; }
#social-sprite li a { opacity:0.8; width:32px; height:32px; display:block; text-indent:-9999px; background-image:url(../images/social-sprite.png); background-repeat:no-repeat; }
#social-sprite li a:hover, #social-sprite li a:active, #social-sprite li a:focus { opacity:1; }
#social-sprite li#s_fb a { background-position:-2px -2px; }
#social-sprite li#s_tw a { background-position:-38px -2px; }
#social-sprite li#s_lin a { background-position:-74px -2px; }

#social-sprite li a {
    -webkit-transition: all 450ms ;
    -moz-transition: all 450ms ;
    -o-transition: all 450ms ;
    transition: all 450ms ;
}