body {
	margin:0;
	padding:0;
	color:#4F4E4E;
	/*background:#fff url(/-images/bg-body.gif) repeat-x top;*/
	/*background:url("/-images/background.jpg") no-repeat scroll center top #E8E8E8;*/
	font:11px arial,verdana,sans-serif
	}
form {
	margin:0;
	padding:0
	}
img {border:none}
a {text-decoration:none}
input {vertical-align:middle}
select {font:11px verdana,arial,sans-serif}
textarea {
	font:11px tahoma,sans-serif;
	color:#666;
	float:left;
	/*width:264px;*/
	height:50px;
	padding:2px 0 0 2px;
	border:1px solid #BCC7D2
	}	
.clear {clear:both}
#main {
	width:780px;
	margin:0 auto;
/*	background:#FFFFFF*/
	background: url("/-images/wrapper_bg.png") repeat-y scroll 0 0 #FFFFFF;
    padding: 0 7px;
	}
#header {
	padding:31px 0 0 0;
	width:780px;
	position:relative;
	background:#fff url(/-images/bg-body.gif) repeat-x top;
	}
#header a.logo {
	float:left;
	width:280px;
	height:51px;
	display:block;
	background:url(/-images/logo.gif) no-repeat left top
	}
#header .call {
	float:right;
	background:url(/-images/ico-phone.gif) no-repeat 0 14px;
	padding:9px 3px 0 19px;
	font:bold 11px/19px tahoma,sans-serif;
	color:#515151
	}
#header .social {
	position:absolute;
	font-weight:bold;
	/*top:55px; left:442px;*/
	top:10px; left:642px;
	padding:0 5px 0 0
	font:bold 11px/19px tahoma,sans-serif;
	color:#515151
	}
#header form {
	position:absolute;
	top:60px;
	left:352px;
	padding:0 5px 0 0
	}
* html #header form {top:59px}
#header form .btn {
	width:55px;
	height:18px;
	border:1px solid #164A89;
	background:#396AA0;
	color:#fff;
	font:11px tahoma,sans-serif
	}
#header form .text {
	width:166px;
	height:16px;
	padding:0;
	border:1px solid #819BB9
	}
#header .login {
	position:absolute;
	top:60px;
	left:585px;
	border-left:1px solid #32854B;
	padding:0 0 0 1px;
	background:#fff
	}
#header .login a {
	display:block;
	width:182px;
	height:21px;
	background:#32854B;
	font:bold 11px/21px tahoma,sans-serif;
	color:#fff;
	padding:0 0 0 11px
	}
#header ul {
	float:left;
	width:100%;
	border-top:1px solid #023673;
	margin:0;
	background:url(/-images/bg-top-nav.gif) repeat-x top;
	padding:1px 0 0 0;
	height:26px
	}
#header ul li {
	float:left;
	height:23px;
	margin:0;
	padding:1px;
	list-style:none;
	background:url(/-images/bg-top-nav-border.gif) no-repeat right top;
	}
* html #header ul li {position:relative;}
#header ul li.right {
	float:right;
	background:url(/-images/bg-top-nav-border.gif) no-repeat left top;
	}
#header ul li a {
	float:left;
	display:block;
	height:23px;
	padding:0 11px;
	color:#DAE9FD;
	font:bold 11px/23px tahoma,sans-serif
	}
#header ul li a:hover {background:#396AA0}
#header ul li:hover ul,
#header ul li.hover ul {
	display:block
	}
#header ul ul {
	display:none;
	float:none;
	position:absolute;
	top:109px;
	width:181px;
	/*width:131px;*/
	height:auto;
	border:1px solid #83A6CE;
	margin:0;
	background:none;
	padding:0;
	z-index:1001;
	}
* html #header ul ul {
	left:0;
	top:25px;
}
#header ul ul li {
	float:left;
	width:181px;
	/*width:131px;*/
	height:17px;
	padding:0 1px;
	margin:0;
	list-style:none;
	background:#396BA0
	}
