/* -- PLEASE DO NOT REMOVE OR EDIT THIS FILE WITHOUT TALKING TO KEN FIRST -- */

/* -----------------------------------------

 Title : HubSpot.com - Base

----------------------------------------- */

html {overflow:auto;}
html, body {background:url(/Portals/53/template/bg-body.png) top repeat-x!important; margin:0; padding:0; width:100%;}

body {font:.9em Arial,Helvetica,sans-serif!important; color:#414141;}

a {color:#0099ff; text-decoration:none; outline:none;}
a:hover {text-decoration:underline;}

/* -- GENERAL -- */
.clear {clear:both; height:1%;}
.floatright {float:right;}
.floatleft {float:left;}
.hide {visibility:hidden;}

/* -------- SEARCH -------- */
#search {width:175px; height:20px; position:absolute; top:77px; right:5px; z-index:1;}

/* -------- TEXT -------- */
div#brighton_content li, .ISContent, .ItemLink a, p {font:12px Arial,Helvetica,sans-serif!important;}

div#brighton_content p {margin:0 0 18px 0; line-height:16px!important;}

div#brighton_col2 h1 {font-family:Georgia,"Times New Roman",Times,serif; color:#e36f1e;}
div#brighton_col2 h2 {font-family:Georgia,"Times New Roman",Times,serif; color:#e36f1e;}
div#brighton_col2 h3 {font-family:Georgia,"Times New Roman",Times,serif; color:#e36f1e;}
div#brighton_col2 h4 {font-family:Georgia,"Times New Roman",Times,serif; color:#e36f1e;}

#brighton_content div.block h3 {font-family:Georgia,"Times New Roman",Times,serif; color:#e36f1e;}

div#brighton_col2 ul, div.block ul {margin:0 0 8px 25px; list-style-type:disc;}
div#brighton_col2 ul li, div.block ul li {padding:0 0 4px 0;}

/* -------- LAYOUT -------- */
div#brighton_body {}

div#brighton_container {position:relative; width:980px!important;}

div#brighton_header span.logo {margin:11px 0 0 15px;}

div#brighton_header #auxnav {background:url(/Portals/53/template/bg_auxnav.png) top no-repeat!important; position:absolute; top:0; right:0; width:380px; margin:0; padding:0;}
div#brighton_header #auxnav ul {float:right; margin:6px 0 0 0; padding:0; list-style-type:none;}
div#brighton_header #auxnav ul li {float:left; margin:0 0 0 3px;}
div#brighton_header #auxnav ul li a {background:none; float:left; height:26px; padding:0; color:#465560; text-transform:uppercase; font-size:10px; text-decoration:none; display:block;}
div#brighton_header #auxnav ul li a span {background:none; float:left; display:block; height:26px; padding:0 16px 0 0;}
div#brighton_header #auxnav ul li a:hover {color:#e36f1e; cursor:pointer;}
div#brighton_header #auxnav ul li.login a {margin-top:-1px; color:#e36f1e; font-weight:bold;}

/* -------- MENU -------- */
div#brighton_menu {background:url(/Portals/53/template/bg_menu.png) top no-repeat; height:32px!important; margin:11px 0 5px 0; padding-left:0!important;}
div#brighton_menu ul {margin-top:3px!important;}
div#brighton_menu ul li a {background-color:transparent!important;}
div#brighton_menu ul li a:hover {background-color:transparent!important;}
div#brighton_menu ul li a span {font-size:11px; color:#fff; text-transform:uppercase;}
div#brighton_menu ul li a:hover span {color:#444;}
div#brighton_menu ul li.last a span {background-image:none;}

#brighton_sub-menu ul li a {color:#414141;}

div#brighton_sub-menu, div#brighton_sub-menu ul {padding:0!important;}

/* -------- COLUMNS -------- */
div#brighton_two-column div#brighton_col1 div.pad {margin-left:0!important; padding-left:0!important;}
div#brighton_two-column div#brighton_col2 div.pad {margin-right:0!important; padding-right:0!important;}

div#brighton_two-column div#brighton_col1 div.pad ul {padding:5px 0 10px 15px; list-style-type:disc;}
div#brighton_two-column div#brighton_col1 div.pad ul li {}

div#brighton_two-column-right div#brighton_col2 div.pad {padding-left:0!important;}
div#brighton_two-column-right div#brighton_col3 div.pad {padding-right:0!important;}

/* -------- BLOG -------- */
div#bb-container div.post p, div#bb-container div.post li {font-size:13px!important;}
div#brighton_two-column div#brighton_col2 div.pad textarea.NormalTextBox {/* overflow:auto; */}

/* -------- FOOTER -------- */
div#brighton_footer {font-size:12px; border-top:1px solid #ececec!important;}

div#brighton_footer .text, div#brighton_footer .copyright {font-size:11px!important;}

div#brighton_footer .text {float:left; margin-top:0; color:#444!important; display:none;}
div#brighton_footer .copyright {float:left; margin-top:2px; clear:none!important; color:#8b8b8b;}
div#brighton_footer .copyright a {color:#8b8b8b; text-decoration:none;}
div#brighton_footer .copyright a:hover {text-decoration:underline;}

div#brighton_footer div#sm {float:right;}
div#brighton_footer div#sm a {}

/* -------- CTAs -------- */
#brighton_col2 div.post .cta-post h3 {background:url(http://cdn.blog.hubspot.com/style/cta-head-background.png) no-repeat; text-shadow:1px 1px 0 #634428; font-family:Arial,Helvetica,sans-serif !important; font-size:1.2em !important; font-weight:bold !important; color:#fff !important; padding:3px 14px 16px !important; margin:0 -23px 7px !important; text-align:center}
#brighton_col2 div.post .cta-post {background:url(http://cdn.blog.hubspot.com/style/cta-background.png) no-repeat left bottom; padding:0 23px 25px; margin:20px 0 0}
#brighton_col2 div.cta-post .cta-image {float:left}
#brighton_col2 div.cta-post img {width:120px; border:solid 5px #ccc}
#brighton_col2 div.cta-post .cta-content {padding-left:145px}

#brighton_col2 div.post .cta-post h4 {margin:0 0 15px !important; font-family:Georgia,"Times New Roman",Times,serif !important; font-size:1.3em; line-height:100%}
#brighton_col2 div.post .cta-post .cta-content a {padding-left:40px; display:block; line-height:125%; min-height:32px}
#brighton_col2 div.post .cta-document .cta-content a {background:url(http://cdn.blog.hubspot.com/style/document-link.png) no-repeat left center !important}
#brighton_col2 div.post .cta-download .cta-content a {background:url(http://cdn.blog.hubspot.com/style/download-link.png) no-repeat left center !important}
#brighton_col2 div.post .cta-video .cta-content a {background:url(http://cdn.blog.hubspot.com/style/video-link.png) no-repeat left center !important}
#brighton_col2 div.post .cta-webinar .cta-content a{background:url(http://cdn.blog.hubspot.com/style/webinar-link.png) no-repeat left center !important;}

/* -------- IE -------- */
#hsjssp {height:0; display:block; margin-top:-35px\9;} /* for IE only */