body {
	color: #2a2a2a;
	font-family: "Helvetica Neue", arial, helvetica, sans-serif !important;
        background-color: #21213d;
	margin: 0px;
}

a:link,a:visited {
	
	color: #ff6100;
	
}

hr {
	border-style: none;
	border-width: 0px;
	background-color: #c0c0c0;
	height: 1px;
}

img {
	border-width: 0px;
}

#header {
	height: 146px;
	width: 100%;
        background-color: #21213d;
}

#headercontent {
	position: relative;
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 965px;
	height: 146px;
}

#headerlogo {
	float: none;
	height: 120px;
	width: 211px;
	position: relative;
	top: 10px;
	display: block;
}

#smallheadermenu {
	padding-right: 25px;
	top: 10px;
	float: right;
	position: relative;
	display: inline;
	margin-right: 0%;
	margin-left: auto;
	font-size: 13px;
	color: #ababab;
}

.smallheadermenuitem {
	padding-left: 25px;
	display: inline;
}

a.darkbg:link,a.darkbg:visited {
	color: #858585;
	text-decoration: none;
}

a.darkbg:hover {
	color: #ff6100;
	text-decoration: none;
}


#largeheadermenu {
	font-size: 21px;
	font-weight: bold;
	right: 100px;
	clear: both;
	position: relative;
	top: 70px;
	color: white;
	display: block;
	float: right;
}

.largeheadermenuitem {
	padding-left: 50px;
	float: none;
	display: inline;
}

.largeheaderlink:link,.largeheaderlink:visited {
	text-decoration: none;
	color: white;
}

.largeheaderlink:hover {
	text-decoration: none;
	color: #ff6100;
}

.blueseperator {
	height: 6px;
	width: 100%;
	background-color: #387dac;
}

#contentcontainer {
	display: inline-block;
	width: 100%;
	background-color: #FFFFFF;
}

#content {
	padding-bottom: 40px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 965px;
}

#showcasecontainer {
	height: 317px;
	width: 100%;
}

#showcaseleft {

	color: #2a2a2a;
	font-size: 14px;
	padding: 50px;
	margin: 0px;
	width: 350px;
	float: left;
}

.showcasetitle {
	padding-bottom: 15px;
	color: #2a2a2a;
	font-size: 36px;
}

.sectionheader {
	color: #2a2a2a;
	font-size: 20px;
}
.sectionsmalltext {
	color: #2a2a2a;
	font-size: 12px;
}

#showcaseright {
	float: right;
	right: 6px;
	position: relative;
	top: 19px;
	height: 290px;
	width: 473px;
	background-repeat: no-repeat;
	background-image: url(images/video-bg.png);
}

#showcaseembedded {
	float: left;
	color: #ff00d2;
	right: 6px;
	position: relative;
	top: 19px;
	height: 290px;
	width: 473px;
	background-repeat: no-repeat;
	background-image: url(images/video-bg.png);
}

#showcasecontent {
	z-index: 99;
	margin-top: 15px;
	width: 435px;
	height: 251px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	vertical-align: middle;
}

#cs-video {
	height: 405px;
	width: 985px;
	padding: 5px;
	left: -15px;
	position: relative;
	background-repeat: no-repeat;
	background-image: url(images/cs-videobg.png);
}

#cs-videotext {
	float: left;
	position: relative;
	width: 320px;
	top: 80px;
	left: 10px;
}

#cs-videoembed {
	float: right;
	top: 10px;
	right: 10px;
	position: relative;
}

#footer {
	display: inline-block;
	height: 100px;
	width: 100%;
	margin-right: auto;
	padding-bottom: 50px;
	padding-top: 23px;
	color: #858585;
	font-size: 11px;
	background-repeat: repeat-x;
	background-image: url(images/sitemap-bg.png);
	text-align: center;
}

.footercontent {
	line-height: 16px;
	display: inline-block;
	margin-right: auto;
	margin-left: auto;
	border-right-color: #858585;
	border-right-style: solid;
	border-right-width: 1px;
	padding-right: 40px;
	padding-left: 40px;
	vertical-align: top;
	height: 120px;
	text-align: left;
}

.footercontentlogo {
	font-size: 10px;
	display: inline-block;
	margin-right: auto;
	margin-left: auto;
	padding-right: 40px;
	padding-left: 40px;
	vertical-align: top;
	height: 80px;
	text-align: left;
}

.footerheader {
	text-shadow: -1px 1px 2px black;
	color: white;
	padding-bottom: 7px;
	font-weight: bold;
	font-size: 12px;
}

.footerheadericon {
	padding-right: 5px;
	top: 4px;
	position: relative;
}

.phoneicon {
	padding-right: 5px;
	top: 2px;
	position: relative;
}

