/* ~~~~~~~~~~ global styles ~~~~~~~~~~~~~~~ */
body{font-size:62.5%;font-family:Arial, Verdana, sans-serif;text-align:center;}
a:link, a:visited{color:#ec008c;text-decoration:none;}
a:hover, a:active{text-decoration:underline;}    
div#container{margin:0 auto;width:1020px;text-align:left;}
div#header{background:url(/images/grad_bg_top.gif) repeat-x top right;height:122px;margin:0;position:relative;}
.clear{clear:both;height:0;}    
.floatLeft{float:left; padding-right:5px;}
iframe {padding: 0; margin: 0; position: relative; right: 15px}
/* ~~~~~~~~~~~~ logo ~~~~~~~~~~~~~~~~~*/    
    
div#logoWrapper{float:left;height:122px;width:266px;background:url(/images/grad_bg_tl.gif) no-repeat top left;padding:0 0 0 29px;margin:0 0 0 -27px;}
div#logo{margin:31px 0 0 0;padding:27px 50px 21px 0;border-bottom:7px solid #ec008c;}
/* Safari/Mac fixes for top navigation */
/*\*/ html>body* div#logo {
     margin:3.3em 0 0 0;
} /**/
div#logo a{margin:0;padding:12px 0 11px 0;display:block;width:225px;height: 13px}
div#logo a:hover{color:#fff;}
div#logo h1{font-weight:normal;font-size:1em;margin:0 0 0 0;padding:0;background:url(/images/takeiton_logo.gif) no-repeat bottom right;}
div#logo h1 a:hover, div#logo h1 a:active, div#logo h1 a:visited{text-decoration:none;}
div#logo h1 a span{visibility:hidden;overflow:hidden;}
    
/* ~~~~~~~~~~~~ pages not within main site nav ~~~~~~~~~~~~~~~~~*/
body#tell-a-friend, body#about-our-campaign, body#site-map{margin-left:1em;text-align:left;}
div#container div#contentWrapper div.nosubnav h1{margin-left:-8.65em;padding-left:9.47em;border-left:none;}
/* ~~~~~~~~~~~~ page content ~~~~~~~~~~~~~~~~~*/    
    
