/* Green - #6c9d30 */

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

html {
    height:100.1%;
}

body {
    background:#160e02 url(../images/bg_body.png) repeat-y center top;
}


/* Layout -----------*/

#container {
    margin:0 auto;
    width:900px;
}

#head {
    /*background:url(../images/bg_head.png) repeat-x left top;
    */ height:90px;
    margin:1em 0 0;
    position:relative;
    width:100%;
}

#page {
    overflow:auto;
    padding:2em 0;
}

#home #page {
    padding:0;
}

#rightcol {
    float:right;
    margin-right:10px;
    width:220px;
}

#leftcol {
    float:left;
    margin-right:30px;
    width:160px;
}

#sidebar {
    float:left;
    margin-bottom:30px;
    width:350px;
}

#main {
    float:right;
    margin-bottom:30px;
    width:550px;
}

#footer {
    border-top:1px solid #4a3619;
    clear:both;
    padding:30px 0 1em;
    text-align:right;
    width:100%;
}


/* Index ---------------*/

#indeximg {
    background:url(../images/bg_indeximg.png) no-repeat left top;
    behavior:url("../includes/iepngfix.htc");
    clear:both;
    display:block;
    height:254px;
    padding:10px 0;
    width:100%;
}

#indeximginner {
    background-color:#150d02;
    border:1px solid #43321e;
    display:block;
    height:250px;
    margin:0 10px;
    overflow:hidden;
    padding:1px;
    width:876px;
}


/* Navigation ----------*/

#nav {
    background:url(../images/bg_head.png) repeat-x left top;
    height:28px;
    position:absolute;
    right:0;
    top:24px;
    z-index:10;
}

#nav li {
    cursor:pointer;
    float:left;
    height:28px;
    list-style-type:none;
    margin:0;
    overflow:hidden;
    padding:0;
    text-indent:-999em;
}

#nav a {
    background-repeat:no-repeat;
    behavior:url("../includes/iepngfix.htc");
    border:0;
    cursor:pointer;
    display:block;
    height:28px;
    overflow:hidden;
    text-decoration:none;
}

#nav img {
    display:block;
    width:100%;
}

#nav a:link,
#nav a:visited {
    background-position:0 0;
}

#nav a:hover {
    background-position:0 -28px;
}

#home #nav_home, #material #nav_material, #inuse #nav_inuse, #portfolio #nav_portfolio, #case #nav_case, #technology #nav_technology {
    background-color:#6c9d30;
    background-position:0 -28px;
}

#nav_home {
    background-image:url(../images/nav_home.png);
    width:58px;
}

#nav_material {
    background-image:url(../images/nav_material.png);
    width:116px;
}

#nav_inuse {
    background-image:url(../images/nav_use.png);
    width:124px;
}

#nav_portfolio {
    background-image:url(../images/nav_portfolio.png);
    width:90px;
}

#nav_technology {
    background-image:url(../images/nav_leed.png);
    width:124px;
}

#nav_case {
    background-image:url(../images/nav_case.png);
    width:106px;
}


/* Small Nav */

#smallnav {
    height:24px;
    position:absolute;
    right:3px;
    top:50px;
    z-index:100;
}

#smallnav li {
    cursor:pointer;
    float:left;
    height:24px;
    list-style-type:none;
    margin:0;
    overflow:hidden;
    padding:0;
    text-indent:-999em;
}

#smallnav a {
    background-repeat:no-repeat;
    behavior:url("../includes/iepngfix.htc");
    border:0;
    cursor:pointer;
    display:block;
    height:24px;
    text-decoration:none;
}

#smallnav img {
    display:block;
    width:100%;
}

#smallnav a:link, #smallnav a:visited {
    background-position:0 0;
}

#smallnav a:hover {
    background-position:0 -28px;
}

#about #nav_about, #contact #nav_contact, #jnd #nav_jnd  {
    background-color:#6c9d30;
    background-position:0 -28px;
}

#nav_about {
    background-image:url(../images/nav_about_copy.png);
    width:68px;
}

#nav_contact {
    background-image:url(../images/nav_contact.png);
    width:84px;
}

#nav_jnd {
    background-image:url(../images/nav_sg.png);
    width:122px;
}

#nav_landscaping {
    background-image:url(../images/nav_landscaping.png);
    width:90px;
}


/* Side Bar Nav */

#sidebar ul {
    margin:0 0 40px;
    width:250px;
}

#sidebar li {
    background:url(../images/bg_nav_sidebar.png) no-repeat left bottom;
    font-size:0.95em;
    letter-spacing:0.1em;
    line-height:2em;
    list-style-type:none;
    margin:0;
    padding: 4px 0 0;
    text-align:left;
    text-transform:uppercase;
}

#sidebar li a {
    border:0;
    padding:0;
    text-decoration:none;
}

#sidebar li a:link, #sidebar li a:visited {
    color:#8c3;
}

#sidebar li a:hover {
    color:#bfb09c;
}

#sidebar li.current a {
    color:#fff;
    font-weight:bold;
}


/* Subpages ----------------------*/

.sectionimg {
    margin:0 0 30px;
    text-align:right;
    width:100%;
}

.sectionimg img {
    border:1px solid #8c3;
    overflow:hidden;
    padding:2px;
    text-align:right;
}


/* Green - #6c9d30 */

body {
    font-family:"lucida grande", verdana, geneva, helvetica, arial, sans-serif;
    font-size:62.5%;
}

input, select, textarea {
    font-family:"lucida grande", verdana geneva, helvetica, arial, sans-serif;
}

h1, h2, h3, h4, h5, h6, address, blockquote, dl, ol, p, ul {
    margin:0 0 1em;
    padding:0;
}

