﻿body {
    margin:0;
    padding:0;
    border:0;			
    width:100%;
    background: #FFFFFF; 
    min-width:1000px;
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica;
	font-size: 14px;
	line-height: 22px;
	color: #393939;    
}

/* -- Headings -- */
h1, h2, h3 {
	color: #00529B;
}
h1 { 
	font-size: 180%;
	font-family: "Trebuchet MS", "Arial Narrow", geneva, helvetica, sans-serif;
	margin: 30px 0px 20px 0px;
}
h2 { 
	font-size: 130%;
	font-family: "Trebuchet MS", "Arial Narrow", geneva, helvetica, sans-serif;
	margin-top: 30px;
	margin-bottom: 10px;
}
h3 { 
	font: bold 11pt arial, helvetica, sans-serif; 
	letter-spacing: 0px;
	margin: 0px;
	padding: 0px; 
	margin-bottom: 0px; 
	color: #666666;
}

/* -- Header -- */
#header {
    clear:both;
    float:left;
    width:100%;
    height:147px;
    background:#00529B;
}
.topbar {
	margin:0 auto;
	width:740px;
	height:107px;
	background:#00529B url(../images/header_bg.gif) no-repeat;
}
.topbar .logo {
	margin:0 auto;
	margin-top:34px;
	margin-right:0px;
	width:204px;
	height:49px;
	float:right;
}

/* -- Navigation -- */
#navcontainer {
	clear:both;
    float:left;
	width:100%;
	height:40px;
	background:#FFFFFF;
}
.navbar {
	margin:0 auto;
	width:750px;
	height:40px;
}
.navbar .navmenu {
	margin:0;
	float:left;
	width: 750px;
	height: 40px;
}

/* -- Content Body Mask -- */
.contentmask {
	position:relative;		
    clear:both;
    float:left;
    width:100%;				
	overflow:hidden;
	background:#FFFFFF url(../images/contentmask_bg.jpg) repeat-x;
	border-top:solid 1px #CCCCCC;
}
.contentmaskInner {
	position:relative;		
    clear:both;
    float:left;
    width:100%;				
	overflow:visible;
	background:#FFFFFF;
	border-top:solid 1px #CCCCCC;
}

/* -- 3 Column styles -- */
.contentmask .container{
	margin: 0 auto;
	width:750px;
}
.contentmask .container .emopanel {
	width: 100%;
	height: 430px;
}
.contentmask .container .emopanel .flashcontent {
	position:relative;
	margin: 18px 0 0 0;
	width: 754px;
	height: 392px;
	float: left;
	background:url(../images/emopanel_bg2.jpg) no-repeat;
	z-index:4;
}
.contentmask .container .emopanel .flashcontent .imageaction {
	position:relative;
	margin: 1px 0 0 1px;
	width: 748px;
	height: 264px;
	float: left;
	z-index:3;
}
.contentmask .container .emopanel .flashcontent .textaction {
	margin:50px 0 0 310px;
	width: 440px;
	height:130px;
	float:left;
}
.contentmask .container .emopanel .flashcontent .textaction h1 { 
	font-size: 165%;
	}
