body
{
margin: 0;
padding: 0;
background: #FBFAF4;
color: #1F2020;
font-family: 'trebuchet ms', arial, arial, helvetica, sans-serif;
font-size: 90%;
}

/*
Positioning

These controls the page layout. Avoid editing these
*/

#page
{
margin: 0 auto;
}

#logo
{
/*margin: 1em .5em .5em .5em;*/
position: absolute;
top: 0;
left: 3.5em;
}

#masthead-wrapper
{
clear: right;
width: 100%;
background: #2b5626;
}

#masthead
{
margin: 0;
padding: 0;
min-width: 52em;
max-width: 62em; 
height: 168px;
color: #fff;
}

#masthead img /* Need this to deal with a minor IE bug involving borders */ 
{
display: block;
margin-left: 590px;
}

#contentholder
{
margin-top: 2em;
position: relative;
border: 1px solid #fff;
}

#content
{
font-family: verdana, sans-serif;
min-width: 37em;
max-width: 47em; 
padding-left: 18em;
}

#nav
{
position: absolute;
top: 48px;
left: 0;
width: 18em;
}

#footer
{
margin: 5em 0 .5em 0;
background: #0F1B14;
color: #fff;
text-align: right;
}

/*
End Positioning
*/

/*
Masthead Images

Each html file can have a unique class name
linked to a separate masthead photo.

Currently there are two different photos in
use. Details of how this works are under the
h2 heading - Masthead Images on each html page.
*/

.mthd-home {background: url(../img/bg.masthead.home.jpg) top left no-repeat #012809;}
.mthd-home2 {background: url(../img/bg.masthead.home.gold.jpg) top left no-repeat #012809;}
.mthd-other {background: url(../img/bg.masthead.other.jpg) top left no-repeat #012809;}
.mthd-gbuild {background: url(../img/bg.masthead.b.jpg) top left no-repeat #2b5626;}

/*
Content Styles

Change styles for body text, headings and
links in body text
*/

#content p
{
margin: 0 2em 1em 0;
}

#content ul
{
margin: 0 2em 1em 0;
}

#content ul li
{
margin-bottom: 1em;
}

#content h1
{
margin: 0;
margin-bottom: 0.5em;
font-family: 'trebuchet ms', arial, arial, helvetica, sans-serif;
color: #2b5626;
font-size: 160%;
text-align: left;
}

#content h2
{
margin: 0;
margin-bottom: 0.5em;
font-family: 'trebuchet ms', arial, arial, helvetica, sans-serif;
font-size: 115%;
text-align: left;
color: #2b5626
}

#content h3
{
margin: 0;
margin-bottom: 0.5em;
font-family: 'trebuchet ms', arial, arial, helvetica, sans-serif;
font-size: 100%;
text-align: left;
color: #2b5626;
}

#content h2.partner
{
margin: 0 0 0 0;
line-height: 2.5;
padding: 0;
font-family: 'trebuchet ms', arial, arial, helvetica, sans-serif;
font-size: 110%;
text-align: left;
color: #52050b;
clear: left;
}

#content h2.wedolist
{
margin: 0 0 .2em 0;
line-height: 1.2;
padding: 0 0 .5em 0 ;
font-family: 'trebuchet ms', arial, arial, helvetica, sans-serif;
font-size: 110%;
text-align: left;
color: #52050b;
clear: left;
}
img.pp /* pp = profile photo */
{
float: left;
margin: .3em .5em 0 0;
padding: .2em;
border: 1px solid #666;
}

img.map /* map = what we do rollover */
{
margin: .5em 1em 1em 1em;
padding: .5em;
}


#content a
{
color: #AB8022;
}

#content a:visited
{
color: #52050b;
}

#content a:hover
{
color: #AB8022;
}

#content a:active
{
color: #AB8022;
}

div#clientsfla
{
margin: 2em;
}

div#clientsmap
{
margin: 2em;
}

/*

Navigation Elements

Markup for links:
<li><a href="#">Text</a></li>

Markup for the current page:
<li><strong>Text</strong></li>

(This will change the arrow colour to green
and make the text bolded - the text will not
be a link)

Link states:

a - this is the standard style, applied to unvisited links
a:hover - when the mouse moves over the link
a:visited - visited links

*/
 
#nav ul
{
width: 14em;
margin: 0 3em 0 1em;
padding: 0;
list-style: none;
}

#nav ul li
{
font-size: 130%;
font-family: 'trebuchet ms', arial, arial, helvetica, sans-serif;
color: #002909;
border-top: 1px solid #000;
padding: .2em 0;
padding-left: 1.5em;
}

#nav ul li.last
{
border-bottom: 1px solid #000;
}

#nav ul li strong
{
padding-left: 20px;
font-weight: bold;
color: #2b5626;
background: url(../img/menu.arrow.green.gif) no-repeat left center;
}

#nav ul a
{
text-decoration: none;
color: #52050b;
background: url(../img/menu.arrow.stone.gif) no-repeat left center;
padding-left: 20px;
}

#nav ul a:visited
{
color: #52050b;
}

#nav ul a:hover
{
color: #ab7707;
background: url(../img/menu.arrow.red.gif) no-repeat left center;
}

.mobion
{
display: none;
}

/*
End Navigation Elements
*/

#footer h6
{
margin: 0;
margin-right: 2em;
padding: .5em 0;
font-size: 70%;
font-weight: normal;
}

#footer a
{
color: #ab7707;
text-decoration: none;
}

a img
{
border: none;
text-decoration: none;
}

#skip-content
{
display: none;
}

div.padder
{
height 14em;
}