@charset "UTF-8";

body {
	background: #fff url(images/bg.jpg) top left repeat-x;
	font-size: 62.5%;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

* {
	margin: 0;
	padding: 0;
}

a {
	outline: none;
}

.clear {
	clear: both;
}

h3 {
	font-size: 1.5em;
	color: #0d203c;
	margin: 0 0 0 -30px;
	padding: 5px 0 5px 25px;
	background: url(images/subHeadingBG.png) top left no-repeat;
	width: 464px;
	height: 30px;
}

h4 {
	font-size: 1.4em;
	color: #15416A;
	margin: 6px 0 0 10px;
}



ul.bulletPoints {
	float: left;
	margin: 20px 0 20px 40px;
	padding:0;
	list-style-type:none;
}

ul.bulletPoints li {
	list-style-type: none;
	font-size: 1.4em;
	background: url(images/bullet.png) 0px center no-repeat;
	padding: 5px 25px;
	color: #15416A;
}

ul.bulletPoints li a {
	text-decoration: none;
	color: #15416A;
	font-weight: bold;
}	

ul.bulletPoints li a:hover {
	text-decoration: underline;
}		

span.smallText {
	font-size: .8em;
	color: #000;
	font-weight: 100;
} 		  

#container {
	position: relative;
	margin: 0;
	padding: 0;
	background:url(images/header.jpg) top left no-repeat;
	width: 100%;
	height: 700px;
	
}



body.home #header {height: 385px;}

#header {
	width: 985px;
	height: 300px;
	position: relative;
	margin: 0;
	padding: 0;
}

#header h1 {
	background: url(images/logo.png) no-repeat;
	position: relative;
	top: 50px;
	left: 30px;
	width: 526px;
	height: 121px;
	margin: 0;
	padding: 0;
}
	
#header h1 a {
	text-indent: -9999px;
	width: 100%;
	height: 100%;
	display: block;
	margin: 0;
	padding: 0;
}	

/*----------------- Top Nav ----------------*/

ul#topNav {
	float: right;
	margin-top: 7px;
}

#topNav li {
	float: left;
	display: inline;
	color: #ffffff;
	font-size: 1.2em;
}

#topNav li a {
	color: #ffffff;
	text-decoration: none;
	margin: 3px 4px;
}

#topNav li a:hover {
	color: #409d3e;
}

.locations {
	padding-left: 6px;
}

/*----------------- Main Nav ----------------*/

#mainNav {
	position: absolute;
	top: 47px;
	left: 540px;
	width: 330px;
	height: 230px;

}

#mainNav li {
	list-style-type: none;
}


/* -----------	

#mainNav li.about a {
	background: url(images/aboutNav.png);
	text-indent: -9999px;
	position: absolute;
	top: 1px;
	left: 73px;
	width: 157px;
	height: 41px;
}

#mainNav li.about a:hover {
	background: url(images/aboutNav_Over.png);
}

-------------- */

#mainNav li.services a {
	background: url(images/serviesNav.png);
	text-indent: -9999px;
	position: absolute;
	top: 1px;
	left: 79px;
	width: 160px;
	height: 41px;
}

#mainNav li.services a:hover {
	background: url(images/serviesNav_Over.png);
}	
	
#mainNav li.products a {
	background: url(images/productsNav.png);
	text-indent: -9999px;
	position: absolute;
	top: 43px;
	left: 95px;
	width: 166px;
	height: 41px;
}	

#mainNav li.products a:hover {
	background: url(images/productsNav_Over.png);
}
	
#mainNav li.applications a {
	background: url(images/applicationsNav.png);
	text-indent: -9999px;
	position: absolute;
	top: 89px;
	left: 87px;
	width: 189px;
	height: 41px;
}	

#mainNav li.applications a:hover {
	background: url(images/applicationsNav_Over.png);
}	

#mainNav li.contact a {
	background: url(images/contactNav.png);
	text-indent: -9999px;
	position: absolute;
	top: 133px;
	left: 56px;
	width: 173px;
	height: 39px;
}	

#mainNav li.contact a:hover {
	background: url(images/contactNav_Over.png);
}		

/* ------------------------------------- Services Intro --------------------------------- */

#servicesIntro {
	position: absolute;
	width: 350px;
	left: 20px;
	top: 69px;
}

#servicesIntro h5 {
	width: 250px;
	font-size: 1.4em;
	line-height: 20px;
	color: #0c244a;
	margin: -10px 0 10px 0px !important;
	padding: 0;
}

#servicesIntro p {
	width: 260px;
	color: #58a451;
	font-size: 1.2em !important;
	margin: 10px 0 0 0; !important;
	padding: 0 !important;
	text-align: left !important;
}

#servicesIntro img {
	margin: 20px 0 10px 0;
	
}

