@CHARSET "UTF-8";

/********************************** home page ********************************/
.promo{
	text-align: center;
	background-color: #F8F8F7;
	float: left;
    padding: 20px 0;
}
.promo .box{
	width: 921px;
	float: none;
	height : 200px;
}
.home .main-content {
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
#news-box{
	width: 260px;
	position: relative;
	background: #e8e6e4 url(../img/light-grey-box-vertical-bg.gif) top left repeat-x;
	border: 1px solid #cfcfcf;
	padding: 22px 0 10px 0;
	
}
#news-box h2, #news-box p{
	margin-left:10px;
	margin-right: 10px;
}
#news-box p:first-letter{
	font-size: 12px;
	color: #5c5f64;
	padding: 0;
}
#newsletter-box p:first-letter{
	color: #fff;
	font-size: 12px;
	padding: 0;
}
#news-box ul {
	margin : 0 10px 20px 10px;
}
#news-box li,
#faq-box li{
	background: transparent url(/img/icons/news.png) 0 30% no-repeat;
	line-height:18px;
	padding : 0 0 10px 25px;
	text-decoration : underline;
}
#news-box .top-left{
	position: absolute;
	top: -1px;
	left: -1px;
	width: 6px;
	height: 5px;
	background: transparent url(../img/corners/hp-box-top-left.gif) top left no-repeat;
}
#news-box .top-right{
	position: absolute;
	top: -1px;
	right: -2px;
	width: 6px;
	height: 5px;
	background: transparent url(../img/corners/hp-box-top-right.gif) top left no-repeat;
}

#newsletter-box{
	width: 240px;
	position: relative;
	background: #f6920e url(../img/newsletter-vertical-bg.gif) bottom left repeat-x;
	border: 1px solid #dd6a00;
	padding: 20px 0px 10px 20px;
	margin-bottom: 20px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}
#newsletter-box h3, #newsletter-box p{
	color: #fff; 
	border-bottom: none;
	margin-bottom: 0;
}
#newsletter-box .top-left{
	position: absolute;
	top: -1px;
	left: -1px;
	width: 5px;
	height: 5px;
	background: transparent url(../img/corners/newsletter-top-left.gif) top left no-repeat;
}
#newsletter-box .top-right{
	position: absolute;
	top: -1px;
	right: -1px;
	width: 5px;
	height: 5px;
	background: transparent url(../img/corners/newsletter-top-right.gif) top left no-repeat;
}
#newsletter-box  .bottom-left{
	position: absolute;
	bottom: -1px;
	left: -1px;
	width: 5px;
	height: 5px;
	background: transparent url(../img/corners/newsletter-bottom-left.gif) top left no-repeat;
}
#newsletter-box  .bottom-right{
	position: absolute;
	bottom: -1px;
	right: -1px;
	width: 5px;
	height: 5px;
	background: transparent url(../img/corners/newsletter-bottom-right.gif) top left no-repeat;
}
#newsletter-box form input.email{
	border: none;
	background: #F6920E url(../img/newsletter-input-bg.gif) top left no-repeat;
	width: 215px;
	height: 22px;
	padding: 5px 0 0 5px;
	margin-bottom: 10px;
}
#newsletter-box form p *{
	vertical-align: middle;
}
#newsletter-box form a{
	color: #fff;
	text-decoration: underline;
	padding-right: 52px;
}


/* right column */
.home .right-col h1{
	margin: 18px 0 20px 0;
}

 strong{
	color: #f1870d;
	font-size: 16px;
	font-family: geneva, arial, sans-serif;
}
.home .right-col h6{
	margin: 30px 0 10px 0;
}
.home .right-col p.last{
	padding-bottom: 30px;
	border-bottom: 1px dashed #cfcfcf;
}
.home .right-col ul *{
	vertical-align: middle;
}
.home .right-col ul li{
	font-size: 14px;
	padding : 15px 0 0 15px;
	background: url("../img/icons/arrow-red.gif") no-repeat scroll 0 80% transparent;
}


