/* CSS Document */
html {
	height:100%;
	}

body  {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	margin:0px;
	padding:0px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #8aa6bc;
	font-size:14px;
	height:100%;
	}
	
a{
	color: #8aa6bc;
}

.content-pages #container { 
	width: 1078px;
	overflow: hidden;
	color: #8aa6bc;;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	}
	
.content-pages #background {
	background-image:url(images/shadow-edge-bg.jpg);
	background-repeat:repeat-y;
	width:1078px;
	}	
	
.topbar {
	background-image:url(images/top-bar.jpg);
	background-repeat:repeat-x;
	width:1000px;
	height:7px;
	}
	
.content-pages #banner { 
	width:1000px;
	height:108px;
	margin-left:39px;
	}
	
.banner-left {float:left; width:300px;}
.banner-right {float:left; width:700px; color:#8aa6bc; text-align:right;}	
	
.content-pages #top-nav-bar-home { 
	width:1000px;
	height:25px;
	background-color:#87a2cf;
	color:#FFFFFF;
	}
		
.content-pages #top-nav-bar { 
	width:1000px;
	height:25px;
	background-color:#87a2cf;
	color:#FFFFFF;
	margin:5px 0px 0px 39px;
	text-align:right;
	}
	
.content-pages #rotating-banner { 
	width:1000px;
	height:263px;
	position:absolute;
	top:205px;
	z-index:1;
	}	
 #rotating-banner24 { 
	width:1000px;
	height:263px;
	position:absolute;
	top:0px;
	background-color:#FFF;
	
	z-index:1;
	}	

.content-pages #red-links { 
	width:1000px;
	height:24px;
	margin-left:39px;
	background-image:url(images/red-links-strip3.jpg);
	background-repeat:no-repeat;
	text-align:left;
	color:#FFFFFF
	}		
	
.content-pages #mainbody {
	width:1000px;
	float:left;
	min-height:100%;
	overflow:hidden;
	}
	
.content-pages #mainbody-home {
	width:1000px;
	margin-left:39px;
	}
	
	
