@CHARSET "UTF-8";


/* default markup */
body{
	color:#5c5f64;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	line-height: 1.6em;
	/*background-color: #bfbfbf;*/
	background: #30364d url(/img/background.png) 0 0 repeat;;
	text-align: left;
}
h1, h2 {
	text-transform : uppercase;
	font-size: 20px;
	color: #243a6a;
	line-height: 30px;
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	border-bottom:1px solid #CFCFCF;
	padding-bottom:10px;
	letter-spacing: 0.05em;
	margin-bottom: 20px;
	text-transform : uppercase;
	
}
h2.sub {
	margin-top : 20px;
}
h3{
	color: #243a6a;
	text-transform : uppercase;
	font-size: 14px;
	margin-bottom: 10px;
	border-bottom: 1px solid #cfcfcf;
	padding-bottom:10px;
}
h3 a:link {
	color: #243a6a;
}

h4{
	color: #f1870d;
	font-size: 16px;
}

h5, h6{
	color: #243a6a;
	font-size: 14px;
	font-weight: bold;
}
p{
	margin-bottom: 10px;
	letter-spacing: 0.04em;
}
em {
	font-style : italic;
}
a:link{
	color: #5c5f64;
	text-decoration: none;
}
a:visited{
	color: #f2850d;
	text-decoration: none;
}
a:hover{
	color: #f2850d;
	text-decoration: underline;
}
 a:active{
	color: #f2850d;
	text-decoration: none;
}


/* positional elements */
#wrapper{
	width: 990px;
	margin: 0 auto;
	background-color: #fff;
	position : relative;
}
#header{
	width: 990px;
	background: #1b253e url(../img/header-bg.gif) bottom left repeat-x;
	height: 140px;
	position: relative;
}
#nav{
	width: 990px;
	height: 50px;
	background: #f08f14 url(../img/nav-bg.gif) top left repeat-x;
	font-family: Helvetica, Arial, sans-serif;
	letter-spacing: 0.05em;
}

.promo-layer,
.top-layer{
	background: #f8f8f7 url(../img/top-row-footer.gif) bottom left repeat-x;
	padding: 20px 20px;
	width: 950px; 
	clear: both;
	float: left;
}
.promo-layer:after,
.top-layer:after{
	content : " ";
	margin : 20px;
	visibility: hidden;
}
.top-layer{
	padding: 40px 40px;
	width: 910px; 
	position : relative;
}

.main-content{
	padding: 30px 20px 10px 20px;
	clear: both;
}
	
.main-content:after{
	content:".";
	margin:10px;
	visibility: hidden;
}
.left-col{
	float: left;
	width: 280px;
	margin-right: 20px;
}
.left-col p:first-letter,
.left-col-wide p:first-letter {
	color: #F2850D;
	font-size: 22px;
	padding-right: 1px;
}
#left-col:after{
	content:".";
	visibility: hidden;
}

.left-col-wide{
	float: left;
	width: 360px;
	margin-right: 40px;
}
/*
#left-col:after{
	content:".";
	visibility: hidden;
}*/
.right-col{
	float: left;
	width: 650px;
}
.right-col-narrow{
	float: left;
	width: 510px;
}
.right-col-medium{
	float: left;
	width: 590px;
	margin-left: 20px;
}


/***************************  header styles ************************/
#header #logo {
	float : left;
	margin: 25px 0 0 25px;
}
#header #contact{
	position: absolute;
	bottom: 10px;
	right : 20px;
	color: #fff;
	font-size: 12px;
}
#header #contact li {
	text-align : right;
	line-height : 16px;
}
#header #sign-in {
	position : absolute;
	top : -12px;
	right : 20px;
}
#sign-in li {
	background:url("/img/sprite.png") no-repeat scroll 2px 12px transparent;
	float:left;
	margin:0 0 0 10px;
	padding:10px 0 0;
}
#sign-in li a {
	background:url("/img/sprite.png") no-repeat scroll -19px 2px transparent;
	float:left;
	margin:0 0 0 10px;
	padding:5px 22px 6px 10px;
	text-transform:uppercase;
}
#sign-in li a.login {
	background:url("/img/sprite.png") no-repeat scroll -37px 2px transparent;
}
#header li a{
	color: #fff;
}


#top-actions {
	position: absolute;
	bottom : 55px;
	right: 20px;
	color: #fff;
	font-size: 11px;
}
#social-media-hooks {
	float : right;
	clear : both;
}
#social-media-hooks li {
	float : left;
	margin: 0 0 0 10px;
}