.contentmask .container .emopanel .buttons {
	position:relative;
	margin:-190px 0 0 5px;
	width:740px;
	height:160px;
	float:left;	
	font: normal 16pt Arial, Helvetica, sans-serif;
	z-index:4;	
}
.contentmask .container .emopanel .buttons a:link, .contentmask .container .emopanel .buttons a:visited {
	color:#ffffff;
	text-decoration:none;
}
.contentmask .container .emopanel .buttons a:hover {
	color:#F27925;	
}
.contentmask .container .emopanel .buttons span{
	font: normal 12pt Arial, Helvetica, sans-serif;
}
.contentmask .container .emopanel .buttons .cable {
	margin:28px 13px 0 10px;
	width:110px;
	height:145px;
	float:left;
}
.contentmask .container .emopanel .buttons .cable .cableHeader {
	margin:0 auto;
	width:90px;
	height:90px;
}
.contentmask .container .emopanel .buttons .cable .cableFooter {
	margin:0 auto;
	margin-top:5px;
	width:110px;
	height:43px;
	text-align:center;
}
.contentmask .container .emopanel .buttons .wireless {
	margin:28px 13px 0 0;
	width:110px;
	height:140px;
	float:left;	
}
.contentmask .container .emopanel .buttons .wireless .wirelessHeader {
	margin:0 auto;
	width:90px;
	height:90px;
}
.contentmask .container .emopanel .buttons .wireless .wirelessFooter {
	margin:0 auto;
	margin-top:5px;
	width:110px;
	height:43px;
	text-align:center;	
}
.contentmask .container .emopanel .buttons .electrical {
	margin:28px 13px 0 0;
	width:110px;
	height:140px;
	float:left;	
}
.contentmask .container .emopanel .buttons .electrical .elecHeader {
	margin:0 auto;
	width:90px;
	height:90px;
}
.contentmask .container .emopanel .buttons .electrical .elecFooter {
	margin:0 auto;
	margin-top:5px;
	width:110px;
	height:43px;
	text-align:center;		
}
.contentmask .container .emopanel .buttons .telephone {
	margin:28px 13px 0 0;
	width:110px;
	height:140px;
	float:left;
}
.contentmask .container .emopanel .buttons .telephone .teleHeader {
	margin:0 auto;
	width:90px;
	height:90px;
}
.contentmask .container .emopanel .buttons .telephone .teleFooter {
	margin:0 auto;
	margin-top:5px;
	width:110px;
	height:43px;
	text-align:center;	
}
.contentmask .container .emopanel .buttons .audiovisual {
	margin:29px 13px 0 0;
	width:110px;
	height:140px;
	float:left;	
}
.contentmask .container .emopanel .buttons .audiovisual .avHeader {
	margin:0 auto;
	width:90px;
	height:90px;
}
.contentmask .container .emopanel .buttons .audiovisual .avFooter {
	margin:0 auto;
	margin-top:5px;
	width:112px;
	height:43px;
	text-align:center;	
}
.contentmask .container .emopanel .buttons .security {
	margin:28px 0 0 0;
	width:110px;
	height:140px;
	float:left; 	
}
.contentmask .container .emopanel .buttons .security .secHeader {
	margin:0 auto;
	width:90px;
	height:90px;
}
.contentmask .container .emopanel .buttons .security .secFooter {
	margin:0 auto;
	margin-top:5px;
	width:110px;
	height:43px;
	text-align:center;		
}

/* -- Action Panel Items -- */
.contentmask .container .actionPnlContainer {
	margin-bottom:30px;
	width:750px;
	min-height:450px;
	float:left;
	clear:both;
	border-left:solid 1px #CCCCCC;
}
.contentmask .container .column_left_ap1 {
	margin: 30px 7px 0 0;
	width: 245px;
	min-height: 200px;
	float: left;
}
.contentmask .container .column_left_ap1 .column_titleLeft {
	margin:0 0 0 30px;
	width: 210px;
}
.contentmask .container .column_left_ap1 .column_contentLeft {
	margin:0 0 0 30px;
	width: 210px;
	min-height:100px;
}
.contentmask .container .column_left_ap1 .column_buttonLeft {
	margin:20px 0 0 70px;
	width: 115px;
	height: 40px;
}
.contentmask .container .column_mid_ap2 {
	margin: 30px 7px 0 0;
	width: 245px;
	min-height: 200px;
	float: left;
	border-left:solid 1px #CCCCCC;
}
.contentmask .container .column_mid_ap2 .column_titleMid {
	margin:0 0 0 30px;
	width: 210px;
	min-height:30px;
	background:pink;
}
.contentmask .container .column_mid_ap2 .column_contentMid {
	margin:0 0 0 30px;
	width: 210px;
	min-height:100px;
}
.contentmask .container .column_mid_ap2 .column_contentMid h3 {
	padding:0 0 10px 0;
}
.contentmask .container .column_mid_ap2 .column_buttonMid {
	margin:20px 0 0 70px;
	width: 115px;
	height: 40px;
}
.contentmask .container .column_right_ap3{
	margin: 30px 0 0 0;
	width: 245px;
	min-height: 200px;
	float: left;
}
.contentmask .container .column_right_ap3 .column_contentRight {
	margin:0px 0 0 28px;
	width: 215px;
	min-height:100px;
	border-left:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
}
.contentmask .container .column_right_ap3 .column_headerRight {
	margin:0 0 0 28px;
	padding:5px 0px 0px 15px;
	width: 217px;
	height: 27px;
	font-weight: bold;	
	color: #ffffff;
	background:url(../images/corner_right.gif) no-repeat;
}

