*{margin:0;padding:0}
/** blueink overrides **/
#content .dditem{background:#EEF2FF;padding-bottom:10px}
#content .dditem:hover{background:white}

/**
 * @copyright 2007 BigBlueHat - All rights reserved
 **/

html,body{height:100%}
body{background:#b5e0ff}
#wrapper{background:#b5e0ff url('http://www.bigbluehat.com/img/site_design/top.jpg') no-repeat top center;font:13px "Trebuchet MS", Verdana, Helvetica, Arial,sans-serif;line-height:16px}
#wrapper a:link, #copy a:link{color:#000052}
#wrapper a:hover, #wrapper a:visited:hover, #copy a:hover, #copy a:visited:hover{color:#36b2ff}
#wrapper a:visited, #copy a:visited{color:#56568c}
#wrapper h2{font-weight:bold;font-size:22px;padding-bottom:16px;color:#bc3318;/*font-variant:small-caps*/}
#wrapper h3{font-weight:bold;font-size:17px;padding-bottom:8px;color:#526e72;/*font-variant:small-caps*/}
#wrapper h4{font-weight:bold;font-size:13px;padding-bottom:6px}
#copy h3 a {color:#526e72;}
#wrapper p,#copy ul,#copy ol{padding-bottom:10px}
#wrapper blockquote{margin:0 36px}
.hidden,li.hidden-page{display:none}
#wrapper em{font-style:italic}
#wrapper strong{font-weight:bold}
#wrapper img { border: none; }

#ft .bigbluehat a{color:#000052;text-decoration:none}
#ft .bigbluehat a em{color:#6bc7ff;font-style:normal}

#wrapper #hd{width:758px;height:212px}
#wrapper #hd h1{height:0;text-indent:-9000px}
#wrapper #hd h1 a{background:transparent url(http://www.bigbluehat.com/media/images/logo/bigbluehat_header_logo.gif) no-repeat center 10px;display:block;height:110px;width:80px;margin-left:339px}
* html #wrapper #hd{width:758px;height:212px;background:transparent url(http://www.bigbluehat.com/media/images/logo/bigbluehat_header_logo.gif) no-repeat center 10px}
* html #wrapper #hd h1 {display:none}
#wrapper #nav{margin-top:177px;height:35px;background:url(http://www.bigbluehat.com/media/images/navbg.gif)}
#wrapper #nav ul{margin-left:196px;list-style:none}
#wrapper #nav ul li{float:left}
#wrapper #nav ul li a{display:block;width:59px;height:0;padding-top:35px;overflow:hidden}
#wrapper #nav ul a{background:url('http://www.bigbluehat.com/img/site_design/headers.png') no-repeat}
#wrapper #nav ul a.home_nav{background-position:-1px 0;width:57px}
#wrapper #nav ul a.home_nav:hover{background-position:-1px -35px}
#wrapper #nav ul li.current a.home_nav{background-position:-1px -70px}
#wrapper #nav ul a.about_nav{background-position:-228px 0;width:69px}
#wrapper #nav ul a.about_nav:hover{background-position:-228px -35px}
#wrapper #nav ul li.current a.about_nav{background-position:-228px -70px}
#wrapper #nav ul a.products_nav{background-position:-47px 0;width:69px}
#wrapper #nav ul a.products_nav:hover{background-position:-47px -35px}
#wrapper #nav ul li.current a.products_nav{background-position:-47px -70px}
#wrapper #nav ul a.services_nav{background-position:-108px 0;width:66px}
#wrapper #nav ul a.services_nav:hover{background-position:-108px -35px}
#wrapper #nav ul li.current a.services_nav{background-position:-108px -70px}
#wrapper #nav ul a.portfolio_nav{background-position:-164px 0;width:72px}
#wrapper #nav ul a.portfolio_nav:hover{background-position:-164px -35px}
#wrapper #nav ul li.current a.portfolio_nav{background-position:-164px -70px}
#wrapper #nav ul a.blog_nav{background-position:-287px 0;width:50px}
#wrapper #nav ul a.blog_nav:hover{background-position:-287px -35px}
#wrapper #nav ul li.current a.blog_nav{background-position:-287px -70px}
#wrapper #nav ul a.contact_us_nav{background-position:-328px 0;width:68px}
#wrapper #nav ul a.contact_us_nav:hover{background-position:-328px -35px}
#wrapper #nav ul li.current a.contact_us_nav{background-position:-328px -70px}

#wrapper .header-image{background-color:#a2d8fb;padding-top:5px}
#wrapper .header-image img{display:block;margin:0 auto}
#wrapper #bd{padding:0;background-color:#eef2ff;border:5px solid #a2d8fb;position:relative}
/*#wrapper #bd.has_sidebar{background:#eef2ff url('http://www.bigbluehat.com/img/site_design/right_column_gradient.gif') 162px top repeat-y;}*/
#wrapper #left_column{width:162px;float:left;top:5px;left:0}
#wrapper #secondary_nav{position:absolute;width:100%}
#wrapper #secondary_nav ul{margin-left:20px;list-style:none;line-height:26px;margin-top:-1px;overflow:hidden;text-align:center}
#wrapper #secondary_nav ul a{text-decoration:none;color:#BC3318;font-size:13px;padding:5px 10px;text-decoration:none}
#wrapper #secondary_nav ul a:hover{color:#d00}
#wrapper #secondary_nav ul li{display:inline}
#wrapper #secondary_nav ul li.current a{background:#A2D8FB url(http://www.bigbluehat.com/img/site_design/sub_nav_bg.png) top;
border-left:1px solid #558089;border-right:1px solid #558089;font-weight:bold;color:#000052}
#wrapper #secondary_nav ul li.current ul a{font-weight:normal}
#wrapper #secondary_nav ul ul{margin-left:8px}
#wrapper .page{margin:0 auto;width:758px}
#wrapper #content{padding-left:0;border:1px solid #558089}
#wrapper #bd .wide{padding-left:0}
body.columns2 #ddcol_0{float:left;width:175px}
body.columns2 #ddcol_1{float:left;width:500px;margin-left:15px;padding-left:15px;border-left:1px solid #c7e2f8}
#copy{padding:0 15px}
#copy,#right_column{color:#777;padding:0 20px 40px;margin-top:20px}
body.columns2 #copy{padding-top:0px;margin-top:30px}
#copy ul li,#copy ol li{margin:0 26px}
#content-web_design form, #content-contact_us form{border:1px solid #ccc;padding:6px 16px 10px}
#copy form label{}
#copy form .required input,#copy form .optional input,#copy form textarea{border:1px solid #C7D4D6;padding:2px 4px;margin-bottom:4px;font-size:11px}
#copy .required input,#copy .optional input{width:280px}
#copy fieldset{margin-bottom:4px;border:0 solid #C7D4D6;padding:0;width:auto}
#copy fieldset fieldset{border-width:1px;padding:5px 10px}
#copy fieldset fieldset legend{border:1px solid #C7D4D6;padding:3px 5px;background:white}
#copy fieldset .required input,#copy fieldset .optional input{width:175px;margin:0 4px 8px 0;padding:1px 2px;line-height:20px}
#copy .col_sidebar fieldset .required input, #copy .col_sidebar fieldset .optional input{width:120px;margin-right:0}
#copy fieldset label{display:inline;margin:0;padding:0;line-height:20px}
#copy form textarea{height:100px;width:280px;padding:1px 2px;margin-bottom:8px}
#copy .col_sidebar form textarea{width:170px;display:block;clear:both}
#copy form select{border:1px solid #C7D4D6;font-size:11px;margin-bottom:8px}
#copy form option{font-size:11px;padding-right:10px}
#copy form label{width:100px;display:block;float:left}
#copy form fieldset.inline_labels label{width:auto;display:inline;float:none}
#copy form .nowrap label{white-space:nowrap;width:auto}
#copy .col_sidebar form label{width:50px;display:inline}
#copy form .fbutton input{border:1px solid #aaa;padding:1px 4px}
#searchform input#s{border:1px solid #aaa;width:100px;padding:1px 2px}
#searchform input#searchsubmit{border:1px solid #aaa}
.hosting-package-chart{border-collapse:collapse;margin-bottom:16px;width:100%}
.hosting-package-chart th,.hosting-package-chart td{padding:4px 6px}
.hosting-package-chart .hosting-feature-name{border-right:1px solid white;font-weight:normal;padding-left:15px}
.hosting-package-chart thead th{background:#a2d8fb;color:#000052;border:1px solid white;border-width:1px 0;white-space:nowrap}
.hosting-package-chart thead th.last-heading{border-right-width:1px}
.hosting-package-chart thead td{border-right:1px solid white}
.hosting-package-chart tbody td{background-color:#b5e0ff;border-right:1px solid white;border-top:1px solid white;text-align:center}
.hosting-package-chart tbody th{border-right:1px solid white;text-align:left}
.hosting-package-chart tfoot th{border-right:1px solid white;text-align:left}
.hosting-package-chart tfoot td{background-color:#a2d8fb;border:1px solid white;border-width:1px 0;text-align:center}
.hosting-package-chart tfoot td.last-price{border-right:1px solid white}
.processbox,.section,#copy{position:relative}
* html .processbox, * html .section, * html #copy{height:1%}
*:first-child+html .processbox, *:first-child+html .section, *:first-child+html #copy{height:1%}
.processbox:after,.section:after,#copy:after,#bd:after{content:".";display: block;height:0;clear:both;visibility:hidden}
.processbox h4{float:left;font-size:22px;line-height:24px;font-weight:normal;}
.processbox p{float:right;width:320px;padding-bottom:20px;padding-left: 15px; border-left:1px solid #a2d8fb;}
.section {border:1px solid #53747B; float: left; margin: 15px; padding: 3px 3px 0 3px; }
.section img { border:1px solid #000152; }
.section h3 { text-align: center; margin: 5px; padding: 0;}
.section p {text-align:center}
#ft{clear:both;color:#777;text-align:right}
#ft #copyright{padding: 4px; display: block}
#ft #credits{padding: 0 4px; display: block}

/*#page-home #copy { height: 200px; padding: 95px 275px 28px 45px; background: url('/media/images/bigbluehat_building.png') no-repeat; border-top: 1px solid #EEF2FF; }*/
/*#page- #copy, #page-home #copy { height: 200px; padding: 85px 250px 28px 40px; background: url('/media/images/blueink_intro_screenshot.png') no-repeat; border-top: 1px solid #EEF2FF; }
#page- #copy #content-item-2, #page-home #copy #content-item-2 {position: absolute; top: 125px; left: 225px;}
* html #page- #copy, * html #page-home #copy { padding-bottom: 18px; }*/
/*#page-home #copy { height: 280px; width: 500px; margin: 0 auto; background: none;}*/
/*#page-home #copy { padding: 0;margin:0;}*/
/*#page- #copy p, #page-home #copy p { margin-right: 125px; margin-bottom: 15px;}
#page- #copy p a, #page-home #copy p a { font-weight: bold; }
#page- #copy blockquote p, #page-home #copy blockquote p { margin-right: 0px;}
#page- #copy blockquote p a, #page-home #copy blockquote p a { font-weight: normal; }*/
/*#page- #copy, #page-home #copy { padding:0; }*/
#page-software-blueink_cms #content-item-2, #page-software-blueink_cms- #content-item-2 { position: relative; left: -171px; top: -120px; float: left;margin-bottom:50px}
/*#page-software-blueink_cms-features #content-item-1 { position: relative; left: -175px; top: 120px; float: left; display: inline; }*/
#content-blueink_cms > #content-item-2 { height: 0; }
/*#page-software-blueink_cms-features #content-item-1{ height: 0; }*/

#page-portfolio #dditem_55 { clear: both; border-top: 1px solid #A2D8FB; padding-top: 15px;}
#page-portfolio #dditem_55 ul li { float: left; width: 25%; }
body.columns2 #page-about #ddcol_1 {padding-top:0}

/** glider **/
#scrollouterwrap {}
#scrollinnerwrap{height:373px;overflow:hidden;position:relative}
.scrollwrapper {clear:both;margin-right:5px;height:373px;overflow:hidden;padding:0;position:relative}
#scrollouterwrap h2 {float:left; text-align:left;}
#content h2 small { color: #788C95; font-size: 11px; font-weight: normal; font-variant: normal}
#copy .scrollsection {height:373px;margin:0}
#copy .scrollsection img { margin: 0 15px;border:1px solid #4F686C}
#copy .scrollsection p img{border:none}
#menucontents{position:relative}
.menucontents a { cursor: pointer; display: block; float: left; margin-right: 5px; width: 100px; }
.scrollsection .description p{padding-right:15px;}
div#scrollmenuwrap{height:80px;margin:0 0 12px;width:100%;}
div#scrollmenuwrap .controls { float: right;}
div.menuscrollwrapper{height:80px;width:420px;overflow:hidden;float:left;position:relative}
div.menuscrollsection{height:80px;width:420px;float:left}
div.menucontents{width:8400px}
a#gliderprev,a#glidernext{float:left;width:60px;height:80px;line-height:80px;text-align:center;cursor:pointer;background:url('http://www.bigbluehat.com/media/images/arrow_right.png') no-repeat left; text-indent:-9000px;width:30px;}
a#gliderprev{margin-right:5px;background:url('http://www.bigbluehat.com/media/images/arrow_left.png') no-repeat right;}

/* blog specifics */

#copy .post .entry img { margin-right: 5px; }
#copy .post { overflow: hidden; margin-bottom: 15px; padding-bottom: 5px;  border-bottom: 1px dashed #A2D8FB; }
.navigation { margin-bottom: 15px; overflow: hidden;}
.alignleft { float: left; }
.alignright { float: right; }
.postmetadata{background:#E5E9F6;border:1px solid #ccc;padding:3px 5px 5px}

/* footer login box */
#client-login{padding:0 5px 4px 0;background:rgb(162,216,251)}
#client-login a{color:#000052}
#client-login a:visited{color:#56568C}
#client-login a:hover{color:#36B2FF}
#client-login h4{padding:3px 15px;float:left;line-height:1em}
#client-login input{padding:1px 2px;width:200px;border:1px solid #aaa;background:rgb(238,242,255)}
#client-login input.submit{width:auto;padding:2px 6px 1px;text-transform:lowercase;font-size:11px;margin-left:8px}

#content .product_note span{color:#bc3318;padding-top:7px;display:block}
#content .description{margin-top:5px;margin-left:140px}

#content .item.gallery ul{list-style:none;margin:0;padding:0}
#content .item.gallery ul li{float:left;margin:5px}
/*#content #ddcol_0 .item.gallery{text-align:center}
#content #ddcol_0 ul.galleryphotos{list-style:none;border:1px solid #999;background:#efefef;margin:0 auto;padding:0;border-bottom:0;width:106px}
#content #ddcol_0 ul.galleryphotos li{padding:3px 3px 0;margin:0;border-bottom:1px solid #999}

#content #ddcol_1 .item.gallery{}
#content #ddcol_1 ul.galleryphotos{list-style:none;padding:0;border-bottom:0}
#content #ddcol_1 ul.galleryphotos li{float:left;width:46%;padding:3px 3px 0;margin:0;border:1px solid #999;background:#efefef;margin:5px}
#content #ddcol_1 ul.galleryphotos li img{float:left;margin-bottom:3px}
#content #ddcol_1 ul.galleryphotos li .caption{padding:3px}*/

#content .blueink-pricing table{border-collapse:collapse}
/*#content .blueink-pricing thead{background:url(/media/images/pricing_header_bg.png) repeat-x bottom}*/
#content .blueink-pricing td{padding:5px;background:#b5e0ff;color:black}
#content .blueink-pricing tr.prices td, #content .blueink-pricing .prices{background-attachment:scroll;background-color:#EEF2FF;background-image:none;background-position:0 0;background-repeat:repeat;color:#000052;font-size:16px;font-weight:bold;text-align:center}
#content .blueink-pricing .prices{clear:right;height:42px;text-align:left}
#content .blueink-pricing #beanie{padding:0;border-top:15px solid #EEF2FF}
#content .blueink-pricing #beanie strong{padding:5px}
#content .blueink-pricing #beanie p{padding:10px 10px 5px 135px}

body.columns1 #content div.item{border-top:2px solid #A2D8FB;margin-top:15px;padding-top:15px}
body.columns1 #content div.item:first-child{border:none;margin:0;padding:0}

.item.gallery .gallery_nav{margin-top:0.5em;text-align:center}

#content .item dl dd{float:left;padding:0 1em;text-align:center;color:#999;clear:left}
#content .item dl dd sup{font-size:9px}
#content .item dl dt{margin-left:5em;line-height:22px}
#content .item dl dt li{list-style:square}