#header ul ul li a {
	float:left;
	width:164px;
	/*width:114px;*/
	display:block;
	height:17px;
	padding:0 0 0 17px;
	color:#fff;
	font:11px/16px tahoma,sans-serif;
	background:url(/-images/bullet-hover-nav.gif) no-repeat left
	}
#header ul ul li a:hover {
	background:#023672 url(/-images/bullet-hover-nav.gif) no-repeat left
	}
#index-box {
	clear:both;
	width:100%
	}
#index-box .left-box {
	float:left;
	width:585px;
	height:223px;
	background:#6B8996 url(/-images/index-img.jpg) no-repeat left top;
	border-bottom:1px solid #fff
	}
#index-box ul,
#content-box ul {
	float:left;
	margin:0;
	padding:0 0 0 1px;
	background:#299448 url(/-images/bg-left-nav.jpg) repeat-y left;
	width:193px;
	height:223px;
	border-left:1px solid #308449;
	border-bottom:1px solid #fff
	}
#content-box ul {
	width:326px;
	height:128px;
	padding:0;
	border-left:1px solid #fff;
	background:#299448 url(/-images/bg-content-nav.jpg) repeat-x top
	}
#index-box ul li,
#content-box ul li {
	margin:0;
	padding:0;
	text-transform:uppercase;
	list-style:none
	}
#content-box ul li {float:left}
#index-box ul li.n,
#content-box ul li.n {
	font:bold 11px/27px tahoma,sans-serif;
	color:#fff;
	padding:0 0 0 11px;
	height:27px
	}
#content-box ul li.n {width:315px}
#index-box ul li a,
#content-box ul li a {
	display:block;
	height:19px;
	width:160px;
	font:11px/19px tahoma,sans-serif;
	padding:0 0 0 33px;
	background:url(/-images/bg-left-nav-a.jpg) no-repeat left top;
	color:#fff
	}
#content-box ul li a {width:129px;margin:0 1px 0 0}
#index-box ul li a:hover,
#content-box ul li a:hover {
	background-position:0 -19px
	}
#index-box .get-quote {
	float:left;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff
	}
#index-box .put-power {
	float:left;
	width:563px;
	height:25px;
	padding:124px 0 0 0;
	border-bottom:1px solid #fff;
	background:#447EAB url(/-images/put-power.jpg) no-repeat left top
	}
#index-box .put-power a {
	display:block;
/*	margin:124px 0 0 318px;*/
	margin:0 0 0 318px;
	color:#fff;
	text-transform:uppercase;
	font:bold 11px tahoma,sans-serif;
	padding:0 0 0 18px;
	background:url(/-images/big-arrow-bullet.gif) no-repeat left
	}
#index-box .put-power a:hover {text-decoration:underline}
#content-box {
	float:left;
	width:100%;
	background:url(/-images/bg-content-box.gif) repeat-x bottom;
	padding:0 0 7px 0
	}
#content-box .left-box {
	float:left;
	width:452px;
	height:127px;
	border-right:1px solid #308449;
	}
#index-middle {
	float:left;
	width:100%;
	background:url(/-images/bg-index-middle.gif) repeat-x top;
	padding:7px 0 0 0
	}
#index-middle div.left {
	float:left;
	width:216px;
	/*height:421px;*/
	/*height:445px;*/
	height:667px;
	overflow:hidden;
	background:#F7F7F7 url(/-images/bg-index-middle-left.gif) repeat-y left
	}
#index-middle div.left b {
	display:block;
	font:bold 13px/29px tahoma,sans-serif !important;
	color:#000;
	background:#E8E8E8 url(/-images/bg-index-middle-b.gif) no-repeat left
	}
#index-middle div.left b,
#index-middle div.left p {
	margin:0 0 13px 0;
	padding:0 12px;
	text-align:left;
	font-size:14px
	}
#index-middle div.left p {color:#4F4E4E;line-height:15px}
#index-middle div.left p a {
	color:#4F4E4E;
	text-decoration:underline
	}
#index-middle div.left p a:hover {color:#000}
#index-middle div.right {
	float:right;
	width:564px
	}
#index-middle div.right div {float:left;}
#index-middle div.right div.rel{
	position:relative;
	float:none;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
	width:253px;
	/*height:210px;*/
	height:222px;
	padding:0 14px;
	background:#F8F8F8
	}