/* -- Bottom Columns -- */
.contentmask .container .column_leftBot{
	margin:20px 0 0 30px;
	width: 495px;
	float: left;
}
.contentmask .container .column_leftBot li {
	padding-top: 10px;
	padding-bottom: 10px;
}
.contentmask .container .column_leftBot .column_titleLeftBot {
	margin-bottom: 10px;
	width: 100%;
	height: 20px;
	font-size: 18px;
	font-weight: bold;
	float: left;
}
.contentmask .container .column_leftBot .column_footerLeftBot {
	width: 100%;
	height: 20px;
}
.contentmask .container .column_midBot {
	margin-top: 15px;
	margin-right: 22px;
	width: 278px;
	float: left;
	background:#56912D;
}
.contentmask .container .column_midBot .column_titleMidBot {
	margin-bottom: 10px;
	width: 100%;
	height: 20px;
	font-size: 18px;
	font-weight: bold;
	float: left;
	background:#B0B4D7;
}
.contentmask .container .column_midBot .column_footerMidBot {
	width: 100%;
	height: 20px;
	background: #85F6C7;	
}
.contentmask .container .column_rightBot{
	margin-top: 15px;
	width: 278px;
	float: left;
	background:#E28CA6;
}
.contentmask .container .column_rightBot .column_titleRightBot {
	margin-bottom: 10px;
	width: 100%;
	height: 20px;
	font-size: 18px;
	font-weight: bold;
	float: left;
	background:#A4D0C8;
}
.contentmask .container .column_rightBot .column_footerRightBot {
	width: 100%;
	height: 20px;
	background: #EB70F9;	
}

/* -- Inner Page Columns Styles -- */
	
.breadcrumb {
	margin:0 auto;
	width: 750px;
	height: 57px;
}
.breadcrumb .bctext {
	margin:15px 0 0 25px;
	width:300px;
	height:25px;
	float:left;	
}
.ribbonBanner {
	width:100%;
	height:220px;
	background:url(../images/bg_subpage.gif);
}
.ribbonBanner .peopleContainer {
	margin:0 auto;
	width:750px;
	height:220px;
}
.ribbonBanner .peopleContainer .pageTitleBlock {
	position:absolute;
	margin:-10px 0 0 0;
	width:230px;
	height:150px;
	z-index:2;
	color:#FFFFFF !important;
}
.ribbonBanner .peopleContainer .pageTitleBlock h1 {
	color:#FFFFFF;
	line-height:110%;
	font-size: 190%;
	font-weight:normal;
	text-transform:uppercase;	
}
.ribbonBanner .peopleContainer .peopleBlock {
	position:absolute;
	margin:48px 0 0 220px;
	width:400px;
	height:236px;
	background:url(../images/bg_people.gif) no-repeat;	
}
.ribbonBanner .peopleContainer .rightInfoPanel {
	position:absolute;
	clear:both;
	margin-top:-43px;
	margin-left:500px;
	width:300px;
	min-height:350px;
	z-index:3;
}
.ribbonBanner .peopleContainer .rightInfoPanel .panelHdr {
	margin:0;
	width:300px;
	height:7px;
	background:url(../images/subpage_top.gif) no-repeat;	
}
.ribbonBanner .peopleContainer .rightInfoPanel .panelBody {
	margin:0;
	width:298px;
	min-height:290px;
	background:#E1EEF4;
	border-left:solid 1px #999999;
	border-right:solid 1px #999999;	
}
.ribbonBanner .peopleContainer .rightInfoPanel .panelBody h2 {
	margin:0;
	padding:20px 10px 0 10px;
	text-align:center;
	font-style:italic;
}
.ribbonBanner .peopleContainer .rightInfoPanel .panelBody p {
	padding:0 15px 0 15px;	
}
.ribbonBanner .peopleContainer .rightInfoPanel .panelBody ul {
	margin:0;	
}
.ribbonBanner .peopleContainer .rightInfoPanel .panelBody ul li {
	padding:10px 0 0 0;	
}
.ribbonBanner .peopleContainer .rightInfoPanel .panelBot {
	margin:0;
	width:300px;
	height:12px;
	background:url(../images/subpage_bottom.gif) no-repeat;	
}
.column_leftInner{
	margin:0 auto;
	width:750px;
	min-height:100%;
}
.column_leftInner .leftInnerContent {
	float:left;
	margin:40px 0 0 0;
	padding-bottom:40px;
	width:480px;
	min-height:400px;
}
.column_leftInner .leftInnerContent h2 {
	margin:10px 0 25px 0;
	border-bottom: 1px solid #ccc;
	text-transform: uppercase;
}

