body { margin:0; background:#e9e9e9; font-family:'Open Sans', Arial, sans-serif; font-size:12px; color:#999; }
#wrapper { width:960px; margin:0 auto; background:#fff; }
#header { height:90px; background:#fff; border-bottom:4px solid #7aa84b; }
#logo { float:left; font-family:'Lobster', cursive; font-size:34px; color:#7aa84b; padding:22px 0 0 20px; }
#phone { float:right; padding:34px 20px 0 0; font-size:14px; color:#7aa84b; }
#nav { background:#7aa84b; height:34px; }
#nav ul { margin:0; padding:0; list-style:none; }
#nav li { float:left; }
#nav a { display:block; padding:9px 18px; color:#fff; text-decoration:none; font-size:12px; }
#nav a:hover { background:#5f8a36; }
#hero img { width:960px; display:block; }
#content { padding:20px 25px; overflow:hidden; }
#main { float:left; width:600px; }
#sidebar { float:right; width:270px; background:#f4f4f4; padding:12px; }
h2 { color:#7aa84b; font-weight:normal; font-size:20px; margin:10px 0; }
h4 { color:#666; margin:6px 0; }
p { line-height:18px; }
a { color:#7aa84b; }
.box { width:280px; float:left; margin-right:20px; }
#footer { clear:both; background:#333; color:#777; padding:14px 25px; font-size:11px; }
#footer a { color:#999; }
.demo-note { color:#bbb; margin-top:6px; }