/* ------------------------------------- Services Page Nav --------------------------------- */


#servicesNav {
	background: url(images/sevicesNav.gif) top left no-repeat;
	width: 563px;
	height: 255px;
	float: right;
	margin: -22px 10px 10px 0;
}

* + html #servicesNav {
	margin-top: -15px;
}

#servicesNav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#servicesNav a {
	display: block;
	width: 377px;
	height: 38px;
}

#servicesNav ul li {
	text-indent: -9999px;
	float: right;
	clear: right;
	list-style-type: none;
}

li.telephoneNav {
	background: url(images/subnavigationTelephone_Btn.gif) top left no-repeat;
	width: 377px;
	height: 45px;
}

li.telephoneNav a:hover {
	background: url(images/subnavigationTelephone_BtnOver.gif) top left no-repeat;
	width: 377px;
	height: 45px;
}

li.dataNav {
	background: url(images/subnavigationIT_Btn.gif) top left no-repeat;
	width: 377px;
	height: 38px;
}

li.dataNav a:hover {
	background: url(images/subnavigationIT_BtnOver.gif) top left no-repeat;
	width: 377px;
	height: 38px;
}

li.serviceNav {
	background: url(images/subnavigationService_Btn.gif) top left no-repeat;
	width: 377px;
	height: 38px;
}

li.serviceNav a:hover {
	background: url(images/subnavigationService_BtnOver.gif) top left no-repeat;
	width: 377px;
	height: 38px;
}

li.networkNav {
	background: url(images/subnavigationNetwork_Btn.gif) top left no-repeat;
	width: 377px;
	height: 38px;
}

li.networkNav a:hover {
	background: url(images/subnavigationNetwork_BtnOver.gif) top left no-repeat;
	width: 377px;
	height: 38px;
}

li.cableNav {
	background:url(images/subnavigationCable_Btn.gif) top left no-repeat;
	width: 377px;
	height: 38px;
}

li.cableNav a:hover {
	background:url(images/subnavigationCable_BtnOver.gif) top left no-repeat;
	width: 377px;
	height: 38px;
}

li.videoNav {
	background: url(images/subnavigationVideo_Btn.gif) top left no-repeat;
	width: 377px;
	height: 58px;
}

li.videoNav a:hover {
	background: url(images/subnavigationVideo_BtnOver.gif) top left no-repeat;
	width: 377px;
	height: 58px;
}



/* ------------------------------------- Applications Page Nav --------------------------------- */


#applicationsNav {
	width: 785px;
	height: 292px;
	margin: -22px 0 0 0;
}

* + html #applicationsNav {
	margin-top: -15px;
}

#applicationsNav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#applicationsNav a {
	display: block;
	width: 387px;
	height: 45px;
}

#applicationsNav #applicationsLeft li {
	text-indent: -9999px;
	float: left;
	clear: left;
	list-style-type: none;
}

#applicationsNav #applicationsRight li {
	text-indent: -9999px;
	float: right;
	clear: right;
	list-style-type: none;
}

#applicationsLeft {
	float: left;
	width: 340px;
}

applicationsRight {
	float: right;
	width: 340px;
}

li.wireless {
	background: url(images/communicationsBtn.gif) top left no-repeat;
	width: 387px;
	height: 47px;
}

li.wireless a:hover {
	background: url(images/communicationsBtnOver.gif) top left no-repeat;
	width: 387px;
	height: 47px;
}

li.microsoft {
	background: url(images/microsoftBtn.gif) top left no-repeat;
	width: 387px;
	height: 38px;
}

li.microsoft a:hover {
	background: url(images/microsoftBtnOver.gif) top left no-repeat;
	width: 387px;
	height: 38px;
}

li.messaging {
	background: url(images/messagingBtn.gif) top left no-repeat;
	width: 387px;
	height: 38px;
}

li.messaging a:hover {
	background: url(images/messagingBtnOver.gif) top left no-repeat;
	width: 387px;
	height: 38px;
}

li.recording {
	background: url(images/recordingBtn.gif) top left no-repeat;
	width: 387px;
	height: 38px;
}

li.recording a:hover {
	background: url(images/recordingBtnOver.gif) top left no-repeat;
	width: 387px;
	height: 38px;
}

li.IVR {
	background: url(images/voiceBtn.gif) top left no-repeat;
	width: 387px;
	height: 38px;
}

li.IVR a:hover {
	background: url(images/voiceBtnOver.gif) top left no-repeat;
	width: 387px;
	height: 38px;
}

li.speech {
	background: url(images/speechBtn.gif) top left no-repeat;
	width: 387px;
	height: 38px;
}

li.speech a:hover {
	background: url(images/speechBtnOver.gif) top left no-repeat;
	width: 387px;
	height: 38px;
}