/*// -- On-Page Styles for Services Page -- //*/
.column_leftInner .leftInnerContent .buttonsColumn {
	float:left;
	width:90px;
	height:100%;	
}
.column_leftInner .leftInnerContent .buttonsColumn .buttonCable {
	width:90px;
	height:90px;
}
.column_leftInner .leftInnerContent .buttonsColumn .buttonWireless {
	margin:25px 0 0 0;
	width:90px;
	height:90px;
}
.column_leftInner .leftInnerContent .buttonsColumn .buttonElec {
	margin:25px 0 0 0;
	width:90px;
	height:90px;
}
.column_leftInner .leftInnerContent .buttonsColumn .buttonTele {
	margin:25px 0 0 0;
	width:90px;
	height:90px;
}
.column_leftInner .leftInnerContent .buttonsColumn .buttonAV {
	margin:25px 0 0 0;
	width:90px;
	height:90px;	
}
.column_leftInner .leftInnerContent .buttonsColumn .buttonSecurity {
	margin:25px 0 0 0;
	width:90px;
	height:90px;	
}
.column_leftInner .leftInnerContent .serviceSummary {
	float:right;
	width:360px;
	height:100%;
}
.column_leftInner .leftInnerContent .serviceSummary .cableSummary {
	width:360px;
	height:90px;
}
.column_leftInner .leftInnerContent .serviceSummary .wirelessSummary {
	margin:25px 0 0 0;
	width:360px;
	height:90px;
}
.column_leftInner .leftInnerContent .serviceSummary .elecSummary {
	margin:25px 0 0 0;
	width:360px;
	height:90px;
}
.column_leftInner .leftInnerContent .serviceSummary .teleSummary {
	margin:25px 0 0 0;
	width:360px;
	height:90px;	
}
.column_leftInner .leftInnerContent .serviceSummary .avSummary {
	margin:25px 0 0 0;
	width:360px;
	height:90px;
}
.column_leftInner .leftInnerContent .serviceSummary .securitySummary {
	margin:25px 0 0 0;
	width:360px;
	height:90px;
}


/* -- Footer styles -- */
#footer {
    clear:both;
    float:left;
    width:100%;
    min-height: 100px;
    background: #FAFAFA;
    border-top:solid 1px #00529B;
}
.footerTop {
	margin: 0 auto;
	width: 750px;
	height: 40px;
}
.footerContent {
	margin: 0 auto;
	width: 750px;
	height: 200px;
}
.footerBot {
	margin:0 auto;
	width:750px;
	height:46px;
}
.footerBot .sitefinity {
	height:20px;
	width:100px;
	float:right;
}
.footerBot .sitefinity a {
	color:#BCBCBC !important;
	font-size: 80% !important;
	text-decoration:none !important;
}
.footerBot .sitefinity a:hover {
	color:#F17A27 !important;
	text-decoration:underline !important;
}
.footernav{
	margin:0 auto;
	width: 750px;
	height: 90px;
	float: left;
	font-size:14px;
}
.footer_col_left {
	margin: 10px 20px 0 0;
	width: 490px;
	min-height: 70px;
	float: left;
}

.footer_col_left .leftLogo {
	float:left;
	margin:25px 20px 0 0;	
}
.footer_col_mid {
	margin: 10px 0 0 0;
	width: 220px;
	min-height: 70px;
	float: left;
}
.footer_col_mid a {
	color:#C2C2C2 !important;
	text-decoration: none !important;
}
.footer_col_mid a:hover {
	color:#F17A27 !important;
	text-decoration:underline !important;
}
.footer_col_mid .leftText{
	float:left;
	margin:0;
}
.footer_col_mid .rightText{
	float:right;
	margin:0;	
}
.footer_col_right {
	margin-top: 10px;
	width: 279px;
	min-height: 70px;
	float: left;
	background: green;
}
.footernav a:link {
	text-decoration: underline; 
	color: #0F5587;	
}
.footernav a:visited {
	text-decoration: underline; 
	color: #0F5587;
}
.footernav a:hover {
	text-decoration: underline; 
	color: #F17A27;	
}