.home .right-col .services dl{
	float: left;
	width: 20%;
	margin-right: 4%;
}
.home .right-col img{
	float: right;
}

/***************************  Carrier Services page **********************************/
table.scroller {
	border-bottom: 1px solid #243A6A;
	border-top: 1px solid #243A6A;
	margin : 0px 0 40px -40px;
}
.main-content.partners{
	padding: 40px;
	float: left;
	width: 100%;
}
.main-content.partners ul{
	float: left;
	width: 20%;
	margin-right: 4%;
}
.main-content.partners h2{
	width: 25%;
}
.main-content.partners li{
	background:transparent url(../img/icons/small-folder.gif) no-repeat scroll 0 50%;
	padding:2px 0 2px 25px;
}
p.list-carriers {
	margin-top : 20px;
}
div.quote {
	padding : 20px 0 10px 0;
	background : #2c323d;
	-moz-border-radius : 5px;
	-webkit-box-radius: 5px;
	border-radius : 5px;
	color : #747A82;
    text-align: center;
    font-size: 18px;
    margin: 40px 0;
}

div.quote a {
	color : #fff;
	text-decoration : underline;
}

#accordion ul{
	padding:10px;
	background-color:#fff;
	border: 1px solid #cfcfcf;
	margin-bottom : 30px;
}
#accordion li{
	background:transparent url(../img/icons/arrow-blue.gif) no-repeat scroll 0 50%;
	padding:2px 0 2px 15px;
}
#accordion h5{
	margin-top: 30px;
	padding: 10px;
	background-color: #fff;
	border-right: 1px solid #cfcfcf;
	border-left: 1px solid #cfcfcf;
	border-top: 1px solid #cfcfcf;
}
.carrier .left-col-wide-wide h5{
	margin-bottom: 10px;
}

/***************************  Installation page **********************************/

.installation .left-col-wide img {
	padding : 5px;
	background-color : #fff;
	border : 1px solid #ccc;
}

.left-col-wide.partners ol{
	float: left;
	width: 20%;
	margin-right: 4%;
}

.installation .top-layer ol li{
	padding:2px 0 20px 5px;
}


/***************************  Charity & About page **********************************/

.charity h1.vision {	
	padding-left : 40px;
	background: transparent url("/img/logo-brighter-future.gif") 0 0 no-repeat;
}

.charity .donate{
	clear: both;
	padding: 40px 0 10px 10px;
	
	text-align: center;
}
.charity .donate h2{
	border: none;
	margin-bottom: 0;
}
.charity p.what{
	margin-bottom: 40px;
}
.charity .box.wide.top {
	margin-bottom:28px;
}
.charity em {
	font-style: italic;
}
/***************************  About page **********************************/

.about p.contact-us{
	margin-top: 20px;
}

/***************************  Contact page **********************************/
.contacts .left-col {
	position: relative;
}
.contacts .left-col img {
	position: absolute;
	right: -40px;
	top: 177px;
}
.contacts .left-col dl.address{
	margin: 20px 0 10px 0;
	color: #243A6A;
}
.contacts dl.address.top {
	margin-top: 70px;
}
.contacts dl dt {
	margin: 0;	
}
.contacts .left-col dl dd{
	background: none;
	padding: 0;
	margin: 0;
	line-height: 1.2em;
	color: #5C5F64;
}
.contacts .left-col dl dd span{
	width: 100px;
	float: left;
}
.contacts .left-col dl, .left-col ul, .contacts .left-col img{
	margin-left: 0px;
}
.contacts .left-col ul li{
	line-height: 1.2em;
}

/* Support */
.contacts #livechat-box {
	display : block;
	float : none;
	margin-bottom : 40px;
}
.contacts #livechat-box input {
	width : auto;
}
.contacts #accordion {
	margin-bottom : 40px;
}

/* Form */
.contacts .box.large{
	padding: 20px;
}
.contacts .box.large strong{
	font-size: 13px;
}

