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

*{margin:0;padding:0}
html,body{height:100%}
body{background:#b5e0ff url('/img/site_design/top.jpg') no-repeat top center;font:13px Arial,sans-serif;line-height:20px}
a:link,#copy a:link{color:#000052}
a:hover,a:visited:hover, #copy a:hover, #copy a:visited:hover{color:#36b2ff}
a:visited, #copy a:visited{color:#56568c}
#bg-wrapper{margin:0 auto;width:758px}
h2{font-weight:bold;font-size:22px;padding-bottom:16px;color:#bc3318;font-variant:small-caps}
h3{font-weight:bold;font-size:17px;padding-bottom:8px;color:#526e72;font-variant:small-caps}
h4{font-weight:bold;font-size:13px;padding-bottom:6px}
#copy h3 a {color:#526e72;}
p,#copy ul,#copy ol{padding-bottom:10px}
blockquote{margin:0 36px}
.bigbluehat a{color:#000052;text-decoration:none}
.bigbluehat a em{color:#6bc7ff;font-style:normal}
.hidden,li.hidden-page{display:none}
em{font-style:italic}
strong{font-weight:bold}
img { border: none; }
#hd{width:758px;height:212px}
#hd h1{height:0;text-indent:-9000px}
#hd h1 a{background:transparent url(/media/images/logo/bigbluehat_header_logo.gif) no-repeat center 10px;display:block;height:110px;width:80px;margin-left:339px}
* html #hd{width:758px;height:212px;background:transparent url(/media/images/logo/bigbluehat_header_logo.gif) no-repeat center 10px}
* html #hd h1 {display:none}
/*#nav{margin-top:177px;height:35px;background:url(/media/images/navbg.gif)}
#nav ul{margin-left:196px;list-style:none}
#nav ul li{float:left}
#nav ul li a{display:block;width:59px;height:0;padding-top:35px;overflow:hidden;margin-right:10px}
#nav ul li a:hover{background-position:-1px -35px}
#nav ul li.current a,#nav ul li.current a:hover{background-position:-1px -70px}
#nav ul a.home_nav{background:url('/img/site_design/home.png') no-repeat -1px 0}
#nav ul a.about_nav{background:url('/img/site_design/about.png') no-repeat -1px 0}
#nav ul a.software_nav{background:url('/img/site_design/software.png') no-repeat -1px 0}
#nav ul a.services_nav{background:url('/img/site_design/services.png') no-repeat -1px 0}
#nav ul a.portfolio_nav{background:url('/img/site_design/portfolio.png') no-repeat -1px 0}
#nav ul a.blog_nav { background: url('/img/site_design/blog.png'); width: 59px;}*/
#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:-325px 0;width:65px}
#wrapper #nav ul a.contact_us_nav:hover{background-position:-325px -35px}
#wrapper #nav ul li.current a.contact_us_nav{background-position:-325px -70px}

.header-image{background-color:#a2d8fb;padding-top:5px}
.header-image img{display:block;margin:0 auto}
#bd{padding:0;background-color:#eef2ff;border:5px solid #a2d8fb;position:relative}
#bd.has_sidebar{background:#eef2ff url('/img/site_design/right_column_gradient.gif') 162px top repeat-y;}
#left_column{width:162px;float:left;top:5px;left:0}
#side_nav{overflow:hidden;padding-top:20px}
#side_nav ul{margin-left:20px;list-style:none;line-height:20px}
#side_nav ul a{text-decoration:none;font-size:13px;color:#BC3318}
#side_nav ul a:hover{color:#d00}
#side_nav ul li.current a{font-weight:bold}
#side_nav ul li.current ul a{font-weight:normal}
#side_nav ul ul{margin-left:8px}
#yui-main{padding-left:0;overflow:hidden}
#bd .wide{padding-left:0}
#copy{padding:0 15px}
#copy,#right_column{color:#777;padding:20px 30px 40px}
#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:272px}
#copy fieldset .required input,#copy fieldset .optional input{width:280px;margin:0 4px 8px 0;padding:1px 2px;line-height:20px}
#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 form select{border:1px solid #C7D4D6;font-size:11px;margin-bottom:8px}
#copy form option{font-size:11px;padding-right:10px}
#copy form label{}
#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:520px}
.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}
.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;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 #content-item-2 { clear: both; border-top: 1px solid #A2D8FB; padding-top: 15px;}
#page-portfolio #content-item-2 ul li { float: left; width: 25%; }

/** glider **/
#scrollouterwrap {
}
.scrollwrapper {
clear:both;
float:right;
margin-right:5px;
height:373px;
overflow:hidden;
padding:0pt;
}
#scrollouterwrap h2 {float:left; text-align:left;}
#scrollouterwrap h2 small { color: #788C95; font-size: 11px; font-weight: normal; font-variant: normal}
#copy .scrollsection {
height:373px;
margin:0pt;
}
#copy .scrollsection img { margin: 0 15px;border:1px solid #4F686C}
#copy .scrollsection p img{border:none}
.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}
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('/media/images/arrow_right.png') no-repeat left; text-indent:-9000px;width:30px;}
a#gliderprev{margin-right:5px;background:url('/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}

#flashMessage{border:1px solid #A2D8FB;background:#F4F9FF;padding:3px 5px;margin-bottom:5px}