#index-middle div.right div b {
	font:bold 13px/30px tahoma,sans-serif;
	color:#000
	}
#index-middle div.right div p {
	margin:0;
	color:#4F4E4E;
	font-size:14px
	}
#index-middle div.right div a {
	position:absolute;
	left:14px;
	bottom:12px;
	color:#D24444;
	padding:0 0 0 23px;
	font:bold 12px/16px tahoma,sans-serif
	}
#index-middle div.right #digidial div{background:url(-images/bg-wireless.jpg) no-repeat left bottom}
#index-middle div.right #digidial a {background:url(-images/bg-digidial-a.gif) no-repeat left}
#index-middle div.right #hbic div{background:url(/-images/bg-hbic.jpg) no-repeat left bottom}
#index-middle div.right #hbic a {background:url(/-images/bg-hbic-a.gif) no-repeat left}
#index-middle div.right #web-hosting div{background:url(/-images/bg-hosting.jpg) no-repeat left bottom}
#index-middle div.right #web-hosting a {background:url(/-images/bg-hosting-a.gif) no-repeat left}
#index-middle div.right #domain div{background:url(/-images/bg-digidial.jpg) no-repeat left bottom}
#index-middle div.right #domain a {background:url(/-images/bg-domain-a.gif) no-repeat left}
#index-middle div.right #t3 div{background:url(/-images/bg-t3.jpg) no-repeat left bottom}
#index-middle div.right #t3 a {background:url(/-images/bg-hbic-a.gif) no-repeat left}
#index-middle div.right #co-location div{background:url(/-images/bg-hosting.jpg) no-repeat left bottom}
#index-middle div.right #co-location a {background:url(/-images/bg-hosting-a.gif) no-repeat left}
#index-middle div.right #sip-trunk div{background:url(/-images/bg-sip_trunk2.jpg) no-repeat left bottom}
#index-middle div.right #sip-trunk a {background:url(/-images/bg-hosting-a.gif) no-repeat left}
#footer {
	clear:both;
	margin:1px 0 0 0;
	color:#545252;
	width:100%;
	text-align:right;
	background:#fff url(/-images/bg-footer.gif) repeat-x top;
	padding:23px 0
	}

	
	
#middle {
	float:left;
	background:#fff;
	border:1px solid #F1F1F1;
	width:748px;
	margin:0 0 1px 0;
	padding:15px 15px 10px 15px;
	font-size:small;
	/*overflow-x:hidden*/
	}
div.breadcrumbs {
	margin:0 0 4px 0;
	color:#4F4E4E;
	font:12px tahoma,sans-serif
	}
div.breadcrumbs a {color:#006F20}
div.breadcrumbs a:hover {text-decoration:underline}
div.blue-nav {
	background:#3366A2;
	padding:4px;
	margin:0 0 4px 0;
	text-transform:uppercase;
	font:11px tahoma,sans-serif
	}
div.blue-nav a {
	color:#fff;
	background:url(/-images/border-white.gif) no-repeat right;
	padding:0 5px
	}
div.blue-nav a:hover {color:#96C6FF}
div.blue-nav a.last {background:none}
div.sub-nav {
	padding:0 9px 4px 0;
	font:11px tahoma,sans-serif
	}
div.sub-nav a {color:#006F20}
div.sub-nav a:hover {text-decoration:underline}
#middle h1 {
	margin:0;
	padding:0;
	color:#3781C5;
	font:bold 107%/18px tahoma,sans-serif
	}
div.h1-description {
	color:#8B8B8B;
	font-size:85%
	}
#middle h2 {
	font-size:107%;
	margin:0 0 10px 0
	}
#middle h3 {
	font-size:90%;
	margin:0 0 10px 0;
	padding:0
	}
#middle ul {
	margin:0 0 0 8px;
	padding:0;
	font-size:107%
	}
#middle ul ul {font-size:100%}
#middle ul li {
	margin:0;
	padding:0 0 0 10px;
	list-style:none;
	background:url(/-images/bullet-big.gif) no-repeat 0px 3px
	}
