/*  ------------------------------  */
/*  STRUCTURE                       */
/*  ------------------------------  */
html,body{margin:0;padding:0;text-align:center;line-height:145%;font-family:Helvetica,Verdana,Arial,sans-serif;background:#e9e9e9;}
a:hover{text-decoration:none;}
#body{width:100%;display:block;}
#container{display:block;width:555px;text-align:left;background:#fff;margin:35px auto;border-top:1px solid #e1e1e1;}
div.pad{display:block;padding:0 20px;}
#header{width:100%;}
#header div.pad{padding:0;}

#oneColumn{width:100%;overflow:hidden;}
#oneColumn #col1{width:100%;padding-bottom:100px;}
#twoColumn{float:left;width:100%;overflow:hidden;}
#twoColumn #col1{width:64.9%;}
#twoColumn #col2{width:35%;}
#col1 div.pad{padding:10px 0 0 0;text-align:center;}
#col1{float:left;position:static;}
#col2 div.pad{padding:0;}
#col2{float:left;position:static;}
#footer div.pad{padding:0;}

/*  ------------------------------  */
/*  HEADER                          */
/*  ------------------------------  */
#header{background:#fff;}
#header span.logo img{border:none;}
#header span.logo{display:-moz-inline-block;display:inline-block;font-size:30px;margin:20px 0 0 20px;padding:5px 0 3px 0;position:relative;font-family:helvetica,verdana,sans-serif;}
#header span.logo span.icon{display:block;height:13px;width:11px;background:transparent url("http://static.hubspot.com/img/grader.com.icon.png") no-repeat 0 0;top:0;right:43px;position:absolute;}
#header span.logo a{display:block;float:left;color:#e36f1e;text-decoration:none;letter-spacing:-1px;font-weight:bold;margin:0 0 5px 0;}
#header span.logo a strong{display:block;float:left;color:#fff;background:#f27e2e;padding:4px 6px;margin:0 3px 0 0;}
#header span.logo a span{display:block;float:left;padding:4px 0;}
#header span.logo a em{display:block;float:left;font-style:normal;font-size:14px;padding:9px 0 0 0;}

/*  ------------------------------  */
/*  CONTENT                         */
/*  ------------------------------  */
#content{display:block;}
#content div#col2 div.intro{margin:20px 15px 0 0;background:#fff;}
#content div#col2 div.intro h3{padding:8px;margin:0 0 13px 0;background:#dd650d;color:#fff;font-family:Georgia, "Times New Roman", Times, serif;font-size:26px;line-height:100%;font-weight:normal;}
#content div#col2 div.intro p.description{font-size:13px;color:#414141;margin:0;padding:0 20px 0 8px;line-height:155%;}

div.graders{width:100%;}
div.graders ul{list-style-type:none;margin:0;padding:0 20px;}
div.graders ul li{display:block;margin:15px 15px 0 0;padding:0;text-align:left;width:100%;background:#f3f3f3;}
div.graders ul li a{display:block;padding:10px 15px;text-decoration:none;border:1px solid #e9e9e9;color:#e36f1e;margin:0;}
div.graders ul li a:hover{border-color:#ccc;}
div.graders ul li a span.title{display:block;font-size:19px;text-decoration:underline;line-height:18px;}
div.graders ul li a span.description{display:block;margin:4px 0 0 0;color:#414141;font-size:14px;line-height:16px;}

/*  ------------------------------  */
/*  MESSAGE                         */
/*  ------------------------------  */
div.message{display:block;padding:10px 20px 10px 20px;margin:15px 20px;clear:both;background:#ffe6bf;color:#333;line-height:155%;font-size:16px;}
div.message span.title{margin-right:6px;font-weight:bold;color:#020202;}
div.message{background:#fff9d8;border-top:1px solid #e9e1af;border-bottom:1px solid #e9e1af;}
div.message a{color:#589ceb;}

/*  ------------------------------  */
/*  FOOTER                          */
/*  ------------------------------  */
#footer{padding:5px 15px;margin:15px 0 0 0;clear:both;font-size:12px;background:#e9e9e9;border-top:1px solid #e1e1e1;height:75px;text-align:center;}
#footer img.poweredby{margin:5px 10px 0 0;float:left;}
#footer a{color:#999;}
#footer a:hover{text-decoration:underline;}
#footer p.copyright{font-size:12px;color:#999;line-height:145%;margin:6px 0 0 0;padding:0;}