body {
    color: #444;
    font-family: "lucida grande",verdana,arial,sans-serif;
    background: #3B3224;
	font-size: 75%;     /* for IE/Win */
	margin: 0;
}

html>body {font-size:11px} /* for everything else */

div,table,td,th {
    font-size: 1em;
    line-height: 1.6em;
}

p {margin: 10px 0;}

img {border: 0;}

a:link {text-decoration: none; color: #657300;}
a:visited {text-decoration: none; color: #707f00;}
a:hover {text-decoration: underline; color: #707f00;}
a:active {text-decoration: none; color: #707f00;}

#header_contact a:link {text-decoration: none; color: #999;}
#header_contact a:visited {text-decoration: none; color: #999;}
#header_contact a:hover {text-decoration: none; color: #707f00;}
#header_contact a:active {text-decoration: none; color: #999;}

#credit a:link {text-decoration: none; color: inherit;}
#credit a:visited {text-decoration: none; color: inherit;}
#credit a:hover {text-decoration: underline overline; color: inherit;}
#credit a:active {text-decoration: none; color: inherit;}


/**************************************************** HEADINGS */

h1 {color: #666; font-size: 2em;}
h2 {
    color: #555;
    font-size: 1.6em;
    margin: 0 0 5px 0;
}
h3 {
    color: #333;
    font-size: 1.4em;
    margin: 0 0 5px 0;
}
h4 {color: #333;
    font-size: 1.2em;
    margin: 0 0 10px 0;
}
    
/****************************************************  */

#wrapper {
    width: 930px;
    margin-left: auto;
    margin-right: auto;
    background: #fff url('../images/bg_tile.gif') repeat-y;
}

#header {
    position: relative;
    width: 860px;
/*    height: 120px;*/
    margin: 0 0 0 32px;
    padding: 0 0 0 0;
    background-color: #fff;
}

#header_contact {
    position: absolute;
    top: 75px;
    right: 0;
    color: #999;
}

#nav {
    position: absolute;
    top: 98px;
    right: 0;
    height: 26px;
}

#nav ul {
    margin: 0;
    padding: 0;
}

#nav ul li{
    list-style: none;
    float: left;
    padding: 0 0 0 2px;
}

#content {
    width: 860px;
    height: auto;
    margin: 10px 0 10px 32px;
}

#footer {
    width: 930px;
    height: 45px;   
    background: #fff url('../images/footer_bg.gif') no-repeat; 
}

#footer_nav {
    width: 860px;
    height: 22px;
    margin: 0 0 0 32px;    
    background: #cdd173 url('../images/footcap.gif') no-repeat top left; 
    font-size: 0;
}

#footer_nav ul {
    margin: 0;
    padding: 0 0 0 2px;
}

#footer_nav ul li{
    list-style: none;
    float: right;
    padding: 0 0 0 2px;
    background-color: #fff;
}

#credit {
    width: 930px;
    height: 22px;
    margin-left: auto;
    margin-right: auto;
    padding: 16px 32px 0 0;
    text-align: right;
    color: #8b8e4e;
    font-size: .9em;
}

#grass_cell {
    width: 232px;
    min-height: 200px;
    float: right;
    background: #bdd73c url('../images/grassbox.jpg') no-repeat bottom left;    
}

#home {
    float: left;
    width: 330px; 
    padding: 15px 0 0 0;  
}

#design {
    float: left;
    width: 330px;
}

#installation {
    float: left;
    width: 374px;
}

#maintenance {
    float: left;
    width: 310px;
}

#speaking {
/*    float: left;*/
/*    width: 375px;*/
    margin: 0 0 0 0;
}

#outreach_slides {
    display: none;
    height: 338px;
}

#speaking_image {
    width: 460px;
    background: transparent url("../images/speaking_image.jpg") no-repeat 6px 0;
}

#p2_link {
    float: right;
    width: 240px;
    clear: both;
    margin: -100px 20px 0 0;
}

html>body #p2_link {   /* for browsers that don't suck */
    float: right;
    width: 240px;
    clear: both;
    margin: -80px 60px 0 0;
}

#links {
    float: left;
    width: 320px;    
}

#links ul {
    padding: 0;
    margin: 6px 0 12px 0;
}

#links ul li{
    list-style: none;
}

#slideshowControls {
    display: block;
    float: left;
    width: 300px;
    height: 20px;
    text-align: left;
    padding: 0 0 8px 0;
    font-weight: bold;
/*    border: 1px solid #ff0000;*/
}

#slideshowControls img {
    float: left;
    padding: 0 2px 0 0;
}

#imageDetails {
    padding: 0 0 8px 0;
/*     border: 1px solid #ff0000;*/
}

.dashCellFull {
    position: relative;
    width: 860px;
    height: auto;
    margin: 0 0 10px 0;
    background: #fff url('../images/dashbg_full.gif') repeat-y;  
    text-align: top;  
}

.dashCellHalf {
    position: relative;
    width: 430px;
    min-height: 200px;
    background: #fff url('../images/dashbg_half.gif') repeat-y;  
}

.triCellGreen {
    width: 300px;
    padding: 10px;
    background-color: #bdd73c;    
}