.mainbody-home-offer {width:880px; float:left; text-align:center; margin-left:50px; clear:both;color:#d8892a; margin-top:20px; font-weight:bold; font-style:italic;}
.mainbody-home-offer a {color:#d8892a;}
.mainbody-home-all {width:880px; float:left; text-align:left; margin-left:50px; clear:both; margin-top:20px; font-weight:bold;  }
.mainbody-home-all .boxes {float:left; width:267px; padding:5px 5px 5px 5px; margin:10px 5px; border: 1px #0CF solid ; min-height:300px}
 .boxes2 {
	float:left;
	width:220px;
	padding:5px 10px 5px 12px;
	margin:10px 5px;
}
 .boxes2 ul { margin-left:12px;padding-left:2px;}
 .boxesin  {
	 height:150px;
	 min-height:150px;}
.mainbody-home-all h2 {text-align:center}
.mainbody-home-left {width:424px; float:left; text-align:center; margin-left:50px;}
.mainbody-home-right {width:526px; float:left; color:#8aa6bc; line-height:18px; text-align:justify; padding-top:90px;}
.mainbody-landing-left {
	width:604px;
	float:left;
	text-align:center;
	margin-left:50px;
}
.mainbody-landing-right {
	width:260px;
	float:left;
	color:#8aa6bc;
	line-height:18px;
	text-align:left;
	background-color:#87a2cf;
	color:#FFFFFF;
	margin: 10px 20px 20px 10px;
	padding: 15px 15px 5px 15px;
	min-height:298px;
}
.mainbody-landing-right h3 {
		text-transform:uppercase;text-align:center;font-size:18px;margin: 5px 0px 0px 5px}
.mainbody-landing-right h4 {
		text-transform:uppercase;text-align:center;font-size:14px;margin: 5px 0px 0px 5px}

/*.home-right-padding {padding:55px 105px 15px 10px;}	*/
.home-right-padding {
	padding:10px 105px 15px 10px;
}	

.content-pages #mainbody-inner {
	width:1000px;
	background-image:url(images/mainbody-inner-stretch2.jpg);
	background-repeat:repeat-y;
	margin:15px 0px 10px 39px;
	}
	
h1.inner {font-size:18px; color:#81302f; margin:0px; padding:0px;}
h2.inner {font-size:15px; color:#81302f; margin:0px 0px 8px 0px; padding:0px;}
h1.header {font-size:14px; color:#81302f; margin:0px; padding:0px; font-weight:normal; font-style:italic;}
.cta-header {font-size:18px; color:#e38a26;}	
	
.mainbody-inner-left {width:168px; float:left; color:#8aa6bc;}
.mainbody-inner-middle {width:832px; float:left; color:#8aa6bc; line-height:18px;}
.mainbody-inner-right {width:157px; float:left; color:#8aa6bc; line-height:18px;}
h1.mainbody-inner-right  {color:#666;}

.mainbody-inner-left-padding {padding:5px 5px 5px 15px;}
.mainbody-inner-middle-padding {padding:5px 35px; text-align:justify;}
.mainbody-inner-right-padding {padding:5px;}
	
.content-pages #bottom-container {
	color: #FFFFFF;
	background:url(images/red-strip.jpg) repeat-x top;
	text-align: left; /* this overrides the text-align: center on the body element. */
	}	
	
.red-strip {
	width:1000px;
	margin-left:39px;
	background-color:#87A2CF;
	height:1px;
	}
	
.red-strip-inner {
	width:1000px;
	margin-left:39px;
	background-color:#81302f;
	height:15px;
	}		
.red-strip2 {
	width:1000px;
	margin:10px 0px 0px 39px;
	padding:0px 0px 0px 0px;
	background-color:#87A2CF;
	height:2px;
	}
	
.red-strip-inner2 {
	width:1000px;
	margin:0px 0px 0px 39px;
	padding:0px 0px 0px 0px;
	background-color:#81302f;
	height:2px;
	}		
	
.content-pages #footer {
	width:1000px;
	color:#666666;
	padding: 5px 0px 0px 0px;
	text-align:center;
	margin-left:39px;
	background-image:url(images/gradient-footer-bg.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	}
	
.content-pages #footer-inner {
	width:1000px;
	color:#FFFFFF;
	padding: 5px 0px 0px 0px;
	text-align:center;
	margin-left:39px;
	background-color:#00345b;
	font-size:11px;
	}	
	
.footer2-padding {
	padding:20px 5px 5px 5px;
	text-align:center;
	}	
	
.footerbox {width:220px; float:left; text-align:left;}
.footerbox-padding {padding:20px 10px 0px 10px;}

.footer-box-heading {font-size:12px; color:#00345B;}
.footer-box-inner-heading {font-size:12px; color:#FFFFFF;}

.content-pages #footer {
	width:1000px;
	color:#00345B;
	text-align:center;
	font-size:11px;
	}
	
.contact-header {font-size:13px !important; color:#81302f !important;}	
	
.clbo {clear:both;}	

div#aboutparainfo {display: none}

.crumb {font-size:11px; color:#999999;}
a.crumbnav { font-size:11px; color:#999999; text-decoration:underline; }
a.crumbnav:hover { color:#666666; text-decoration:none; }

a.banner-nav { font-size:12px; color:#8aa6bc; text-decoration:underline !important; }
a.banner-nav:hover { font-size:12px; color:#8aa6bc; text-decoration:none !important; }
	
a.redlinks-one { font-size:11px; color:#898989; text-decoration:none; display:block; width:192px; height:24px; float:left; text-align:center; }
a.redlinks-one:hover { color:#FFFFFF; background-image:url(images/red-links-on.jpg); background-repeat:repeat-x; font-weight:bold; }

a.redlinks-two { font-size:11px; color:#898989; text-decoration:none; display:block; width:213px; height:24px; float:left; text-align:center; }
a.redlinks-two:hover { color:#FFFFFF; background-image:url(images/red-links-on.jpg); background-repeat:repeat-x; font-weight:bold }

a.redlinks-three { font-size:11px; color:#898989; text-decoration:none; display:block; width:210px; height:24px; float:left; text-align:center; }
a.redlinks-three:hover { color:#FFFFFF; background-image:url(images/red-links-on.jpg); background-repeat:repeat-x; font-weight:bold }

a.redlinks-four { font-size:11px; color:#898989; text-decoration:none; display:block; width:185px; height:24px; float:left; text-align:center; }
a.redlinks-four:hover { color:#FFFFFF; background-image:url(images/red-links-on.jpg); background-repeat:repeat-x; font-weight:bold }

a.bodynav {  color:#8AA6BC; text-decoration:underline; }
a.bodynav:hover {  color:#8AA6BC; text-decoration:none; }
a.bodynav2 {  color:#8AA6BC; text-decoration:none; }
a.bodynav2:hover {  color:#8AA6BC; text-decoration:none; }

a.sm-facebook-link { font-size:11px !important; color:#FFFFFF !important; text-decoration:none; text-transform:uppercase; padding:0px 20px !important; background-image:url(images/facebook.png); background-repeat:no-repeat; }
a.sm-facebook-link:hover { text-decoration:underline !important; background-image:url(images/facebook-on.png) !important; }

a.sm-twitter-link { font-size:11px !important; color:#FFFFFF !important; text-decoration:none; text-transform:uppercase; padding:0px 20px !important; background-image:url(images/twitter.png); background-repeat:no-repeat; }
a.sm-twitter-link:hover { text-decoration:underline !important; background-image:url(images/twitter-on.png) !important; }

a.sm-blogger-link { font-size:11px !important; color:#FFFFFF !important; text-decoration:none; text-transform:uppercase; padding:0px 20px !important; background-image:url(images/blogger.png); background-repeat:no-repeat; }
a.sm-blogger-link:hover { text-decoration:underline !important; background-image:url(images/blogger-on.png) !important; }

a.pdflink { font-size:13px; color:#8AA6BC; text-decoration:none; padding-left:35px; padding-top:5px; background-image:url(images/new-pdf-logo.jpg); background-repeat:no-repeat; display:block; height:35px; }
a.pdflink:hover { text-decoration:underline; }

a.bluenav { font-size:12px; color:#8aa6bc; text-decoration:underline; }
a.bluenav:hover { font-size:12px; color:#8aa6bc; text-decoration:none; }

a.leftnav { font-size:11px; color:#8aa6bc; text-decoration:none; }
a.leftnav:hover { font-size:11px; color:#8aa6bc; text-decoration:underline; }

a.footerlinks { font-size:11px; color:#00345B; text-decoration:none; }
a.footerlinks:hover { font-size:11px; color:#00345B; text-decoration:underline; }

a.banner-nav { font-size:12px; color:#8AA6BC; text-decoration:none; }
a.banner-nav:hover { font-size:12px; color:#8AA6BC; text-decoration:underline; }

a.inner-footerlinks { font-size:11px; color:#ffffff; text-decoration:none; }
a.inner-footerlinks:hover { font-size:11px; color:#ffffff; text-decoration:underline; }

a.solutions-header { font-size:16px; color:#87A2CF; text-decoration:none; font-weight:bold; }
a.solutions-header:hover { color:#87A2CF; text-decoration:underline; }

/*submenu navigation*/
.basictab{
padding: 0px 0px;
margin:5px 0px 0px 15px ;
font-weight:bold;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
list-style-type: none;
margin-bottom: 0;
text-align: left; /*set to left, center, or right to align the menu as desired*/
z-index: 100;
}

.basictab li{
display: inline;
margin: 0px;
}

.basictab li a{
text-decoration: none;
padding: 0px 25px 0px 0px;
margin-right: 2px;
color:#FFFFFF;
font-size:12px;
font-weight:normal;
text-transform:uppercase;
}

.basictab li a:hover{
color:#7b3336;
}

.basictab li a:active{
color:#D77B00;
}

.submenustyle{
text-align:left;
margin-top:6px;
margin-left:2px;
padding: 1px 1px;
width: auto;
display: none;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
position:relative;
z-index:2;
}

* html .submenustyle{ /*IE only width definition*/
width: 100%;
}

.submenustyle a,  a.faqs{
padding: 1px 0px;
text-decoration: none;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
color:#8aa0ac;
}

.submenustyle a:hover{
color:#8aa0ac; text-decoration:underline;
}
.faqs a:hover{
color:#81302f; text-decoration:underline;
}
.faqsanswer{
	color:#81302f;
	font-weight:bold;
}

.submenustyle-on{
text-align:left;
margin-top:6px;
margin-left:25px;
padding: 1px 1px;
width: auto;
font-size:10px;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
}

* html .submenustyle-on{ /*IE only width definition*/
width: 100%;
}

.submenustyle-on a{
padding: 1px 5px;
text-decoration: none;
font-size:10px;
font-weight:bold;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
}

.submenustyle-on a:hover{
color:#D77B00;
}

/*left nav accordian*/
.glossymenu{
margin: 1px 0;
padding: 0;
width: 150px; /*width of menu*/
border-bottom-width: 0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

.glossymenu a.menuitem{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#848484;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 0px 0px 3px 0px;
padding-left: 1px;
text-decoration: none;
border:1px solid #000000;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color:#848484;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image:none;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
padding-left:10px;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0px;
padding: 0px 0px 7px 0px;
}

.glossymenu div.submenu ul li{
border-bottom: none;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 11px Arial, Helvetica, sans-serif;
color:#8aa6bc;
text-decoration: none;
padding: 0px;
padding-left: 10px;
margin:0px;
}

.glossymenu div.submenu ul li a:hover{
color:#8aa6bc;
text-decoration:underline;
}

/*left nav accordian*/
code {font-family:Arial, Helvetica, sans-serif;}

.left-side * {margin:0; padding:0; font:12px Arial, Helvetica, sans-serif; font-weight:normal;}

.left-side #options {width:170px; margin-bottom:4px; text-align:left; color:#9ac1c9}

.left-side #acc {list-style:none; color:#848484; margin:0px;}
.left-side #acc h3 {border:none; padding:0px 0px 3px 0px; font-weight:bold; margin-top:1px; cursor:pointer; font-size:13px; font-weight:normal;}
.left-side #acc h3:hover { text-decoration:underline;}
.left-side #acc .acc-section {overflow:hidden; background:#fff}
.left-side #acc .acc-content {padding:5px; border:none; border-top:none; background:#fff}

.left-side #nested {list-style:none; color:#033; margin-bottom:2px}
.left-side #nested h3 {border:none; padding:0px 0px 3px 0px; font-weight:bold; margin-top:2px; cursor:pointer;}
.left-side #nested h3:hover {background:url(images/header_over.gif)}
.left-side #nested .acc-section {overflow:hidden; background:#fff}
.left-side #nested .acc-content {padding:15px; border:none; border-top:none; background:#fff}
.left-side #nested .acc-selected {background:url(images/header_over.gif)}

.bannertopm{
	float:left; width: 300px; padding-top:10px;color:#81302f; font-size:14px; 
}
.bannertopm span {text-decoration:blink;}
.bannertopm  a{
color:#8aa6bc;
color:#81302f;
}
.bannertop p{
	margin:0 0 0 0 ;
}

.dish{
	border-collapse:collapse;
	border:1px solid  #8aa6bc;
}
.dish td {
	text-align:center
}
.big{
	font-size:18px;}
	
.halfl{
	float:left; width:50%; }
.halfr{
	float:left; width:50%; text-align:right;
	font-size:10px;
	line-height:12px;
}

.mainbody-landing-righttest input.red {background-color: #ffffff;border:2px #fd5f30 solid;margin:20px 8px 20px 50px; text-transform:uppercase; text-shadow:0.1em 0.1em #333; }
.mainbody-landing-righttest  input{margin-bottom:3px; background-color:#ffffff; color:#777743;border: 1px #777743 solid;}


.calltoday{margin-top:150px; font-family:'Helvetica', Times, serif;font-size:28px; line-height:38px; text-align:center;color:#ff6131}
.whiteline{
	float:left;
	margin:10px 0px 0px 15px;
	padding:0px 0px 0px 0px;
	width:230px;
	background-color:#ffffff;
	height:1px;
}
.tiny{font-size:12px}

.contact{
	font-size:22px;
	color:#87a2cf;
	text-align: center;
}
.hostedpbx, .siptrunk, .callcenter{
	background-repeat:no-repeat;
	padding-left:380px;
	padding-right:30px;
	height:200px;
	min-height:200px;
	width:358px;
	min-width:380px;
	text-align:left;
}
	
.hostedpbx h2, .siptrunk h2, .callcenter h2{
	padding-top:5px;
	line-height:30px;
	font-family:"Times New Roman", Times, serif;
	margin-bottom:0px;
}
.hostedpbx p, .siptrunk p, .callcenter p{
	text-align:center;
		line-height:23px;
	font-size:18px;
	margin-top:1px;
	padding-top:0px;
	
}
	
.hostedpbx ul, .siptrunk ul, .callcenter ul{
	font-size:18px;
	line-height:23px;
	margin-top:0px;
	padding-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;
}

.hostedpbx a, .siptrunk a, .callcenter a{
	color:#24180f;
}

.hostedpbx{
		background-image:url(images/hosted-pbx-solutions-banner.jpg);
	color:#666;}
	
.siptrunk{
	background-image:url(images/ip-trunking-solution-banner.jpg);
	color:#24180f;
	padding-left:320px;
	width:378px;
}
.callcenter{
	background-image:url(images/call-center-banner.jpg);
	color:#24180f;
	padding-left:300px;
	width:398px;
}

.dsl-left{
	float:left; width:440px;

}
.dsl-bottom{
	float:left; width:360px;
}