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

/* --------------------------------------------------------------    
	Reset      
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
body {font-size: 62.5%;	line-height: 1.5;}
table {border-collapse: separate; border-spacing: 0; }
caption, th, td {text-align: left; font-weight: normal; }
table, td, th {vertical-align: middle; }
blockquote:before, blockquote:after, q:before, q:after {content: ""; }
blockquote, q {quotes: "" ""; }
a img {border: none; }
br.clear {clear:both; display:block; height:1px; margin:-1px 0 0 0 }
div {position:relative; float:left}

/* --------------------------------------------------------------    
	Headings      
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 	{float:left;}
h1 					{font-size: 5.8em; word-spacing:-5px; line-height:1.2; color:#ffffff}
h2 					{font-size: 2.0em; line-height:1.25; font-weight:200; color:#ffffff}
h3					{font-size: 1.6em; font-style:italic; line-height:1.3}
h4 					{font-size: 1.4em;}
h5 					{font-size: 1.2em;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}

/* --------------------------------------------------------------    
	Text Elements    
-------------------------------------------------------------- */

p 					{font-size:1.25em; line-height:1.75; float:left; width:100%; margin-bottom:8px; text-align:left; font-weight:normal}
p img 				{float: left; margin:0px; padding:0px}
a 					{color:#5e6a70; text-decoration:none}
a:focus, a:hover 	{color:#5e6a70; text-decoration:underline}
strong 				{font-weight: bold;}
em,dfn 				{font-style: italic;}
dfn 				{font-weight: bold;}

/* --------------------------------------------------------------    
	Tables      
-------------------------------------------------------------- */

table       {margin-bottom: 1.4em; width:100%; float:left}
th          {font-weight: bold; background: #C3D9FF;}
tr.even td  {background: #E5ECF9;}
tfoot       {font-style: italic;}
caption     {background: #eee;}


/* --------------------------------------------------------------    
	Misc Classes      
-------------------------------------------------------------- */

.small      {font-size:8px}
.highlight  {color:#ed135d}
.bold 		{font-weight:bold}
.red 		{color:#ed1848}
	
/* --------------------------------------------------------------    
	Container Elements      
-------------------------------------------------------------- */

html, body {height: 100%}

body {
	margin:0px;
	padding:0px;
	text-align:center;		
	font-family:"Helvetica Neue",Helvetica, Arial, sans-serif;
	color:#8c8b8b;
	font-weight:lighter;
	background:#EAEBE6
	}


#content {
	width:100%;
	height:100%;
	margin:0px auto;
	clear:left;
	text-align:left;
	position:relative;
	float:none;
	padding:0px
	}

#header {width:100%; padding-top:49px; background:url(../images/home-header.jpg); background-color:#000 !important; background-position:top center; height:548px}
#header h1 {margin-bottom:10px; width:600px}
#header h2 {margin-top:10px; margin-bottom:5px; width:600px; font-size: 1.55em; line-height:1.4}

@media only screen and (max-device-width:480px) {#header .smaller-header {font-size: 14px !important;}}
#header .smaller-header {font-size:1.4em}
.inner {margin:0px auto; width:960px; float:none}
#logo {width:198px; height:166px; background:url(../images/blacklight-logo.png)}
#header-text {width:960px; margin-top:45px}
#header-text p {width:600px; color:#ffffff; font-size:1.2em; margin-top:5px; line-height:1.6}
#header-text a {color:#83AEB4}
#newsletter {width:100%; height:49px; background:#d3dadd}

#tech-sign {width:100%; height:148px; background:url(../images/tech-resource-bg.gif); margin-top:65px; border-top:1px solid #dbdbda}
#tech-sign h1 {color:#8C8B8B; font-size:35px; margin-left:242px; margin-top:7px}
#tech-sign h2 {color:#8C8B8B; font-size:15px; width:398px; margin-left:242px; margin-top:18px; line-height:1.4}
#get-help {width:188px; height:41px; margin-top:35px}
#get-help a {width:188px; height:41px; background:url(../images/get-help.gif); display:block}
#get-help a:hover {background-position:bottom}

/* --------------------------------------------------------------    
	Text Column     
-------------------------------------------------------------- */

#main-column {background:#eaebe6; width:100%; padding-top:10px; padding-bottom:48px}
#main-column h1 {font-size:3.5em; color:#8c8b8b; margin-top:30px; margin-bottom:31px}

#personal-profile #main-column {padding-top:0px}
#personal-profile #main-column #left-column h1 {color:#ffffff; font-size:5.8em; width:543px; margin-top:0px; position:relative; bottom:5px; margin-bottom:0px}
#personal-profile #main-column #left-column h2 {color:#ffffff; width:543px; font-size:1.8em; font-weight:normal; margin-top:0px; margin-bottom:0px; position:relative; bottom:13px}
#personal-profile #main-column h3 {color:#ffffff; width:543px; font-size:1.6em; font-weight:bold; line-height:1.4}
#personal-profile #main-column h4 {color:#ffffff; width:543px; font-style:italic; font-size:2.2em; width:220px; margin-top:70px; line-height:1.3}
#personal-profile #main-column p {color:#ffffff; width:543px; position:relative; bottom:4px; margin-top:10px; margin-bottom:0px; font-size:1.35em; line-height:1.6}
#personal-profile #main-column .more-button {margin-top:55px}

#case-study {width:700px}
#main-column h2 {color:#8c8b8b; font-size:2.3em; line-height:0.7}
#news-section {width:237px; margin-left:22px}
#news-section ul {width:237px; float:left; margin-bottom:27px}
#news-section li {width:237px; list-style:none; float:left; font-size:1.25em; margin-top:17px}
.author-image {width:58px; margin-right:10px}
.archive-text {width:169px}
.archive-text p {font-size:12px; margin-bottom:7px; margin-top:2px; line-height:1.2}
.archive-text p a {font-size:14px;}
#news-section h3 {margin-top:18px}
.case-studies-header {width:959px}
object {float:left}
#left-column {width:660px}
.team-member {width:640px; padding:10px; background:#f6f6f5; margin-bottom:30px}
.team-member img {float:left}
#main-column #left-column .team-member h1 {font-size:2.2em; margin-top:15px; margin-bottom:0px; word-spacing:-2px}
#main-column #left-column .team-member h2 {font-size:1.6em; margin-top:0px; font-weight:normal}
.team-member h1 {width:421px; margin-left:19px;}
.team-member h2 {width:421px; margin-left:19px;}
.team-member p {width:421px; margin-left:19px;}

.case-study {width:620px; padding:20px}
#main-column #left-column .case-study h1 {width:620px; margin-left:0px; margin-top:0px; margin-bottom:5px}
.case-study h2 {width:620px; margin-left:0px}
.case-study p {width:620px; margin-left:0px}
#main-column #left-column h1 {margin-bottom:27px}
#main-column #left-column h2 {font-size:1.4em; font-weight:bold; line-height:1.4; margin-bottom:9px;}
#main-column #left-column h3 {font-style:normal; margin-top:22px; margin-bottom:9px}
#testimonials #main-column #left-column h3 {margin-top:0px; margin-bottom:40px; border-bottom:1px #8c8b8b solid; padding-bottom:10px; width:auto}
#main-column #left-column .service h2 {font-size: 2.3em; line-height:1.25; font-weight:200}
#main-column #left-column .service p {width:404px}
#right-column .cstudy-signposting h3 {margin-top:5px; margin-bottom:2px; font-style:normal}
#right-column .cstudy-signposting p {line-height:1.5; margin-bottom:0px}


.service {margin-top:30px; cursor:pointer}
.service .service-image a {margin-right:40px; width:216px; height:215px; display:block; background-position:top}
.service:hover .service-image a {width:216px; height:215px; display:block; background-position:bottom}
.service:hover .more-button a {background:url(/images/dark-bg.gif)}

.installations .service-image a  {background:url(/images/installations-main.jpg)}
.sales .service-image a {background:url(/images/sales.jpg)}
.hires .service-image a {background:url(/images/hires.jpg)}
.events .service-image a {background:url(/images/events-main-sign.jpg)}
.maintenance .service-image a {background:url(/images/maintenance.jpg)}
.team-text {width:440px}
#map div {float:none}
#map {margin-top:5px}

.service h2 a {color:#8c8b8b}

#right-column #focalist_1 {
	margin-bottom:0px
}

#right-column #focalist_1 ul {
	margin-bottom:0px
}

.nodeLevel2 {
	position:relative;
	left:10px;
	text-decoration:underline
}

.haschildren {
	display:none
}

.nochildren {
	display:none
}

.nodeLevel1 .haschildren {
	display:block
}

#focalist_1 .selected {
	display:block
}

#right-column #focalist_1 .nodeLevel2 {
	margin-top:4px;
	margin-bottom:7px
}

.nodeLevel2 .nochildren {
	display:block
}

.selectedparent .haschildren {
	display:block;
}

.selectedparent {
	display:block
}
/* --------------------------------------------------------------    
	Right Side    
-------------------------------------------------------------- */

#right-column {width:237px; margin-left:62px}
#right-column ul {width:237px; float:left; margin-bottom:27px}
#right-column li {width:237px; list-style:none; float:left; font-size:13px; margin-top:17px}
#right-column h3 {margin-top:18px}
#right-column h2 {margin-top:15px}
#news #right-column {padding-top:107px}
#news #right-column h2 {margin-bottom:17px}
#news #right-column h3 {margin-top:4px}
#news #right-column li {margin:0px}
.news-author {width:auto; float:left}
#tech-resource #right-column {padding-top:107px}
#tech-resource #right-column h2 {margin-bottom:17px}
#tech-resource #right-column h2 {line-height:1.15; margin-bottom:14px; margin-top:13px}
#tech-resource #right-column h3 {margin-top:4px}
#tech-resource #right-column li {margin:0px}
.cstudy-signposting {width:217px; margin-bottom:27px; padding:10px; padding-bottom:8px; background:#f2f2f0; cursor:pointer}
.cstudy-signposting:hover .arts-business-sign a {background-position:bottom}
.cstudy-signposting:hover .more-button a {background:url(/images/dark-bg.gif)}

.arts-business-sign a {background:url(/images/art-business-sign.jpg); width:217px; height:144px; display:block; float:left; background-position:top}
.arts-business-sign a:hover {background-position:bottom}
.fest-sign {display:block}
.fest-sign a {width:217px; height:144px; display:block; float:left; background-position:top; background:url(../images/2009-fest-sign.jpg)} 
.cstudy-signposting:hover .fest-sign a {background-position:bottom}

.signposting {width:237px; margin-top:103px; margin-bottom:27px}

#tech-resource object {position:relative; top:10px}
#tech-resource #header {background:#000; height:217px}
.pdf-download a {background:url(../images/pdf-icon.gif) no-repeat; background-position:left top; position:relative; top:1px; font-size:18px; padding-left:30px; height:22px; display:block}
.pdf-download a:hover {background-position:left bottom}

.pdf-small a {background:url(../images/pdf-small.gif) no-repeat; background-position:left top; position:relative; top:1px; padding-left:20px}
.pdf-small a:hover {background-position:left bottom}

.testimonials {position:absolute; left:50%; margin-left:200px; top:405px; height:200px; z-index:99; width:237px}
.testimonials p {color:#FFF}
.testimonials h3 {color:#FFF; margin-top:8px}
/* --------------------------------------------------------------    
	Footer    
-------------------------------------------------------------- */

#footer {width:100%; background:#d2dcdb; margin:0}
#footer a {color:#ffffff; text-decoration:underline}
#footer p {color:#848d8c; margin-bottom:15px}
#footer h1 {font-size:3.5em; color:#848d8c; margin-top:30px; margin-bottom:10px;}
#footer-left {width:700px}
#footer-right {width:237px; margin-left:20px; margin-top:70px}
#footer-right h2 {color:#848d8c; font-size:2.3em; line-height:0.7; margin-bottom:16px; margin-top:18px}
#contact-form-footer {width:700px; float:left}

#contact-form-footer label {
float:left;
line-height:1.4;
font-size:1.25em;
color:#848d8c;
width:71px;
}

#contact-form-footer input {
width:265px;
height:18px;
padding-top:4px;
padding-left:4px; padding-right:4px;
border: 0px;
background:#f2f5f5;
color:#848d8c;
float:left;
font-size:1.25em;
margin-bottom:20px
}

#contact-form-footer textarea {
background:#f2f5f5 none repeat scroll 0 0;
border:0 none;
float:left;
font-family:"Helvetica Neue",Helvetica, Arial, sans-serif;
font-size:1.25em;
height:60px;
width:619px;
padding:5px;
color:#848d8c;
}


#contact-form-footer .form-submit {
width:50px;
height:20px;
border:0px;
padding:0px;
background:url(/images/submit-small.gif);
float:right;
margin-top:10px;
margin-bottom:0px
}

#contact-form-footer .form-submit:hover {background-position:bottom}

#searchform .form-submit {
width:50px;
height:20px;
border:0px;
padding:0px;
background:url(/images/submit-small.gif);
float:left;
margin-top:0px;
margin-bottom:0px;
margin-left:10px
}

#searchform .form-submit:hover {background-position:bottom}

#searchform {
	width:237px
}

#searchform input {
padding-top:2px;
padding-left:4px; padding-right:4px;
width:169px;
height:18px;
border: 0px;
background:#f6f6f5;
color:#8c8b8b;
float:left;
font-size:1.25em;
margin-bottom:20px
}



#contact-form-page {width:660px; float:left}

#contact-form-page label {
float:left;
line-height:1.4;
font-size:1.25em;
color:#8c8b8b;
width:71px;
}

 
#contact-form-page input {
padding-top:4px;
padding-left:4px; padding-right:4px;
width:245px;
height:18px;
border: 0px;
background:#f6f6f5;
color:#8c8b8b;
float:left;
font-size:1.25em;
margin-bottom:20px
}