/***************************** nav styles *******************************/

#nav li{
	float: left;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}
#nav li.end{
	margin-right: 0;
	padding-right: 0;
	background: none;
}
#nav li *{
	vertical-align: middle;

}
#nav li a{
	color: #fff;
	text-decoration: none;
	padding: 0 20px;
	height: 50px;
	line-height: 50px;
}
#nav li img {
	padding-top : 3px;

}

#nav li ul {
	display : none;
	z-index : 100;
}

#nav li:hover ul {
	display : block;
}
.carrier li#carrier,
.voip li#voip,
.tem li#tem,
.consulting li#consulting,
.installation li#installation,
.about li#about,
.charity li#charity,
.contacts li#contacts {
	background: url(../img/nav-left-edge-on.gif) 0 6px repeat-x;
	margin : 0 10px;
}
.carrier li#carrier a.top-level,
.voip li#voip a.top-level,
.tem li#tem a.top-level,
.consulting li#consulting a.top-level,
.installation li#installation a.top-level,
.about li#about a.top-level,
.charity li#charity a.top-level,
.contacts li#contacts a.top-level {
	float: left;
	padding: 2px 25px 0 15px;
	color: #2f4a85;
	background: url(../img/nav-right-edge-on.gif) 100% 6px no-repeat;
}
.carrier li#carrier a.top-level .sf-sub-indicator ,
.voip li#voip a.top-level .sf-sub-indicator ,
.tem li#tem a.top-level .sf-sub-indicator ,
.consulting li#consulting a.top-level .sf-sub-indicator ,
.installation li#installation a.top-level .sf-sub-indicator ,
.about li#about a.top-level .sf-sub-indicator ,
.charity li#charity a.top-level .sf-sub-indicator ,
.contacts li#contacts a.top-level .sf-sub-indicator  {
	background:		url('../img/arrows-ffffff.png') no-repeat -10px -90px;
}

#nav a.top-level.sf-with-ul,
#nav  a.top-level.sf-with-ul,
#nav  a.top-level.sf-with-ul,
#nav  a.top-level.sf-with-ul,
#nav  a.top-level.sf-with-ul,
#nav  a.top-level.sf-with-ul,
#nav  a.top-level.sf-with-ul  {
	padding: 0px 25px 0 15px;
}


/***************************** subnav styles *******************************/

#subnav {
	clear : both;
}
#subnav ul {
	background-color : #30364D;
	width : 960px;
	height : 32px;
	padding-left : 40px;
}
#subnav li{
	float: left;
	color: #fff;
	font-size: 12px;
	padding : 5px;
}

#subnav li *{
	vertical-align: middle;

}
#subnav li a{
	color: #fff;
	text-decoration: none;
	padding:10px 10px;

}
#subnav li img {
	padding-top : 1px;

}

/********************************* footer **********************************/
#footer{

	color: #fa9d0f;
	background-color: #414656;
	border-top: 5px solid #96989f ;
	clear: both;
	font-family: Arial, sans-serif;
	padding : 20px;
	height : 140px;
	text-align : center;
}



#footer div {
	width : 25%;
	float : left;
	margin-bottom : 20px;
}
#footer div.first {
	clear : both;
}
#footer dt {
	color : #fff;
}
#footer dd {
	background : none;
	padding : 0;
}

#footer p{
	float: right;
	margin-right: 20px;
}
#footer-ext {
	background:url("/img/background.png") repeat scroll 0 0 #30364D;
}
#footer-ext ul.copyright{
	margin: 0 auto;
	padding : 20px 0;
	clear : both;
}
#footer-ext ul.copyright li{
	float: left;
	padding: 2px 10px 2px 0;
	color: #fff
}
#footer-ext ul.copyright li a{
	color: #fff;
	text-decoration: underline;
}
/*********************************
 boxes 
 *********************************/
.box{
	width: 195px;
	padding: 10px;
	float: left;
	margin-right: 25px;
	position: relative;
	border: 1px solid #cfcfcf;
	background-color: #fff;
}
.box.end{
	margin-right: 0;
}
.box h3{
	background: transparent url(../img/icons/paper-clip.jpg) 0%  0% no-repeat;
	border-bottom: 1px solid #cfcfcf;
	padding:0 0 8px 30px;
	margin: 10px 0;
}
.box ul, .box dl{
	margin-bottom: 10px;
}
.box li, .box dd{
	background: transparent url(../img/icons/arrow-red.gif) 0 50% no-repeat;
	padding: 2px 0 2px 10px;
}
.box dt{
	color: #243a6a;
	font-weight: bold;
	margin-bottom: 5px;
}
.box p{
	margin-bottom: 0;
}