li.communicator {
	background: url(images/unifiedBtn.png) top left no-repeat;
	width: 387px;
	height: 55px;
}

li.communicator a:hover {
	background: url(images/unifiedBtnOver.png) top left no-repeat;
	width: 387px;
	height: 55px;
}

li.mobile {
	background: url(images/mobileBtn.gif) top left no-repeat;
	width: 398px;
	height: 47px;
}

li.mobile a:hover {
	background: url(images/mobileBtnOver.gif) top left no-repeat;
	width: 398px;
	height: 47px;
	display: block;
}

li.contactCenter {
	background: url(images/contactBtn.gif) top left no-repeat;
	width: 398px;
	height: 38px;
}

li.contactCenter a:hover {
	background: url(images/contactBtnOver.gif) top left no-repeat;
	width: 398px;
	height: 38px;
}

li.telepresence {
	background: url(images/telepresenceBtn.gif) top left no-repeat;
	width: 398px;
	height: 38px;
}

li.telepresence a:hover {
	background: url(images/telepresenceBtnOver.gif) top left no-repeat;
	width: 398px;
	height: 38px;
}

li.accounting {
	background: url(images/accountingBtn.gif) top left no-repeat;
	width: 398px;
	height: 38px;
}

li.accounting a:hover {
	background: url(images/accountingBtnOver.gif) top left no-repeat;
	width: 398px;
	height: 38px;
}

li.bridge {
	background: url(images/bridgeBtn.gif) top left no-repeat;
	width: 398px;
	height: 38px;
}

li.bridge a:hover {
	background: url(images/bridgeBtnOver.gif) top left no-repeat;
	width: 398px;
	height: 38px;
}

li.collaboration {
	background: url(images/collaborationBtn.gif) top left no-repeat;
	width: 398px;
	height: 38px;
}

li.collaboration a:hover {
	background: url(images/collaborationBtnOver.gif) top left no-repeat;
	width: 398px;
	height: 38px;
}

li.empty {
	background: url(images/emptyBtn.png) top left no-repeat;
	width: 398px;
	height: 55px;
}

	
/*----------------- Secondary Nav ----------------*/	
	
#secondaryNav {
	margin: 0;
	padding: 0;
	position: absolute;
	left: 22px;
	top: 275px;
}

/*----------------- Highslide Style ----------------*/



.highslide-maincontent p {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: justify;
}

.highslide-maincontent p a {
	color: #022873;
	text-decoration: none;
	font-weight: bold;
}	

.highslide-maincontent p a:hover {
	color: #4a9944;
	text-decoration: underline;
}	 

.highslide-heading {
	font-size: 16px!important;
	color: #4a9944;
	font-family: Arial, Helvetica, sans-serif;
}

.highslide-close a {
	background: url(images/closeBtn.gif) no-repeat !important;
}

.highslide-close a:hover {
	background: url(images/closeBtn_Over.gif) no-repeat !important;
}
		
	
	
/*----------------- Content ----------------*/	

#content {
	width: 985px;
	position: relative;
	margin: 0;
	padding: 0;
}



/*----------------- Main Content ----------------*/

#content #mainContent {
	margin: 0 0 10px 10px;
	padding: 0;
	width: 630px;
	float: left;
	background: url(images/tomorrowBG.gif) top left repeat-y;
	position: relative;
}

#mainContent h2 {
	background: url(images/tomorrowHeader.gif) top left no-repeat;
	width: 630px;
	height: 53px;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}

#mainContent p, #insideContent p  {
	margin: 0;
	padding: 3px 20px;
	font-size: 1.3em;
	line-height: 1.6em;
	text-align: left;
}

#mainContent p.last {
	background: url(images/tomorrowFooter.gif) bottom left no-repeat;
	padding-bottom: 20px;
}

#mainContent p a, #insideContent p a  {
	color: #022873;
	text-decoration: none;
	font-weight: bold;
}	

#mainContent p a:hover, #insideContent p a:hover {
	color: #4a9944;
	text-decoration: underline;
}	

.homeImage {
	position: absolute;
	bottom: 5px;
	right: 4px;
}

.emptyDiv {
	height: 135px;
	width: 175px;
	float: right;
}

#insideContent {background:url(images/insideContentBKG-rpt.png) repeat-y; width: 815px; margin: 0 auto; padding: 0 50px 0 20px; position: relative; min-height: 261px; }

#insideContent .top, #insideContent .bottom {background-image:url(images/insideContentBKG.png); background-repeat: no-repeat; width: 865px; position: absolute; left: 0; }
#insideContent .top {background-position: 0 0 ; height: 75px; top:-20px; z-index:1}
#insideContent .bottom {background-position: 0 -80px; height: 210px; bottom: -20px; z-index:0}
#insideContent .middle {position: relative; z-index:100;}

