/*
	HubSpot.com Styles
	-------------------
	By Todd Garland
	-------------------
*/



/* ----------------------------------------------------*/
/* ---------->>> Main Layout Definitions <<<-----------*/
/* ----------------------------------------------------*/

html,body{margin:0;padding:0;text-align:center;font-family:verdana,arial,helvetica,sans-serif;font-size:12px;color:#414141;}

img{border:none;}
a{text-decoration:underline;}
a:hover{text-decoration:none;}

h1,h2,h3,h4,h5,h6{font-family:georgia,"Times New Roman",times,serif;font-weight:normal;}
p,ul,ol,li,h1,h2,h3,h4,h5,h6{padding:0;margin:0;}

#container{margin:0 auto;width:910px;padding:0;text-align:left;background:#fff url("../../images/layout/bgHeader2.gif") repeat-x top left;}
#cwrap{margin:23px 0 25px 0;}
#twocols{width:100%;position:relative;}





/* ------------------------------------------*/
/* ---------->>> Masthead Area <<<-----------*/
/* ------------------------------------------*/

#header{position:relative;height:108px;padding:0 35px;}
#header h1{display:block;position:relative;float:left;}
#header h1 a{display:block;float:left;width:155px;height:92px;text-indent:-9000px;background:transparent url("../../images/layout/hubspot-logo.gif") no-repeat;background-position:0 4px;}

#header #auxnav,#header #nav{font-family:georgia,"Times New Roman",times,serif;}

#header #auxnav{display:block;float:right;width:70%;}
#header #auxnav ul{list-style-type:none;float:right;}
#header #auxnav ul li{float:left;margin:0 0 0 3px;}
#header #auxnav ul li a{float:left;display:block;padding:0px 0 0 0;color:#465560;text-transform:uppercase;font-size:10px;text-decoration:none;background:transparent url("../../images/layout/auxnav_left.gif") no-repeat top left;}
#header #auxnav ul li a span{float:left;display:block;height:19px;padding:7px 18px 0 18px;background:transparent url("../../images/layout/auxnav_right.gif") no-repeat top right;}
#header #auxnav ul li a:hover{color:#e36f1e;cursor:pointer;}

/* new login button style */
#header #auxnav ul li.login a{color:#e36f1e;font-weight:bold;}




#header #nav{display:block;float:right;width:80%;margin:49px 0 0 0;}
#header #nav ul{list-style-type:none;display:block;float:right;}
#header #nav ul li{display:block;float:left;margin:0 0 0 6px;}
#header #nav ul li a{display:block;float:left;color:#465560;font-size:17px;text-decoration:none;font-weight:normal;}
#header #nav ul li a span{display:block;float:left;height:25px;padding:8px 20px 0 20px;}
#header #nav ul li a:hover{background:transparent url("../../images/layout/nav_left.gif") no-repeat top left;cursor:pointer;}
#header #nav ul li a:hover span{background:transparent url("../../images/layout/nav_right.gif") no-repeat top right;}

#header #nav ul li.selectedtab a,#header #nav ul li.selectedtab a:hover{background:#e36f1e url("../../images/layout/nav_left.gif") no-repeat;background-position:0 -33px;color:#fff;}
#header #nav ul li.selectedtab a span,#header #nav ul li.selectedtab a:hover span{background:transparent url("../../images/layout/nav_right.gif") no-repeat;background-position:right -33px;}


/* ----------------------------------------------*/
/* ---------->>> Homepage Specific <<<-----------*/
/* ----------------------------------------------*/

.home #header-banner{display:block;width:100%;height:188px;background:transparent url("../../images/layout/bg_header-banner.gif") no-repeat 100% 100%;}

.home #header-banner #image{display:block;float:left;margin:0 35px 0 20px;width:45%;overflow:hidden;}
.home #header-banner #text{display:block;float:left;margin:5px 35px 0 35px;width:55%;overflow:hidden;}
.home #header-banner #buttons{display:block;float:left;margin:37px 35px 0 20px;width:30%;overflow:hidden;}

.home #header-banner h1{color:#fff;font-size:27px;padding:27px 0 4px 0;}
.home #header-banner ul{list-style-type:none;display:block;}
.home #header-banner ul li{color:#fff;display:inline-block;clear:right;margin:9px 15px 0 0;padding:0 0 0 9px;font-size:14px;background:transparent url("../../images/icons/bullet_white.gif") no-repeat;background-position:0 8px;}
.home #header-banner a.cta{float:left;margin:15px 21px 0 0;font-family:georgia,"Times New Roman",times,serif;color:#fff;font-size:15px;font-style:italic;}
.home #header-banner a.button{margin-top:12px;color:#465560;}

.home #website-grader{display:block;border-left:1px dotted #bbb;background:#f2f2f2;padding:16px;margin:25px 0 0 0;}
.home #website-grader h3{color:#e36f1e;font-size:16px;margin:0;}
.home #website-grader p{margin:0;padding:0;}
.home #website-grader img{border:1px solid #bbb;float:right;}
.home #website-grader img:hover{border:1px dotted #ccc;}

.home #maincol h2{color:#e36f1e;padding:10px 0 5px 0;font-size:24px;}
.home #maincol p{margin:5px 0;}
.home #maincol p a{font-family:georgia,"Times New Roman",times,serif;font-size:14px;font-style:italic;color:#589ceb;}

.home #rightcol{width:455px;float:right;position:relative;}

a.squareButton{display:block;text-align:center;line-height:215%;padding:0 15px;font-size:20px;color:#465560;border:1px solid #83bbd9;background:#dcf2fc url("/Portals/53/skins/todd-hubspot/images/layout/squarebuttonbg.png ") repeat-x left center;font-family:georgia,times,serif;text-decoration:none;}
a.squareButton:hover{text-decoration:underline;}


/* ----------------------------------------------*/
/* ---------->>> Left Column Area <<<------------*/
/* ----------------------------------------------*/

#leftcol{width:219px;float:left;position:relative;overflow:hidden;}

#leftcol #leftnav{display:block;margin:24px 0 6px 0;padding:0 0 16px 0;background:transparent url("../../images/layout/bg_leftnav.gif") repeat-x bottom left;}
#leftcol #leftnav ul{list-style-type:none;display:block;font-family:georgia,"Times New Roman",times,serif;}
#leftcol #leftnav ul li{display:block;font-size:15px;}
#leftcol #leftnav ul li a{display:block;position:relative;height:19px;color:#455560;border-top:1px solid #dbdbdb;line-height:125%;padding:7px 0 7px 20px;text-decoration:none;}
html>body #leftcol #leftnav ul li a{height:auto;}
#leftcol #leftnav ul li a span{display:block;}
#leftcol #leftnav ul li a:hover{background:#ececec url("../../images/layout/leftnav-carrot.gif") no-repeat 0 13px;}

#leftcol #leftnav ul li.selectedtab a,#leftcol #leftnav ul li.selectedtab a:hover{color:#e36f1e;background:none;}

#leftcol #leftnav ul li.separator{display:none;}
#leftcol #leftnav ul li.childitem1 a,#leftcol #leftnav ul li.childitem1 a:hover{padding:5px 0 6px 32px;border:none;font-size:13px;background:transparent url("../../images/icons/bullet_grey.gif") no-repeat;background-position:21px 12px;}
#leftcol #leftnav ul li.last a{}

#leftcol #leftnav ul li.childitem1 a:hover{text-decoration:underline;}

#leftcol h1{font-size:18px;}


/* ---------------------------------------------*/
/* ---------->>> Main Column Area <<<-----------*/
/* ---------------------------------------------*/

#maincol{float:left;display:inline;position:relative;width:415px;padding:0 20px;}
#maincol h1{color:#e36f1e;font-size:26px;}
#maincol h2{color:#455560;font-size:21px;padding:20px 0 3px 0;}
#maincol h3{color:#455560;font-size:17px;line-height:150%;margin:10px 0 0 0;}
#maincol h3 a{color:#e36f1e;}
#maincol p{line-height:155%;margin:15px 0;}
#maincol p a,#maincol li a{color:#589ceb;}
#maincol ul,ol{margin:10px 0;color:#414141;}
#maincol ul{list-style-type:none;}
#maincol ul li{display:block;position:relative;padding:6px 0 3px 12px;background:transparent url("../../images/icons/bullet_grey.gif") no-repeat;background-position:0 14px;line-height:145%;}
 


/* --------------------------------------------*/
/* ---------->>> Reusable Blocks <<<-----------*/
/* --------------------------------------------*/
div.block{display:block;float:left;width:179px;padding:0 20px 13px 20px;margin:0 0 16px 0;background:transparent url("../../images/layout/bg_news-block.gif") repeat-x top left;}
div.block h3{font-size:21px;width:100%;padding:13px 0 0 0;margin:0 0 4px 0;background:transparent url("../../images/layout/bg_news-top.gif") no-repeat top center;}

/* Blank Block */
div.blank{background:none;width:219px;padding:0;}

/* news block */
div.news{margin:0 16px 0 0;}
div.news h3{color:#455560;}
div.news ul{list-style-type:none;}
div.news ul{list-style-type:none;}
div.news ul li{display:inline-block;clear:right;margin:8px 0 0 0;padding:0 0 0 9px;background:transparent url("../../images/icons/bullet_orange.gif") no-repeat;background-position:0 8px;}
div.news ul li a{color:#414141;}
div.news ul li span.date{display:block;margin:2px 0 0 0;color:#999;font-size:10px;font-style:italic;}


div.news div.ItemLink{display:inline-block;clear:right;margin:8px 0 0 0;padding:0 0 0 9px;background:transparent url("../../images/icons/bullet_orange.gif") no-repeat;background-position:0 8px;}
div.news div.ItemLink a{color:#414141;}
div.news div.ItemInfo{display:block;margin:2px 0 0 0;color:#999;font-size:10px;font-style:italic;padding:0 0 0 9px;}


/* request-demo block */
div.request-demo{background:transparent url("../../images/layout/bg_request-demo-block.gif") repeat-x top left;}
div.request-demo h3{color:#915d0c;background:transparent url("../../images/layout/bg_request-demo-top.gif") no-repeat top center;}
div.request-demo p a{color:#cd830c;text-decoration:none;}


/* webinar block */
div.webinar{background:transparent url("../../images/layout/bg_webinar-block.gif") repeat-x top left;}
div.webinar h3{color:#465560;background:transparent url("../../images/layout/bg_webinar-top.gif") no-repeat top center;}
div.webinar h4{color:#e36f1f;padding:0;margin:5px 0;font-size:21px;}
div.webinar h5{color:#808080;padding:0;font-size:15px;font-style:italic;margin:0 0 5px 0;}
div.webinar p{line-height:155%;}
div.webinar p a{text-decoration:none;text-align:center;}


/* quote block */
div.quote{background:transparent url("../../images/layout/bg_quote-block.gif") repeat-x top left;width:175px;}
html>body div.quote{width:179px;}
div.quote h3{color:#915d0c;background:transparent url("../../images/layout/bg_quote-top.gif") no-repeat top center;text-indent:-9000px;height:4px;}
div.quote p{display:block;clear:both;color:#aaa;font-family:georgia,"Times New Roman",times,serif;background:transparent url("../../images/layout/quote-right.gif") no-repeat top right;margin:10px 0 0 0;}
div.quote span.name{color:#2d3941;}

div.quote p.quote{display:inline;color:#4071a1;font-size:15px;font-style:italic;line-height:155%;margin:0;background:none;padding:6px 0 0 35px;background:transparent url("../../images/layout/quote-left.gif") no-repeat top left;}

/* pricing table */
table.pricing{padding:0;margin:10px 0;border-collapse:collapse;width:100%;color:#414141;}
table.pricing td.right{text-align:right;}
table.pricing thead tr td{border-bottom:2px solid #ddd;padding:7px;font-weight:bold;font-size:12px;white-space:nowrap;}
table.pricing thead tr td i{font-size:10px;color:#e36f1e;}
table.pricing thead tr td a{text-decoration:none;color:#414141;}
table.pricing tbody tr td{border-bottom:1px solid #ddd;padding:7px;border-right:1px solid #e2e2e2;border-left:1px solid #e2e2e2;}
table.pricing tbody tr td.last{border-right:none;}
table.pricing tbody tr td a{text-decoration:none;color:#2b72c4;}
table.pricing tbody tr td a:hover{text-decoration:underline;}
table.pricing tbody tr.price td{border:none;background:transparent url("../../images/layout/bg_footer.gif") repeat-x 0 0;}


/* ----------------------------------------*/
/* ---------->>> Footer Area <<<-----------*/
/* ----------------------------------------*/

#footer{height:55px;background:transparent url("../../images/layout/bg_footer.gif") repeat-x top left;clear:both;font-family:georgia,"Times New Roman",times,serif;color:#bbb;padding:13px 18px;}

#footernav ul{list-style-type:none;float:left;width:55%;}
#footernav ul li{float:left;}
#footernav ul li a{float:left;display:block;color:#455560;text-decoration:none;}
#footernav ul li a span{float:left;display:block;padding:0 9px;}
#footernav ul li a:hover{text-decoration:underline;cursor:pointer;}

#footer p.copyright{float:right;width:40%;text-align:right;}
#footer p.copyright a{color:#bbb;}


/* ------------------------------------*/
/* ---------->>> Buttons <<<-----------*/
/* ------------------------------------*/

div.buttons{width:100%;text-align:center;}
div.buttons div{}

a.button{display:table;height:28px;background:transparent url("../../images/layout/button_left.gif") no-repeat top left;font-family:georgia,"Times New Roman",times,serif;font-size:15px;color:#465560;font-style:italic;}
a.button span{display:inline-block;height:24px;padding:4px 15px 0 20px;background:transparent url("../../images/layout/button_right.gif") no-repeat top right;}
html>body a.button span{display:block;}
a.button:hover{color:#000;cursor:pointer;}
div.buttons a.button{display:inline-block;}
div.buttons a.previous{float:left;}
div.buttons a.next{float:right;}


/* Exceptions */
#header-banner a.button span{background:transparent url("../../images/layout/button_right-header.gif") no-repeat top right;}



/* -----------------------------------------------*/
/* ---------->>> Innerpage Specific <<<-----------*/
/* -----------------------------------------------*/

#container.innerpage{background:#fff url("../../images/layout/bg_header-inner.gif") repeat-x top left;}
#container.innerpage #maincol{float:right;width:616px;padding:40px 40px 20px 35px;}





/* -----------------------------------------------*/
/* ---------->>> Blog/News Section <<<------------*/
/* -----------------------------------------------*/

#listing,div.post,#listing div{margin:0;padding:0;}
#listing div.post{color:#414141;font-size:12px;}
#listing div.post h3{font-family:georgia,"Times New Roman",times, serif;color:#455560;line-height:150%;margin:10px 0 0 0;padding:0;border:none;}
#listing div.post h3 a{color:#455560;margin:0;padding:0;font-size:17px;}
#listing div.post h3 a:hover{text-decoration:underline;}
#listing div.post div a{color:#666;}
#listing div.post a{font-size:12px;color:#589ceb;}
#listing div.post p.ListingText{font-size:12px;color:#414141;}
#listing div.post p{margin:8px 0 0 0;}
#listing div.post hr{height:1px;background:#ccc;}
#listing div.post p.postfoot{color:#999;font-style:italic;font-size:11px;margin:0;padding:0;text-align:left;}
#listing p[align="center"]{text-align:left;}






/* ---------------------------------------------*/
/* -------------->>> Bio Blocks <<<-------------*/
/* ---------------------------------------------*/

#maincol div.photo{display:block;background:#f1f1f1;float:left;width:48%;margin:10px 10px 0 0;border:1px solid #ccc;}
#maincol div.photo img{height:103px;width:80px;display:block;float:left;margin:5px 10px 5px 5px;border:2px solid #e2e2e2;padding:1px;}
#maincol div.photo p b{font-size:20px;font-family:georgia,"Times New Roman",times,serif;color:#e36f1e;font-weight:normal;padding-top:5px;display:block;}
#maincol div.photo p a{color:#455560;font-size:12px;}
#maincol div.photo p{margin:5px 0 0 0;padding:0;line-height:125%;font-size:12px;color:#fff;}




/* ---------------------------------------------*/
/* ---------->>> Flotation Device <<<-----------*/
/* ---------------------------------------------*/

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */