@import "reset.css";

/* colors
darkest green (links): #357142
dark green: #6aa64d
mid green: #b9d05e
light green/yellow: #f1f08f
-----
-------------*/

body {font-size:62.5%; font-family:helvetica, arial, sans-serif; background-color:#fff; color:#000;
}

.container {width:960px; margin:0 auto;
}

.index .content {height:580px; padding:50px 60px 0 60px;
}

.index img {margin:0 0 20px 20px; float:left; display:inline;
}

.index img.border {border:solid 1px #398470;
}

#masthead {text-indent:-9999px; background:url(images/header.jpg) 0 0 no-repeat; width:960px; height:80px; position:relative;
}

.home #masthead {background:url(images/home_header.jpg) 0 0 no-repeat;
}

#masthead a {position:absolute; top:10px; left:25px; height:45px; width:330px;
}

#main-content {background-color:#f1f08f; float:right; display:inline;
}

.openhouse #main-content {background:url(images/home_icon.jpg) 50% 20px #f1f08f no-repeat;
}

.home #main-content {background:url(images/home_bg.jpg) 0 0 #f1f08f no-repeat; width:744px; height:579px;
}

.statement .col-1, .mission .col-1 {padding:30px 190px 25px 50px; width:505px;
}

.openhouse .col-1, .conversations .col-1 {padding:115px 120px 25px; width:505px;
}

.partners .col-1 {padding:115px 50px 25px; width:645px;
}

#footer {clear:both; background:url(images/footer.jpg) 0 0 no-repeat; height:40px; width:960px;
}




.partners #main-content {background:url(images/recycle_icon.jpg) 50% 20px #f1f08f no-repeat;
}

.partners img {float:left; margin:0 25px 10px -8px; display:inline; height:50px;
}

.partners .logo-group:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;
}




.conversations #main-content {background:url(images/speech_icon.jpg) 50% 20px #f1f08f no-repeat;
}

.conversations img {float:left; margin:2px 0 0 -85px;
}

.panelists {float:left; display:inline;
}

.panelists:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;
}





.designer {float:left; width:155px; height:185px; margin:0 15px 30px 0; display:inline;
}

.col-4 {padding:115px 20px 25px 45px; width:680px;
}

.design #main-content {background:url(images/swirl_icon.jpg) 50% 20px #f1f08f no-repeat;
}




.product .column {float:left; display:inline; margin:0 15px 0 0; width:155px;
}

.product #main-content {background:url(images/package_icon.jpg) 50% 20px #f1f08f no-repeat;
}




/* main nav
----------------
-------------------------------*/

div#nav {width:215px; float:left; display:inline;
}

ul#main-nav {background-color:#fff; width:210px; border:solid 4px #000; border-width:0 0 0 4px; padding:40px 0; text-indent:-9999px;
}

ul#main-nav li {margin:0 0 20px;
}

ul#main-nav li a {width:170px; height:20px; display:block; padding:0 0 0 10px; border-left:solid 10px #fff;
}

ul#main-nav li a:hover, ul#main-nav li a:focus {border-color:#6aa64d;
}

ul#main-nav li a.on {border-color:#000;
}

ul#main-nav li a#openhouse {background:url(images/nav_links_sprites.gif) 10px 0 #fff no-repeat;
}

ul#main-nav li a#conversations {background:url(images/nav_links_sprites.gif) 10px -20px #fff no-repeat;
}

ul#main-nav li a#design {background:url(images/nav_links_sprites.gif) 10px -40px #fff no-repeat;
}

ul#main-nav li a#product {background:url(images/nav_links_sprites.gif) 10px -60px #fff no-repeat;
}

ul#main-nav li a#partners {background:url(images/nav_links_sprites.gif) 10px -80px #fff no-repeat;
}

ul#main-nav li a#statement {background:url(images/nav_links_sprites.gif) 10px -100px #fff no-repeat; height:40px;
}

ul#main-nav li a#mission {background:url(images/nav_links_sprites.gif) 10px -140px #fff no-repeat;
}

ul#main-nav li a#openhouse:hover, ul#main-nav li a#openhouse.on {background-position:-170px 0;
}

ul#main-nav li a#conversations:hover, ul#main-nav li a#conversations.on {background-position:-170px -20px;
}

ul#main-nav li a#design:hover, ul#main-nav li a#design.on {background-position:-170px -40px;
}

ul#main-nav li a#product:hover, ul#main-nav li a#product.on {background-position:-170px -60px;
}

ul#main-nav li a#partners:hover, ul#main-nav li a#partners.on{background-position:-170px -80px;
}

ul#main-nav li a#statement:hover, ul#main-nav li a#statement.on {background-position:-170px -100px;
}

ul#main-nav li a#mission:hover, ul#main-nav li a#mission.on {background-position:-170px -140px;
}



/* typography
----------------
-------------------------------*/

p {font-size:1.2em; margin:0 0 10px; line-height:1.4;
}

h2 {text-indent:-9999px; height:35px;
}

h2#openhouse {background:url(images/openhouse_head.gif) 0 0 no-repeat;
}

h2#statement {background:url(images/statement_head.gif) 0 0 no-repeat; margin:0 0 20px;
}

h2#conversations {background:url(images/conversations_head.gif) 0 0 no-repeat;
}

h2#design {background:url(images/design_head.gif) 0 0 no-repeat; margin:0 0 10px;
}

h2#mission {background:url(images/mission_head.gif) 0 0 no-repeat; margin:0 0 10px;
}

h2#product {background:url(images/product_head.gif) 0 0 no-repeat; margin:0 0 20px;
}

h2#partners {background:url(images/partners_head.gif) 0 0 no-repeat; margin:0 0 20px;
}

h3, h4 {font-size:1.4em; color:#6aa64d; font-weight:bold; line-height:1.4; margin:0 0 20px;
}

.statement h3 {font-size:1.2em; font-weight:bold; color:#000; margin:20px 0 0;
}

.product h3 {font-size:1.2em; font-weight:bold; margin:0 0 7px; text-transform:uppercase; line-height:1.2;
}

.product h3.margin {margin:25px 0 7px;
}

.partners h3 {text-transform:uppercase; font-size:1.2em; font-weight:normal; color:#000; margin:30px 0 5px; clear:both;
}

h4 {margin:15px 0 0;
}

.conversations h4 {font-size:1.2em; font-weight:bold; color:#000; 
}

.product h4 {font-size:1.2em; font-weight:bold; color:#000; margin:10px 0 3px; line-height:1.2;
}

.product h4.no-margin {margin:0 0 3px;
}

h5 {font-size:1.2em; font-style:italic; font-weight:normal; margin:10px 0 5px;
}

.conversations h5 {font-size:1.2em; font-style:normal; font-weight:normal; margin:3px 0;
}

.design p, .design h4, .design h5 {font-size:1.1em; font-weight:normal; margin:0; font-style:normal; color:#000; line-height:1.2;
}

.design h4 {font-weight:bold; margin:5px 0 2px; line-height:1.2;
}

.design h5 {margin:2px 0 0;
}

.product p {margin:3px 0; line-height:1.2;
}






/* links
----------------
-------------------------------*/
 
a, a:visited {text-decoration:none; color:#357142; font-weight:bold;
}

a:hover, a:focus {text-decoration:none; color:#6aa64d;
}





/* general
----------------
-------------------------------*/

strong {font-weight:bold;
}

em {font-style:italic;
}

.highlight {color:#6aa64d; font-weight:bold;
}

.nobold {font-weight:normal;
}