@charset "utf-8";
/* CSS Document */

html, body {
	height:100%; /* needed for container min-height */
	font-family:arial, sans-serif;
	font-size:small;
}
* {
	margin:0px;
	padding:0px;
}
body {
	background:#d79f00 url(../images/broadspireybg.jpg) no-repeat top center;
}
a:active 
{
	outline: none;/* for firefox, remove border around links during on click */
} 

a:focus 
{
     outline:none;
	-moz-outline-style: none;/* for firefox, remove border around links during on click */
}
a
{
     outline:none;
}
div#container {
	position:relative; /* needed for footer positioning*/
	margin:0px auto; /* center, not in IE5 */
	width:100%;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}
div#header {
	width:100%;
	height:76px;
	padding:12px 0px;
}
div#content {
	width:100%;
	padding-bottom:50px;
}
div#footer {
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	background:#4f3a01;
	height:50px;
}
.contentarea {
	width:962px;
	margin:0px auto;
}
.contentarea .contentitem {
	float:left;
}
/* Menu System */
.bsmenuarea {width:962px;
background: url(../images/menubg.gif) no-repeat;
height:93px;
}
ul#bsmenu {
	width:962px;
	list-style:none;

}
ul#bsmenu li {
	display:block;
	float:right;
	text-align:right;
	width:155px;
	padding-right:5px;
}
ul#bsmenu li a {
	display:block;
	text-decoration:none;
	padding:30px 0px 25px 0px;
	margin-right:10px;
	background-position:right;
	background-repeat:no-repeat;
}
ul#bsmenu li a span {
	visibility:hidden;
}
.c21wb a {
	background:url(../images/c21wb.gif);
}
.compare a {
	background:url(../images/compare.gif);
}
.searchengine a {
	background:url(../images/searchengine.gif);
}
.cpc a {
	background:url(../images/cpc.gif);
}
.customdev a {
	background:url(../images/custom.gif);
}
.whybroadspire a {
	background:url(../images/why.gif);
}
.c21wb a:hover {
	background:url(../images/c21wb_on.gif);
}
.compare a:hover {
	background:url(../images/compare_on.gif);
}
.searchengine a:hover {
	background:url(../images/searchengine_on.gif);
}
.cpc a:hover {
	background:url(../images/cpc_on.gif);
}
.customdev a:hover {
	background: url(../images/custom_on.gif);
}
.whybroadspire a:hover {
	background:url(../images/why_on.gif);
}
/* Menu System */

.maincontent {
	float:left;
}
.whitebox {
	background:#FFFFFF;
}
.contentsep {
	margin-bottom:20px;
	border-bottom:4px solid #ccc;
	padding:23px 24px 0px 23px;
}
.twoclmn {
	width:445px;
	float:left;
}
.twoclmn.width445{ width:600px;}
.twoclmn.width253{ width:290px;}
p {
	font:normal normal 12px Arial, Helvetica, sans-serif;
	margin-bottom:8px;
}
/* Tab System */
#container-1 {
	margin-bottom:1px;
}
*html #container-1 {
	height:435px;
	overflow:hidden;
	
}
.tableft {
	width:622px;
	float:left;
}
.tabright {
	width:255px;
	float:left;
	margin-left:20px;
	padding-left:20px;
	border-left:1px solid #eee;
}
#fragment-1 .tableft{width:442px;}

#fragment-1 .tabright{width:438px;}
.morebuttons form p{
margin-bottom:10px;
margin-top:5px;
color:#000;
}
.morebuttons form label span{
color:#CC3300;
}
.morebuttons form p input.text{
width:200px}

.cc_tab p {
	margin-bottom:15px;
	margin-top:5px;
}

.cc_tab .listing {
	float:left;
}
/* Listing */

div.listing ul {
	list-style:none;
}

