@charset "UTF-8";
/* CSS Document */

body { background:#000; font:83%/1.3em Arial, Helvetica, sans-serif; color:#333; text-align:center; margin:0; padding:0; }
/* typography */
a { color:#347b1a; text-decoration:none; }
a:hover { color:#66ab4d; }
a.button { background:url(../images/menu-tile-off.png) repeat-x left center; text-decoration:none; padding:5px 10px; color:#fff; text-transform:uppercase; font-size:1em; }
a.button:hover { background:url(../images/menu-tile-on.png) repeat-x left center;color:#fff; }
.block-inside a{font-weight:bold;}
h1 { font-size:1.5em; line-height:1.3em; margin:0; }
h2, h3 { margin-top:0; margin-bottom:10px; line-height:1.2em; }
.block-inside h3{color:#09f;}
h4, h4 a { color:#3d9444; margin:0; padding:0 0 15px; font-size:1.1em; text-decoration:none; }
h4 a:hover { color:#09f; }
p { margin:0 0 15px; }
small { color:#09f; font-weight:bold; font-size:1em; display:block; margin-bottom:15px; }
/* layout */
.container { width:950px; margin:0 auto; text-align:left; }
#main { background:url(../images/body-bkgd-inside.png) repeat-x #d2ebc2; border-bottom:3px solid #96b970; }
.home #main{background:url(../images/body-bkgd.png) repeat-x #d2ebc2;}
#main .container { min-height:400px; }
/* header */
#header { height:138px; margin-bottom:10px; }
#header h1, #header small{margin:0;padding:0;display:none;}
/* top right "i want to" box */
.iwantto { width:203px; height:127px; float:right; background:url(../images/i-want-to.png) no-repeat; margin-top:9px; }
.iwantto ul { list-style:none; margin:50px 20px 0; padding:0; line-height:1.5em; }
.iwantto li.first { border-bottom:1px solid #000; }
.iwantto li.mid { border-bottom:1px solid #000; border-top:1px solid #555 }
.iwantto li.last { border-top:1px solid #555 }
.iwantto a { color:#ff9; text-decoration:none; }
.iwantto a:hover { color:#b1d33b }
/* top left logo and menu bar */
.main-nav { float:left; }
/* logo  */
a.logo { display:block; width:213px; height:70px; margin-top:15px; }
#marketing a.logo, #about a.logo, #contact a.logo, #news a.logo, #services a.logo { background:url(../images/greenest-marketing-logo.png) no-repeat; }
#design a.logo { background:url(../images/greenest-design-logo.png) no-repeat; }
/* menu */
ul.menu { list-style:none; margin:9px 0 0; padding:0; }
ul.menu li { float:left; padding:0 10px; text-transform:uppercase; line-height:32px; }
ul.menu li:hover, #marketing .marketing, #design .design, #hosting .hosting, #about .about, #news .news, #contact .contact, #marketing .on { background:url(../images/menu-tile-on.png) repeat-x left center; }
ul.menu a { text-decoration:none; color:#d5e8cb; }
ul.menu li:hover a, #marketing .marketing a, #design .design a, #hosting .hosting a, #about .about a, #news .news a, #contact .contact a { color:#fff; }
/* block */
.block { border:1px solid #ababab; background:#fff; padding:1px; margin-bottom:20px; }
.block-inside { display:block; border:2px solid #fff; background:#fff url(../images/featured-tile.png) repeat-x; padding:30px; min-height:400px;}
/* special blocks */
#block-content { width:665px; float:left; }
#design #block-feature .block-inside{min-height:0;}
#block-sidebar { float:right; width:280px; margin-left:-1px; background:#e2dddc; border:1px solid #ababab; color:#888;margin-bottom:20px;}
#block-sidebar .block-inside { background:#fff url(../images/text-column-tile.png) repeat-x top left; padding:20px;margin:0px;}
.free{background:url(../images/free.png) no-repeat right top;}
#block-sidebar h3 { font-size:1.4em; color:#333; }
#block-sidebar ul { margin:10px 0 20px; padding:0; }
#block-sidebar ul li { list-style:none; margin:0 0 5px; padding:0 }
#block-sidebar ul li a { color:#888; text-decoration:none; }
#block-sidebar ul li a:hover { color:#96b970; text-decoration:underline; }
/* images */
img{border:none}
.image-block { border:1px solid #b5b5b5; background:#d2d2d2; padding:3px 3px 0; float:left; border-top:1px solid #fff; border-left:1px solid #fff; margin:0 20px 0 0; }
.image-block img { border-left:1px solid #b5b5b5; border-top:1px solid #b5b5b5; border-bottom:1px solid #fff; border-right:1px solid #fff; }
#design #block-feature .image-block{border:1px solid #b5b5b5;position:relative;}
img.featured{border:none;position:absolute;top:-4px;left:-4px;}
img.thumbnail{float:left;margin-right:20px;}
/* footer */
#footer { color:#fff; border-top:3px solid #000; padding:20px; font-size:.9em; color:#ccc; overflow:auto; }
#footer a { color:#96b970; }
.footer-column { float:left; width:120px; margin-right:30px; }
#footer .long { width:610px; }
#footer h3 { color:#fff; text-transform:uppercase; font-size:.9em; }
.footer-column ul li, .footer-column ul { list-style:none; margin:0; padding:0; }
/* forms */
fieldset{border:none;margin:0;padding:0;}
legend{font-size:1.2em;font-weight:bold;margin:0;padding:0;}
label{display:block;font-weight:bold;margin-top:10px}
.required{color:#900;}
.button{clear:both;width:auto;background:url(../images/menu-tile-on.png) repeat-x;border:none;text-transform:uppercase;color:#fff;padding:5px 10px;}
#block-sidebar legend{color:#333;}
#block-sidebar label{font-weight:normal;margin-top:5px;}
#block-sidebar input{width:200px;}
#block-sidebar input.button{width:auto;margin-top:5px;}
/* home */
.home #header{margin-bottom:6px;}
.home .white{color:#fff;text-decoration:underline;}
.home #block-feature{color:#fff;}
.home #block-feature p{padding-left:10px;padding-right:10px;}
.home #block-feature h1{font:normal 3.5em 'Myriad Pro','Helvetica Neue', Arial, sans-serif;padding-top:30px;}
.home #block-feature h2{color:#ff9}
.home #block-feature h3{font:normal 1.3em Arial, Helvetica, sans-serif;}
.home #block-feature .image-block{float:left;border:none;background:url(../images/home-image-bkgd.png) no-repeat center bottom;height:275px;}
.home #block-feature .image-block img{border:none;background:none;}
/* projects */
.projects .block-inside img{float:left;border:3px solid #999;margin-right:15px;margin-bottom:30px;}
.projects .separator {clear:both;margin-top:20px;padding-top:20px;}
/* principles */
.principles{padding-left:20px;}
.principles li{margin-bottom:15px;}
.principles strong{color:#09f;}
/* news */
img.press{float:left;margin:0 15px 15px 0;border:2px solid #ccc; }
p.clear{border-top:1px solid #ddd;padding:10px 0 0;margin-top:10px;}
.newsarticles{list-style:none;margin:0;padding:0;}
.newsarticles li{line-height:1.3em;clear:both;padding:5px 0;}
.date{float:left;text-align:right;width:14%;margin-right:10px;color:#333}
.text{float:left;width:82%}
/* miscellaneous */
.clear { clear:both; }
.separator { border-top:1px solid #e3e3e3; margin-top:30px; padding-top:30px; }