/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */

/* colours
yellow:
#f2b51c
green:
#3a6532
*/

body{
    background: url(../images/page-bg.jpg) top center no-repeat;
    padding-top:50px;
    font-family: arial;
    font-size:12px;
    line-height:18px;
}
/*header*/
#header{
background:none repeat scroll 0 0 #FFFFFF;
border:5px solid #F2B51C;
height:140px;
margin-bottom:115px;
margin-left:auto !important;
margin-right:auto !important;
margin-top:0 !important;
position:relative;
width:800px;
}

#header h1 a{
    display: block;
    background: url(../images/logo.jpg) top center no-repeat;
    height: 102px;
    width:345px;
    text-indent:-9999px;
    position:absolute;
    top:20px;
    left:10px;
    
}

#header ul#main-nav{
    position:absolute;
    right:15px;
    bottom:15px;
}
#header ul#main-nav li{
    float: left;
    margin-left:10px;
    padding-right:10px;
    border-right:1px solid gray;
    height:18px;
}
#header ul#main-nav li.last{
    margin-right:0px;
    border-right: none;
}
#header ul#main-nav li a{
color:black;
font-size:12px;
text-decoration:none;
vertical-align:top;
}

/*page*/
#pagewrap{
    width:574px;
    margin:0 auto -65px auto !important;
    padding:65px 100px 200px 100px;
    background:#ffffff;
    position:relative;
    
}

h2{
    font-size:350%;
    color: #f2b51c;
    font-style:italic;
    font-weight:bolder;
    text-align:center;
    margin-bottom:50px;
}
h3{
    font-size: 150%;
    line-height:150%;
    color: #3a6532;
    margin-bottom:10px;
    margin-top:20px;
}
p.intro{
    font-size:150%;
    line-height:150%;
    color: #3a6532;
}
p{
    margin-bottom:10px;
}
#contact p{
    text-align:center;
}
#footer-photos{
    background:url('../images/footer-photos.jpg');
    height:101px;
    width:574px;
    position:absolute;
    bottom:15px;
}
#chemcity{
    background:url('../images/chemcity.jpg');
    height:62px;
    width:72px;
    position:absolute;
    bottom:15px;
    right:15px;
}
/*footer*/
#footer{
    height:45px;
    padding-top:65px;
    border-top:10px solid #f2b51c;
    background: #3a6532;
    color: #ffffff;
    text-align:center;
    z-index: -1000;
}
#footer-inner{
    height:45px;
    padding-top:65px;
    width:810px;
    margin:-65px auto 0px !important;
    position:relative;
}
#globe{
background:url("../images/globe.png") repeat scroll 0 0 transparent;
height:132px;
position:absolute;
right:-172px;
top:-80px;
width:132px;
}
#leaf{
background:url("../images/leaf.png") repeat scroll 0 0 transparent;
bottom:0;
height:340px;
left:-157px;
position:absolute;
width:311px;
}