/*=== Setup ===*/
*{
	border: 0;
	margin: 0;
	padding: 0
}
body{
	background: url(../images/bgr.gif) #FFF repeat-x top;
	color: #666;
	font: .7em Verdana,Arial,Geneva,Helvetica,Sans-Serif
}
.grey{
	color: #666;
}
.small{
	font-size: 9px;
}
.fineprint{
	font-size: 9px;
	margin-bottom: 18px;
	text-align:left;
}
a{
	color: #C12302;
	text-decoration: none
}
a:hover{
	text-decoration: underline
}
input,select,textarea{
	border: #999999 1px solid;
	font-size: 11px;
	padding: 2px
}
li{
	list-style: none
}
h2{
	color: #fff;
	font-size: 20px;
	font-weight:normal;
	margin: 0 0 .5em;
	background-color:#026E9B;
	padding: 4px 8px;
}
h3, h4{
	color: #444;
	font-size: 13px;
	margin: 0 0 1em
}

h4{
	color: blue;
}
p{
	line-height: 1.3em;
	padding: 0 0 1em
}
/*=== Layout ===*/
#page{
	margin: 0 auto;
	width: 969px
}
/*=== Header ===*/
#header{
	height: 110px;
	padding: 0 26px
}
#header .content{
	float: right;
	padding: 12px 0 0
}
/*- Logo -*/
#header h1{
	background: url(../images/logo.gif) no-repeat;
	float: left;
	text-indent: -9999px;
	width: 175px
}
#header h1 a{
	display: block;
	height: 110px;
	text-decoration: none
}
/*=== Navigation ===*/
/*- NavTop -*/
.navTop {font-size:12px; font-weight:bold; height:30px; white-space:nowrap;}
.navTop ul {padding:0 0 0 26px;}
.navTop li {float:left; padding:8px 0 0 0; display:inline; list-style-type:none;}
.navTop li a, .navTop li a:hover {color:#fff; text-decoration:none;}
.navTop li.separator1 {border-right: solid 1px #777; height:30px; width:1px; padding:0; margin-right:75px;}
.navTop li.separator {border-right: solid 1px #777; height:30px; width:1px; padding: 0 0 0 72px; margin-right:75px;}
.navTop li.separator2 {border-right: solid 1px #777; height:30px; width:1px; padding: 0 0 0 72px; margin-right:0;}
/*- Nav1 -*/
.nav1{
	float: left;
	margin: 0 0 0px;
	text-indent: -9999px;
	width: 967px
}
.nav1 li{
	float: left
}
.nav1 li a{
	background: url(../images/nav1-bgr.gif) no-repeat top;
	display: block;
	height: 30px
}
.nav1 li a:hover{
	text-decoration: none
}
.nav1 li#n11 a{
	background-position: 0 0;
	width: 120px
}
.nav1 li#n12 a{
	background-position: -120px 0;
	width: 157px
}
.nav1 li#n13 a{
	background-position: -277px 0;
	width: 143px
}
.nav1 li#n14 a{
	background-position: -420px 0;
	width: 131px
}
.nav1 li#n15 a{
	background-position: -551px 0;
	width: 150px
}
.nav1 li#n16 a{
	background-position: -701px 0;
	width: 122px
}
.nav1 li#n17 a{
	background-position: -823px 0;
	width: 144px
}
/*- Nav2 -*/
.nav2 ul{
	font-size: 12px;
	letter-spacing: -1px;
	padding: 0 0 0 2px
}
.nav2 li{
/*padding-bottom: 5px;*/
padding: 0; margin: 0;

}
.nav2 li a{
	color: #58595b;
	display: block;
	/*height: 23px;*/
	/*line-height: 23px;*/
	padding: 4px 0 4px 30px;
}
.nav2 li a:hover{
	background: url(../images/nav2-ico.gif) #c1ddee no-repeat 18px 8px;
	color: #000000;
	text-decoration: none
}
.nav2 li.active a{
	background: url(../images/nav2-ico.gif) transparent no-repeat 18px 8px;
	color: #000000;
	font-weight: bold;
	text-decoration: none
}
#colorbox-onehub{
	font-weight: bold;
	font-size: 10px;
	margin-top: 10px;
	background: url(../images/pic-bundle.png) no-repeat;
	width: 195px;
	height: 131px;
	padding: 10px 0 0 28px;
	/*display: none;*/
	position: absolute;
	/*top: 630px;*/
}
#colorbox-onehub a{
	display: block;
	height: 120px;
}
#colorbox-voicebox{
	font-weight: bold;
	font-size: 10px;
	margin-top: 10px;
	background: url(../images/pic-voicebox.png) no-repeat;
	width: 195px;
	height: 131px;
	padding: 10px 0 0 28px;
	/*display: none;*/
	position: absolute;
	/*top: 630px;*/
}
#colorbox-voicebox a{
	display: block;
	height: 120px;
}
#colorbox-voicebox2{
	font-weight: bold;
	font-size: 10px;
	margin-top: 150px;
	background: url(../images/pic-voicebox.png) no-repeat;
	width: 195px;
	height: 131px;
	padding: 10px 0 0 28px;
	/*display: none;*/
	position: absolute;
	/*top: 630px;*/
}
#colorbox-voicebox2 a{
	display: block;
	height: 120px;
}
#colorbox-epbx{
	font-weight: bold;
	font-size: 10px;
	margin-top: 290px;
	background: url(../images/pic-diagram.png) no-repeat;
	width: 195px;
	height: 131px;
	padding: 10px 0 0 28px;
	/*display: none;*/
	position: absolute;
	/*top: 630px;*/
}
#colorbox-epbx a{
	display: block;
	height: 120px;
}