#middle ul li li {background:url(/-images/bullet-medium.gif) no-repeat 0px 4px}
#middle ul li li li {background:url(/-images/bullet-small.gif) no-repeat 0px 5px}
#middle p {
	margin:0 0 10px 0;
	text-align:justify;
	padding:0 0 0 0;
	font-size:107%
	}
#middle p a,
#middle ul a,
#middle div.light-gray-box a {color:#006F20}
#middle p a:hover,
#middle ul a:hover,
#middle div.light-gray-box a:hover {text-decoration:underline}
#middle div.image-right {
	float:right;
	margin:0 0 5px 10px
	}
#middle div.image-left {
	float:left;
	margin:0 10px 5px 0
	}
/* gray box */
#middle div.gray-box {
	background:#F7F7F7;
	border:1px solid #D5D5D5;
	padding:10px 17px;
	margin:0 0 2px 0
	}
#middle div.gray-box p {padding:0}
#middle div.gray-box b {
	display:block;
	margin:0 0 10px 0
	}
#middle div.gray-box ul {margin:0}
#middle div.gray-box ul ul {margin:0 0 0 8px}
#middle b.blue-box {
	display:block;
	background:#3366A2;
	color:#fff;
	font-weight:bold;
	font-size:11px;
	padding:4px 9px
	}
#middle div.light-gray-box {
	background:#FBFBFB;
	font-size:12px;
	padding:10px 17px;
	margin:0 0 10px 0
	}
#middle div.light-gray-box a {
	display:block;
	line-height:24px;
	padding:0 0 0 26px;
	background:url(/-images/ico-pdf.gif) no-repeat left
	}
/* table */
#middle table {
	border:0;
	border-collapse:collapse;
	/*width:100%;*/
	margin:0 0 10px 0
	}
#middle table td,
#middle table th {
	padding:4px 9px;
	text-align:left;
	border:1px solid #fff;
	vertical-align:top
	}
#middle table th {
	background:#3366A2;
	color:#fff;
	font-size:11px;
	}
#middle tr.light td {background:#FBFBFB}
#middle table td {
	background:#F7F7F7;
	font-size:10px
	}
#middle tr.bottom td {border-bottom:1px solid #3366A2}
#middle table .name {width:93px}
#middle table .name a {
	font:bold 11px tahoma,sans-serif;
	color:#006F20
	}
#middle table .connected {width:102px}
#middle table .arch {width:105px}
#middle table .downstream {width:132px}
#middle table .avail {width:222px}
#middle div.line {
	height:1px;
	overflow:hidden;
	width:100%;
	background:#C7C7C7;
	margin:0 0 12px 0
	}
/* big box */	
#middle div.big-box {
	float:left;
	width:748px;
	padding:0;
	margin:0 0 20px 0
	}
#middle div.big-box .top {
	float:left;
	width:748px;
	background:url(/-images/bg-big-box-top.gif) no-repeat left top;
	padding:6px 0 0 0
	}
#middle div.big-box .bottom {
	float:left;
	width:748px;
	background:url(/-images/bg-big-box-bottom.gif) no-repeat left bottom;
	padding:0 0 6px 0
	}
#middle div.big-box .middle {
	float:left;
	width:748px;
	background:url(/-images/bg-big-box-middle.gif) repeat-y left;
	padding:0
	}
#middle div.big-box .middle div.left {
	float:left;
	width:342px;
	padding:10px 15px 10px 18px;
	}
#middle div.big-box .middle div.right {	
	float:right;
	width:342px;
	padding:10px 11px 10px 18px
	}
#middle div.big-box .middle b {
	display:block;
	margin:0 0 10px 0;
	padding:0 0 6px 0;
	border-bottom:1px solid #E3E3E3;
	font-size:13px
	}
#middle div.big-box ul {margin:0}
#middle div.big-box ul ul {margin:0 0 0 8px}
#middle.form p,
#middle.form h3 {padding:0}
#middle p span.req {
	color:#3781C5;
	font:bold 12px tahoma,sans-serif
	}
	
	
	
	