#contact-form-page textarea {
background:#f6f6f5 none repeat scroll 0 0;
border:0 none;
float:left;
font-family:"Helvetica Neue",Helvetica, Arial, sans-serif;
font-size:1.25em;
height:60px;
width:579px;
padding:5px;
color:#848d8c;
}


#contact-form-page .form-submit {
width:50px;
height:20px;
border:0px;
padding:0px;
background:url(/images/submit-small-grey.gif);
float:right;
margin-top:10px;
margin-bottom:0px
}

#contact-form-page .form-submit:hover {background-position:bottom}






#background-image {
height:100%;
position:fixed;
width:100%;
}
#background-image img {height:auto;width:100%;}


#footer-bottom {width:900px; margin-top:49px; background:#848d8c; height:28px; padding-left:30px; padding-right:30px; padding-top:6px}
#footer-bottom p {color:#ffffff; width:auto; margin-right:19px; margin-bottom:0px}
/* --------------------------------------------------------------    
	Nav   
-------------------------------------------------------------- */

.sub-menu {position:absolute; top:19px; left:0px; display:none; z-index:10}
.sub-menu .nav_main {float:none; margin:0px; z-index:1}
.sub-menu .nav_main li {padding-top:5px; z-index:1}
/*.sub-menu .nav_main li a {background:url(../images/light-bg.gif)}
.sub-menu .nav_main li a:hover {background:url(../images/dark-bg.gif)}*/
.sub-menu .nav_main li a {background:#83AEB4; z-index:1}
.sub-menu .nav_main li a:hover {background:#5E6A70}

#services .services-link .sub-menu .nav_main li a {background:#83AEB4}
#services .services-link .sub-menu .nav_main li a:hover {background:#5E6A70}

.services-link:hover .sub-menu {display:block}

ul.nav_main {
		list-style: none; float:left; margin-left:40px; margin-top:148px;
		}
		
ul.nav_main li {
		float:left; margin-right:5px; font-size:11.5px; font-weight:bold; position:relative} /*!*/
		
ul.nav_main a {
		display:block;
		text-decoration:none;
		background:none;
		width:84px;
		height:18px;
		background:#83aeb4;
		padding-top:1px;
		color:#ffffff;
		padding-left:5px}
		
ul.nav_main a:hover {background:#5e6a70}


#home .home-link a {background:#5e6a70}
#personal-profile .about-link a {background:#5e6a70}
#about .about-link a {background:#5e6a70}
#services .services-link a {background:#5e6a70}

#services .sales .services-link .sub-menu .nav_main .sales-link a {background:#5e6a70}
#services .installations .services-link .sub-menu .nav_main .installations-link a {background:#5e6a70}
#services .hires .services-link .sub-menu .nav_main .hires-link a {background:#5e6a70}
#services .events .services-link .sub-menu .nav_main .events-link a {background:#5e6a70}
#services .maintenance .services-link .sub-menu .nav_main .maintenance-link a {background:#5e6a70}

#case-studies .case-studies-link a {background:#5e6a70}
#news .news-link a {background:#5e6a70}
#contact .contact-link a {background:#5e6a70}
#links .links-link a {background:#5e6a70}
#about #header {background:url(/images/about-header.jpg) center top no-repeat; background-color:#262525; height:511px}
#contact #header {background:url(/images/van.jpg) center top no-repeat; background-color:#262525; height:351px}
#services #header {background:url(/images/services-header.jpg) no-repeat top center; height:511px}
#services .installations #header {background:url(/images/installations-header.jpg) no-repeat top center; height:511px}
#services .sales #header {background:url(/images/sales-header.jpg) no-repeat top center; height:511px}
#services .hires #header {background:url(/images/hires-header.jpg) no-repeat top center; height:511px}
#services .events #header {background:url(/images/events-header.jpg) no-repeat top center; height:511px}
#services .maintenance #header {background:url(/images/maintenance-header.jpg) no-repeat top center; height:511px}
#testimonials #header {background:#000; height:217px}
#links #header {background:#000; height:217px}
#case-studies #header {background:#000; height:217px}
#personal-profile #header {background:none; height:217px}
#not-found #header {background:#000; height:217px}
#news #header {background:#000; height:217px}
.install-sign {width:204px; height:100px}
.install-sign a {background:url(/images/installations-sign.jpg); display:block; width:230px; height:100px; float:left; cursor:pointer; background-position:top}
.install-sign a:hover {background-position:bottom}

.sales-sign {width:204px; height:100px}
.sales-sign a {background:url(/images/sales-sign.jpg); display:block; width:230px; height:100px; float:left; cursor:pointer; background-position:top}
.sales-sign a:hover {background-position:bottom}

.hires-sign {width:204px; height:100px}
.hires-sign a {background:url(/images/hires-sign.jpg); display:block; width:230px; height:100px; float:left; cursor:pointer; background-position:top}
.hires-sign a:hover {background-position:bottom}

.events-sign {width:204px; height:100px}
.events-sign a {background:url(/images/events-sign.jpg); display:block; width:230px; height:100px; float:left; cursor:pointer; background-position:top}
.events-sign a:hover {background-position:bottom}


.ref-library-sign {width:291px; height:100px}
.ref-library-sign a {background:url(/images/ref-library.png); display:block; width:291px; height:100px; float:left; cursor:pointer; background-position:bottom}
.ref-library-sign a:hover {background-position:top}

.manuals-sign {width:291px; height:100px}
.manuals-sign a {background:url(/images/manuals.png); display:block; width:291px; height:100px; float:left; cursor:pointer; background-position:bottom}
.manuals-sign a:hover {background-position:top}

/* -------------------------------------------------------------- 
	Contact Form  
-------------------------------------------------------------- */
#contact-form {
float:left;
margin-left:20px;
width:610px
}
label {text-align:left}

#newsletter h2 {color:#757f8c; margin-top:12px; width:319px}

#contact-form label {
float:left;
line-height:1.4;
font-size:1.6em;
color:#757f8c;
margin-top:15px;
margin-right:10px;
width:52px
}

#contact-form input {
padding:5px;
width:190px;
height:17px;
margin-top:10px;
margin-right:10px;
border: 0px;
background:#eff5f6;
color:#757f8c;
float:left;
font-size:1.2em;
padding-top:7px
}


