/* reset.css */

html, body, div, span, object, iframe, h5, h6, blockquote, pre, a, abbr, acronym, 
address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td, submit, text {
	margin:0;
	padding:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
}


body {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-color: #71cef5;
	text-align: center;
	font-family: Arial, Verdana, sans-serif, helvetica;
}

a { text-decoration: underline; }
a:hover { text-decoration: underline; }

img { border:none; margin: 0px; padding: 0px; }
a img { border:none; margin: 0px; padding: 0px; }

hr {
	height: 1px;
	color: #71cef5;
	border: 0px;
	background-color: #71cef5;
	margin: 0px;
	padding: 0px;
}

.clearBoth { clear: both; height: 20px; margin: 0px; padding: 0px; text-align: center; }

.clearBoth p { margin: 0px; padding: 0px; line-height: 16px; }



/* MAIN DIV(S) LAYOUT */
/* ############################################# */


#container {
	width: 825px;
	margin: auto;
	margin-top: 0px;
	text-align: center;
}



/* ##### HEADER #####  */

#header {
	width: 795px;
	height: 113px;
	float: right;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	background-color: #71cef5;
}

#header #logo {
	width: 109px;
	height: 113px;
	float: right;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

#header #logo a {
	display: block;
	width: 109px;
	height: 113px;
	margin: 0px;
	padding: 0px;
	background: url('../images/bc-logo.gif');
	background-repeat: no-repeat; 
}
/* hack */ 
#header #logo a { letter-spacing : -1000em; text-indent : -999em; } 
/* Just for Opera, but hide from MacIE */ 
/*\*/html>body #header #logo a { letter-spacing : normal; text-indent : -999em; overflow : hidden; } 
/* End of hack */ 

#header ul {
	width: 686px;
	height: 89px;
	float: right;
	overflow: hidden;
	margin: 24px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
	display: block;
}

#header ul li {
	display: block;
	width: 96px;
	height: 89px;
	padding: 0px;
	margin: 0px 2px 0px 0px;
	float: left;
	text-align: left;
	background: url('../images/tabBG.gif');
	background-repeat: no-repeat;
}

#header ul li a {
	display: block;
	width: 96px;
	height: 89px;
	margin: 0px;
	padding: 0px;
}
/* hack */ 
#header ul li a { letter-spacing : -1000em; text-indent : -999em; } 
/* Just for Opera, but hide from MacIE */ 
/*\*/html>body #header ul li a { letter-spacing : normal; text-indent : -999em; overflow : hidden; } 
/* End of hack */ 

#header ul li a.Os { background: url('../images/tabOs.gif'); background-repeat: no-repeat; }
#header ul li a.Wb { background: url('../images/tabWb.gif'); background-repeat: no-repeat; }
#header ul li a.Cs { background: url('../images/tabCs.gif'); background-repeat: no-repeat; }
#header ul li a.Wo { background: url('../images/tabWo.gif'); background-repeat: no-repeat; }
#header ul li a.Fs { background: url('../images/tabFs.gif'); background-repeat: no-repeat; }
#header ul li a.Cu { background: url('../images/tabCu.gif'); background-repeat: no-repeat; }
#header ul li a.Ho { background: url('../images/tabHo.gif'); background-repeat: no-repeat; }

#header ul li a:hover.Os { background: url('../images/tabOs2.gif'); background-repeat: no-repeat; }
#header ul li a:hover.Wb { background: url('../images/tabWb2.gif'); background-repeat: no-repeat; }
#header ul li a:hover.Cs { background: url('../images/tabCs2.gif'); background-repeat: no-repeat; }
#header ul li a:hover.Wo { background: url('../images/tabWo2.gif'); background-repeat: no-repeat; }
#header ul li a:hover.Fs { background: url('../images/tabFs2.gif'); background-repeat: no-repeat; }
#header ul li a:hover.Cu { background: url('../images/tabCu2.gif'); background-repeat: no-repeat; }
#header ul li a:hover.Ho { background: url('../images/tabHo2.gif'); background-repeat: no-repeat; }