div.listing ul li {
	background:url(../images/dotg.gif) no-repeat 0px 5px;
	padding-left:15px;
}
div.big  {
margin:20px 0px;}
div.big ul li{  font-size:14px; font-weight:bold; color:#666666; line-height:30px; background-position:0px 11px}
div.rtlisting  {
padding:10px;}
div.rtlisting ul li{ margin-bottom:5px; background-image:url(../images/dotb.gif);}

div.ytlisting  {
padding:10px;}
div.ytlisting ul li{ margin-bottom:5px; background-image:url(../images/icon_yellow.gif);}

h2 {
	margin-bottom:1px;
}
h2.keyfeatures {
	background:url(../images/key_features.png) no-repeat;
}
h2.testimonial {
	background:url(../images/testimonials.gif) no-repeat;
}
h2.bevtestimonial {
	background:url(../images/bevtestimonials.gif) no-repeat;
}
h2 span {
	visibility:hidden;
}

h4 {
	font: normal bold 12px Arial, Helvetica, sans-serif; color:#000000;
	padding:10px 0px 5px 0px;
	}
	
h5 {
	font: normal bold 14px Arial, Helvetica, sans-serif; color:#000000;
	padding:10px 0px 10px 0px;
	text-transform:capitalize;
	}
	
h6 {
	font: normal bold 12px Arial, Helvetica, sans-serif; color:#000000;
	padding:0px 0px 10px 0px;
	text-transform:uppercase;
	text-align:left;
	}
	
.section {
	margin-bottom:20px;
	padding-bottom:5px;
	border-bottom:1px solid #eee;
}
.blackborder {
	border-bottom:5px solid #000;
	margin-bottom:15px;
}
/* Listing */
.ltblock {
	width:280px;
	float:left;
	padding:20px;
}
*html .ltblocknopad {
padding-bottom:0px;}
.rtblock {
	width:601px;
	padding:20px;
	float:left;
	margin-left:1px;
}

/* Layouts */

.ltblockinner {
	float:left;
	padding:20px;
}
.rtblockinner {
	float:left;
	

}
.fullblock{ width:922px;float:left;border-bottom:1px solid #d79f00;padding:20px;}
.layout0  { background:#FFFFFF;}
.layout1 .ltblockinner {
	width:240px;}
.layout1 .rtblockinner {
	width:642px; padding:20px;
	}

.layout1 { background: url(../images/innerbg.gif) repeat-y -720px 0px;}
.layout2 .ltblockinner {
	width:440px;}
.layout2 .rtblockinner {
	width:482px;}

.layout2 { background: url(../images/innerbg.gif) repeat-y -439px 0px;}
.layout3 .ltblockinner {
	width:562px;}
.layout3 .rtblockinner {
	width:360px;}
	
.layout3 { background: url(../images/innerbg.gif) repeat-y -399px 0px;}
.darkbg {
	background:#fff2b2 url(../images/darkbg.png) repeat-x;
}
.promotional {
	background:#fff2b2 url(../images/adbg.png) repeat-x;

}
*html .promotional{ padding-bottom:23px;}
.promotional .imagebox, .promotional .promotext {
	float:left;
}
.promotext ul {
	margin-left:25px;
	list-style:square;
	margin-top:38px;
	font-size:11px;
	font-weight:bold;
}
.promotext ul li ul {
	margin-top:0px;
	margin-top:7px;
}
.promotext ul li, .promotext ul li ul li {
	margin-bottom:7px;
}
.footerline {
	margin-bottom:15px;
}
.footerline p {
	color:#fff;
	text-align:left;
}
.testimonialblock {
	height:230px;


}
.testimonialblock .tarea {
/*	margin-bottom:10px;*/
}
.tarea h3 {
	font: normal bold 11px Arial, Helvetica, sans-serif;
	margin-bottom:4px;
	text-align:left;
}
.tarea p {
	font-size:11px;
}
.tarea p.rtalign {
	text-align:right;
}

html>/**/body .viewsample {
/*	margin-top:22px;*/
}
.tabright .morebuttons {
	padding-top:0px;
}
.tabright a.knowmore {
	background:url(../images/knowmore.gif) no-repeat;
	display:block;
	width:185px;
	height:52px;
}
.tabright a.buynow {
	background:url(../images/buynow.gif) no-repeat;
	display:block;
	width:185px;
	height:69px;
}
.tabright a span {
	display:none;
}
/*Text Areas*/

a { color:black; text-decoration:none;}
a:hover {color:black; text-decoration:underline;}

h1 {font:normal bold 25px Arial, Helvetica, sans-serif; text-align:left; margin-bottom:10px;}
h3 {font:normal normal 18px/25px Arial, Helvetica, sans-serif; text-align:center; margin-bottom:5px;}

.black18normal h3 a{font:normal normal 18px/25px Arial, Helvetica, sans-serif; text-align:center; margin-bottom:5px; color:#000; text-decoration:none;}
.headblock { text-align:center;}
.headblock,  .headblock a {color:white;}
.footerpad{ padding:20px;}

/*Left Area*/
.blackbg {
	background-color:#000;
	padding:20px;
}

.graybg {
	background-color:#fff7d0;
	padding:20px;}
	
.buynowsmall {
	float:left;
	width:196px;
	height:65px;
	padding:40px 0px 0px 0px;
}

.dotline{ border-bottom:1px dotted #CCCCCC; margin:0px;}
.tophead {width:300px;
		  float:left;
		  }

/*---------Classes-----------*/
.leftfloat {
	float:left;
	top:0px;
}
.lfloat {
	float:left;
}
.copy{margin-top:20px; color:#FFFFFF}
.utility{ margin-top:5px;}

html>/**/body .lfloat {
	float: none;
}
.rightfloat {
	float:right;
	top:0px;
}
.rfloat {
	float:right;
}
html>/**/body .rfloat {
	float: none;
}

.yellow {
color:#888;
font-weight:bold;
}
.yellow span{
color:#000;
font-weight:bold;
}