h1, h2, h3, h4, h5, h6, address, blockquote, dd, dt, li, p {
    line-height:1.6em;
}


/* Headings --------------------*/

.ir {
    background-position:left top;
    background-repeat:no-repeat;
    display:block;
    line-height:1em;
    margin:0;
    overflow:hidden;
    text-align:left;
    text-indent:-999em;
}

.ir a {
    background-color:transparent;
    border:0;
    display:block;
    height:100%;
    text-decoration:none;
    width:100%;
}

h1#logo {
    behavior:url("../includes/iepngfix.htc");
    background-image:url(../images/logo.png);
    height:80px;
    width:260px;
}

h2#tagline {
    background-image:url(../images/index_tagline.png);
    background-position:top right;
    height:59px;
    margin:0 0 1em;
    width:100%;
    behavior:url("../includes/iepngfix.htc");
}

h1, h2{
    color: #f5f5f5;
}

h3 {
    color:#fff;
    font-family:arial, helvetica, sans-serif;
    font-size:2.8em;
    font-weight:normal;
    line-height:1em;
    margin:0;
    padding:0;
    text-align:right;
}

h4 {
    color:#8c3;
    font-family:georgia, 'times new roman', serif;
    font-size:1.3em;
    font-style:italic;
    font-weight:normal;
    line-height:1em;
    margin:0 0 50px;
    padding:0;
    text-align:right;
}

h5 {
    color:#fff;
    font-family:arial, helvetica, sans-serif;
    font-size:1.7em;
    font-weight:bold;
    line-height:1em;
    margin:0 0 2px;
    padding:0;
}


/* Standard Typgography --------*/

#page a:link, #page a:visited {
    color:#8c3;
}

#page a:hover {
    color:#bfb09c;
}

a img {
    border:0;
}

dd {
    color:#fff;
    font-size:1.2em;
    text-indent:1.5em;
}

dd .grecaptcha-badge {
    text-indent: 0;
}

dt {
    color:#fff;
    font-size:1.6em;
    font-weight:bold;
    margin-top:1.5em;
    text-transform:uppercase;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}

p {
    color:#d5caba;
    font-size:1.2em;
}

#main dl dd ul li{
    list-style-type:none;
}

#main ul li a{
    color:#8c3;
    font-size:0.9em;
    letter-spacing:1px;
    line-height:1.8em;
    list-style-type:none;
    margin-left:20px;
    text-transform:uppercase;
}

#main ul li a:hover{
    color:white;
}

#main ul, #main ol{
    margin-left:2em;
    color:#d5caba;
}

#main ol{
    list-style-type:roman;
    margin-left:3em;
}

#main ul{
    list-style-type:square;
}

#main blockquote{
    color:#f5f5f5;
    width:70%;
}


/* Images */
#main img.thumb {
    border:1px solid #8c3;
    padding:2px;
}



/* Footer */

#footer p {
    color:#75634d;
    font-size:1.1em;
}


/* Lists --------------*/

dl.indexblurbs {
    float:left;
    margin:2em 20px 30px 0;
    overflow:auto;
    width:285px;
}

dl.last {
    margin-right:0;
}

.indexblurbs dt {
    color:#8c3;
    font-family:"garamond pro", georgia, "times new roman", serif;
    font-size:1.4em;
    font-style:italic;
    text-transform:lowercase;
}

.indexblurbs dt span {
    color:#fff;
    font-family:"lucida grande", verdana geneva, helvetica, arial, sans-serif;
    font-size:0.8em;
    font-style:normal;
    letter-spacing:1px;
    text-transform:uppercase;
}

.indexblurbs dd {
    color:#bfb09c;
    font-size:1.1em;
}

#sidebar dl {
    width:250px;
}

#sidebar dt {
    font-size:1.1em;
}

#sidebar dd {
    color:#968771;
    font-size:1.1em;
    margin:0 0 0.7em;
}


/* Forms -----------*/

dd p {
    font-size:1.2em;
    margin:0;
}

#contactform {
    margin-top:1em;
}

input, textarea {
    border:0;
    background: transparent url(../images/bg_nav_sidebar.png) no-repeat left bottom;
    color:#fff;
    font-size:0.9em;
    margin-bottom:2px;
    margin-left:5px;
    padding:2px;
}

input:focus, textarea:focus {
    background:none;
    border:1px dotted #968771;
}

label {
    color:#6c9d30;
    float:left;
    font-size:0.75em;
    font-weight:bold;
    letter-spacing:1px;
    line-height:1.5em;
    padding-right:4px;
    text-transform:uppercase;
    width:60px;
}

.button {
    margin-left:68px;
}

button {
    background-color:#2d1c05;
    border:2px solid #968771;
    color:#fff;
    cursor:pointer;
    font-size:0.75em;
    font-weight:bold;
    letter-spacing:1px;
    padding:2px 4px;
    text-transform:uppercase;
}


/*---- sIFR ---*/
.sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
}

.sIFR-replaced {
    visibility: visible !important;
}

.sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
}

.sIFR-active h3,
.sIFR-active h5 {
    visibility: hidden;
    font-family: Verdana, sans-serif;
    line-height: 1em;
    margin: 0;
    padding: 0;
}

/* Tables */
table{
    border:1px solid #333;
    border-collapse:collapse;
    background:transparent;
    color:#fff;
}

table tr{
    border-bottom:1px solid #666;
}

table tr td{
    text-align:center;
    padding:1em;
    border-right:1px dashed #333;
}

table th{
    font-size:1.4em;
    padding:1em;
}

table tr.thead{
    background-color:#3e2707;
    color:#f5f5f5;
}