/* ##### PAGE BODY: GENERIC AND MISC #####  */

#pageBody {
	width: 825px;
	margin: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	background-color: #ffffff;
	background: url('../images/pageBodyBG.gif');
	background-repeat: repeat-y;
}

#pageBody #iconBar {
	float: left;
	width: 31px;
	height: 171px;
	margin: 30px 0px 0px 0px;
	padding: 0px;
	background: url('../images/iconBarBG.gif');
	background-repeat: no-repeat;
	text-align: left;
}

#pageBody #iconBar a {
	display: block;
	width: 20px;
	height: 20px;
	margin: 3px 0px 0px 6px;
	padding: 0px;
}

#pageBody #iconBar a.first {
	margin: 5px 0px 0px 6px;
}


/* ##### PAGE BODY: CONTENT AREA #####  */

#pageBody #Content.HomePage {
	float: left;
	width: 550px;
	margin: 0px 10px 0px 11px;
	padding: 0px;
}


#pageBody #Content.SubPage {
	float: right;
	width: 520px;
	margin: 20px 20px 0px 0px;
	padding: 0px;
}




/* ##### PAGE BODY: HOME SIDE BAR #####  */

#pageBody #SideBar.Right {
	float: right;
	width: 210px;
	margin: 0px 12px 0px 0px;
	padding: 0px;
}

#pageBody #SideBar.Left {
	float: left;
	width: 210px;
	margin: 20px 0px 0px 12px;
	padding: 0px;
}





#pageBody #SideBar #Submenu {
	width: 210px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	text-align: left;
	background: url('../images/sbSubmenuBG.gif');
	background-repeat: no-repeat;
}

#pageBody #SideBar #Submenu ul#L1 {
	display: block;
	width: 210px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-align: left;
	list-style-type: none;
}

#pageBody #SideBar #Submenu ul#L1 li {
	display: block;
	width: 210px;
	padding: 0px;
	margin: 0px;
	background: url('../images/sbSubmenuItemBG.gif');
	background-repeat: no-repeat;
}

#pageBody #SideBar #Submenu ul#L2 li {
	display: block;
	width: 210px;
	padding: 0px;
	margin: 0px;
	background: url('../images/sbSubmenu2ItemBG.gif');
	background-repeat: no-repeat;
}

#pageBody #SideBar #Submenu ul#L1 li a {
	display: block;
	width: 185px;
	height: 30px;
	padding: 0px;
	margin: 0px 0px 0px 25px;
	color: #32a8da;
	font-size: 11px;
	line-height: 23px;
	text-decoration: none;
}

#pageBody #SideBar #Submenu ul#L2 li a {
	display: block;
	width: 180px;
	height: 25px;
	padding: 0px;
	margin: 0px 0px 0px 30px;
	color: #32a8da;
	font-size: 11px;
	line-height: 20px;
	text-decoration: none;
}

#pageBody #SideBar #Submenu  ul#L1 li a:hover, #pageBody #SideBar #Submenu  ul#L2 li a:hover, #pageBody #SideBar #Submenu  ul#L3 li a:hover {
	color: #1a7da7;
	text-decoration: underline;
}



#pageBody #SideBar #Submenu p {
	display: block;
	width: 210px;
	height: 32px;
	overflow: hidden;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	text-align: left;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 30px;
	font-weight: bold;
}





#pageBody #SideBar ul#servicesBox {
	display: block;
	width: 210px;
	height: 170px;
	overflow: hidden;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	text-align: left;
	list-style-type: none;
	background: url('../images/sbServicesBoxBG2.gif');
	background-repeat: no-repeat;
}

#pageBody #SideBar ul#servicesBox li {
	display: block;
	width: 145px;
	height: 30px;
	overflow: hidden;
	padding: 0px;
	margin: 0px 0px 0px 20px;
}

#pageBody #SideBar ul#servicesBox li.diy {
	margin-top: 9px;
}

