/* global */

body { background:#e5e5e5; }

#container { width:960px; margin:0 auto; background:white; font-family:Georgia; }

#header { overflow:hidden; height:130px; }
#logo { display:block; width:268px; height:64px; background:url('../images/elixir_foundations_logo.png'); text-indent:-9999px; float:left; margin:40px 0 20px 60px; }
p#strap { color:#3A8E43; font-size:1.1em; float:right; margin:50px 40px 0 0; width:220px; } /* legacy, no strap anymore */

ul#nav { overflow:hidden; background:url('../images/navbg.jpg') repeat-x top; padding:0 0 0 60px; }
ul#nav li { float:left; }
a.btn { display:block; padding:15px; color:#333; text-decoration:none; border-right:1px solid #ddd; border-left:1px solid #fff; font-size:.8em; }
a.down { background:#98BD0E url('../images/btn_down.png'); border-right:1px solid #98BD0E; border-left:1px solid #98BD0E; color:#fff; }
a.ddactive { background:#98BD0E; border-right:1px solid #98BD0E; border-left:1px solid #98BD0E; color:#fff; }
div.dd { display:none; position:absolute; background-color:#98BD0E; padding:15px; width:230px; border-bottom:1px solid #5B8C01; border-right:1px solid #5B8C01; }
div.dd div { width:200px; float:left; }
div.dd div li { width:200px; }
div.dd div li a { color:#fff; text-decoration:none; line-height:1.4em; font-size:.8em;  }
div.dd div li a:hover { text-decoration:underline; }

#intro { width:435px; float:right; margin:20px; }
#intro h1 { color:#3A8E43; margin:0 0 10px 0; font-size:1.4em; }
#intro p { color:#fff; font-size:1em; line-height:1.2em; margin-bottom:10px; }

#main { overflow:hidden; padding:20px; }
#main h2 { font-size:1.2em; color:#98BD0E; margin:0 0 10px 0; font-weight:normal;  }

#sub { overflow:hidden; padding:20px; }
#sub h2 { font-size:1.2em; color:#98BD0E; font-weight:normal;  }
#sub h3 { font-size:1em; color:#98BD0E; font-weight:normal;  }

.column { width:290px; float:left; margin-right:20px; overflow:hidden; }
.column p { font-size:.8em; line-height:1.4em; margin:0 0 10px 0; color:#333; }
.end { margin-right:0; width:300px; }
.wide { width:500px; margin:0 40px; }
.full { width:840px; margin:0 40px; }

#footer { background:#666; padding:20px; overflow:hidden; }
#footer p { font-size:.7em; color:#fff; margin:0 0 10px 0;  line-height:1.4em; }
#footer p span { display:inline-block; width:40px; }
#footer .left { width:400px; float:left; }

cite { font-size:.8em; display:block; padding:5px 0; background:#e5e5e5; color:#333; }
cite a { color:#333; }

#partners {  float:right; width:160px;  }
#footer h2 { color:#98BD0E; border-bottom:1px dotted #ccc; padding:0 0 5px 0; margin-bottom:20px; }
#partners #stepclever { display:block; width:113px; height:30px; background:url('../images/partner_stepclever.png'); text-indent:-9999px; margin-bottom:10px; }
#partners #unltd { display:block; width:76px; height:30px; background:url('../images/partner_unltd.png'); text-indent:-9999px; margin-bottom:15px; }
#partners #liverpoolvis { display:block; width:78px; height:30px; background:url('../images/partner_vision.png'); text-indent:-9999px; }


#breadcrumbs { width:840px; margin:0 40px; }
#breadcrumbs p { color:#ccc; font-size:.8em; font-style:italic; }
#breadcrumbs a { color:#98BD0E; text-decoration:none; }
#breadcrumbs a:hover { text-decoration:underline; }

/* home */

#headpic { width:960px; height:360px; background:url('../images/home_graphic.gif'); }

#steps { background:#e5e5d5; overflow:hidden; margin:0 0 20px 0; padding:20px; }
.step { width:280px; float:left; }
#steps h2 { color:#333; font-size:1.6em; margin:0 0 20px 0; font-weight:normal; }
#steps h2 a { color:#333; text-decoration:none; }
#steps h2 a:hover { text-decoration:underline; }
#steps p { font-size:.9em; line-height:1.4em; color:#666; }

#enviro { margin-right:20px; }
#abstinent { margin-right:20px; }
#property {  }

#enviro h2 { background:url('../images/lrg-icons/recyclebin.png') no-repeat; display:block; height:62px; padding-left:92px; padding-top:10px; font-size:1.8em; }
#abstinent h2 { background:url('../images/lrg-icons/abstinent.png') no-repeat; display:block; height:62px; padding-left:92px; padding-top:10px; font-size:1.8em }
#property h2 { background:url('../images/lrg-icons/property.png') no-repeat; display:block; height:62px; padding-left:92px; padding-top:10px; font-size:1.8em; }

#news { }
#news h3 { margin:20px 0 10px 0; font-size:1em; }
#news h3 a { color:#3A8E43; text-decoration:none; }
#news h3 a:hover { text-decoration:underline; }
/* #news .pic { display:block; background:#e5e5e5; padding:9px; border-top:1px solid #f5f5f5; border-left:1px solid #f5f5f5; border-bottom:1px solid #ccc; border-right:1px solid #ccc; } */
#news img { width:300px; height:240px; }
a.readmore { color:#98BD0E; font-weight:bold; text-decoration:none; }
a:hover.readmore { text-decoration:underline; }

.quote { font-size:.8em; line-height:1.4em; font-weight:bold; color:#999; padding:0 10px; font-style:italic; margin-bottom:10px; }




#vote { display:block; background:#f5f5f5; height:170px; padding:20px; margin:0 0 20px 0; }
#vote fieldset { margin:0 0 10px 0; }
#vote fieldset p { margin:0; }

#twitter { display:block; background:url('../images/twitterbg.png'); height:200px; padding:20px; margin:0 0 20px 0;  }
p#tweet { font-size:1.2em; color:#fff; font-style:italic; }
p#tweet a { color:#dff; text-decoration:none; }
p#tweet a:hover { text-decoration:underline; }
p#tweet_time { color:#fff; font-style:italic; font-weight:bold; text-align:right; }
p#tweet_follow { position:absolute; margin-top:185px; margin-left:160px; }
p#tweet_follow a { font-size:1.4em; font-weight:bold; color:#fff; text-decoration:none; }
p#tweet_follow a:hover { text-decoration:underline; }

/* sub pages */

ul#subnav { width:240px; float:left; margin:40px 40px 0 0; }
ul#subnav li {  }
ul#subnav li ul { margin-bottom:20px; }
ul#subnav li a { padding:10px 20px; display:block; border-bottom:1px dotted #ccc; font-size:.8em; text-decoration:none; color:#333; }
ul#subnav li a:hover { color:#98BD0E; border-bottom:1px solid #98BD0E; }
ul#subnav li span { display:block; font-weight:bold; border-bottom:1px solid #333; padding:0 0 5px 0; }


.subarea { margin-top:40px; margin-bottom:40px; }
.subarea h1 { font-size:2em; font-weight:normal; margin:0 0 10px 0;  }
.subarea h2, .subarea h3 { margin:20px 0 10px 0; }
p.intro { font-size:1.6em; margin: 0 0 20px 0; color:#bbb; line-height:1.2em; }
.subarea ul { font-size:.8em; line-height:1.4em; padding:0 0 0 40px; margin:0 0 20px 0; color:#787878; font-style:italic; }
.subarea ul li { list-style-type:disc; margin:0 0 5px 0; }
.subarea blockquote { font-size:1.2em; margin: 0 0 20px 0; color:#bbb; line-height:1.4em; padding:0 40px; font-style:italic; }
.subarea p { }
.subarea a { color:#bbb; }

.service { margin:40px 0; padding:0 0 0 92px; }
#landscaping { background:url('../images/lrg-icons/applications-development.png') no-repeat; }
#recycling { background:url('../images/lrg-icons/edit-delete.png') no-repeat; }
.service a.image { background:url('../images/led-icons/images.png') no-repeat; padding:0 0 0 22px; display:inline-block; height:16px; }

#contentpics { float:left; width:340px; margin:40px 0 0 0; }
#contentpics img { width:300px; height:240px; margin:0 0 20px 0; }

/* about */

#backg { background:url('../images/lrg-icons/background.png') no-repeat; }
#keypoints { background:url('../images/lrg-icons/keypoints.png') no-repeat; }
#benefits { background:url('../images/lrg-icons/benefits.png') no-repeat; }

/* case studies */

.case { margin:40px 0; overflow:hidden; }
.case a.image { background:url('../images/led-icons/magnifier.png') no-repeat; padding:0 0 0 22px; display:inline-block; height:16px; }
.case div { float:left; width:280px; }

#sidepics { float:left; width:340px; margin:40px 0 0 0; }
#sidepics p { font-size:.8em; color:#999; font-style:italic; margin:10px 0 0 0; }
#sidepics #slideshow { height:240px; overflow:hidden; cursor:pointer; }
#slideshow img { width:300px; height:240px; }


/* news */
p.date { background:url('../images/led-icons/calendar_2.png') no-repeat; padding:0 0 0 22px; display:inline-block; height:16px; color:#547DBF; font-style:italic; }
.article { margin:40px 0; overflow:hidden; }
.article a.image { background:url('../images/led-icons/magnifier.png') no-repeat; padding:0 0 0 22px; display:inline-block; height:16px; }
.article p.pic { display:block; float:left; width:200px; background:#f5f5f5; height:160px; margin-right:20px; }
.article div { float:left; width:280px; }
.article h2 { margin:0 0 10px 0; }

/* partners */
.partner { margin-bottom:40px; }
.partner p a { background:url('../images/led-icons/world.png') no-repeat; padding:0 0 0 22px; display:inline-block; height:16px; color:#547DBF; font-style:italic; }

/* contact */

#sidebar { width:300px; float:left; }
#locationmap { display:block; width:300px; height:240px; margin:40px 0 0 0; }
#contactdetails { margin:20px 0 0 0; }
#contactdetails p { font-size:.8em; color:#999; line-height:1.2em; margin:10px 0 0 0; }

form#contact_form {}
form#contact_form p { overflow:hidden; }
form#contact_form legend { font-size:.8em; font-weight:bold; background-color:#ccc; padding:3px 5px; }
form#contact_form fieldset { background:#f5f5f5; padding:20px; margin-bottom:10px; }
form#contact_form label[for] {  }
form#contact_form label em { color:red; margin-left:4px; }
form#contact_form select {  }
form#contact_form input[type=text] { width:450px; }
form#contact_form textarea { width:450px; height:150px; }
form#contact_form label[generated=true] { color:#f00; }
form#contact_form select { border:1px solid #ccc; }
input.error,textarea.error { border:1px dotted red; }