.contacts form .inner-col,
.contacts form textarea,
.contacts form input{
	width: 240px;
}
.contacts form textarea{
	height: 84px;
}
.contacts form input.submit{
	width: auto;
	float: right;
}
.contacts label.error{
	color: red;
}
.main-content .box.card{
	background:#F8F8F7 url(../img/bus-card-bg.gif) repeat-x scroll left bottom;
	padding:20px;
	width: 400px;
	float: right;
	margin-top:20px;
}
.main-content .box.card a{
	position: absolute;
	top: 10px;
	right: 0px;
}
.main-content .box.card h4{
	color: #243A6A
}
.main-content .box.card img{
	float: left;
	margin-right: 20px;
}
.main-content .box.card .top-left{
	position: absolute;
	top: -1px;
	left: -1px;
	width: 6px;
	height: 5px;
	background: transparent url(../img/corners/hp-box-top-left.gif) top left no-repeat;
}
.main-content .box.card.top-right{
	position: absolute;
	top: -1px;
	right: -2px;
	width: 6px;
	height: 5px;
	background: transparent url(../img/corners/hp-box-top-right.gif) top left no-repeat;
}
.main-content .box.card .bottom-left{
	position: absolute;
	bottom: -1px;
	left: -1px;
	width: 5px;
	height: 5px;
	background: transparent url(../img/corners/hp-box-bottom-left.gif) top left no-repeat;
}
.main-content .box.card .bottom-right{
	position: absolute;
	bottom: -1px;
	right: -1px;
	width: 5px;
	height: 5px;
	background: transparent url(../img/corners/hp-box-bottom-right.gif) top left no-repeat;
}
/************************************* News ****************************************************/
.news .left-col-wide ul {
	margin-bottom : 30px;
	float : left;
}
.news .left-col-wide li {
	background:url("/img/icons/news.png") no-repeat scroll 0 30% transparent;
	line-height:18px;
	float : left;
	padding:0 0 10px 25px;
	text-decoration:underline;
}
.news .left-col-wide li.date {
	float : right;
	background : none;
}
.news .news-result {
	margin : 0 0 20px 0;
	padding : 0 0 20px 0;
	clear : both;
	border-bottom : 1px solid #CFCFCF
}
.news .left-col-wide div.cloud {
	background : #fff;
	border : 1px solid #CFCFCF;
	padding: 10px;
	margin : 0 0 20px 0;
}
.news .left-col-wide div.cloud h2 {
	font-size : 18px;
	margin-bottom : 10px;
	}
.news .search {
	background : #fff;
	border : 1px solid #CFCFCF;
	padding: 10px 10px 15px 10px;
	margin : 0 0 20px 0;
}
.news .search form * {
	vertical-align : middle;
}
.news .search label {
	display : block;
	color:#F2850D;
	font-size:18px;
	margin-bottom:0px;
	padding-bottom:10px;
}
.news .search input[type=text] {
	width : 150px;
}
.news p.more {
	background : transparent url(/img/buttons/more.png) 0 0 no-repeat;
	height : 30px;
	width : 100px;
	float : right;
}
.news p.more a {
	color : #fff;
	padding : 5px 0 0 15px;
}
.news p.author {
	background : transparent url(/img/icons/linkedin.png) 0 50% no-repeat;
	padding-left : 25px;
	font-size : 14px;
	font-weight : bold;
	margin-bottom : 0;
}
.news .right-col-medium #social-media-hooks li {
	margin : 0;
}
.news .right-col-medium img {
	float : left;
	margin : 0 10px 10px 0;
}
.news .box {
	padding :10px 20px 20px 20px;
	margin-top : 20px;
}
.news .right-col-medium h3 {
	background : none;
	padding : 0;
	border : 0;
}
.news .right-col-medium form {
	margin-bottom : 40px;
}
.news textarea {
	width : 100%;
	height : 100px;
	margin-bottom : 20px;
}
.news .right-col-medium .comment {
	padding-top : 20px;
	margin-top : 20px;
	border-top : 1px solid #CFCFCF;
}
.news .right-col-medium p.member {
	padding-left : 25px;
	font-size : 14px;
	font-weight : bold;
	margin-bottom : 0;
	line-height : 16px;
}

