/* SCREEN.CSS
   This is where all styles for on-screen media are declaired

/*--------------------------------------------------------------*/ 
/* Name   :- Screen.css ----------------------------------------*/
/* Author :- Helen Meyer ---------------------------------------*/
/*--------------------------------------------------------------*/ 

/*---- Layout ----*/
body {
	font:80%/1.5 Georgia, Arial, Helvetica, sans-serif; color : #666;
	margin:0;
}

#container {
	width:100%;
	height:100%;
	overflow:auto;
	margin:0 auto;		
}

#header {
	width:990px;	
	margin:0 auto;
	height:100%;
	overflow:auto;			
}

#logo {
	height:90px;	
	width:970px;	
	background:#fff url(../images/logo.jpg) no-repeat;	
}

#logo a {
	display:block;
	height:90px;
	width:130px;
	margin-left:30px;
	text-decoration:none;
	outline:none;	
}

#logo a span, #logoBottom a span {
	visibility:hidden;
}

#logoBottom {
	background:#fff url(../images/logo-bottom.jpg) no-repeat;	
	width:228px;
	height:30px;
	float:left;
}

#logoBottom a {
	display:block;
	height:30px;
	width:130px;
	margin-left:30px;
	text-decoration:none;
	outline:none;	
}

div#headerBottom {
	overflow:hidden;
}

ul#nav {
	width:765px; 
	height:100%;	
	padding:0;
	font-size:85%;	
	margin:0;		
	text-align:left;	
	background:#fff;
	float:right;
	clear:both;
	overflow:hidden;
}

#nav li {
	float:left;
	display:block;	
	background:url(../images/nav-seperator.jpg) right center no-repeat;		
	position:relative;	
}

	  
#nav a {	
	display:block;		
	width:auto;
	padding:11px 8px 5px 10px;
	text-decoration:none;         
	color:#00a6eb;
	text-transform:uppercase;	
	font-weight:normal;	
	letter-spacing:1px;	
	outline:none;
}

#nav span {
	display:block;
	font-size:80%;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#nav a:hover {
	background:#00a6eb url(../images/nav-top-bg.jpg) repeat-x;
	border-top:6px solid #afc900;
	color:white;	
	padding-top:5px;
}


.current a {
	background:#00a6eb url(../images/nav-top-bg.jpg) repeat-x;
	border-top:6px solid #afc900;
	color:white !important;	
	padding-top:5px !important;
}

#nav li ul {	
	width:770px;
	margin:0 auto;
	padding:0;
	height:100%;	
	overflow:auto;
	padding-left:200px;	
	position:absolute;
}

#nav li li {
	float:left;
	height:20px;		
	list-style-type:none;
	width:auto;
	padding:0 8px 0 8px;	
}

#nav li li a {
	color:#e4eaec;	
	padding:2px;
	display:block;
	text-decoration:none;
}

#nav li li a:hover {
	color:#fff;	
	background:#009bdc;
	text-decoration:none;
}

#subnav {
	width:auto;		
	height:100%;
	overflow:auto;	
	margin:0 auto;
	padding:0;
	font-size:85%;	
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:lowercase;		
	background:#00a6eb;		
	border-bottom:1px solid #41b8ea;
	border-top:1px solid #41b8ea;
	padding-top:3px;
}

#subnav ul {	
	width:770px;
	margin:0 auto;
	padding:0;
	height:100%;	
	overflow:auto;
	padding-left:225px;		
}

#subnav li {
	float:left;
	height:20px;		
	list-style-type:none;
	width:auto;
	display:block;	
	padding:0 8px 0 8px;		
}

#subnav li a {
	color:#e4eaec;	
	padding:2px;
	display:block;
	text-decoration:none;	
}

#subnav li a:hover {
	color:#fff;	
	background:#009bdc;
	text-decoration:none;
}


#top {
	width:auto;
	background:#00a6eb url(../images/top-bg.jpg) repeat-x bottom;
	height:100%;
	overflow:auto;	
}

#top h1 {
	display:block;
	float:left;
	width:490px;
	font:250% Georgia, "Times New Roman", Times, serif;
	color:#fff;
	line-height:45px;
	margin: 12px 0 0 0;
	padding:0;
}

#top div.content, #bottom div.content {
	width:950px;
	height:100%;
	overflow:auto;
	margin:0 auto;		
	padding:0 10px;
}

#searchBar {
	width:225px;
	height:100%;
	overflow:auto;
	position:relative;	
	float:right;
	font-family:Georgia, "Times New Roman", Times, serif;	
	color:#fff;
	padding:8px 0 15px 0;
}

#searchBar h2 {	
	font-size:190%;
	font-weight:normal;
	color:#fff;
	margin:0;
	padding:0;
	text-transform:lowercase;
}

