/* Colours

Dark Green - #006940
Grey Summary Shade - #F0F0F0
Text Summary - #747F83

*/

/* Layout & General */



body {

}

#outer {
width: 910px;
margin-left:auto;
margin-right:auto;
}

#inner {

}



/* Header */

#header {
padding:10px 0 10px 0;
}

#header .logo {
float:left;
margin-right:10px;
}

#header .logo h1 a {
display:block;
width:190px;
height:110px;
background-image:url(images/lasplant-logo.gif);
background-repeat:no-repeat;
text-indent:-10000em;
}

#header .photo {
width:170px;
height:110px;
padding-right:10px;
float:left;
}

#header .lastphoto {
width:170px;
height:110px;
float:left;
}

/* Main */

#main {
clear:both;
}

#nav {
float:left;
width:200px;
}

#nav ul li {
border-bottom:1px solid white;
}

#nav a:link,
#nav a:visited,
#nav a:hover,
#nav a:active {
display:block;
line-height:1;
text-decoration:none;
color:#006940;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
padding:5px 10px 5px 10px;
font-weight:bold;
background-image:url(images/lasplant-nav-off.gif);
background-position:bottom left;
background-repeat:no-repeat;
}

#nav a.active:link,
#nav a.active:visited,
#nav a.active:hover,
#nav a.active:active {
background-image:url(images/lasplant-nav-on.gif);
color:white;
}

#newsletter {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
margin-top:20px;
line-height:1.8em;
}

#newsletter h4 {
font-weight:bold;
color:#006940;
}

#newsletter input {
font-size:10px;
}

#newsletterbutton {
background:#006940;
color:white;
border:1px outset #006940;
}

#content {
float:left;
width:700px;
border-left:10px solid #006940;
}

#content .summary {
width:640px;
height:130px;
background-color:#F0F0F0;
padding:15px 40px 10px 20px;
}

body.i #content .summary h2 span {
background-color:#006940;
font-weight:bold;
font-size:33px;
font-family:Arial, Helvetica, sans-serif;
color:white;
line-height:42px;
}

body.ph #content .summary h2 {
font-weight:bold;
font-size:38px;
font-family:Arial, Helvetica, sans-serif;
color:#747F83;
padding-bottom:15px;
}

body.ph #content .summary h3 span {
background-color:#006940;
font-weight:bold;
font-size:22px;
line-height:22px;
font-family:Arial, Helvetica, sans-serif;
color:white;
}

#content .headphoto {
width:700px;
height:300px;
clear:both;
}

#copy {
width:680px;
padding:10px 0 10px 20px;
border-bottom:10px solid #006940;
}

#copy .text {
width:440px;
float:left;
padding-right:20px;
padding-top:10px;
}

#copy .text h4 {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#006940;
margin-bottom:10px;
line-height:120%;
}

#copy .text h5 {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#006940;
margin-bottom:10px;
padding-top:10px;
line-height:120%;
font-size:13px;
}

#copy .text p,
#copy .text ul,
#copy .project p {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#333;
margin-bottom:10px;
line-height:140%;
}

#copy .text ul {
list-style:disc;
padding-left:30px;
}


#copy .photo {
float:right;
width:220px;
}

#copy .project {
width:680px;
border-bottom:1px dotted #333;
padding:20px 0 10px 0;
}

#copy .pcol1 {
width:200px;
float:left;
}

#copy .pcol2 {
width:460px;
float:left;
}

#copy .project h4 {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#0F2B72;
line-height:120%;
font-size:16px;
}

#copy .project h5 {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#006940;
margin-bottom:5px;
line-height:120%;
font-size:13px;
}

/* Footer */

#footer {
clear:both;
margin-left:200px;
height:125px;
background-color:#f0f0f0;
}