h2.flashHeader {font-size: 3em; background:url(images/insideH3BKG.jpgx) 0 -17px repeat-x; width: auto !important; margin: 00px 0 25px 05px; display: block}


/*----------------- Interior Images ----------------*/



.interiorImages {
	padding: 5px;
	margin: 15px;
	margin-top: 20px;
	margin-right: 25px;
	-webkit-box-shadow: -5px 5px 10px #ccc;  
	-moz-box-shadow: -5px 5px 10px #ccc;
}

.right {
	float: right;
}

.rightImages {
	float: right;
	padding: 0px;
	padding-right: 60px;
	padding-left: 30px;
	margin: 10px;
	margin-top: 0;
}

.logos {
	padding: 10px;
}

/*----------------- Sub Content ----------------*/	

#content #subContent {
	margin: 0 0 10px 20px;
	padding: 0;
	width: 309px;
	float: left;
	background: url(images/companyBG.gif) top left repeat-y;
}

#subContent h2 {
	background: url(images/companyHeader.gif) top left no-repeat;
	width: 309px;
	height: 53px;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}

#subContent p {
	margin: 0;
	padding: 3px 20px;
	font-size: 1.3em;
	text-align: justify;
}

#subContent p.last {
	background: url(images/companyFooter.gif) bottom left no-repeat;
	padding-bottom: 20px;
}

#subContent h3 {
	color: #fdb100;
	font-size: 1.4em;
	margin: 0 !important;
	padding: 3px 0 0 20px !important;
	font-family: Arial, Helvetica, sans-serif;
	background: none;
	height: 20px;
	width: 275px;
}

#subContent a {
	color: #022873;
	text-decoration: none;
	font-weight: bold;
}	

#subContent a:hover {
	color: #4a9944;
	text-decoration: underline;
}	
	
	

/*
	CONTACT TABLE
*/

table th {
	border-bottom: 1px solid #16708B;
	text-align: left;
}

table {
	margin: 10px;
}

td, th {
	font-size: 1.3em;
}


/* ------------------- body classes ------------------------ */

body.servicesPage #mainNav li.services a {
	background: url(images/serviesNav_Over.png);
}

body.productsPage #mainNav li.products a {
	background: url(images/productsNav_Over.png);
}

body.aboutPage #mainNav li.about a {
	background: url(images/aboutNav_Over.png);
}

body.applicationsPage #mainNav li.applications a {
	background: url(images/applicationsNav_Over.png);
}

body.contactPage #mainNav li.contact a {
	background: url(images/contactNav_Over.png);
}

/*----------------- Footer ----------------*/	

#footerWrap {
	background:url(images/footerBG.jpg) bottom left repeat-x;
	
	height: 87px;
	margin:20px 0 0 0;
	
}
	
body.home #footerWrap {margin: 0}
	
#footer {
	background: url(images/footer.jpg) top left no-repeat;
	width: 983px;
	height: 87px;
	float: left;
	margin: 0;
	padding: 0;
}	
	
#footer ul {
	position: relative;
	top: 10px;
	left: 50px;
	
}

#footer ul li {
	float: left;
	display: inline;
	font-size: 1.3em;
	padding: 2px 3px;
	color: #deebef;
	font-family: Arial, Helvetica, sans-serif;
}	
	
#footer ul li a {
	text-decoration: none;
	color: #0c254a;
	padding: 2px 6px;
}	

#footer ul li a:hover {
	color: #deebef;
}	
	
.copyright {
	color: #166d89;
	font: Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 0;
	padding: 4px 0 10px 65px;
	clear: left;
}

.copyright a {
	text-decoration: none;
	color: #166d89;
}

.copyright a:hover {
	color: #fdb100;
}
	
	
/* ----- home page carousel ----- */

#carousel {position:relative; height: 175px;}

#carousel div {background: url(images/spriteCarousel.png) no-repeat 0 0; height: 79px; width: 202px !important; display: block;}
#carousel a {display: block; height: 100%; width: 100%; text-indent: -999px;}


#carousel div.telephone {background-position: 0 0}
#carousel div.data {background-position: -202px 0}
#carousel div.service {background-position: -404px 0}
#carousel div.network {background-position: -606px 0}
#carousel div.cable {background-position: -808px  0}
#carousel div.cctv {background-position: -1010px 0}

#carousel div.telephone:hover {background-position: 0 -79px}
#carousel div.data:hover {background-position: -202px -79px}
#carousel div.service:hover {background-position: -404px -79px}
#carousel div.network:hover {background-position: -606px -79px}
#carousel div.cable:hover {background-position: -808px  -79px}
#carousel div.cctv:hover {background-position: -1010px -79px}