@CHARSET "UTF-8";


/* default markup */
body{
	color:#5c5f64;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	line-height: 1.6em;
	/*background-color: #bfbfbf;*/
	background-color: #000;
	text-align: left;
}
h1{
	color: #243a6a;
	font-size: 30px;
	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;
}
h2{
	color: #243a6a;
	font-size: 22px;
	line-height: 22px;
	margin-bottom: 20px;
	border-bottom: 1px solid #cfcfcf;
	padding-bottom:10px;
	letter-spacing: 0.05em;
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
}
h3{
	color: #f2850d;
	font-size: 18px;
	margin-bottom: 10px;
	border-bottom: 1px solid #cfcfcf;
	padding-bottom:10px;
}

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

h5, h6{
	color: #243a6a;
	font-size: 14px;
	font-weight: bold;
}
p{
	margin-bottom: 10px;
	letter-spacing: 0.04em;
}
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;
}
#header{
	width: 990px;
	background: #1b253e url(../img/header-bg.gif) bottom left repeat-x;
	height: 150px;
	position: relative;
}
#nav{
	width: 960px;
	height: 50px;
	background: #f08f14 url(../img/nav-bg.gif) top left repeat-x;
	font-family: Helvetica, Arial, sans-serif;
	letter-spacing: 0.05em;
	padding: 0px 0 0 30px;
}
.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; 
}

.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 ul{
	position: absolute;
	bottom: 25px;
	right:20px;
	color: #fff;
	font-size: 11px;
}
#header li{
	
}
#header li a{
	color: #fff;
}
#header li.phone{
	margin-left: 3px;
	padding-left: 17px;
	background: transparent url(/img/icons/phone.gif) 0 50% no-repeat;
}
#header li.email{
	padding-left: 20px;
	background: transparent url(/img/icons/at.gif) 0 60% no-repeat;
}
/***************************** nav styles *******************************/

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

}
#nav li a:link{
	color: #fff;
	text-decoration: none;
}
#nav li a:visited{
	color: #fff;
	text-decoration: none;
}
#nav li a:hover{
	color: #fff;
	text-decoration: underline;
}
#nav li a:active{
	color: #fff;
	text-decoration: none;
}

.carrier li#carrier,
.voip li#voip,
.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-right: 5px;*/
}
.carrier li#carrier a,
.voip li#voip a,
.consulting li#consulting a,
.installation li#installation a,
.about li#about a,
.charity li#charity a,
.contacts li#contacts a {
	/*line-height:44px;
	padding:25px 15px 14px 15px;*/
	float: left;
	padding: 0 10px;
	height: 44px;
	color: #2f4a85;
	background: url(../img/nav-right-edge-on.gif) 100% 0 no-repeat;
}

/********************************* footer **********************************/
#footer{
	width: 100%;
	color: #fa9d0f;
	background-color: #5f626c;
	border-top: 3px solid #323d59 ;
	clear: both;
	font-family: Arial, sans-serif;
	height: 80px;
}

#footer:after{
	content:".";
	margin:10px;
	visibility: hidden;
}
#footer ul.copyright{
	float: left;
	margin: 30px 0 0 20px;
}
#footer ul.copyright li{
	float: left;
	padding: 2px 10px 2px 0;
	color: #fff
}
#footer ul.copyright li a{
	color: #fff;
	text-decoration: underline;
}
#footer ul.contact{
	float: right;
	text-align: right;
	margin: 20px 20px 0 0;
}
#footer ul.contact li{
	float: right;
	padding: 0px 0 0px 10px;
}
#footer ul.contact li a {
	color: #fa9d0f;
	text-decoration: underline;
}
#footer p{
	float: right;
	margin-right: 20px;
}

/* 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,
.right-col-narrow .box dl{
	/*padding: 0 10px;*/
	
}
.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;
}

/********************* bread crumbs *************************************/
ul.breadcrumbs{
	margin: -20px 0 20px 0;
	float: left;
	width: 100%;
}
ul.breadcrumbs li{
	float: left;
	padding-right: 10px;
}