#big-slide{
	background: url(../images/slide-large.png) no-repeat;
	width: 644px;
	height: 425px;
}
#big-slide #copy{
	position: relative;
	top: 130px;
	left: 310px;
	width: 200px;
}
/*=== Headline ===*/
.headline{
	background: url(../images/hd-bgr.gif) no-repeat top;
	clear: both;
	height: 76px;
	margin: 8px 0 8px 0px;
	overflow: hidden;
	text-align: right;
	width: 179px
}
/*=== All Columns ===*/
#columns{
	height: 1%;
	margin: 7px 0 0;
	padding: 0 26px 15px
}
/*=== Sub Columns ===*/
.col1{
	float: left;
	width: 179px
}
.col2{
	float: left;
	margin: 8px 0 0 8px;
	width: 530px
}
.col3{
	float: right;
	margin-top: 8px;
	width: 192px;
}
/*=== Styling Boxes ===*/
/*- Box1 -*/
.box{
	margin: 0 0 1em;
	width: 179px
}
.box .top,.box .bot{
	background: url(../images/box-top.png) no-repeat top;
	clear: both;
	height: 13px;
	overflow: hidden
}
.box .bot{
	background: url(../images/box-bot.png) no-repeat top
}
.box .content{
	background: url(../images/box-bgr.png) repeat-y;
	height: 1%
}
/*- Box2 -*/
.box2{
	background: url(../images/box2-bgr.png) repeat-y;
	display: table-cell;
	display: block;
	height: auto !important;
	height: 530px;
	margin: 0 0 1em;
	min-height: 530px;
	padding: 11px
}
.box2 .content{
	border: 1px solid #c9d3d9
}
.box2 .home-image{
	background: url(../images/bg-home.jpg) no-repeat top;
	height: 563px;
}
.box2 .home-image .content- h2{
	font-size: 20px;
	font-weight: bold;
	line-height: 28px;
	color: #a4dcf6;
	background-color:Transparent;
	text-align:center;
}
.box2 .home-image .content- p{
	font-size: 17px;
	line-height: 20px;
	color: #a4dcf6;
	text-align:left;
}
.box2 .content-{
	height: 1%;
	padding: 8px 13px;
}
.box2 .content- a
{
	font-weight:bold;
}
/*- Box3 -*/
.box3{
	margin: 0 0 1em;
	width: 192px
}
.box3 .top{
	background: url(../images/box3-top.png) no-repeat top;
	clear: both;
	height: 15px;
	overflow: hidden
}
.box3 .content{
	background: url(../images/box3-bgr.png) repeat-y;
	display: table-cell;
	display: block;
	height: auto !important;
	height: 530px;
	min-height: 530px;
	padding: 0 9px
}
/*=== Link Buttons ===*/
.btn-buy{
	float: right;
	text-indent: -9999px
}
a.btn-buy{
	background: url(../images/btn-buy.gif) no-repeat left;
	display: block;
	height: 20px;
	width: 45px
}
a.btn-buy:hover{
	background: url(../images/btn-buy-.gif) no-repeat left
}
/*=== Pics, Thumbs, Ads etc. ===*/
.ad img{
	border: 1px solid #d3dbdf;
	display: block;
	margin: 0 0 1.2em
}
/*=== Styling Tabular Data ===*/
table{
	border-collapse: collapse;
	width: 100%
}
/*- Tabs1 -*/
.tabs1{
	background: #ffffff;
	font-size: 9px;
	text-align: center;
	
}
.tabs1 li{
	/*list-style: disc;*/
}
.tabs1 table{
	border: 1px solid #c9d3d9;
}
.tabs1 th, .tabs1 td{
	padding: 6px 8px
}
.tabs1 th{
	background: url(../images/th-bgr.gif) repeat-x top #93c9da;
	color: #000000;
}
.tabs1 td{
	border-bottom: 1px solid #c9d3d9;
	color: #555459
}
.tabs1 td strong{
	color: #af170c;
	white-space: nowrap
}
.tabs1 td.al{
	color: #151518;
	width: 23%
}
.tabs1 td.price strong{
	display: block;
	padding: 4px 0 0 10px;
}
.highlight{
	background-color: #e4f4f7;
}
/*=== Footer ===*/
#footer{
	color: #005e89;
	padding: 20px 30px 20px 0;
	text-align: center
}
#footer a{
	color: #005e89
}
/*=== Misc. ===*/
.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden
}
.hl{
	background: url(../images/hl-bgr.gif) repeat-x top;
	clear: both;
	height: 8px;
	overflow: hidden
}
.fl{
	float: left
}
.fr{
	float: right
}
.ac{
	text-align: center
}
.ar{
	text-align: right
}
.al{
	text-align: left
}
.hidden{
	display: none;
}
sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
/*=== Accoridon Boxes ===*/
#accordion div{
	background-color: #eaeff0;
	padding: 7px;
	font-size: 10px;
}
#accordion h3{
	background-color: #e3e3e3;
	padding: 7px;
	margin: 5px 0;
	line-height: 13px;
}
#accordion h3 a{
	font-size: 10px;
	color: #585858;
}
#accordion h3 a span{
	color: #C12302;
}
/*=== 123 Boxes ===*/
div.step{
	padding: 10px 20px 10px 90px;
	margin: 5px 0;
}
div.step h4{
	color: #666;
	font-size: 10px;
}
div.num-01{
	background: #e3e3e3 url(../images/num-01.gif) no-repeat 0 10px;
}
div.num-02{
	background: #e3e3e3 url(../images/num-02.gif) no-repeat 0 10px;
}
div.num-03{
	background: #e3e3e3 url(../images/num-03.gif) no-repeat 0 10px;
}
div.step ul li{
	list-style: disc;
	margin-left: 20px;
}
ul.bullets li{
	list-style: disc;
	margin-left: 20px;
}
ol.numbers li{
	list-style: decimal;
	margin-left: 20px;
}
/*=== Display Boxes ===*/
.display, .display1, .display2{
	width: 508px;/*(508-272-30)*/
	/*height: 367px;*/
	text-align: center;
	
}
.voicebox{
	margin: 0;
	text-align: left;
	width: 206px;/*(508-272-30)*/
	height: 287px;
	padding: 80px 30px 0 272px;
	background: #FFF url(../images/img-voicebox1.jpg) no-repeat;
}
.voicebox2{
	margin: 0;
	text-align: left;
	width: 206px;/*(508-272-30)*/
	height: 287px;
	padding: 80px 30px 0 272px;
	background: #FFF url(../images/img-voicebox1.jpg) no-repeat;
}
.onehub{
	margin: 0;
	text-align: left;
	width: 206px;/*(508-272-30)*/
	height: 287px;
	padding: 80px 30px 0 272px;
	background: #FFF url(../images/img-phone1.jpg) no-repeat;
}