@charset "utf-8";
/* CSS Document */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
        margin: 0;
        padding: 0;
        font: 100%/120% Arial, Verdana, Helvetica, sans-serif;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 1em 0;
        padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
        margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 100%;
		font-family: inherit;
}

img {border: 0;}

body
{
  margin: 0;
  padding: 0 0 30px 0;
  color: #666666;
  FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
  min-width: 956px;
  text-align: center;
  background-color: #333333;
}

a:link {text-decoration: underline; color: #0066cc; background-color: transparent;}
a:visited {text-decoration: underline; color: #0066cc; background-color: transparent;}
a:hover {text-decoration: underline; color: #003366; background-color: transparent;}

/*-- GENERAL BITS --*/
.mainContainer {float: left; width: 100%; background: url(/images/bg_page.gif) top left repeat-x #FFFFFF;}
.mainContent {margin: 0 auto; width: 956px; padding: 0; border: 0; position: relative; text-align: left;}
.footerContainer {float: left; width: 100%; background: url(/images/bg_footer.gif) top left repeat-x #333333;}
.footerContent {margin: 0 auto; width: 956px; padding: 0 0 30px 0; border: 0; position: relative; text-align: left;}
	.footerContent a:link {text-decoration: none; color: #FFFFFF; background-color: transparent;}
	.footerContent a:visited {text-decoration: none; color: #FFFFFF; background-color: transparent;}
	.footerContent a:hover {text-decoration: underline; color: #FFFFFF; background-color: transparent;}
.divClear {clear: both;}

/*-- HEADER --*/
.headerArea {float: left; display: inline; width: 956px; height: 130px;}

.headerLogo {float: left; display: inline; width: 176px; height: 100px; margin: 18px 0 0 20px;}
.headerStrapline {float: right; display: inline; width: 224px; height: 47px; margin: 0 0 0 0;}
.headerCallback {float: right; display: inline; width: 144px; height: 27px; margin: 10px 0 0 0;}
.headerStrapCallbackHolder {float: right; display: inline; width: 224px; height: 84px; margin: 30px 20px 0 0;}
.headerLiveHelp {display:inline; float:right; margin:30px 20px 0 0;}

/*-- MAIN AREA --*/
.mainArea {float: left; display: inline; width: 890px; margin: 0; background-color: #FFFFFF; padding: 0 0 20px 0;}

/*-- NAV BAR --*/
.navbar {float: left; display: inline; width: 956px; margin: 0 0 10px 0; background: url(/images/navbar_bg.gif) top left no-repeat; height: 38px;}
	.navbar ul {float: left; display: inline; list-style: none; margin: 8px 0 0 20px; padding: 0;}
	.navbar li {float: left; margin: 0;}
	.navbar li a {float: left; height: 20px;}
	.navbar li span {display: none;}

#nav01 a {background: url(/images/nav_home_off.gif) top left no-repeat; width: 48px; height: 20px; margin: 0 33px 0 0;}
#nav01 a:hover {background: url(/images/nav_home_on.gif) top left no-repeat;}
#nav01on a {background: url(/images/nav_home_on.gif) top left no-repeat; width: 48px; height: 20px; margin: 0 33px 0 0;}

#nav02 a {background: url(/images/nav_av_systems_off.gif) top left no-repeat; width: 98px; height: 20px; margin: 0 33px 0 0;}
#nav02 a:hover {background: url(/images/nav_av_systems_on.gif) top left no-repeat;}
#nav02on a {background: url(/images/nav_av_systems_on.gif) top left no-repeat; width: 98px; height: 20px; margin: 0 33px 0 0;}

#nav03 a {background: url(/images/nav_security_systems_off.gif) top left no-repeat; width: 68px; height: 20px; margin: 0 33px 0 0;}
#nav03 a:hover {background: url(/images/nav_security_systems_on.gif) top left no-repeat;}
#nav03on a {background: url(/images/nav_security_systems_on.gif) top left no-repeat; width: 68px; height: 20px; margin: 0 33px 0 0;}

#nav04 a {background: url(/images/nav_maintenance_off.gif) top left no-repeat; width: 103px; height: 20px; margin: 0 33px 0 0;}
#nav04 a:hover {background: url(/images/nav_maintenance_on.gif) top left no-repeat;}
#nav04on a {background: url(/images/nav_maintenance_on.gif) top left no-repeat; width: 103px; height: 20px; margin: 0 33px 0 0;}

#nav05 a {background: url(/images/nav_about_us_off.gif) top left no-repeat; width: 77px; height: 20px; margin: 0 33px 0 0;}
#nav05 a:hover {background: url(/images/nav_about_us_on.gif) top left no-repeat;}
#nav05on a {background: url(/images/nav_about_us_on.gif) top left no-repeat; width: 77px; height: 20px; margin: 0 33px 0 0;}

/*#nav06 a {background: url(/images/nav_clients_off.gif) top left no-repeat; width: 55px; height: 20px; margin: 0 47px 0 0;}
#nav06 a:hover {background: url(/images/nav_clients_on.gif) top left no-repeat;}
#nav06on a {background: url(/images/nav_clients_on.gif) top left no-repeat; width: 55px; height: 20px; margin: 0 47px 0 0;}*/
#nav06 a {background: url(/images/nav_testimonials_off.gif) top left no-repeat; width: 100px; height: 20px; margin: 0 33px 0 0;}
#nav06 a:hover {background: url(/images/nav_testimonials_on.gif) top left no-repeat;}
#nav06on a {background: url(/images/nav_testimonials_on.gif) top left no-repeat; width: 100px; height: 20px; margin: 0 33px 0 0;}

/*#nav07 a {background: url(/images/nav_shop_off.gif) top left no-repeat; width: 41px; height: 20px; margin: 0 42px 0 0;}
#nav07 a:hover {background: url(/images/nav_shop_on.gif) top left no-repeat;}
#nav07on a {background: url(/images/nav_shop_on.gif) top left no-repeat; width: 41px; height: 20px; margin: 0 42px 0 0;}*/
#nav07 a {background: url(/images/nav_case_studies_off.gif) top left no-repeat; width: 103px; height: 20px; margin: 0 33px 0 0;}
#nav07 a:hover {background: url(/images/nav_case_studies_on.gif) top left no-repeat;}
#nav07on a {background: url(/images/nav_case_studies_on.gif) top left no-repeat; width: 103px; height: 20px; margin: 0 33px 0 0;}

#nav08 a {background: url(/images/nav_contact_us_off.gif) top left no-repeat; width: 89px; height: 20px; margin: 0;}
#nav08 a:hover {background: url(/images/nav_contact_us_on.gif) top left no-repeat;}
#nav08on a {background: url(/images/nav_contact_us_on.gif) top left no-repeat; width: 89px; height: 20px; margin: 0;}

/*-- HOME PAGE --*/
.homeIntro {float: left; display: inline; margin: 0 0 10px 20px; width: 916px; height: 260px; background: url(/images/home_intro_bg_new.jpg) top right no-repeat;}
	.homeIntro h1 {margin: 30px 0 10px 0; text-indent: -9000px; line-height: 1em; background: url(/images/home_strapline_holder.gif) top left no-repeat; width: 337px; height: 28px;}
	.homeIntro p {width: 448px; font-size: 16px; line-height: 1.5em; color: #666666; margin: 0;}
	.homeIntro p strong {font-weight: bold; color: #333333;}

.homeRotator {float: right; display: inline; width: 361px; height: 202px; margin: 35px 42px 0 0;}
	.homeRotator img {border: 0;}

.homeServicesOverview {float: left; display: inline; width: 916px; margin: 0 0 20px 20px; border-bottom: 1px solid #cdd4d7; padding: 0 0 30px 0;}
	.homeServicesOverview h2 {margin: 0 0 10px 0; text-indent: -9000px; line-height: 1em; background: url(/images/home_sub_how_we_can_help.gif) top left no-repeat; width: 173px; height: 24px;}
	
.homeServicesRow {float: left; display: inline; width: 916px; margin: 0 0 20px 0;}

.homeService {float: left; display: inline; width: 292px;}
	.homeService img {float: left; display: inline; width: 58px; margin: 3px 0 0 0;}
	.homeService h4 {float: right; display: inline; width: 224px; font-size: 12px; font-weight: bold; color: #333333; line-height: 1.4em; margin: 0;}
	.homeService p {float: right; display: inline; width: 224px; font-size: 11px; font-weight: normal; line-height: 1.4em; margin: 0;}
	.homeService form {float: right; display: inline; width: 224px; padding: 0; margin: 5px 0 0 5px;}

.formHomeServices {width: 200px; background-color: #FFFFFF; font-size: 12px; color: #333333; padding: 0;}
	
.homeServiceLeft {margin: 0 20px 0 0;}
.homeServiceRight {margin: 0;}

.homeSectorsOverview {float: left; display: inline; width: 682px; margin: 0 0 20px 20px; padding: 0 0 20px 0;}
	.homeSectorsOverview h2 {margin: 0 0 10px 0; text-indent: -9000px; line-height: 1em; background: url(/images/home_sub_who_we_can_help.gif) top left no-repeat; width: 176px; height: 24px;}

.homeSector {float: left; display: inline; width: 214px;}
	.homeSector img {margin: 0 0 5px 0;}
	.homeSector h4 {width: 204px; font-size: 12px; font-weight: bold; line-height: 1.4em; margin: 0 0 5px 5px;}
	.homeSector p {width: 204px; font-size: 12px; font-weight: normal; line-height: 1.4em; margin: 0 0 0 5px;}

.homeSectorLeft {margin: 0 20px 0 0;}
.homeSectorRight {margin: 0;}

.homeOtherSectors {float: right; display: inline; width: 214px; margin: 23px 20px 0 0;}
	.homeOtherSectors h2 {margin: 0 0 10px 0; text-indent: -9000px; line-height: 1em; background: url(/images/home_sub_other_sectors.gif) top left no-repeat; width: 123px; height: 16px;}
	.homeOtherSectors img {margin: 0 0 5px 0;}
	.homeOtherSectors h4 {width: 204px; font-size: 12px; font-weight: bold; line-height: 1.4em; margin: 0 0 5px 5px;}
	.homeOtherSectors p {width: 204px; font-size: 12px; font-weight: normal; line-height: 1.4em; margin: 0 0 0 5px;}
	.homeOtherSectors form {padding: 0; margin: 5px 0 0 5px; width: 204px;}

.formHomeOtherSectors {width: 200px; background-color: #FFFFFF; font-size: 12px; color: #333333; padding: 0;}

/*-- FOOTER AREA --*/
.footerAVSystems {float: left; display: inline; width: 448px; margin: 30px 20px 0 20px;}
	.footerAVSystems h3 {margin: 0 0 10px 0; text-indent: -9000px; line-height: 1em; background: url(/images/footer_sub_audio_visual_systems.gif) top left no-repeat; width: 150px; height: 19px;}
	.footerAVSystems ul {font-size: 12px; color: #CCCCCC; list-style: none; margin: 0 0 0 5px;}
	.footerAVSystems li {line-height: 1.8em; font-size: 12px; font-weight: normal; margin: 0;}

.footerLinksLeft {float: left; display: inline; width: 214px;}
.footerLinksRight {float: right; display: inline; width: 214px;}

.footerSecuritySystems {float: left; display: inline; width: 214px; margin: 30px 0 0 0;}
	.footerSecuritySystems h3 {margin: 0 0 10px 0; text-indent: -9000px; line-height: 1em; background: url(/images/footer_sub_security_systems.gif) top left no-repeat; width: 123px; height: 19px;}
	.footerSecuritySystems ul {font-size: 12px; color: #CCCCCC; list-style: none; margin: 0 0 20px 5px; width: 204px;}
	.footerSecuritySystems li {line-height: 1.8em; font-size: 12px; font-weight: normal; margin: 0;}

.footerContactUs {float: right; display: inline; width: 214px; margin: 30px 20px 0 0;}
	.footerContactUs h3 {margin: 0 0 10px 0; text-indent: -9000px; line-height: 1em; background: url(/images/footer_sub_contact_us.gif) top left no-repeat; width: 78px; height: 19px;}
	.footerContactUs p {font-size: 12px; color: #CCCCCC; line-height: 1.5em;}

.footerBottom {float: left; display: inline; width: 956px; margin: 20px 0 30px 0; border-top: 1px solid #484848;}
	.footerBottom p {font-size: 12px; line-height: 1.5em; color: #999999;}

.footerBottomLeft {float: left; display: inline; margin: 10px 0 0 20px;}
.footerBottomRight {float: right; display: inline; margin: 10px 20px 0 0; text-align: left; text-indent:-9000px;}

/*-- CONTENT PAGE --*/
.contentMainColumn {float: left; display: inline; width: 682px; margin: 10px 0 30px 20px;}
	.contentMainColumn h1 {font-size: 24px; font-weight: bold; line-height: 1.5em; color: #cc0000; margin: 0 0 0 0; letter-spacing:-0.05em;}
	.contentMainColumn h2 {font-size: 20px; font-weight: bold; line-height: 1.5em; color: #cc0000; margin: 1em 0 -0.5em 0; letter-spacing:-0.05em;}
	.contentMainColumn h3 {font-size: 18px; font-weight: bold; letter-spacing: -0.05em;}
	.contentMainColumn h4 {font-size: 16px; font-weight: normal; line-height: 1.5em; color: #333333;}
	.contentMainColumn p {font-size: 14px; color: #666666; line-height: 1.5em;}
	.contentMainColumn ul {margin: 0; font-size: 14px; list-style: none;}
	.contentMainColumn li {position: relative; background-image: url(/images/bullet_content.gif); background-position: center left; background-repeat: no-repeat; padding: 6px 0 4px 18px;}
	.contentMainColumn hr {height: 1px; border: 0; background-color: #CCCCCC; color: #CCCCCC; width: 100%; margin: 30px 0 30px 0;}
	.contentMainColumn h6 {font-size: 12px; font-weight: normal; color: #666666; line-height: 1.5em;}
	.contentMainColumn h6 em {color: #CC0000;}
	.contentMainColumn form {padding: 0; margin: 10px 0 0 0;}
	.contentMainColumn label {font-size: 16px; font-weight: bold; color: #333333; width: 136px; display: inline; float: left; padding: 4px 0 0 0; margin: 0 20px 0 0;}
	.contentMainColumn label em {color: #CC0000;}
	
.formContactText {width: 436px; border: 2px solid #cdd4d7; background-color: #FFFFFF; color: #333333; font-size: 14px; padding: 4px; FONT-FAMILY: Arial, Helvetica, sans-serif;}
.formContactSelect {width: 430px; background-color: #FFFFFF; font-size: 14px; color: #333333; padding: 4px;}
.formButtonSendForm {float: left; display: inline; margin: 5px 0 10px 156px;}
	

#titleProjectorsAndScreens {background: url(/images/title_projectors_and_screens.gif) top left no-repeat;}
#titleContactUs {background: url(/images/title_contact_us.gif) top left no-repeat;}

.imageTitle {margin: 0 0 10px 0; text-indent: -9000px; line-height: 1em; width: 100%; height: 28px;}
.imageSubTitle {margin: 0 0 -10px 0; text-indent: -9000px; line-height: 1em; width: 100%; height: 22px;}

#subFurtherInformation {background: url(/images/sub_further_information.gif) top left no-repeat;}
#subNextStep {background: url(/images/sub_next_step.gif) top left no-repeat;}

.contentRightColumn {float: right; display: inline; width: 214px; margin: 15px 20px 30px 0;}
	.contentRightColumn h2 {margin: 0 0 -10px 0; text-indent: -9000px; line-height: 1em;}
	.contentRightColumn h3 {font-size: 18px; font-weight: bold; line-height: 1.5em; color: #cc0000; margin: 0 0 -10px 0; letter-spacing:-0.05em;}
	.contentRightColumn img {margin: 0 0 5px 0;}
	.contentRightColumn h4 {font-size: 12px; font-weight: bold; line-height: 1.4em; margin: 0;}
	.contentRightColumn p {font-size: 12px; font-weight: normal; line-height: 1.4em;}
	
#colHeadContactUsToday {background: url(/images/col_head_contact_us_today.gif) top left no-repeat; width: 155px; height: 22px;}
#colHeadContactDetails {background: url(/images/col_head_contact_details.gif) top left no-repeat; width: 137px; height: 22px; margin: 35px 0 -5px 0;}

.rightColOtherSectors {float: right; display: inline; width: 214px; margin: 0 0 30px 0;}
	.rightColOtherSectors h2 {margin: 0 0 10px 0; text-indent: -9000px; line-height: 1em; background: url(/images/col_head_who_we_can_help.gif) top left no-repeat; width: 157px; height: 22px;}
	.rightColOtherSectors img {margin: 0 0 5px 0;}
	.rightColOtherSectors h4 {width: 204px; font-size: 12px; font-weight: bold; line-height: 1.4em; margin: 0 0 5px 5px;}
	.rightColOtherSectors p {width: 204px; font-size: 12px; font-weight: normal; line-height: 1.4em; margin: 0 0 0 5px;}
	.rightColOtherSectors form {padding: 0; margin: 5px 0 0 5px; width: 204px;}

.formRightColOtherSectors {width: 200px; background-color: #FFFFFF; font-size: 12px; color: #333333; padding: 0;}

.rightColSeeAlso {float: right; display: inline; width: 214px; margin: 0 0 30px 0;}
	.rightColSeeAlso h2 {margin: 0 0 10px 0; text-indent: -9000px; line-height: 1em; background: url(/images/col_head_see_also.gif) top left no-repeat; width: 78px; height: 22px;}
	.rightColSeeAlso h4 {width: 204px; font-size: 12px; font-weight: bold; line-height: 1.4em; margin: 0 0 5px 5px;}
	.rightColSeeAlso p {width: 204px; font-size: 12px; font-weight: normal; line-height: 1.4em; margin: 0 0 0 5px;}
	.rightColSeeAlso ul {font-size: 12px; font-weight: bold; list-style: none; margin: 10px 0 0 0;}
	.rightColSeeAlso li {line-height: 1.5em; margin: 0 0 0.4em 0; list-style: none;}
	.rightColSeeAlso a:link {text-decoration: none; color: #0066cc; background-color: transparent;}
	.rightColSeeAlso a:visited {text-decoration: none; color: #0066cc; background-color: transparent;}
	.rightColSeeAlso a:hover {text-decoration: none; color: #003366; background-color: transparent;}

/*-- HOME PAGE UPDATES --*/
.homeImageSlider {float: left; display: inline; width: 916px; height: 100px; margin: 0 0 10px 20px;}
	.homeImageSlider img {border: 0;}
	
/*-- CASE STUDIES --*/
.caseStudyItem {float: left; display: inline; width: 662px; margin: 10px 0 20px 0; border-top:1px solid #cccccc; padding:10px 0 10px 0;}
	.caseStudyItem h3 {font-size: 16px; font-weight: bold; letter-spacing: -0.05em; color: #cc0000;}
	.caseStudyItem h3 a:link {text-decoration: none; color: #cc0000; background-color: transparent;}
	.caseStudyItem h3 a:visited {text-decoration: none; color: #cc0000; background-color: transparent;}
	.caseStudyItem h3 a:hover {text-decoration: underline; color: #cc0000; background-color: transparent;}
.caseStudyImageHolder {width: 150px; display: inline; float:left; margin:0 0 0 0; padding:0;}
	.caseStudyImageHolder img { max-width:150px;}
.caseStudyTextHolder {display: inline; float:left; width:482px; margin:0 0 0 30px; padding:0;}
	
.caseStudyHeader {float: left; display: inline; width: 662px; margin: 10px 0 20px 0; padding:10px 0 10px 0;}
	.caseStudyHeader h1 {margin-left:40px; display:inline; float:left;}

.bulletPDF {background: url(/images/icon_pdf.gif) 0 0.75em no-repeat; padding:8px 0 0 20px;}