div#contentWrapper{margin:0 -28px 0 0;padding:0 44px 0 0;background:url(/images/grad_bg_right.gif) repeat-y top right;}
div#content{margin:0 0 0 -27px;padding:0 0 10px 220px;background: url(/images/grad_bg_left.gif) repeat-y top left;}
div#content h1{color:#FFF;margin:0 -15px 0 -6px;padding:23px 0 23px 15px; height:40px;font:normal 2.2em/1em Arial,Verdana,sans-serif;border-top:5px solid #FFF;border-left:5px solid #FFF;z-index:10;position:relative;background: #000;}
div#content h1.about{background:#000;}
div#content h2{margin-top:.6em;margin-bottom:.5em;font:bold 1.4em/1.5em Arial,Verdana,sans-serif; }
div#content h3{padding:0.5em 0 .5em 0;margin:1.5em 0 1em 0;font:bold 1.2em/1.5em Arial,Verdana,sans-serif; border-top:3px solid #ec008c;
border-bottom:3px solid #ec008c;}
div#content h4{padding:0.5em 0 .5em 0;margin:1.5em 0 1em 0;font:bold 1.2em/1.5em Arial,Verdana,sans-serif; border-top:3px solid #ec008c;
border-bottom:3px solid #ec008c;}
div#content h2.blue{ color:#00AEDB; font-size:1.5em;}
div#content h3.blue{border-top:3px solid #00AEDB;
border-bottom:3px solid #00AEDB; margin-top:40px; margin-bottom:10px; padding:0;}
div#content p{font:1.2em/1.5em Arial,Verdana,sans-serif;margin:0 0 1em 0;}
div#content ul{list-style:none;margin-left:0;}
body.site-map div#content ul{margin-top:2em;}
body.site-map div#content ul ul{margin-top:1em;}
body.site-map div#content ul ul li{list-style-type:none;}
div#content ul li{display: block; list-style-type:none;font:normal 1.2em/1.5em Arial,Verdana,sans-serif;background:url(/images/list_icon.gif) no-repeat 0 0.25em;padding:0 0 0.9em 20px; margin-left: 10px;}
div#content form ul li{background:none; list-style-type:none;}
div#content ul li a{font-weight:bold;}
div#content ul li ul{margin:0.9em 0 0 1em;padding:0;}
div#content ul li ul li {font:normal 1em/1em Arial,Verdana,sans-serif;background:url(/images/list_icon_sub.gif) no-repeat top left;}
div#content ul li ul li a{font-weight:normal;}
#quote{margin-bottom:1.5em;}
#quote blockquote span{background:url(/images/quote-left.gif) 0 0 no-repeat; padding-left:35px; display:block}
#quote blockquote{margin:0; padding-right:30px; background:url(/images/quote-right.gif) right 0 no-repeat; font-size:1.5em; font-weight:bold;}
#quote.noborder{padding:0 0 3px 0; margin:0 0 3px 0;}
#quote a{color:#000;}
#left-col{float:left; width:570px; padding-left:10px;}
#left-col ul.plain li{color:#000; list-style-type:none;}
#left-col p#border{border-bottom:7px solid #ec008c; padding-bottom:10px;}
a.globe{background:url(/images/icon_globe.gif) 0 0 no-repeat; padding:5px 0 0 35px; display:block; color:#ec008c; font-weight:bold; font-size:1.2em; height:2.5em;}
#left-col.blog a:link{font-weight:bold; font-size:1em;}
#left-col.blog p.posted{ font-size:1.1em; border-bottom:1px solid #ec008c; padding:0 0 10px 0; }
#left-col .paging ul li{display:inline; padding:0 7px 0 0;}
#left-col .paging ul li a{ font-size:1.2em;}
#left-col div.a-to-z dl {font-size: 1.2em}
#left-col div.a-to-z dl dt {font-weight: bold; margin: 0 0 0 0}
#left-col div.a-to-z dl dd {margin-bottom: 1em}
/* ~~~~~~~~~~~~~ RIGHT COL & INTERNAL NAVBOXES (spotlights) ~~~~~~~~~~~~~~ */
#right-col {float:right; margin-right:-32px; margin-left:20px; width:230px;}
#right-col div.navBox{padding:10px 21px 21px 21px; margin:0 17px 5px 0;}
div#case-study{background-color:#00aedb;}
div#case-study-pink{background-color:#f330a4;}
div#e-skills{background-color:#f330a4;}
div#e-skills-yellow{background-color:#fec422;}
div#contact{background-color:#a1cf68;}
div#podcast{background-color:#00aedb;}
div#question{background-color:#00aedb;}
div.navBox h2{width:155px;margin:0;padding: 0}
#content div.navBox p{font-weight:bold;}
div.navBox a:link, div.navBox a:visited, div.navBox a.inactive{width:auto;display:block;margin-top:0.5em;padding:0.3em 2.5em 0.3em 0.6em;font-weight:bold;font-size:1.3em;color:#FFF;background:#000 url(/images/arrow_discover.gif) no-repeat center right;}
div.navBox a:hover, div.navBox a:active, body#home div.navBox a.active{text-decoration:none;color:#000;background:#FFF url(/images/arrow_discover_inv.gif) no-repeat center right;}
div.navBox span.pdf{background:url(/images/icon_pdf_black.gif) 0 center no-repeat; padding-left:25px;}    
/* ~~~~~~~~~~~~~~~ case studies ~~~~~~~~~~~~~~~~~~~*/
div#content div.casestudyWrapper{margin-top:1.5em;}
div#content div.casestudyWrapper h3{margin:0 0 0.5em 0;}
div#content div.casestudyWrapper img{float:left;margin:0 1.5em 0 0;clear:both;}
div#content div.casestudyWrapper p{margin-top:0.5em;}
div#content div.casestudyWrapper p.date{color:#999;font-size:1.1em;margin:0;}
/* ~~~~~~~~~~ sIFR styles ~~~~~~~~~~~~~~~~~~ */
div.navBox span.sifr-small{font:normal 1.1em/1.2em Arial,Verdana,sans-serif;overflow:hidden;padding: 0; margin: 0}
div.navBox span.sifr{font:normal 3em/1.2em Arial,Verdana,sans-serif;overflow:hidden;position:relative;top:-0.2em;}
div.navBox span.sifr.smaller{font:normal 1.8em/1.2em Arial,Verdana,sans-serif;overflow:hidden;position:relative;top:-0.2em;}
div#content h1 span.sifr-header{font-size:1.3em;line-height:1em; margin-top:20px;}
/* ~~~~~~~~~~~~~ footer ~~~~~~~~~~~~~~ */
    
div#footer{font-size:1.1em;background:url(/images/grad_bg_bottom.gif) repeat-x bottom left;height:40px;margin-bottom:10px;}
div#leftFooter{float:left;height:40px;margin:0 0 0 -27px;padding:0 0 0 45px;background:url(/images/grad_bg_bl.gif) no-repeat bottom left;}
div#leftFooter ul{list-style:none;margin-top:25px;}
div#leftFooter li{float:left;margin:0 10px 0 0;}
div#rightFooter{float:right;height:40px;margin:0 -28px 0 0;padding:0 40px 0 0;background:url(/images/grad_bg_br.gif) no-repeat bottom right;}
div#rightFooter p{margin-top:25px;}
    
/*~~~~~~~~lightbox~~~~~~~~~~~~~*/
#lightbox{display:none;position: absolute;top:40%;left:50%;z-index:9999;width:500px;height:650px;margin:-220px 0 0 -250px;border:1px solid #fff;background:#a1cf68;text-align:left;}
#lightbox form {margin-bottom: 5px; padding-bottom: 0}
#lightbox p {font-size: 1.1em; margin: 10px; padding: 0px}
#lightbox h2 {font-size: 1.3em; margin: 15px 10px 10px 10px; padding: 0px}
#lightbox[id]{position:fixed;}
#overlay{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:5000;background-color:#000;-moz-opacity: 0.75;opacity:.75;filter: alpha(opacity=75);}
#overlay[id]{position:fixed;}
#lightbox.done #lbLoadMessage{display:none;}
#lightbox.done #lbContent{display:block;}
#lightbox.loading #lbContent{display:none;}
#lightbox.loading #lbLoadMessage{display:block;}
#lightbox.done img{width:100%;height:100%;}    
/*~~~~~~~~~~~~~~FORMS~~~~~~~~~~~~~~~~~*/
fieldset {margin:0;padding: 0; clear:left; width:100%; border:none;}
legend{ display:none;}
fieldset ul {list-style: none;}
fieldset li { list-style-type:none;}
fieldset ul.submit {}
/*textarea, select, input{ border:1px solid #cea97c;}*/
input.submit{border:none;}
label{color:#000; padding-bottom: .2em}
#contact-form{width:400px;}
h2#sifr-contact{font-size:2.5em;}
#contact-form fieldset{margin:1em 1em 0 3em;}
#contact-form label{ font-size:1.2em;}
#contact-form ul li{margin-bottom:.5em; list-style-type:none;}
#contact-form ul li input#submit{margin-left:0em;}
#contact-form a{font-size:1.2em; padding-bottom:5px;}
#contact-form p {font-size:1em; padding-left:1.2em; }
div#content p#thanks {font-size:3em; text-align:center; margin-top:20px;}
a.lbAction {color: #000000; float: right; font-size: 1em; font-weight: bold; margin-right: 10px}
#contact-form fieldset.noJs{margin:1em 1em 0 -1em;}/*.noJS refers to the form in about section for non javascript users*/
#contact-form fieldset.noJs label{ font-size:1em;}
#comment-form{margin:20px 0 0 0; padding:0 color:#000000;}
#comment-form fieldset{margin:0;}
#comment-form label{float:left; width:10em;}
#comment-form input {width:19.5em;}
#comment-form input#submit{margin-left:0em; width:auto;}
form#login fieldset{margin:10px 0 0 0px;}
form#login ul li{list-style-type:none;padding-left: 0; margin-left: 0}
form#login ul li label{width:115px; padding:2px 0 0 0;margin: 0 0 0 0}
form#login ul li input{width:175px;margin-left: 0}
form#login ul li select{width:180px;}
form#login ul li a:link,
form#login ul li a:visited{margin-left:135px;}
form#login ul li a:link.noMargin,
form#login ul li a:visited.noMargin{margin-left:0;}
form#login ul li input#submit{ width:auto;}

/* ~~~~~~~~~~~~ pages not within main site nav ~~~~~~~~~~~~~~~~~*/
#left-col div.actionsWrapper{
    display:block;
    margin:0;
}
#left-col div.actionsWrapper h3 {
    padding:0.6em 0;
    font-size:1.2em;
    margin:0;
}
#left-col div.actionsWrapper ul {
    list-style:none;
}
#left-col div.actionsWrapper ul li {
    list-style:none;
    background:none;
    padding:0.5em 0 1em 3em;
}
#left-col div.actionsWrapper ul li.email {
    background:url(/images/icon_email.gif) no-repeat center left;
}
#left-col div.actionsWrapper ul li.phone {
    background:url(/images/icon_phone.gif) no-repeat center left;
}
#left-col div.actionsWrapper ul li.pdf {
    background:url(/images/icon_pdf.gif) no-repeat center left;
}
#left-col div.actionsWrapper ul li.web {
    background:url(/images/icon_globe.gif) no-repeat center left;
}

/* ~~~~~~~~~~ form error ~~~~~~~~~~ */
.hidden { display: none; }
.error { clear:both; color:#f00; }


/*PIXEL GAP FIX*/
.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 */