.news .right-col-medium p.email-member img{
	float : left;
	margin : 0;
	padding : 0;
}


/************************************ VoIP Phones ************************************************/
.phones .box {
	margin-top : 30px;
	}
 .phone-image {
	margin-bottom : 20px;
	border : 1px solid #DAE8E8;
}
.phones span.pdf {
	float : right;
	margin : 5px;
	line-height : 14px;
	}
.phones span.pdf img {
	vertical-align : bottom;
	margin-left : 5px;
	}
.phones .phone-list div {
	margin : 0 0 20px 0;
}
.phones .phone-list h3 {
	margin-bottom : 30px;
}
.phones .phone-list h3 span {
	font-size : 12px;
	float : right ;
}


/************************************ Search ************************************************/
table.search {
	border-left : 1px solid #CFCFCF;
	border-top : 1px solid #CFCFCF;
	margin-top : 20px;
}
table.search th,
table.search td {
	border-right : 1px solid #CFCFCF;
	border-bottom : 1px solid #CFCFCF;
	text-align : center;
	padding : 5px;
}
table.search th {
	
	font-weight : bold;
}

/************************************ Promotions ************************************************/
.promotions h1  {
	font-size : 26px;
	text-align : center;
	border : none;
	margin : 20px 0 -20px 200px;
	line-height : 50px;
}
.promotions h1.thanks {
	margin : 20px auto;
	width : 600px;
}
.promotions .price {
	position : absolute;
	top : 10px;
	left : 20px
}
.promotions h2 {
	text-align : center;
}
.promotions h2.main  {
	margin : 20px 0 40px 0;
	border : none;
	font-size: 20px;
	    font-weight: 700;
}
.promotions .top-layer {
	background : none;
	background : none;
	background-color : #eef;
}
.promotions .promo-layer {
	padding : 40px 20px;
	background : none;
	background-color : #F8F8F7;
}
.promotions .main-content {
	border-top : 1px solid #CFCFCF;
	border-bottom : 1px solid #CFCFCF;
	padding : 40px 20px;
}
.promotions .main-content:after {
	content : " ";
}
.promotions table {	
	width : 500px;
}
.promotions th {
	text-align : center;
	color: #243A6A;
	font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif;
	font-size: 14px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	border-bottom : 1px solid #CFCFCF;
}
.promotions th,
.promotions td {
	padding : 10px 5px;
}
.promotions td {
	border-right : 1px solid #CFCFCF;
		border-bottom : 1px solid #CFCFCF;
	border-left : 1px solid #CFCFCF;
}
.promotions td * {
	vertical-align : middle;
}
.promotions td img {
	margin : 0 20px 0 15px;
}
.promotions p {
	font-size : 13px;
}
.promotions p a {
	color : #5C5F64;
}
.promotions p:first-letter{
	font-size: inherit;
	color : #5C5F64;
	padding: 0;
}
.promotions p.phone {
	font-size : 24px;
	margin : 30px 0;
	text-align : center;
}
.promotions p.astra {
	text-align : center;
}
.promotions p.features {
	text-align : center;
	font-size : 18px;
	padding : 10px;
	background-color : #5C5F64;
	color : #fff;
}
.promotions form {
	width : 100%;
}
.promotions input {
	width : 100%;
	height : 20px;
}
.promotions input[type="submit"]{
	width : auto;
}
.promotions label {
	display : block;
}
.promotions .box.form {
	width : 340px;
}

.promotions fieldset {
	margin: 20px;
}
.promotions blockquote {
	display: block;
	font-size: 16px;
	line-height: 32px;
	padding: 10px;
}
.promotions ul.first {
	float : left;
}
.promotions ul.end {
	float : right;
}
.promotions img.meta {
	margin : 20px 0 0 100px;
}
.promotions img.cisco {
	float : right;
}


/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}