#contact-form .form-submit {
width:66px;
height:29px;
border:0px;
padding:0px;
background:url(/images/submit.gif);
margin-right:0px
}

#contact-form .form-submit:hover {background-position:bottom}
.cstudy-signposting h3 {width:217px}

#main-column #left-column #manual-table h3 {
	margin-top:9px;
	color:#757F8C
}

#manual-table td {
	padding-left:9px
}

#manual-table td p {
	margin-bottom:0px;
}


/* -------------------------------------------------------------- 
	Misc
-------------------------------------------------------------- */

.ie6 {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	padding:20px;
	background:#ffffff;
	text-align:center;
	color:#000;
	font-size:12px;
}

.more-button a {font-weight:bold; font-size:11.5px; text-decoration:none; color:#ffffff; background:url(/images/light-bg.gif);  padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; cursor:pointer}
.more-button a:hover {background:url(/images/dark-bg.gif)}
#banner {margin-top:8px}
#tech-resource #right-column h3 {
	margin-bottom:10px;
	text-decoration:underline
}


.items img {float:left}
#main-column .items h2 {line-height:1.2; margin-top:14px; margin-left:20px; margin-bottom:10px}
#main-column .items p {width:307px; margin-left:20px; margin-bottom:14px}

.custom
{
   font-weight:bold;
   color:#ffffff;
   height:20px;
   width:auto;
   border-style:none;
   cursor:pointer;
   background:url(/images/light-bg.gif);
   font-size:11.5px;
   padding:0px;
   margin:0px;
   padding-bottom:3px;
   float:left;
   margin-right:10px

}