#pageBody #SideBar ul#servicesBox li a {
	font-size: 11px;
	line-height: 29px;
	color: #827d7d;
	text-decoration: none;
	font-weight: bold;
}

#pageBody #SideBar ul#servicesBox li.diy a:hover { color: #8d8d8d; text-decoration: underline; font-weight: bold; }
#pageBody #SideBar ul#servicesBox li.academy a:hover { color: #ee3a43; text-decoration: underline; font-weight: bold; }
#pageBody #SideBar ul#servicesBox li.specialist a:hover { color: #f78f1e; text-decoration: underline; font-weight: bold; }
#pageBody #SideBar ul#servicesBox li.oncall a:hover { color: #50b948; text-decoration: underline; font-weight: bold; }
#pageBody #SideBar ul#servicesBox li.ultimate a:hover { color: #71cef5; text-decoration: underline; font-weight: bold; }

#pageBody #SideBar #contactBox {
	width: 210px;
	height: 95px;
	overflow: hidden;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	text-align: left;
	background: url('../images/sbContactBoxBG.gif');
	background-repeat: no-repeat;
	font-size: 11px;
	line-height: 13px;
	color: #827d7d;
}

#pageBody #SideBar #contactBox p {
	margin: 5px 0px 0px 10px;
}

#pageBody #SideBar #brochureBox {
	width: 210px;
	height: 118px;
	overflow: hidden;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

#pageBody #SideBar #clientsBox {
	width: 210px;
	height: 77px;
	overflow: hidden;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	text-align: left;
	background: url('../images/sbClientsBoxBG.gif');
	background-repeat: no-repeat;
}


#pageBody #SideBar #TestimonialBox, #pageBody #SideBar #FreeTextBox {
	border: 1px dotted #cccddb;
	width: 210px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

#pageBody #SideBar #TestimonialBox p, #pageBody #SideBar #FreeTextBox p {
	margin: 10px 10px 10px 10px;
	padding: 0px;
	font-size: 11px;
	line-height: 14px;
	color: #7a7a7a;
	text-align: left;
}

#pageBody #SideBar #CaseStudyBox {
	border-top: none;
	border-bottom: 1px solid #cccddb;
	border-left: 1px solid #cccddb;
	border-right: none;
	width: 210px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background: url('../images/sbCaseStudyBoxBG.gif');
	background-repeat: no-repeat;
}

#pageBody #SideBar #CaseStudyBox p {
	margin: 0px 45px 20px 10px;
	padding: 0px;
	font-size: 11px;
	line-height: 16px;
	color: #7a7a7a;
	text-align: left;
}

#pageBody #SideBar #CaseStudyBox p a {
	color: #7a7a7a;
	text-decoration: none;
}

#pageBody #SideBar #CaseStudyBox p a:hover {
	color: #50b948;
	text-decoration: underline;
}












/* ##### RESOURCES #####  */

#resources {
	clear: both;
	width: 825px;
	margin: auto;
	margin: 10px 0px 0px 0px;
	text-align: left;
	background-color: #ffffff;
	background: url('../images/pageBodyBG.gif');
	background-repeat: repeat-y;
}

#resources #latestNews {
	width: 375px;
	float: left;
	margin: 0px 25px 0px 0px;
	padding: 0px;
}

#resources #whatsNew {
	width: 185px;
	float: left;
	margin: 0px 25px 0px 0px;
	padding: 0px;
}





#resources #latestNews, #resources #whatsNew, #resources #twitter {
	text-align: left;
}

#resources #latestNews h3, #resources #whatsNew h3, #resources #twitter h3 {
	display: block;
	height: 20px;
	width: 175px;
	margin: 14px 0px 15px 0px;
	padding: 0px;
}

#resources #latestNews h3 {
	background: url('../images/title-latest-news.gif');
	background-repeat: no-repeat;
	margin-left: 50px;
}

#resources #whatsNew h3 {
	background: url('../images/title-whats-new.gif');
	background-repeat: no-repeat;
}