.dashCellMini {
    position: relative;
    width: 203px;
    min-height: 200px;
    background: #fff url('../images/dashbg_mini.gif') repeat-y;    
}

.dashCell309 {
    position: relative;
    width: 309px;
    background: #fff url('../images/dashbg_309.gif') repeat-y;   
}

.dashCell535 {
    position: relative;
    width: 535px;
    background: #fff url('../images/dashbg_535.gif') repeat-y;   
}

.greenCell {
    position: relative;
    width: 180px;
    min-height: 200px;
    background-color: #bdd73c;    
}

.greenCell320 {
    position: relative;
    width: 320px;
    min-height: 200px;
    background-color: #bdd73c;    
}

.greenCell535 {
    position: relative;
    width: 536px;
    min-height: 200px;
    background-color: #bdd73c;    
}

.grassCellBody {
    padding: 20px 10px 10px 20px;
}

.cellBody {
    padding: 20px 10px 10px 20px;
}

.cellBodyRight {
    padding: 10px 10px 10px 0;  
    display: inline block;
    text-align: top;
}

.cellImageLeft {
    float:left;
}

div.dashTop {
    height: 6px;
    font-size: 0;
}

div.dashBottom {
    position: absolute;
    bottom: 0;
    height: 6px;
    clear: both;
}


.dashCell535 .dashTop {
    width: 535px;
    background: #fff url('../images/dashtop_535.gif') no-repeat top left;
}
.dashCell535 .dashBottom {
    width: 535px;
    background: #fff url('../images/dashbottom_535.gif') no-repeat top left;
}


.dashCell309 .dashTop {
    width: 309px;
    background: #fff url('../images/dashtop_309.gif') no-repeat top left;
}
.dashCell309 .dashBottom {
    width: 309px;
    background: #fff url('../images/dashbottom_309.gif') no-repeat top left;
}


.dashCellFull .dashTop {
    width: 860px;
    background: #fff url('../images/dashtop_full.gif') no-repeat;
}
.dashCellFull .dashBottom {
    width: 860px;
    background: #fff url('../images/dashbottom_full.gif') no-repeat;
}


.dashCellMini .dashTop{
    width: 203px;
    background: #fff url('../images/dashtop_mini.gif') no-repeat top left;
}
.dashCellMini .dashBottom {
    width: 203px;
    background: #fff url('../images/dashbottom_mini.gif') no-repeat;
}


.dashCellHalf .dashTop {
    width: 430px;
    background: #fff url('../images/dashtop_half.gif') no-repeat top left;
}
.dashCellHalf .dashBottom {
    width: 430px;
    background: #fff url('../images/dashbottom_half.gif') no-repeat;
}


.greenTop {
    width: 180px;
    height: 6px;
    font-size: 0;
    background: #fff url('../images/greentop.gif') no-repeat;    
}

.greenBottom {
    position: absolute;
    bottom: 0;
    width: 180px;
    height: 6px;
    background: #fff url('../images/greenbottom.gif') no-repeat;    
}

.greenTop320 {
    width: 320px;
    height: 6px;
    font-size: 0;
    background: #fff url('../images/greentop320.gif') no-repeat;    
}

.greenBottom320 {
    position: absolute;
    bottom: 0;
    width: 320px;
    height: 6px;
    background: #fff url('../images/greenbottom320.gif') no-repeat;    
}

.grassTop {
    width: 232;
    height: 6px;
    font-size: 0;
    background: #fff url('../images/grasstop.gif') no-repeat;    
}

.homeCell {
    margin: 6px 12px 6px 0;
    font-size: 1.1em;
    line-height: 1.5;
}

div.gallerySection {
    padding: 0 0 10px 0;
}

div.publishedItem {
    line-height: 1.2;
    margin: 0 0 12px 0;
}

div.publishedMinis {
    margin: 4px 0 0 0;
}

div.publishedMinis img {
    margin: 0 4px 4px 0;
}

span.inlineH1 {
    font-size: 2em;
    color: #ac1c74;
}

span.inlineH2 {
    font-size: 1.5em;
    color: #ac1c74;
}

span.inlineH3 {
    color: #ac1c74;
    font-weight: bold;
}

span.inlineWhiteH3 {
    color: #fff;
    font-weight: bold;
}

span.inlineH4 {
    color: #ac1c74;
}

span.byline {
    font-style: oblique;
    color: #777;
}

.dotRule {
    padding: 4px 0 12px 0;
    border-top: 2px dotted #fff;
    border-bottom: 2px dotted #fff;
}


ul.flush {
    padding: 0;
    margin: 6px 0 18px 0;
}

ul.bulletless li{
    list-style: none;
}


img.bordered {
    border: 1px solid #ccc;
}

img.cellLeft {
/*    display: inline;*/
    float: left;
    padding: 4px 20px 4px 6px;
}

img.galleryThumb {
    border: 1px solid #ccc;
    width: 80px;
    height: 80px;
    margin: 0 14px 12px 0;
}

img.slugLeft {
    float: left;
    margin: 3px 8px 3px 0;
}

/************************************************************/


.right {
    float: right;
}

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

.clear {clear: both;}

/**************************************************** HACKS */

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-block; _height: 1%; }
 /* Hides from IE-mac \*/
.clearfix { display: block; }
/* End hide from IE-mac */