/* CSS Document */
/* Author: Sean Gilbert, Pilotage Inc. */

img {
vertical-align:top;
border:none;
}

object, embed {
display:block;
}

/* -------------- Basics --------------------------- */
body {
margin:15px 0 0 0;
padding:0;
color: #666;
font:11px "Lucida Grande", Arial, sans-serif;
}

#oneColumn {
background:#150F07;
}

#twoColumn {
background:#150F07;
}

#threeColumn {
background:#150F07;
}

#wrapper {
width:900px;
margin:0 auto;
background:#150F07;
}

#header {
width:100%;
height:90px;
background:url(body_img/header_bg.gif) repeat-x;
}

#header img {
float:left;
}

h1, h2, h3, h4, h5, h6, p, li, dt, dd, address {
text-shadow:0 0 0 #000;
}

h1 {
margin: 0;
padding: 0;
font-size: 150%;
color: #FF0000;
text-indent: -9000px;
}
h2 {
color:#DCDBF0;
}

/* ---------------OLD NAVIGATION -------------------
#mainNav
{
margin:0;
padding: 0;
width: 800px;
height:60px;
font-weight: bold;
font-size: 90%;
}

#mainNav ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#mainNav li
{
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}

#mainNav a
{
color:#FFF;
text-shadow:0 0 0 #000;
display: inline;
width: auto;
text-decoration: none;
margin: 0;
padding: 5px 15px;
border-right: 1px solid #666;
}

#mainNav a:hover, #mainNav a:active {color:#FFF;text-shadow:0 0 12px #FFF;}

#mainNav a.active:link, #mainNav a.active:visited
{
position: relative;
z-index: 102;
background: #BBB;
color:#FFF;
font-weight: bold;
}


body.home #mainNav a#home, body.staff #mainNav a#staff, body.work #mainNav a#work, body.contact #mainNav a#contact { 
color: #fff;
text-decoration: underline;
}
body.home #mainNav a:hover#home, body.work #mainNav a:hover#work, body.contact #mainNav a:hover#contact, body.staff #mainNav a:hover#staff {
color:#FFF;
}

*/

/* -------------------------- content ----------------------------------------- */

#primaryContent {
float:left;
width:900px;
color:#FFF;
font-size:160%;
display:inline;
margin:30px 0 20px 0;
}

#twoColumn #primaryContent {
width:669px;
color:#FFF;
font-size:160%;
float:left;
margin:30px 0 20px 230px;
border-left:1px dotted #666;
}

#twoColumn #secondaryContent {
display:none;
}

#threeColumn #primaryContent {
width:335px;
color:#FFF;
font-size:160%;
float:left;
margin:30px 0 20px 230px;
border-left:1px dotted #666;
}

#secondaryContent {
width:318px;
color:#FFF;
float:left;
margin:30px 0 20px 15px;
border-left:1px dotted #666;
}

#sideContent {
float:left;
width:215px;
margin:30px 0 20px -900px;
}

#oneColumn #secondaryContent, #oneColumn #sideContent {
display:none;
}

/* box */

.box {
margin:0 0 0 25px;
padding:0;
}

.content p {
line-height:2em;
}

.content h2 {
margin:0;
}

.content h3 {
color:#999;
}

.content h3 {
color:#999;
margin:15px 0 -10px 0;
}

.content img {
float:left;
margin:0 15px 5px 0;
border:1px solid #333;
}

.content a {
color:#95C270;
text-decoration:none;
border-bottom:1px dotted #95C270;
}

.content li {
margin:5px 0 0 0;
}

.content li a {
color:#FFF;
text-decoration:none;
border-bottom:1px dotted #FFF;
}

.thumbnails p {
font-size:10px;
margin:0;
}

.cbb {
margin:0;
}

.side {
line-height:1.5em;
padding:0 0 15px 0;
}

.side a {
color:#95C270;
}

.side ul {
list-style:none;
padding:0;
}

.spacer {
clear: both;
}


/* ------------------- footer -------------------------------- */

#footer{
clear:both;
width:900px;
height: 85px;
padding: 0px;
border-top:1px dotted #666;
}
#footer p {
font-weight: bold;
}

#footer a {
color:#95C270;
padding:0 2px 0 2px;
}

/* ------------------------ form styles ----------------------------------- */

fieldset {
width: 146px;
border: 0;
margin: 0 0 10px 0;
padding: 5px;
}

.side fieldset {
width: 146px;
border: 0;
margin:0 0 10px 0;
padding:0;
}

legend {
text-transform: uppercase;
font-size: 110%;
font-weight: bold;
margin: 0 0 2px 0px;
padding: 2px;
background:#95C270;
color:#DCDBF0;
}

.default legend {
display: none;
}

label {
display: none;
}

.default label {
display: block;
font-weight: bold;
}

input {
margin-top:4px;
padding: 2px;
border: 0;
background: #D7E7E9;
color: #333;
}

textarea {
margin-top:0;
padding: 2px;
border: 0;
background: #D7E7E9;
color: #333;
}

.default input {
display: block;
}

/* drop shadow effect for the gallery thumbnails. Sadly this requires a div to be wrapped around the image markup, which is a shame */

.img-wrapper {
margin: 20px 40px 0 0;
float:left;
line-height:0;
}
 
.img-wrapper img {
float:none;
margin:0;
background:#FFF;
padding:4px;
border:1px solid #DCDBF0;
}

/* used to ensure all our floated thumbnails stay the right width away from the left side of the box */

.thumbnails {
margin: 10px 0 20px 20px;
}

/* spacer used immediately after the floated gallery thumbnails to ensure the box expands to hold them all */

.spacer {
clear: both;
}

/*--------------------------------- extras ------------------------------------------------- */

.inc {
font-size:8pt;
}