.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;
}
.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;
}
.box .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;
}
.box .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;
}

.right-col-narrow .box{
	width:220px;
}
.installation .right-col-narrow .box{
	height: 400px;
}

.right-col-narrow .box p.top {
	height: 170px;
}
.right-col-narrow .box dl{
	margin-top: 20px;
}

ul.end, dl.end{
	margin-right: 0;
}
dt{
	color: #243A6A;
	font-size: 14px;
	font-wieght:bold;
	margin-bottom: 10px;
}
dd{
	background: transparent url(../img/icons/small-folder.gif) 0 50% no-repeat;
	padding: 2px 0 2px 25px;
}

/****************
 white boxes 
 ***************/
.box.wide{
	width:490px;
}
.box.large{
	width:550px;
	padding: 0 20px;
}

.inner-col{
	float: left;
	width: 220px;
	padding-top:20px;
}
.inner-col.end{
	float: right;
}
.inner-col p{
	margin-bottom: 10px;
}

.right-col .inner-col{
	width: 250px;
}
/****************
 testimonials 
 ***************/
#launch {
	position : absolute;
	top : 0;
	right : 40px;
}

 .testimonial {
 	margin :  0 0 40px 0 ;
 }
 .testimonial h4 {
 	border : none;
 	margin : 14px 0 8px 0;
 	text-align : right;
 }
 
 .testimonial .box img,
 .testimonial .box div {
	float : left;
	margin : 3%;
 }
 .testimonial .box p{
	margin-bottom: 10px;
}

 .testimonial .box div {
	width : 70%;
  }

.testimonial .box p.author {
	margin-top : 3%;
	margin-bottom : 0;
	font-size : 1.1em;
	color : #243A6A;
}
.left-col-wide .testimonial .box {
	width : 336px;
}
.left-col-wide .testimonial .box div {
	width : 63%;
}
.left-col-wide .testimonial p:first-letter {
	color: #5C5F64;
	font-size: 12px;
	padding-right: 0px;
}
.left-col-wide .testimonial h4 {
	text-align : left;
}

/********************** Random ********************************/

.arrows ul,
.left-col-wide ul{
	margin: 10px 0 20px 0;
}
.arrows li,
.left-col-wide li{
	background:transparent url(../img/icons/arrow-blue.gif) no-repeat scroll 0 50%;
	padding:2px 0 2px 15px;
}

/********************** Live Chat ***************************************/
#livechat-box{
	width: auto;
	float : left;
	position: relative;
	background: #f6920e url(../img/newsletter-vertical-bg.gif) bottom left repeat-x;
	border: 1px solid #dd6a00;
	padding: 20px 0px 10px 20px;
	margin-top: 30px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}
#livechat-box h3, #livechat-box p{
	color: #fff; 
	border-bottom: none;
	margin-bottom: 0;
}
#livechat-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;
}
#livechat-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;
}
#livechat-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;
}
#livechat-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;
}
#livechat-box form input.name{
	border: none;
	background: #F6920E url(../img/newsletter-input-bg.gif) top left no-repeat;
	width: 215px;
	height: 22px;
	padding: 1px 0 0 5px;
	margin-bottom: 15px;
}
#livechat-box form p *{
	vertical-align: middle;
}
#livechat-box form a{
	color: #fff;
	text-decoration: underline;
	padding-right: 52px;
}
/********************* bread crumbs *************************************/
ul.breadcrumbs{
	/*margin: -20px 0 20px 0;*/
	float:left;
	margin:-42px 0 30px -40px;
	padding:10px 0 10px 40px;
	width:950px;
	background-color : #DAE8E8;
	border-bottom:1px solid #CFCFCF;
}
ul.breadcrumbs.carrier {
	margin-top : 50px;
}
ul.breadcrumbs li{
	float: left;
	padding-right: 10px;
}

ul.breadcrumbs li.end{
	width : 100px;
	background-color : #DAE8E8;
	margin-left : -25px;
}
ul.breadcrumbs li:first-child {
	font-weight : bold;
}
ul.breadcrumbs li a {
	color : #2F4A85;
}
ul.breadcrumbs li ul{
	margin-left : 20px;
	float : right;
}
ul.breadcrumbs li li a {
	
}
/* 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;
}