#middle span.req {
        color:#3781C5;
        font:bold 12px tahoma,sans-serif
        }

table.form th {
	text-transform:uppercase
	}
table.form .light {background:#FBFBFB !important}
table.form .left-column {
	width:414px;
	padding:0 !important
	}
table.form td.right-column {position:relative}
table.form .left-column div,
table.form .full-column div {
	float:left;
	width:100%;
	font-size:11px;
	background:#F7F7F7;
	border-bottom:1px solid #fff;
	padding:4px 0
	}
* html table.form .full-column div {float:none}
table.form .left-column div * {float:left}
table.form .left-column div select * {float:none}
table.form .left-column div label {
	width:104px;
	padding:0 0 0 9px;
	line-height:18px
	}
table.form .text {
	float:left;
	width:264px;
	height:16px;
	padding:2px 0 0 2px;
	border:1px solid #BCC7D2
	}
table.form select {
	float:left;
	width:268px
	}
table.form .left-column div span {
	float:left;
	background:url(/-images/req.gif) no-repeat 100% 5px;
	padding:0 19px 0 0
	}
table.form .right-column {padding:0 7px !important}
table.form .right-column div {font-size:9px;min-height:27px;padding:2px 0 0 0}
* html table.form .right-column div {height:27px}
table.form .right-column .phone {margin:87px 0 0 0}
table.form .right-column .street {margin:0 0 107px 0}
table.form .full-column {
	padding:0 !important
	}
table.form .full-column label {
	float:left;
	display:block;
	font-size:11px;
	width:225px;
	padding:0 0 0 9px;
	line-height:18px
	}
table.form .buttons {
	padding:6px 0 !important;
	background:#fff !important
	}
	
	
input.button {
	margin:0;
	padding:0;
	border:1px dashed #E2E2E2;
	background:#F7F7F7;
	color:#4C4C4C;
	font:11px tahoma,sans-serif;
	width:97px;
	height:19px
	}
input.text {font:11px tahoma,sans-serif;color:#666}








/* huge box */
#middle div.huge-box {
	float:left;
	width:748px;
	padding:0;
	margin:0 0 20px 0
	}
#middle div.huge-box .top {
	float:left;
	width:100%;
	background:url(/-images/bg-huge-box-top.gif) no-repeat left top;
	padding:6px 0 0 0
	}
#middle div.huge-box .bottom {
	float:left;
	width:100%;
	background:url(/-images/bg-huge-box-bottom.gif) no-repeat left bottom;
	padding:0 0 6px 0
	}
#middle div.huge-box .middle {
	float:left;
	width:100%;
	background:url(/-images/bg-huge-box-middle.gif) repeat-y left;
	padding:0
	}
div.g-table {
	width:730px;
	padding:0 9px
	}
div.g-table .headers {
	float:left;
	width:100%;
	font:bold 12px tahoma,sans-serif;
	border-bottom:1px solid #E3E3E3;
	padding:6px 0
	}
div.g-table .headers div {float:left}
div.g-table .headers .first {
	width:203px;
	padding:0 0 0 9px
	}
div.g-table .headers .second {
	width:252px;
	text-align:center
	}
div.g-table .headers .third {
	width:266px;
	text-align:center
	}
div.g-table .row {
	float:left;
	width:100%;
	border-bottom:1px solid #F2F2F2;
	height:35px;
	overflow:hidden;
	padding:5px 0
	}
div.g-table .row div {
	float:left;
	font-size:11px
	}
div.g-table .row .pack {
	padding:10px 0 0 9px;
	width:73px
	}
div.g-table .row .locat {
	padding:10px 10px 0 0;
	width:120px
	}
div.g-table .row .image-green {
	padding:0;
	width:62px;
	height:35px
	}
div.g-table .row .image-blue {
	padding:0;
	width:90px;
	height:35px
	}
div.g-table .row .down {
	padding:10px 10px 0 0;
	width:75px
	}
div.g-table .row .up {
	padding:10px 10px 0 0;
	width:61px
	}
div.g-table .row .install {
	padding:10px 10px 0 0;
	width:56px
	}
div.g-table .row .hardware {
	padding:10px 10px 0 0;
	width:62px
	}
