html,body {
height: 100%;
}
body {
background-color: #eaeaea;
font-family: Helvetica,"FreeSans","Nimbus Sans L",sans-serif;
font-size: 9.5pt;
}
body,.black {
color: #212121;
}
a {
color: #6EAC34;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
body,h1,h2,h3,p {
margin: 0;
padding: 0;
}
h1 {
font-size: 3em;
color: #6EAC34;
margin-bottom: 0.5em;
}
h2 {
color: #3e372a;
margin-bottom: 0.4em;
}
h3 {
margin-top: 1.5em;
margin-bottom: 0.5em;
}
p {
line-height: 1.3em;
margin-bottom: 1.2em;
}
#header,#menu,#page,#footer {
width: 100%;
}
.wrapper {
width: 880px;
margin: 0 auto;
position: relative;
}
.temp {
color: red;
font-style: italic;
}
.tab {
display: inline-block;
width: 4em;
}
#header {
height: 126px;
background: #3e372a;
background: -webkit-gradient(linear,left top,left bottom,from(#3e372a),to(#655b4a));
background: -moz-linear-gradient(top,#3e372a,#655b4a);
}
#header #logo-icon {
z-index: 100;
position: absolute;
left: -22px;
background: transparent url(../img/logo_icon.png) no-repeat 0 0;
width: 184px;
height: 186px;
}
#header #logo-text {
position: absolute;
top: 24px;
left: 155px;
background: transparent url(../img/logo_text.png) no-repeat 0 0;
width: 280px;
height: 77px;
}
#header #partners {
position: absolute;
right: 0;
top: 44px;
background-color: #3e372a;
font-weight: bold;
border: 1px solid #6b6a5a;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
padding: 9px 14px;
}
#header #partners,#header #partners a {
color: #a59678;
}
#menu {
border-top: 1px solid #fff;
font-weight: bold;
float: left;
margin-bottom: -25px;
}
#menu ul {
list-style: none;
float: right;
margin: 0;
padding: 0;
max-width: 720px;
}
#menu ul li {
float: left;
vertical-align: top;
}
#menu ul li.divider {
position: relative;
z-index: 10;
width: 2px;
min-height: 71px;
background: transparent url(../img/nav_break.png) no-repeat 0 0;
margin-left: 15px;
}
#menu ul li a {
display: inline-block;
padding-top: 15px;
margin-left: 15px;
margin-top: -1px;
}
#container {
min-height: 100%;
position: relative;
}
/* Page */
#page {
clear: both;
padding-bottom: 4em;/* Height of footer */
}
#page #main,#page #content {
z-index: 1;
min-width: 914px;
min-height: 382px;
margin-left: -18px;
}
#page #main {
background: transparent url(../img/main_image.jpg) no-repeat 0 0;
}
#page #content {
min-width: 794px;
min-height: 322px;
padding: 60px 60px 0 60px;
background: transparent url(../img/content_background.png) no-repeat 0 0;
}
#page #content li {
color: #6EAC34;
line-height: 1.6em;
}
/* Articles */
#page .article {
display: inline-block;
width: 415px;
vertical-align: top;
padding: 10px;
}
#page .article img {
float: right;
}
#page .article p {
text-align: justify;
}
#page .article.image p {
float: left;
width: 230px;
}
#page .article.image.wide p {
width: 190px;
}
#page .article a.button,
#page .article a.triangle {
display: inline-block;
margin-top: 0.5em;
}
#page .article a.button {
color: white;
font-weight: bold;
padding: 0.3em 1.1em;
background: #69a82e;
background: -webkit-gradient(linear,left top,left bottom,from(#a7db74),to(#69a82e));
background: -moz-linear-gradient(top,#a7db74,#69a82e);
border: 2px solid #fff;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
}
#page .article a.button:hover {
text-decoration: none;
background: #a7db74;
background: -webkit-gradient(linear,left top,left bottom,from(#69a82e),to(#a7db74));
background: -moz-linear-gradient(top,#69a82e,#a7db74);
}
#page .article a.triangle {
background: transparent url(../img/link_arrow.png) no-repeat 0 1px;
padding-left: 12px;
}
hr {
height: 0;
border-top: 1px solid #fff;
border-bottom: 1px solid #d8d8d8;
border-right: none;
border-left: none;
margin-bottom: 20px;
}
#footer {
font-size: 0.9em;
background-color: #3e372a;
position: absolute;
bottom: 0;
height: 1em;
padding: 1em 0;
}
#footer,#footer a {
color: #999;
}
#footer .lhs {
float: left;
}
#footer .rhs {
float: right;
}
body.contact #gmap,#page #content .lhs,#page #content .rhs {
display: inline-block;
}
body.contact #gmap {
border: 1px solid #ccc;
width: 300px;
height: 400px;
}
#page #content .lhs {
vertical-align: top;
width: 590px;
margin-right: 20px;
}
#page #content .rhs {
width: 171px;
}
body.contact #page #content .lhs {
width: 400px;
margin-right: 80px;
}
#page #content .rhs .box {
display: inline-block;
background: transparent url(../img/promo_box.png) no-repeat 0 0;
width: 171px;
height: 135px;
margin-bottom: 1em;
color: #76ae40;
text-shadow: #fff 1px 1px 1px;
font-size: 1.3em;
}
#page #content .rhs .box div {
width: 100%;
height: 100%;
display: table;
}
#page #content .rhs .box p {
padding: 0 20px;
margin: 0;
display: table-cell;
vertical-align: middle;
text-align: center;
}
body.bios #page #content img {
clear: left;
display: inline-block;
margin-right: 10px;
}
body.bios #page #content div.bio {
vertical-align: top;
display: inline-block;
width: 620px;
margin-bottom: 30px;
}
/* Menu */
body.home #menu ul li.home a,
body.who #menu ul li.who a,
body.what #menu ul li.what a,
body.think #menu ul li.think a,
body.work #menu ul li.work a,
body.bios #menu ul li.bios a,
body.blog #menu ul li.blog a,
body.contact #menu ul li.contact a {
color: #615847;
background: transparent url(../img/nav_arrow.png) no-repeat 50% 0;
}
body.partners #header #partners a.partners,
body.careers #header #partners a.careers {
color: #ccc;
}
/* Blog */
body.blog #page #content li {
color: black;
}