/* -- Powered By Logo -- */

.poweredBySitefinityLogo {
	margin: 0 auto;
	padding:20px 0 20px 0;
	width: 100%;
	float: left;
	clear: both;
	background:#FAFAFA;
}

/* -- Semantic -- */
strong {
	font-weight: bold;
	font-style: normal;
}
em {
	font-style:italic;
}
img  {
	border: 0px;
}

/* -- Links -- */
a:link { 
	text-decoration: underline; 
	color: #0F5587;
}
a:visited { 
	text-decoration: underline; 
	color: #0F5587;
}
a:hover, a:active { 
	text-decoration: underline; 
	color: #F17A27;	
}

/* -- Testimonials List Styles -- */
.sf_simpleList, .sf_pageList, .sf_expandedList, .sf_expandableList, .sf_anchorList {
	list-style-image:none !important;
	list-style-position:outside !important;
	list-style-type:none !important;
}
.sf_simpleList a:link, .sf_pageList a:link, .sf_expandedList a:link, .sf_expandableList a:link, .sf_anchorList a:link {
	text-decoration: none !important;
}
.sf_simpleList a:visited, .sf_pageList a:visited, .sf_expandedList a:visited, .sf_expandableList a:visited, .sf_anchorList a:visited {
	text-decoration: none !important;
}
.sf_controlListItems {
margin:0 0 20px 0 !important;
}
.sf_listItemBody {
margin:10px 0 10px 10px !important;
}

/* -- News List Styles -- */
.sf_newsList h2.sf_newsTitle {
font-size:130% !important;
font-weight:normal;
line-height:1.1em;
margin:10px 0 0 0 !important;
padding:0;
border-bottom:none !important;
text-transform:none !important;
}

/* -- Contact Form Styles -- */
.contactform {
	width:550px; 
	margin:0px 10px 0  0;
}
.contactform fieldset {
	padding:10px 0 10px 0 !important; 
	margin:0 0 20px 0; 
	border:none; 
}
.contactform fieldset legend {
	height: 16px;
	margin:0 0 0 5px !important; 
	padding:0 2px 0 2px; 
	color:#333333; 
	font-weight:bold;  
	font-size:140%;
}
.contactform label.left {
	float:left; 
	width:130px; 
	margin:0 0 0 10px; 
	padding:2px; 
	font-size:100%;
}
.contactform select.combo {
	width:175px; 
	padding:2px; 
	border:solid 1px #CCCCCC; 
	font-size:100%;
}
.contactform input.field {
	width:275px; 
	padding:2px; 
	border:solid 1px #CCCCCC; 
	font-size:100%;
}
.contactform textarea {
	width:275px; 
	padding:2px; 
	border:solid 1px #CCCCCC; 
	font-size:100%;
}
.contactform input.button {
	float:left; 
	width:9.0em; 
	margin-left:145px !important; 
	padding:3px !important; 
	background:#FAFAFA; 
	border:solid 1px #00529B; 
	text-align:center; 
	color: #00529B; 
	font-size:100%;
}
.contactform input.button:hover {
	cursor:pointer; 
	border:solid 1px #F17A27; 
	background:#F17A27; 
	color:#FFFFFF;
}
.contactform .successLabel{
	color:Green; 
	font-weight:bold; 
	clear:both; 
	float:left; 
	margin-left:145px !important; 
	margin-top: 10px;
}
.contactform .failureLabel{
	color:Red; 
	clear:both; 
	float:left; 
	margin-left:145px !important; 
	margin-top: 10px;
}
.contactform .asteriskNote {
	float:left; 
	width:500px; 
	margin:30px 0 0 10px; 
	padding:2px; 
	font-size:100%;
}
.contactform ul {
	clear:both; 
	float:left; 
	margin-left:145px !important; 
	margin-top: 15px;
}