.custom:hover {background:url(/images/dark-bg.gif)}


/* root element for horizontal scrollables */
.scrollable {
	position:relative;
	overflow:hidden;
	width: 700px;
	height: 347px;
}

/* root element for scrollable items */
.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.item {
	float:left;
	width:680px;
	height:327px;
	background:#f6f6f5;
	padding:10px}









/* DEPRECATED FILE */







/*********** navigator ***********/



.navi {margin-left:10px}

/* items inside navigator */
div.navi a {
	width:1px;
	height:19px;
	float:left;
	background:url(/images/c-study-line.gif);
	display:block;
	font-size:1px;
	background-position:top;
	margin-right:3px
}

/* mouseover state */
div.navi a:hover {
	background-position:bottom
}

/* active state (current page state) */
div.navi a.active {
	background-position:bottom     
} 	

#more-cs01 {display:none}
#more-cs02 {display:none}
#more-cs03 {display:none}
#more-cs04 {display:none}
#more-cs05 {display:none}
#more-cs06 {display:none}
#more-link02 {display:none}
#more-link04 {display:none}
#more-link06 {display:none}
#more-link08 {display:none}
#more-link10 {display:none}
#more-link12 {display:none}

#left-column ul {width:660px; float:left; margin-top:5px}
#left-column li {width:605px; list-style:inside; height:27px; font-size:1.3em}

#main-column #left-column .news-header h1 {font-size:2.2em; margin-bottom:0px; margin-top:0px; text-decoration:none; color:#8c8b8b; word-spacing:-2px; width:520px}
#main-column #left-column .news-header h2 {font-size:2.2em; margin-bottom:0px; margin-top:0px; text-decoration:none; color:#c0bebe; font-weight:normal; line-height:1.2; word-spacing:-2px; color:#8c8b8b; float:right}
#main-column #left-column .news-header h1 a{color:#8c8b8b}
.news-header {width:620px; margin-left:20px; margin-bottom:15px}
#news #main-column #left-column {padding-top:35px}

#left-column .techinfo {background:#ffffff; width:620px; padding-top:10px; padding-bottom:3px; margin-bottom:20px}
#left-column .techinfo li {margin-left:15px}

.case-study .wp-caption-text {
	width:auto;
	background:#ffffff;
	padding-left:8px;
	padding-right:8px;
	padding-top:3px;
	padding-bottom:2px;
	text-transform:capitalize;
	font-style:italic
}