* {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}

body {
background-color: #fff;
min-height: 650px;
color: #ccc;
font-size: 12px;
line-height: 17px;
}

table tr{
font-family: arial, verdana, sans-serif;
font-size: 12px;
line-height: 17px;
color: #ccc;
}

a:link, a:visited, a:active {
color: #98A22D;
text-decoration: none;
font-weight: normal;
}

a:hover {
color: #98A22D;
text-decoration: underline;
}

h1 {
font-weight: bold;
padding-bottom: 10px;
font-size: 11px;
color: #c2cd4c;
text-transform: uppercase;
}

h2 {
font-weight: bold;
font-size: 11px;
color: #ccc;
}

h3 {
position: absolute;
bottom: -15px;
right: 32px;
font-size: 10px;
font-weight: normal;
color: #fff;
line-height: 10px;
}

h4 {
font-weight: bold;
font-size: 11px;
color: #ccc;
text-transform: uppercase;
padding-bottom: 10px;
clear: both;
}

h6 {
font-size: 12px;
}

p {
font-size: 12px;
color: #ccc;
line-height: 17px;
padding-bottom: 10px;
}

hr {
border:none;
border-bottom:1px solid #6b6b6b;
margin:6px 0 18px 0;
}

#full-copy b {
font-weight: bold;
padding: 0 0 10px 0;
margin: 0px;
font-size: 11px;
color: #c2cd4c;
text-transform: uppercase;
}
#full-copy h2 b {color: #FFF}
#full-copy u {color:#FFF;text-decoration:none;font-weight:bold}

#full-copy {
position: relative;
float: left;
text-align: left;
width: 670px;
padding-top: 20px;
padding-left: 20px;
font-size: 12px;
color: #ccc;
line-height: 17px;
}

#container {
width: 100%;
height: 100%;
}

table #top {
height: 147px;
vertical-align: top;
}

table #middle {
background-color: #525252;
vertical-align: top;
min-height: 500px;
}

table #bottom {
height: 20px;
background-color: #f36d09;
vertical-align: top;
}

.box {
position: relative;
width: 913px;
}

#horizontal-logo {
position: absolute;
left: 0px;
top: 20px;
}

#square-logo {
position: absolute;
left: 0px;
top: 85px;
}



/*Menu*/

#menu {
position: absolute;
top: 23px; /* 26px; right: 0px;*/
left: 204px;
height: 30px;
}

#menu li {
display: inline;
position: relative;
list-style: none;
padding-left: 8px;
color: #333;
float: left;
cursor:default;
}

#menu a {
float: left;
display: block;
color: #333;
}

#menu a:hover {
color: #f36d09;
text-decoration: none;
}

#menu .selected {
color: #f36d09;
font-weight: bold;
}

#menu li ul {
visibility: hidden;
position: absolute;
left:0;
left: 4px;
display: block;
width: 120px;
border-top: 3px solid #fff;
background-color: #fff;
/*background-color: #f5f5f5;*/
clear: both;
}

#menu li ul li{
display: block;
line-height: 10px;
line-height: 12px;
clear: both;
text-align: left;
padding-left: 5px;
padding-top: 3px;
padding-bottom: 2px;
border-top: 1px solid #fff;
width: 100%;
color: #f36d09;
font-weight: bold;
}

#menu li ul li a{
color: #333;
}

#menu li ul li a:hover, #portfolio-menu li a:hover, #portfolio-menu li#selected a {
color: #f36d09;
text-decoration: none;
}

/*Portfolio Menu*/
/*#portfolio-menu    { position: absolute; left: 202px; top: 10px; }*/
#portfolio-menu    { position: absolute; right: 0px; top: 116px; }
#project-menu      { position: absolute; left: 198px; top: 23px; }
#portfolio-menu li,
#project-menu   li { display: inline; list-style: none; padding-left: 8px; color: #333; float: left; } /* color: #98A22D; */
#project-menu   li { text-transform: uppercase; font-size: 94% }
#portfolio-menu a ,
#project-menu   a  { float: left; display: block; }
#project-menu   a  { color: #000; }
#portfolio-menu a.parent,
#project-menu   a.parent,
#project-menu   a:hover { color: #333; text-decoration: none; } /* color: #98A22D; */
#portfolio-menu a {color:#000}
#portfolio-menu .slasher {padding:0 0 0 2; margin:0px}