#footerphone {
	padding-top: 15px;
	padding-bottom: 3px;
	position: relative;
	text-shadow: -1px 1px 2px black;
	color: white;
	font-weight: bold;
	font-size: 18px;
}

.mailicon {
	padding-right: 5px;
	top: 3px;
	position: relative;
}

#footermail {
	padding-bottom: 3px;
	position: relative;
	text-shadow: -1px 1px 2px black;
	color: white;
	font-weight: bold;
	font-size: 18px;
}

#copyright {
        line-height: 16px;
        margin-right: auto;
        margin-left: auto;
        vertical-align: top;
        height: 120px;
        text-align: center;
	color: #858585;
	font-size: 11px;
}

	

#contentheader {
	text-align: center;
	text-shadow: -1px 1px 4px #909090;
	padding-bottom: 15px;
	color: #2a2a2a;
	font-size: 35px;
}

#showcasefooterintro {
	left: -69px;
	position: relative;
	top: 13px;
	text-align: right;
	text-shadow: -1px 1px 2px #adadad;
	font-style: italic;
	font-size: 15px;
}

#showcasefootermain {
	letter-spacing: 2px;
	position: relative;
	top: 10px;
	font-weight: bold;
	text-align: right;
	text-shadow: -1px 1px 2px #adadad;
	font-style: italic;
	font-size: 26px;
}

#tablecontent {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	vertical-align: top;
}

#brotator {
	float: left;
    position: relative;
	height: 134px;
	width: 979px;
	background-repeat: no-repeat;
	background-image: url(images/bbg-witharrows.png);
}

#bleft {
    z-index: 99;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
	padding: 0px;
	float: left;
	left: 19px;
	position: relative;
	width: 19px;
}

#bleft :focus
{
  -moz-outline-style: none;
}

#bright {
    z-index: 99;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
	padding: 0px;
	float: right;
	right: 19px;
	position: relative;
	width: 19px;
}

#bright :focus
{
  -moz-outline-style: none;
}

#bcontent {
        margin-top: 15px;
        width: 903px;
        height: 96px;
        margin-right: auto;
        margin-left: auto;
}


.featurelist-title {
	font-size: 11px;
	font-weight: bold;
	width: 100px;
	vertical-align: top;
	text-align: right;
	padding-right: 15px;
}

.featurelist-desc {
	font-size: 12px;
	width: 250px;
	vertical-align: top;
	text-align: left;
}

.cs-image {
	z-index: 99;
	margin-top: 14px;
	width: 435px;
	height: 251px;
	margin-left: -1px;
	text-align: center;
	vertical-align: middle;
}

.cs-container {
	background: url(images/video-bg.png);
	background-repeat: no-repeat;
	vertical-align: top;
	text-align: center;
	height: 290px;
	width: 473px;
}

.productpanels {
	margin: 0px;
	padding: 0px;
	float: left;
	position: relative;
	left: 30px;
}

#product-content {
	background: url(images/sip-trunking-bg.jpg);
	background-repeat: repeat-y;
	padding: 0px 13px;
	margin: 0px;
	float: left;
	position: relative;
	left: 16px;
	width: 900px;
}

#product-footer {
	background: url(images/sip-trunking-footer.jpg);
	background-repeat: no-repeat;
	vertical-align: bottom;
	margin: 0px;
	margin-bottom: 30px;
	padding: 0px;
	float: left;
	position: relative;
	left: 18px;
	width: 926px;
	height: 16px;
}

.rightbox {
	
	padding: 5px;
	margin: 5px;
	float: right;
	position: relative;
	width: 250px;
	border: 1px solid #c0c0c0;
}

.leftbox {
	
	padding: 5px;
	margin: 5px;
	float: left;
	position: relative;
	width: 250px;
	border: 1px solid #c0c0c0;
}

#siptrunking-header {
	background: url(images/sip-trunking-header.jpg);
	background-repeat: no-repeat;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	float: left;
	position: relative;
	left: 16px;
	width: 926px;
	height: 408px;
}

#siptrunking-headertext {
	vertical-align: top;
	margin: 0px;
	padding: 2px;
	float: left;
	position: relative;
	left: 25px;
	top: 120px;
	width: 300px;
	height: 250px;
}

#pbxsys-header {
	background: url(images/pbxsys-header.jpg);
	background-repeat: no-repeat;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	float: left;
	position: relative;
	left: 16px;
	width: 926px;
	height: 408px;
}

#pbxsys-headertext {
	vertical-align: top;
	margin: 0px;
	padding: 2px;
	float: right;
	position: relative;
	right: 90px;
	top: 120px;
	width: 300px;
	height: 250px;
}