#searchBar a {
	color:#fff;
	text-decoration:none;
	font-size:90%;
	text-transform:lowercase;
}

#searchBar form, #searchBar fieldset {
	margin:0;
	padding:0;	
	border:0;
}

#searchBar .textField {
	background:#fff url(../images/search-bar-bg.jpg) repeat-x;
	border:3px solid #4db6e2;
	margin-bottom:14px;
}

#searchBar .submit {
	border:3px solid #4daed7;
	background-color:#00a6eb;
	clear:both;
	display:block;
}


#innerContainer {
	width:960px;
	height:100%;
	overflow:auto;	
	padding:10px;
	color:#333;	
	margin:0 auto;		
}

#mainContent {
	width:690px;	
	float:left;	
	margin-right:20px;	
	margin-top:12px;	
			
}

#mainContent #text {
	border-left:10px solid #00a6eb;
	padding:0 6px 6px 6px;
	height:100%;
	overflow:auto;
	margin-bottom:20px;
}

#mainContent .textField {
	background:#fff url(../images/search-bar-bg.jpg) repeat-x;
	margin-bottom:14px;	
}


#bottom {
	width:auto;
	height:100%;
	overflow:auto;
	margin:0 auto;
	background:#2E2D31 url(../images/bottom-bg.jpg) repeat-x top;
	padding:8px;	
}

#blogMenu {
  margin-top:12px; }
#blogMenu li {
  padding-top : 12px;}

#hologramMenu,
#blogMenu {
	width:240px;
	height:100%;
	float:left;	
}

#hologramMenu ul,
#blogMenu ul {
	margin:0;
	padding:0;	
}

#hologramMenu li,
#blogMenu li {
	list-style-type:none;
	margin-bottom:1px;
}


#hologramMenu a.first-child {
	color:white;
	text-decoration:none;
	font-weight:normal;
	display:block;
	font:160% Georgia, "Times New Roman", Times, serif;	
	background-color:#00a6eb;	
	padding:5px;
	margin:0;
	text-transform:lowercase;
}

#hologramMenu p {
	margin:0;
	padding:0;	
}

#hologramMenu div {
	margin:10px 0;
}

#footerFeatured {
	width:100%;
	height:100%;
	overflow:auto;			
}

#footer {
	margin:20px 0 0 0;
	padding:8px 0;
	width:950px;
	height:100%;
	overflow:auto;
	border-top:1px solid #9f9fa2;	
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:lowercase;
	
}	

#footerMenu {
	float:left;
	width:auto;
	margin:0;
	padding:0;
}

#footerMenu li {
	display:block;
	float:left;
	width:auto;		
	margin:0 8px;
}

#footerMenu a {
	color:#fff;
	text-decoration:none;	
	font-weight:bold;
	font-size:85%;
}

#objectiveOne {
	float:right;
}

/*---- End Layout ----*/

/*---- Headers ----*/
#innerContainer h2 {
	color:#00a6eb;
	border-bottom:1px solid #00a6eb;
	text-transform:lowercase;
	font:200% Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	margin:0;
	margin-bottom:8px;
}

#bottom h2 {		
	text-transform:lowercase;
	font:200% Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	margin:0;
}

#mainContent h2 {
	padding:0;
	margin:0 0 8px 0;	
}

#hologramMenu h2 {
	margin:12px 0;	
}

h3 {
	font:150% Georgia, "Times New Roman", Times, serif;		
	text-transform:lowercase;
	margin:10px 0 6px 0;
	padding:0;	
}

h4 {
	font:130% Georgia, "Times New Roman", Times, serif;
	color:#2F3342;
	margin:10px 0 10px 0;
	padding:0;
}
/*---- End Headers ----*/

/*---- Links ----*/
#mainContent a, #hologramMenu a {
	color:#11acec;
	font:100% Georgia, "Times New Roman", Times, serif;
	text-transform:lowercase;
	text-decoration:none;
	font-weight:bold;
}

#mainContent p.more, #bottom p.more {
	/*text-align:right;*/
}

#hologramMenu p.more {
	text-align:left;
}
/*---- End Links ----*/

/*---- Various Formatting ----*/



/* Main Containers */
#featVideo {
	width:327px;		
	height:100%;
	overflow:auto;	
	float:left;
	margin-right:25px;
}

#featVideo #media {
	display:block;
	height:170px;
	width:200px;
	padding:0;	
	float:left;
	overflow:hidden;
	margin-right:10px;
}

#featVideo div.cont {
	width:90px;
	height:100%;
	overflow:auto;	
	float:left;	
}

#featNews {
	width:auto;
	height:100%;
	overflow:auto;		
	padding:0 5px;	
	color:#000;
  margin-left:10px;
}

#featNews div {
	height:100%;
  width:300px;
	overflow:auto;
	padding:0;
  float:left;
}