/* hack */ 
#resources #latestNews h3, #resources #whatsNew h3 { letter-spacing : -1000em; text-indent : -999em; } 
/* Just for Opera, but hide from MacIE */ 
/*\*/html>body #resources #latestNews h3, #resources #whatsNew h3 { letter-spacing : normal; text-indent : -999em; overflow : hidden; } 
/* End of hack */ 


#resources #latestNews .newsItem {
	width: 325px;
	height: 20px;
	overflow: hidden;
	margin: 0px 0px 0px 50px;
	padding: 0px;
	border-bottom: 1px solid #e4e4e4;
	font-size: 11px;
	line-height: 18px;
}
#resources #latestNews .newsDate {
	width: 60px;
	height: 20px;
	float: left;
	margin: 0px;
	padding: 0px;
	text-align: left;
	color: #7fa1a6;
}
#resources #latestNews .newsTitle {
	width: 260px;
	height: 20px;
	float: left;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	text-align: left;
}
#resources #latestNews .newsTitle a { color: #4f5c62; text-decoration: none; }
#resources #latestNews .newsTitle a:hover { color: #71cef5; text-decoration: underline; }


#resources #whatsNew p {
	font-size: 11px;
	line-height: 16px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
}
#resources #whatsNew p a { color: #4f5c62; text-decoration: none; }
#resources #whatsNew p a:hover { color: #71cef5; text-decoration: underline; }



/*TWITTER*/
#resources #twitter {
	width: 195px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#resources #twitter div.WidgetHolder {
	margin: 0px;
	padding: 0px;
}



#resources #twitter h3 {
	background: url('../images/title-latest-tweets.gif');
	background-repeat: no-repeat;
}

#resources #twitter div.WidgetHolder h3 {
	display: none;
}

/* hack */ 
#resources #twitter h3 { letter-spacing : -1000em; text-indent : -999em; } 
/* Just for Opera, but hide from MacIE */ 
/*\*/html>body #resources #twitter h3 { letter-spacing : normal; text-indent : -999em; overflow : hidden; } 
/* End of hack */ 


#resources #twitter div.csIcon {
	width: 50px;
	height: 50px;
	float: left;
	margin: 0px 8px 8px 0px;
	padding: 0px;
}



a.twtr-join-conv {
	display: none;
}

div.twtr-ft {
	display: none;
}

div.twtr-hd {
	display: none;
}

div.twtr-tweet-text, div.twtr-bd, div.twtr-timeline, div.twtr-tweets, div.twtr-reference-tweet, div.twtr-tweet, div.twtr-tweet-wrap, div.twtr-tweet-text p, div.twtr-tweet-text p a {
	margin-top: 0px;
}

div.twtr-tweet-text p, div.twtr-tweet-text p a {
	font-size: 11px;
	line-height: 16px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
}
div.twtr-tweet-text p a { color: #4f5c62; text-decoration: none; }
div.twtr-tweet-text p a:hover { color: #71cef5; text-decoration: underline; }




/* ##### FOOTER #####  */

#footer {
	clear: both;
	width: 825px;
	margin: auto;
	margin: 10px 0px 0px 0px;
	background-color: #ffffff;
	background: url('../images/pageBodyBG.gif');
	background-repeat: repeat-y;
}

#footer #searchBox {
	width: 265px;
	overflow: hidden;
	float: left;
	margin: 10px 0px 0px 40px;
	padding: 0px;
	text-align: left;
	background: url('../images/title-site-search.gif');
	background-repeat: no-repeat;
}



/**/
#footer #searchBox form#searchForm_SearchForm { /* Search Form */
	margin: 0px 0px 0px 60px;
	padding: 0px;
	text-align: left; 
	border: none;
}

#footer #searchBox form#searchForm_SearchForm fieldset { /* Surrounding fieldset */
	margin: 0px;
	padding: 0px;
	border: none;
}

#footer #searchBox form#searchForm_SearchForm fieldset legend { /* Legend */
	margin: 0px;
	padding: 0px;
	height: 0px;
	display: none;
}

