/* CSS Document */ @charset "utf-8";
/* IF YOU WANT TO USE TOP DROPDOWN MODE - IT'S IMPORTANT TO SET 100% WIDTH AND HEIGHT ON THE HTML, AND BODY.
THIS FILE IS FOR THE DEMO PAGE ONLY. ALL HOVERALLS STYLES ARE IN THE HOVERALLS.CSS FILE. 
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;font: inherit;vertical-align: baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after,q:before, q:after {content: '';	content: none;} ins {text-decoration: none;} del {text-decoration: line-through;} table {border-collapse: collapse;border-spacing: 0;}
html,body {width:100%;height:100%;background:#e9e9e9;margin:0px;padding:0px;} 
a {cursor:pointer;text_decoration:none;font-family:Arial, Helvetica, sans-serif;} 
a, p { text-decoration:none!important;}
p, h1 {cursor:default;} .clear {float:none;clear:both;}*/
/* LAYOUT STYLES */
.maincontent {width:980px;height:100%;margin:0px auto;padding:0px;}
#code1, #code2 {background-color:#53b6ff;font-family:'Arial';font-size:22px;color:#fff;padding:8px 20px 6px 20px;float:right;-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;cursor:pointer;}
#code1:hover, #code2:hover {color:#fff;background-color:#71c3ff;}
#imagesheader {width:700px;height:150px;background:url('../images/imagesheader.png');}
#divheader {width:700px;height:150px;background:url('../images/divheader.png');}
#code1html, #code2html {width:650px;cursor:pointer;} 
.codecontainer {background:#fff;border:solid 5px #2EA6FF;-moz-border-radius: 11px;-webkit-border-radius: 11px;border-radius: 11px;padding:10px;-moz-box-shadow: 3px 3px 5px #4f4f4f;-webkit-box-shadow: 3px 3px 5px #4f4f4f;box-shadow: 3px 3px 5px #4f4f4f;}
.codetext {font-family:'Arial';font-size:22px;line-height:32px;width:650px;color:#807C73;}
.codeoverlay {background-color:#4f4f4f;}
.codethick {font-size:32px;font-family:'Arial';color:#000;}
.showcode {line-height:0px;font-size:19px;line-height:10px;color:#000;}
.hv_codesetting {margin-left:30px;}
#header {width:100%;height:365px;margin:0px;padding:0px;border-bottom:15px solid #2ea6ff;background-color:#fff;}
#headercenter {background:#fff url('../images/header.png') no-repeat;width:1170px;height:365px;margin:0 auto;}
#title {cursor:default;font-size:156px;color:#000;font-family:'Arial';margin-left:525px;padding-top:40px;line-height:25px;}
.littleline {cursor:default;font-size:19px;font-family:'Arial';font-style:italic;margin:0px;padding:0px;padding-left:60px;}
#version {cursor:default;font-size:25px;font-family:'Arial';font-style:italic;color:#2ea6ff;padding-top:110px;margin-left:945px;letter-spacing:-2px;}
.featureheadertop {width:645px;float:right;margin-top:-130px;}
.featureheadertop h1, .featureheadertop a {color:#000;font-family:'Arial';font-size:36px;text-align:center;text-decoration:none;}
.featureheadertop a:hover {color:#2ea6ff;}
#topshadow {background:url('../images/topshadow.png') repeat-x;height:10px;}
#introbox {width:900px;margin:30px auto;margin-bottom:40px;}
.intro {font-size:20px;font-family:'ColaborateThinRegular';color:#66635b;padding:30px 20px;width:840px;line-height:36px;margin:15px 0px;}
.intro strong {font-family:'Arial';}
.intro em {font-style:italic;}
.opener {font-size:50px;margin-right:10px;color:#807c73;}
.featureheader {background-color:#2ea6ff;padding:15px;width:950px;margin-bottom:20px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;border-bottom:3px solid #D2CCC8;}
.featureheader h1 {color:#fff;font-family:'Arial';font-size:30px;}
.effect {width:230px;height:215px;float:left;margin-left:10px;border:1px solid #d2ccc8;margin-bottom:10px;}
.featuretext {width:220px;height:190px;float:left;margin-left:12px;margin-bottom:20px;margin-top:10px; color:#66635b;line-height:29px;font-size:18px;font-family:'ColaborateThinRegular';padding:0px 5px;cursor:default;border-bottom:1px solid #D2CCC8;}
.fullwidthspacer {width:100%;margin-top:30px;height:5px;border-bottom:1px solid #d2ccc8;margin-bottom:50px;}
/* CODE TOOLTIP */
.codetooltipbg {background-color:#fff;border:5px solid #2ea6ff;padding:15px;-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;}
.codetooltipcontainer {float:right;}
#footer {width:100%;background-color:#fff;height:450px;margin-top:656px;border-top:15px solid #2ea6ff;padding:0px;padding-top:50px;}
#footercenter {width:1170px;height:400px;margin:0 auto;padding:0px;}
#footermouse {background:#fff url('../images/footer.png') no-repeat;height:377px;width:550px;float:right;}
#endtext {float:left;width:400px;}
#footer .intro  {width:600px;font-size:18px;line-height:32px;margin-top:-15px;}
#footer a {font-size:18px;text-decoration:none;color:#66635B;line-height:32px;font-family:'ColaborateThinRegular';}
#footer a:hover {color:#2ea6ff;}
.browsers {width:800px;height:169px;background-color:#fff;-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;margin-top:40px;padding-top:25px;border:10px solid #2ea6ff;border-bottom:none;position:absolute;margin-left:60px;margin-top:0px;}
.browsersimage {background:url('../images/browsers.png');width:600px;height:112px;margin-left:100px;}
.browsers p {color:#807C73;font-family:'Arial';font-size:18px;margin:0 auto;text-align:center;margin-top:20px;}
#breaker {width:958px;height:10px;background-color:#dfdede;margin-left:10px;margin-bottom:10px;}
/* ***************************************************************************
********************** CAPTIONS, PORTFOLIO, NAVIGATION ***********************
******************************************************************************/
.captionbackground1 {border-top:4px solid #F0F9FF;}
.cap1text {font-family:'Arial';color:#fff;line-height:39px;font-size:20px;text-align:center;}
.cap1textm {font-family:'Arial';color:#fff;line-height:45px;font-size:20px;text-align:center;}
.captionbackground2 {background:#2ea6ff;border-bottom:4px solid #b2deff;}
.cap2text {font-family:'Arial';color:#fff;line-height:49px;font-size:20px;text-align:center;}
.captionbackground3 {background:#2ea6ff;border-left:5px solid #F0F9FF;}
.cap3text {width:80%;text-align:left;font-family:'Arial';color:#fff;font-size:14px;padding-top:15px;padding-left:15px;line-height:25px;}
.captionbackground4 {background:#2ea6ff;border-right:5px solid #F0F9FF;}
.cap4text {width:80%;text-align:left;font-family:'Arial';color:#fff;font-size:14px;padding-top:15px;padding-left:15px;line-height:25px;}
.advbg5 {-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px;/*background:#2ea6ff;*/padding-top:10px;padding-left:20px;border:5px solid #F0F9FF;-moz-box-shadow: 4px 3px 9px #DFDEDE;-webkit-box-shadow: 4px 3px 9px #DFDEDE;box-shadow: 4px 3px 9px #DFDEDE;}
.advtext5 {text-align:left;width:200px;color:#fff;font-family:'Arial';line-height:19px;font-size:21px;}
.advbg7 {-moz-border-radius: 17px;-webkit-border-radius: 17px;border-radius: 17px;background:#fff;padding:15px;-moz-box-shadow: 4px 4px 9px #DFDEDE;-webkit-box-shadow: 4px 4px 9px #DFDEDE;box-shadow: 4px 4px 9px #DFDEDE;border:3px solid #e7e1dd}
.advtext7 {font-family:'Arial';color:#807c73;line-height:22px;font-size:16px;}
.advbg8 {-moz-border-radius: 187px;-webkit-border-radius: 187px;border-radius: 187px;background-color:#2ea6ff;padding-top:285px;padding-left:320px;-moz-box-shadow: 0px 2px 5px #DFDEDE;-webkit-box-shadow: 0px 2px 5px #DFDEDE;box-shadow: 0px 2px 5px #DFDEDE;border:3px solid #b2deff;}
.advtext8 {font-size:14px;font-family:'Arial';color:#fff;line-height:26px;width:150px;padding-top:10px;}
.advbg2 {background:url('../images/imagebw.jpg');}
.advcap5container {width:230px;height:215px;}
.advtext2 {font-family:'Arial';line-height:19px;font-size:20px;padding-top:50px;text-align:center;color:#000;}
.navbg1 {background:url('../images/arrow-right.png');}
.navtext {font-family:'Arial';font-size:25px;color:#7c7c7c;text-align:center;}
.navbg2 {background:url('../images/upperrightarrow.png');}
.navbg3 {background:url('../images/enlarge.png');}
.navtext3 {font-family:'Arial';font-size:14px;letter-spacing:0px;color:#7f7a77;font-weight:bold;height:20px;text-transform:uppercase;}
.navbg4 {background:url('../images/viewicon.png');}
.navtext4 {font-family:'Arial';font-size:15px;color:#fff;padding:6px 15px;background-color:#2ea6ff;height:20px;text-transform:uppercase;-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;font-weight:bold;border:3px solid #fff;}
.port1bg {background:#000 url ('../images/port5bw.png');width:230px;height:215px;}
.port3bg {background:url('../images/port7bw.png');}
.port4bg {background:url('../images/port8bw.png');}
/* ****************************************************
************ SLIDERS, TICKERS, PANELS *****************
*******************************************************/
.topdrop1container {z-index:99999999!important;}
.topdrop1bg {background-color:#2ea6ff;border-bottom:5px solid #fff;}
.topdrop1text {color:#fff;text-align:center;font-family:'Arial';font-size:22px;padding-top:13px;}
#topbar2 {width:230px;height:215px;cursor:pointer;}
#top_drop2, #top_drop3, #top_drop4 {margin:0px;padding:0px;position:fixed;z-index:999999;}
#topbar4 {cursor:pointer;}
.topdrop2bg {background-color:#fff;}
.topdrop2container {border:2px solid #D2CCC8;background-color:#fff;-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;-moz-box-shadow: 4px 4px 8px #DFDEDE;-webkit-box-shadow: 4px 4px 8px #DFDEDE;box-shadow: 4px 4px 8px #DFDEDE;z-index:999999999!important;}
.topdrop2text {color:#fff;font-family:'Arial';line-height:26px;width:940px;margin:0 auto;}
.topdrop3bg {background-color:#fff;padding:20px;}
.topdrop3container {border:5px solid #2ea6ff;-moz-border-radius: 17px;-webkit-border-radius: 17px;border-radius: 17px;-moz-box-shadow: 4px 4px 8px #7b7b7b;-webkit-box-shadow: 4px 4px 8px #7b7b7b;box-shadow: 4px 4px 8px #7b7b7b;z-index:99999999!important;}
.topdrop3text {color:#66635b;text-align:left;width:300px;line-height:28px;font-size:18px;font-family:'Arial';}
.topdrop4bg {background-color:#fff;}
.topdrop4container {border-bottom:10px solid #000;background-color:#fff;-moz-box-shadow: 4px 4px 8px #7b7b7b;-webkit-box-shadow: 4px 4px 8px #7b7b7b;box-shadow: 4px 4px 8px #7b7b7b;}
.topdrop4text {color:#fff;text-align:center;font-family:'Arial';}
.overlaybg {background-color:#fff;}
.ticker1 {background:#2ea6ff;border-top:4px solid #b2deff;padding-top:8px;}
.ticker1text {font-size:22px;font-family:'Arial';color:#fff;}
.ticker2 {background-color:#fff;padding:0px;width:100%;height:100%;}
.ticker2text {font-size:160px;font-family:'Arial';color:#d2ccc8;}
.ticker3 {background:#2ea6ff;border:5px solid #b2deff;padding-top:10px;width:230px;height:50px;overflow:hidden;-moz-box-shadow: 4px 4px 8px #DFDEDE;-webkit-box-shadow: 4px 4px 8px #DFDEDE;box-shadow: 4px 4px 8px #DFDEDE;-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px;}
.ticker3text {font-size:20px;font-family:'Arial';color:#fff;}
#hoverfollow {width:130px;height:550px;}
#hoverfollow .innerwrapper {width:70px;height:550px;margin-left:40px;}
.facebook, .delicious, .linkedin, .stumbleupon, .twitter, .youtube, .digg {width:64px;height:64px;margin-top:10px;border-bottom:1px solid #d2ccc8;padding-bottom:3px;cursor:pointer;}
.facebook {background:url('../images/facebook.png') no-repeat;}
.delicious {background:url('../images/delicious.png') no-repeat;border:none;}
.linkedin {background:url('../images/linkedin.png') no-repeat;}
.stumbleupon {background:url('../images/stumbleupon.png') no-repeat;}
.twitter {background:url('../images/twitter.png') no-repeat;}
.youtube {background:url('../images/youtube.png') no-repeat;}
.digg {background:url('../images/digg.png') no-repeat;}
#ticker4 {cursor:pointer;}
#scrolltarget, .scrolltarget {height:20px;background-color:#dfdede;padding:5px;width:945px;margin-bottom:10px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;border-bottom:3px solid #d5d5d5;margin-left:10px;padding-top:10px;padding-bottom:10px;overflow:hidden;}
.scrolltargettext {color:#807C73;font-family:'Arial';font-size:20px;}
/******************************************************************
*************** TOOLTIPS, ALERT BOXES, LIGHTBOXES *****************
*******************************************************************/
#tooltip1 {cursor:pointer;}
.tooltip1background {background:url('../images/tooltip1.png');}
.tooltip1text {font-family:'Arial';font-size:14px;color:#66635b;line-height:23px;margin-left:20px;padding-top:35px;}
#tooltip2 {cursor:pointer;}
.tooltip2background {background:#2ea6ff;border:solid 3px #fff;-moz-border-radius: 16px;-webkit-border-radius: 16px;border-radius: 16px;-moz-box-shadow: 3px 3px 5px #CCC;-webkit-box-shadow: 3px 3px 5px #CCC;box-shadow: 3px 3px 5px #CCC;padding:5px;}
.tooltip2text {font-family:'Arial';font-size:18px;text-align:center;color:#fff;line-height:23px;padding-top:5px;}
#tooltip3 {cursor:pointer;}
.tooltip3background {background:#2ea6ff;border:solid 3px #fff;-moz-border-radius: 16px;-webkit-border-radius: 16px;border-radius: 16px;-moz-box-shadow: 3px 3px 5px #CCC;-webkit-box-shadow: 3px 3px 5px #CCC;box-shadow: 3px 3px 5px #CCC;padding:5px;overflow:hidden;padding-left:50px;}
.tooltip3text {font-family:'Arial';font-size:22px;text-align:center;color:#fff;line-height:23px;padding-top:5px; white-space:nowrap;height:35px;}
#tooltip4 {cursor:pointer;}
.tooltip4background {background:#fff;border:solid 3px #2ea6ff;-moz-border-radius: 16px;-webkit-border-radius: 16px;border-radius: 16px;-moz-box-shadow: 3px 3px 5px #CCC;-webkit-box-shadow: 3px 3px 5px #CCC;box-shadow: 3px 3px 5px #CCC;padding:5px;overflow:hidden;}
#tooltiphtml {background-color:#fff;width:400px;height:185px;}
#map {background:url('../images/map.png');width:150px;height:147px;border:1px solid #d2ccc8; float:left;margin-left:15px;margin-right:20px;margin-top:15px;}
.maptext {font-family:'Arial';font-size:14px;color:#66635b;line-height:24px;padding-top:15px;padding-right:10px;cursor:default;}
#lightbox1, #lightbox2, #lightbox3, #lightbox4 {cursor:pointer;}
.lightbox1container {background:#2ea6ff;border:solid 5px #b2deff;-moz-border-radius: 11px;-webkit-border-radius: 11px;border-radius: 11px;padding:10px;-moz-box-shadow: 3px 3px 5px #DFDEDE;-webkit-box-shadow: 3px 3px 5px #DFDEDE;box-shadow: 3px 3px 5px #DFDEDE;}
#lightbox1html {width:450px;cursor:pointer;} #lightbox1html .hoveralls_text {cursor:pointer;}
#slidingpanel1html {width:300px;cursor:pointer;} #slidingpanel1html .hoveralls_text {cursor:pointer;font-family:'Arial';font-size:15px;line-height:32px;color:#66635B;}
#lightbox2html {width:300px;}
.lightbox1text, #lightbox1html .hoveralls_text, #code1html .hoveralls_text, #code2html .hoveralls_text {font-family:'Arial';font-size:22px;line-height:32px;width:390px;color:#fff;}
#code1html .hoveralls_text, #code2html .hoveralls_text {width:655px;}
.lightbox1overlay {background-color:#fff;}
#lightbox2html .hoveralls_text {font-family:'ColaborateThinRegular';font-size:32px;line-height:32px;width:390px;color:#66635b;}
.pure {font-size:100px;font-family:'ColaborateThinRegular';color:#66635b;line-height:36px;margin-left:-5px;}
.lightbox2container {background:#2ea6ff;border-left:solid 10px #b2deff;border-right:solid 10px #b2deff;-moz-border-radius: 351px;-webkit-border-radius: 351px;border-radius: 351px;padding:10px;-moz-box-shadow: 6px 6px 15px #4aa4e6;-webkit-box-shadow: 6px 6px 15px #4aa4e6;box-shadow: 6px 6px 15px #4aa4e6;}
.lightbox2text {font-family:'Arial';font-size:18px;letter-spacing:1px;line-height:22px;width:390px;color:#000;}
.lightbox2overlay {background-color:#2EA6FF;}
.lightbox3container {background:#fff;border:solid 5px #2ea6ff;-webkit-box-shadow: 5px 5px 5px #CCC;box-shadow: 5px 5px 5px #CCC;-moz-box-shadow: 3px 3px 5px #CCC;}
#code1html .hoveralls_text, #code2html .hoveralls_text {color:#807C73;}
.lightbox3overlay {background-color:#fff;}
#lightbox3html {background:url('../images/lightbox3.png');width:980px;height:333px;}
#lightbox3html p {background:url('../images/lightbox3title.png'); width:474px; height:181px;cursor:pointer;}
#catalert {background:url('../images/catalert.png');width:900px;height:400px;}
.lightbox4container {background:#fff;border:solid 5px #2ea6ff;-moz-border-radius: 11px;-webkit-border-radius: 11px;border-radius: 11px;padding:10px;-moz-box-shadow: 3px 3px 5px #CCC;-webkit-box-shadow: 3px 3px 5px #CCC;box-shadow: 3px 3px 5px #CCC;}
#runaway {width:200px;margin-top:-120px;margin-left:565px;}
#runaway p.hoveralls_text {font-family:'Arial';font-size:36px;color:#000;background-color:#CCC;cursor:pointer;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;text-align:center;padding:7px 10px;}
#runaway p.hoveralls_text:hover {background-color:#2ea6ff;}
/*****************************************
*********** HTML INJECT STYLES ***********
******************************************/
#html5inject {padding:0px;height:350px;width:980px;margin:0 auto;cursor:pointer}
.html5image {background:url('../images/html5logo.png');width:275px;height:275px;float:left;margin-top:35px;cursor:pointer;}
#html5inject p {font-size:15px;font-family:'Arial';line-height:32px;color:#333;padding-top:95px;cursor:pointer;}
#html5inject .htmlinjectheader {font-family: 'Arial';font-size: 36px;letter-spacing: -1px;margin-bottom: 10px;color:#000;}
.html3over {background:url('../images/html3over.png');}
.censoredrobot {background:url('../images/censored.png');border:0px;}