#featNews div.second {
  margin-left : 40px; }


#featCaseStudies {
	height:100%;
	overflow:auto;	
	width:auto;	
	float:left;	
	padding-bottom:10px;			
}

#featCaseStudies a.more {
	position:absolute;
	bottom:0;
	right:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-decoration:none;
	font-weight:bold;
	outline:none;
}

#featCaseStudies div {
	height:100%;
	overflow:auto;
	float:left;
	width:210px;	
	padding:0 11px 0 0;
	color:white;
	margin-right:22px;
	padding:8px 0 25px 0;
	position:relative;	
}

#featCaseStudies h2 {
	border-bottom:1px solid #a8a8ab;
	margin-bottom:8px;	
}

#featCaseStudies h2 a {
	text-decoration:none;
	font-weight:normal;	
}

#featCaseStudies div.case-study-1 h2 a, #featCaseStudies div.case-study-1 a {
	color:#00a6eb;
}

#featCaseStudies div.case-study-1  {
	border-top:12px solid #00a6eb;
}

#featCaseStudies div.case-study-2 h2 a, #featCaseStudies div.case-study-2 a {
	color:#b0c900;
}

#featCaseStudies div.case-study-2  {
	border-top:12px solid #b0c900;
}

#featCaseStudies div.case-study-3 h2 a, #featCaseStudies div.case-study-3 a {
	color:#fecc00;
}

#featCaseStudies div.case-study-3  {
	border-top:12px solid #fecc00;
}


#featNewsletter {
	width:210px;
	height:100%;
	overflow:auto;			
	float:left;	
	padding:0 5px;
	padding-top:8px;	
	border-top:12px solid #00a6eb;	
}

#featNewsletter {
	padding-bottom:10px;
}

#featNewsletter h2 {
	border-bottom:1px solid #a8a8ab;
	margin-bottom:8px;
	color:#00a6eb;
}

#featNewsletter form {	
	margin:0;
	padding: 52px 0 0 0;
}

#featNewsletter fieldset {
	border:0;
	padding:0;
	margin:0;		
}

#featNewsletter label {
	color:#fff;
	width:50px;
	float:left;
	display:block;	
	text-transform:lowercase;
}

#featNewsletter input.textField {
	background:#fff url(../images/search-bar-bg.jpg) repeat-x;
	border:3px solid #85858a;
	margin-bottom:14px;
	float:left;
}

#featNewsletter input.submit {
	border:3px solid #7f7f83;
	background-color:#00a6eb;
	clear:both;
	display:block;
}


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



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

#search_results .row {
	width:auto;
	height:100%;
	overflow:auto;
}



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

/* Images inside containers */
#featNews img {
	border:1px solid black;
}


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

/* Buttons inside containers */
.submit {	
	font-family:Georgia, "Times New Roman", Times, serif;
	color:white;	
	text-transform:lowercase;	
	font-weight:bold;
}
/*--------------------*/
	
/*---- End Various Formatting ----*/



/*---- Video Page ----*/
#video {	
	background:#999;
	margin:8px;
}

#video h1 {
	color:white;
	font-size:110%;
	font-weight:bold;
}

#video #media {
	float:left;
}

#video #video_details {
	float:left;
	width:225px;
	margin-left:15px;
	height:100%;
	overflow:auto;		
	color:white;
	font-size:90%;
}
/*---- End Video Page ----*/

/*---- Photos ----*/
.photo {
	float:left;
	width:150px;
	height:150px;
	border:1px solid white;
	margin:4px;	
}

.photo img {
	border:0;
}
/*---- End Photos ----*/

/*---- Forms ----*/
form .row {
	width:auto;
	height:100%;
	overflow:auto;
	margin:4px 0;	
}

label.error {
	color:red;	
	width:200px;	
}

#advanced_search .textField {	
	color:#333;
	border:3px solid #007db0;	
	margin-bottom:14px;	
}

#advanced_search select, #advanced_search input, #contact select, #contact_form input, #contact_form label {
	font-family:Georgia, "Times New Roman", Times, serif;
}

#advanced_search fieldset, #contact_form fieldset {
	border:1px dotted #999;
	margin-bottom:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:10px;
}

#advanced_search legend, #contact_form legend {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:150%;
	color:#9b9ea3;	
	text-transform:lowercase;
}

#contact_form {
	margin-top:35px;
	width:460px;
}

#contact_form label {
	display:block;
	width:auto;	
	color:#007db0;
	font-size:120%;
	text-transform:lowercase;		
	margin-bottom:5px;	
}

#advanced_search .submit, #contact_form .submit {
	margin-top:3px;
	width:100%;
	padding:4px;
}

#contact_form .textField, #contact_form textarea {
	width:425px;	
	color:#333;
	border:3px solid #ccc;
	margin-bottom:14px;	
}