#footer #searchBox form#searchForm_SearchForm fieldset div#Search { /* Div surrounding the Text Box */
	float: left; 
	margin: 0px; 
	padding: 0px; 
	text-align: left;
	width: 85px;
}

#footer #searchBox form#searchForm_SearchForm fieldset div#Search input#SearchForm_SearchForm_Search { /* Text Box */
	margin: 0px;
	padding: 0px;
	border: 1px solid #71cef5;
	color:#559ab8;
	background-color:#ffffff;
	font-family: Arial, Verdana;
	font-size: 11px;
	line-height: 16px;
	height: 18px; 
	width: 80px;
	float: left; 
}


#footer #searchBox form#searchForm_SearchForm fieldset input#SearchForm_SearchForm_action_results { /* Submit Button */
	float: left; 
	display: block;
	margin: 0px; 
	padding: 0px; 
	width: 19px;
	height: 19px; 
	overflow: hidden;
	text-align: left;
	background-color: #ffffff;
	border: none;
	font-family: Arial, Verdana;
	font-size: 12px;
	line-height: 16px;
	color:#559ab8;
	background: url('../images/searchBtn.gif');
	background-repeat: no-repeat;
}
/* hack */ 
#footer #searchBox form#searchForm_SearchForm fieldset input#SearchForm_SearchForm_action_results{ letter-spacing : -1000em; text-indent : -999em; } 
/* Just for Opera, but hide from MacIE */ 
/*\*/html>body #footer #searchBox form#searchForm_SearchForm fieldset input#SearchForm_SearchForm_action_results { letter-spacing : normal; text-indent : -999em; overflow : hidden; } 
/* End of hack */ 

#footer #searchBox form#searchForm_SearchForm fieldset input#SearchForm_SearchForm_action_results:hover { /* Submit Button */

}










#footer ul {
	float: right;
	height: 20px;
	margin: 7px 10px 0px 0px;
	padding: 0px;
	list-style-type: none;
}

#footer ul li {
	display: inline;
	padding: 0px;
	margin: 0px 10px 0px 0px;
	border-right: 1px dotted #559ab8;
}
#footer ul li.bookmark { border-right:none; margin-right: 0px; }

#footer ul li.email { background: url('../images/icoMailPage.gif'); background-repeat: no-repeat; }
#footer ul li.print { background: url('../images/icoPrint.gif'); background-repeat: no-repeat; }
#footer ul li.bookmark { background: url('../images/icoBookmark.gif'); background-repeat: no-repeat; }

#footer ul li a {
	padding: 0px;
	margin: 0px 10px 0px 25px;
	font-size: 11px;
	line-height: 18px;
	color: #559ab8;
	text-decoration: none;
}

#footer ul li a:hover {
	color: #71cef5;
	text-decoration: underline;
}









/* ##### SUBFOOTER #####  */

#subFooter {
	clear: both;
	width: 825px;
	margin: auto;
	margin: 10px 0px 0px 0px;
	text-align: right;
}

#subFooter p, #subFooter p a, #subFooter ul li a {
	color: #ffffff;
	font-size: 11px;
	line-height: 18px;
	text-decoration: none;
}

#subFooter p a:hover, #subFooter ul li a:hover { text-decoration: underline; }

#subFooter p { 
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

#subFooter p.tag { 
	margin: 20px 0px 0px 0px;
	padding: 0px;
	color: #dbf3fc;
}
#subFooter p.tag a { color: #dbf3fc; }
#subFooter p.tag a:hover { color: #ec008c; }


#subFooter ul#repeatNav {
	float: left;
	text-align: left;
	margin: 0px 0px 10px 30px;
	padding: 0px;
	list-style-type: none;
}

#subFooter ul#Legal {
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

#subFooter ul#repeatNav li {
	display: inline;
	margin: 0px 10px 0px 0px;
	padding: 0px;
}

#subFooter ul#Legal li {
	display: inline;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}











/* ##### MISC #####  */

#clearColFloats {
	clear: both;
	width: 825px;
	height: 10px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	background: url('../images/dropshadow.gif');
	background-repeat: no-repeat;
}