#voipconnect-header {
	background: url(images/voipconnect-header.jpg);
	background-repeat: no-repeat;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	float: left;
	position: relative;
	left: 16px;
	width: 926px;
	height: 360px;
}

#voipconnect-headertext {
	vertical-align: top;
	margin: 0px;
	padding: 2px;
	float: right;
	position: relative;
	right: 90px;
	top: 120px;
	width: 300px;
	height: 250px;
}


#isdnreplace-header {
	background: url(images/isdnreplace-header.jpg);
	background-repeat: no-repeat;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	float: left;
	position: relative;
	left: 16px;
	width: 926px;
	height: 360px;
}

#isdnreplace-headertext {
	vertical-align: top;
	margin: 0px;
	padding: 2px;
	float: left;
	position: relative;
	left: 25px;
	top: 120px;
	width: 300px;
	height: 250px;
}

.voipconnect-table{
	border-collapse: collapse;
	width: 90%;
	
}

.voipconnect-tablehead{
	border: 1px solid #c0c0c0;
	padding: 3px;
	text-align: center;
	width: 33%;
	background-color: #9bca9e;
	color: #397dae;
	font-size: 15px;
}

.voipconnect-tablebody{
	border: 1px solid #c0c0c0;
	padding: 3px;
	text-align: left;
	width: 33%;
	background-color: #e4f1e5;
	color: #000000;
	font-size: 12px;
}

#agentsresellers-header {
	background: url(images/agents-resellers-header.jpg);
	background-repeat: no-repeat;
	vertical-align: top;
	margin: 0px;
	padding: 000px;
	float: left;
	position: relative;
	left: 16px;
	width: 926px;
	height: 360px; 
}

#agentsresellers-headertext {
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	float: left;
	position: relative;
	left: 24px;
	top: 120px;
	width: 300px;
	height: 250px;
}

#agentsresellers-content {
	background: url(images/agents-resellers-bg.jpg);
	background-repeat: repeat-y;
	padding: 0px 13px;
	margin: 0px;
	float: left;
	position: relative;
	left: 16px;
	width: 900px;
}

#agentsresellers-footer {
	background: url(images/agents-resellers-footer.jpg);
	background-repeat: no-repeat;
	vertical-align: bottom;
	margin: 0px;
	margin-bottom: 30px;
	padding: 0px;
	float: left;
	position: relative;
	left: 18px;
	width: 926px;
	height: 16px; 
}

.agentsresellers_costsaving-table{
	border-collapse: collapse;
	width: 90%;
	
}

.agentsresellers_costsaving-tablehead{
	border: 1px solid #000000;
	padding: 3px;
	text-align: center;
	width: 33%;
	background-color: #c0c0c0;
	color: #0000ff;
	font-size: 15px;
}

.agentsresellers_costsaving-tablebody{
	border: 1px solid #c0c0c0;
	padding: 3px;
	text-align: left;
	width: 33%;
	background-color: #ffffff;
	color: #000000;
	font-size: 12px;
}
.agentsresellers_costsaving-tableseparate{
	border: 1px solid #c0c0c0;
	padding: 3px;
	text-align: center;
	width: 33%;
	background-color: #c0c0c0;
	color: #0000ff;
	font-size: 15px;
}
.agentsresellers_costsaving-tablefoot{
	border: 1px solid #000000;
	padding: 3px;
	text-align: left;
	width: 33%;
	background-color: #000000;
	color: #FFFFFF;
	font-size: 12px;
}

#index_panel1 span { display: none; }
#index_panel1 {
        overflow: hidden;
        background-image: url("images/products/panel1v8.png");
        background-repeat: no-repeat;
        padding: 320px 0 0 0;
        height: 0px !important;
        height /**/:30px;
        width: 230px;
        left: 30px;
        float:left;
        position: relative;
}

#index_panel2 span { display: none; }
#index_panel2 {
        overflow: hidden;
        background-image: url("images/products/panel2v8.png");
        background-repeat: no-repeat;
        padding: 320px 0 0 0;
        height: 0px !important;
        height /**/:30px;
        width: 230px;
        left: 30px;
        float:left;
        position: relative;
}

#index_panel3 span { display: none; }
#index_panel3 {
        overflow: hidden;
        background-image: url("images/products/panel3v8.png");
        background-repeat: no-repeat;
        padding: 320px 0 0 0;
        height: 0px !important;
        height /**/:30px;
        width: 230px;
        left: 30px;
        float:left;
        position: relative;
}

#index_panel4 span { display: none; }
#index_panel4 {
        overflow: hidden;
        background-image: url("images/products/panel4v8.png");
        background-repeat: no-repeat;
        padding: 320px 0 0 0;
        height: 0px !important;
        height /**/:30px;
        width: 230px;
        left: 30px;
        float:left;
        position: relative;
}