div.g-table .row .monthly {
	padding:10px 10px 0 0;
	width:62px
	}
	
	
/* ======================mdudkin-my-addition========================= */
/* table short */
#middle table.short {
	border:0;
	border-collapse:collapse;
	width:80%;
	margin:0 0 10px 0;
	font-size:14px !important;
	}
#middle table td,
#middle table th {
	padding:4px 9px;
	text-align:left;
	border:1px solid #fff;
	vertical-align:top
	}
#middle table th {
	background:#3366A2;
	color:#fff;
	font-size:11px;
	}
/* gray table long vertical*/
#middle table.gray-box-v {
	background:#F7F7F7;
	border:1px solid #D5D5D5;
	float:right;
	margin:0 0 5px 10px;
	height:150px;
	width:10%
}
#middle table.gray-box-v td {
	padding:4px 9px;
	text-align:left;
	border:1px solid #fff;
	vertical-align:middle
	}
#middle table.gray-box-v tr {height:100%; vertical-align:center}
#middle table.gray-box-v td {height:100%; vertical-align:center}

#middle table.gray-box-v a {color:#006F20}
#middle table.gray-box-v a:hover {text-decoration:underline}

/* table link's colors*/
#middle table a {color:#006F20}
#middle table a:hover {text-decoration:underline}

/* h3 links*/
#middle h3 a {color:#006F20}
#middle h3 a:hover {text-decoration:underline}	
	
/* table partners*/
#middle table.partners {
	border:0;
	width:70%;
}	
#middle table.partners td {
	padding:4px 9px;
	text-align:center;
	border:1px solid #fff;
	vertical-align:middle;
	background:white;
	font-size:10px
	}
/* gray box new */
#middle div.gray-box-center {
	background:#F7F7F7;
	border:1px solid #D5D5D5;
	padding:10px 17px;
	margin:0 0 2px 0;
	width:60%
	}
#middle div.gray-box p {padding:0}
#middle div.gray-box b {
	display:block;
	margin:0 0 10px 0
	}
	
div.errors {
	font-weight:normal;
	color:red;
	text-align:left;
	font-size:11px;
}
/* paging links*/
#middle a.paging {color:#006F20; font-size:12px;}
#middle a.paging:hover {text-decoration:underline}
#middle span.paging_current_page {font-size:12px;}
#middle div.paging {font-size:11px;}
/* center tag's links*/
#middle center a{color:#006F20}
#middle center a:hover {text-decoration:underline}
/* h2 tag's links*/
#middle h2 a{color:#006F20}
#middle h2 a:hover {text-decoration:underline}
/* new*/
#middle table.gray-box-r {
	background:#F7F7F7;
	border:1px solid #D5D5D5;
	float:right;
	margin:0 0 5px 10px;
	height:200px;
	width:10%
}
#middle table.gray-box-r td {
	padding:4px 9px;
	text-align:center;
	border:1px solid #fff;
	vertical-align:middle
	}

#middle div.b-right {
	float:right;
	margin:0 0 5px 10px;
	border:1px solid #D5D5D5;
	background:#F7F7F7;
	float:right;
	padding:10px 17px;
	font-size:10px;
	width:28%
}
#middle div.b-right p {
margin: 5px 0;
font-size:10px
}	

/* Sergey's styles */

div.inline-promo{
	text-align:center !important;
	font-size:16px;
	color:white;
	background:#24724b;
	width:55%;
	/*border:1px solid black !important; */
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
}

div.fineprint{
	margin-top:20px;
	padding-left:10px;
	font-size:10px !important;
	color:#999999;
}

div.article-splash{
	float:left; 
	width:120px; 
	font-weight: bold; 
	text-align:center; 
	padding:5px; 
	color:#FFFFFF;
	background:#24724b; 
	margin:0px 10px 10px 0px;
}

/* Ajax ticker styles */

	#ajaxticker1{
		width: 320px;
		height: 15px;
		padding: 9 px;
	}

	#ajaxticker1 div{ 
		/*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
	}

	.someclass{ //class to apply to your scroller(s) if desired
	}