/*Sub Menu

#submenu {
float: left;
margin-left: 20px;
margin-top: 40px;
width: 300px;
}

#submenu li {
list-style: none;
font-size: 11px;
line-height: 14px;
text-align: left;
color: #ddd;
padding-bottom: 9px;
}
*/


/*Home Page*/

#home-news-box {
position:absolute;
top:418px;
left:0px;
height: 165px;
width: 915px;
margin-bottom: 0px;
z-index: 1000;
}

#home-slideshow {
position: absolute;
float: left;
padding: 20px 0 0 0;
left: 0px;
top: 0px;
width: 915px;
height: 418px;
}

#home-slideshow #flashcontent {
position: absolute;
top: 0px;
left: 0px;
margin-top: 20px;
width: 915px; 
height: 418px;
}

#home-overlay {
position: absolute;
background-image: url('/img/home-overlay.png');
background-repeat: repeat-y;
left: 0px;
top: 20px;
width: 196px;
height: 418px;
z-index: 50;
color: white;
}

#home-overlay p{
width: 90%;
text-align: left;
color: #333;
margin-top: 10px;
font-size: 12px;
z-index: 100;
}



/*Portfolio Page*/

#grid {
float: left;
padding: 20px 0 0px 0;
}

#portfolio-grid {
position: absolute;
left: 0px;
top: 20px;
}

#project-slideshow {
float: right;
padding: 20px 0 20px 0;
z-index: 100;
}

#project-copy {
float: left;
margin-top: 18px;
width: 328px;
text-align: left;
z-index: 0;
}

#pdf-link {
color: #98A22D;
font-size: 10px;
position: absolute;
left: 353px;
top: 428px;
}



/*Contact Page*/

#contact-copy {
float: left;
margin-top: 18px;
width: 260px;
text-align: left;
z-index: 0;
}



/*Awards*/

#awards-slideshow {
position: relative;
float: left;
top: 20px;
}

#awards-copy-left {
float: left;
text-align: left;
padding: 20px;
}

#awards-copy-right {
float: left;
text-align: left;
padding: 20px;
}

.awards-list {
width: 300px;
padding-bottom: 15px;
}

.awards-list li{
list-style: none;
color: #ccc;
line-height: 15px;
}



/*Media*/

.media-repeater {
position: relative;
float: left;
text-align: left;
width: 700px;
padding-top: 20px;
}

.media-repeater p {
float: right;
width: 500px;
}

.media-repeater img {
float: left;
padding-right: 20px;
}

#media-menu-container {
float: left;
width: 295px;
margin-top: 20px;
text-align: left;
}

#media-menu li {
list-style: none;
text-decoration: none;
display: block;
font-size: 11px;
line-height: 14px;
text-align: left;
color: #ddd;
padding-bottom: 9px;
}



/*Team Page*/

#team-image {
float: left;
margin-top: 20px;
margin-right: 20px;
}

#team-copy {
position: relative;
float: left;
text-align: left;
width: 400px;
padding-top: 20px;
padding-left: 20px;
}

#team-menu-container {
float: left;
width: 259px;
margin-top: 20px;
text-align: left;
}

#team-menu li {
list-style: none;
text-decoration: none;
display: block;
font-size: 11px;
line-height: 14px;
text-align: left;
color: #ddd;
padding-bottom: 9px;
}



/*Day In Life*/

#day-in-life-copy {
float: right;
width: 328px;
height: 350px;
padding: 20px 0 20px 0;
text-align: left;
z-index: 0;
}

#day-in-life-slideshow {
float: left;
padding: 20px 0 20px 0;
}



/*Footer*/

#footer {
position: absolute;
left: 0px;
top: 4px;
}

#footer li {
list-style: none;
display: inline;
font-size: 10px;
line-height: 12px;
color: #fff;
padding-right: 10px;
}

#footer li a {
color: #FFFFFF;
}

#footer li a:hover {
color: #98A22D;
}

#leaf-logo {
position: absolute;
right: -10px;
bottom: -20px;
}