#contact_form textarea {
	width:425px;
}

#contact_form .submit, #advanced_search .submit {
	border:3px solid #999;
	background-color:#007db0;
	clear:both;
	display:block;
}
/*---- End Forms ----*/

/*---- General Formatting ----*/
.left, .summaryBox a {
	float:left;
	margin-right:10px;	
	border:0;
}

.right {
	float:right;
	margin:5px 5px;
	border:0;
}

.summaryBox h3, .newsBox h3, .contactBox h3, h3.contact {
	border:0;
	border-bottom:1px dotted #007cb0;		
}

h3.contact {
	padding:0;
	margin:35px 0 0 0;
}

h4.alt, .contactBox h4 {
	margin:0 0 5px 0;
	padding:0;
	font-size:140%;
	color:#0066CC;
}

#googleMap {	
	border:1px solid #00A6EB;	
	display:block;
	margin-top:12px;	
}

.summaryBox {
	height:100%;
	overflow:auto;
	width:660px;
	padding:0;
	float:left;
	margin-top:10px;		
}


/*.contactBox {
	height:100%;
	overflow:auto;
	width:660px;
	background:#DADADA;
	border:5px solid #E9E9E9;	
	padding:8px;	
	margin-top:10px;		
}*/


.newsBox {
	height:100%;
	overflow:auto;
	padding:6px;
	width:465px;	
	float:left;
	background:#214B61;
	margin-top:5px;
	border:1px solid #4EABD6;
}

.videosBox {
	height:100%;
	overflow:auto;
	padding:6px;
	width:474px;	
	float:left;
	background:#DADBC4;
	border:1px solid #FFFF33;
	margin-top:5px;
}

.first_item {
	margin-right:5px;
}

.summaryBox img, .left img, .right img {
	border:1px solid black;	
}

.summaryBox a {
	outline:none;
}

.date {	
	font-style:italic !important;
	color:#007cb0 !important;	
	padding:0;
	margin:6px 0 12px 0;
}


h1 .first, h1 span:first-child, h1 span.first-child {
	/*color:#b1b2b4;*/
}

h1 .last {
	/*color:#9c9d9f;*/
}


ul.faqs {
	margin:0 0 0 30px;
	padding:0;	
}

ul.faqs li {
	margin:0 0 3px 0;
	list-style-type:lower-roman;
	color:#999;	
}

ul.faqs a {	
	font-weight:normal;	
	text-decoration:none;	
	color:#007db0 !important;
	font-weight:normal !Important;
}

.faq-header {
	margin:0;
	padding:0;
	margin-left:15px;
}

.faq-header li {
	margin:0;
	padding:0;
	list-style-type:none;
	margin-top:10px;
}

.faq-header h2 {
	margin:8px 0;
	border:0;
	text-transform:lowercase;
}



.highlight, #innerContainer h1 + p, #innerContainer h2 + p {
	font-size:110%;	
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:130%;	
	color:#999;
	font-style:italic;
}

.address h5, .contact-dets h5 {
	margin:0 0 5px 0;
	padding:0;
	color:#999;
	font-size:160%;
	font-style:italic;
	font-weight:normal;
}
/*---- End General Formatting ----*/

.summaryBox h3 a { float:none; }
.summaryBox { margin-bottom : 24px; }
#faqMenu { float:left; height:100%; width:240px; margin-top : 12px;}
#faqMenu ul { margin-left : 0; }
#faqMenu #nav_categories { list-style-type:  none; }
#faqMenu #nav_categories ul.faqs { list-style-type : lower-roman; }
.contactBox strong { display : block; width : 100px; float : left; clear : left; }
.content h1 { text-transform : lowercase; }
#mainContent h3 { margin:10px 0 6px 0; padding:0; color : #00A6EB; }
a img { border : none; }
#featNewsletter .submit { margin-left : 50px; }

#container.blogpage #mainContent { width : 100%; }
#container.blogpage #mainContent #splitLeft { width : 430px; float : left; margin-right : 40px; }
#container.blogpage #mainContent #splitRight { width : 430px; float : left; }
#container.blogpage #mainContent .summaryBox { width : 100%; }

#blogMenu a {
	color:#00A6EB;
	text-decoration:none;
}

.view {
	color:#999;
}



#fancy_div h2 {
border-bottom:1px solid #00A6EB;
padding-bottom:5px;
width:555px;
color:#00A6EB;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:200%;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
text-transform:lowercase;
}

#fancy_div a {
	color:#00A6EB;
	font-weight:bold;
	text-decoration:none;
}

a#twitter {
   background:transparent url(../images/twitter_bird_small.gif) no-repeat 0 0; height:28px; width:190px; display:block; padding-left:50px; margin-top:20px; }