@import url('prettyPhoto.css');

/*---------------------------------------------------------------------
	LAZARUS GROUP CMS - www.lazarusgroup.com
	Written: November 11 2008
	Written by: Scott Phelps (scott@lazarusgroup.com)

	TABLE OF CONTENTS
	0. See above (imports)
	1. Reset
	2. Html, Body
	3. Wrap
	3. Nav
		a. Structure
		b. Persistent State
		c. Drop Down
		d. Nav Search
	4. Main
	5. Footer
	6. Section Design Elements
		a. Who We Are
			- Who We Are
			- Our Mission
------------
Notes:

DIMENSIONAL INNOVATIONS HTML MOCK UP 
REVISIONS v.1	11/19/2008
REVISIONS v.11	12/09/2008
REVISIONS v.2	12/15/2008
REVISIONS v.21	12/17/2008
REDESIGNS v.3	01/06/2008

------------

/* RESET
=============================================*/
* {margin: 0; padding: 0;}
a {outline: 0;}
address {font-style: normal;}

/* STRUCTURE
=============================================*/
html {height: 100%;}

body {
	background: #E2E2E2 url(body_bg.gif) no-repeat center 0;
	color: #fff;
	font: 86%/1.3em "Helvetica", Arial, sans-serif;
	height: 100%;
	}

/* WRAP 
=============================================*/
#wrap {
	height: 539px;
	margin: 0 auto;
	text-align: left;
	width: 1000px;
	}

/*NAVIGATION
=============================================*/
/* NAVIGATION: Nav Structure  --------------------------------*/
#nav {
	background: #686867 url(navbg.jpg) repeat-x 0 0;
	height: 84px;
	position: relative;
	width: 1000px;
	}

	#nav a.logo {
		display: block;
		height: 81px;
		width: 217px;
		}

	#nav ul {
		height: 45px;
		list-style-type: none;
		position: absolute;
			right:-70px;
			top: 0;
		width: 705px;
		}
	
	#nav ul#cssdropdown li {
		display: inline;
		}

	#nav ul li a {
		display: block;
		float: left;
		padding: 15px 0 10px 0;
		/* font transform */
			color: #a5a5a5;   /*standard top menu link color, when not rolled over */
			font: bold 14px "Helvetica", Arial, sans-serif;
			text-align: center;
			text-transform: uppercase;
			text-decoration: none;
		}
		
		#nav ul li a.home {width: 72px;}
		#nav ul li a.about {width: 93px;}
		#nav ul li a.capable {width: 90px;}
		#nav ul li a.work {width: 100px;}
		#nav ul li a.news {width: 53px;}
		#nav ul li a.contact {width: 101px;}
		#nav ul li a.blog {width: 105px;}

		#nav ul li a:hover, 
		body#Home #nav ul li a.home,
		body#About #nav ul li a.about,
		body#Capable #nav ul li a.capable,
		body#Work #nav ul li a.work,
		body#News #nav ul li a.news,
		body#Contact #nav ul li a.contact,
		body#Blog #nav ul li a.blog {
			color:#CC0000;   /******** roll over link on top menu  *******/ 
			}

	#nav ul li a:active {
		color:#FFCC00;    /* link change to this after being clicked */
		}

/* NAVIGATION: Persistent State ----------------------------------*/
		body#home #nav ul li a.home {	
			color: #fff;  
			}

/* NAVIGATION: Drop Down ----------------------------------*/
#cssdropdown li.headlink ul { 
		display: none;  
		text-align: left; 
		margin-top:38px;
		}

	#cssdropdown li.headlink:hover ul {
		display:block;
		height: auto;
		width: 200px;
		z-index: 1000;
		}

		ul#cssdropdown li.headlink:hover ul.about_drop {
			margin-right: 408px;
			}

		ul#cssdropdown li.headlink:hover ul.capable_drop {
			margin-right: 327px;
			}
		
		ul#cssdropdown li.headlink:hover ul.work_drop {
			margin-right: 197px;
			}

		ul#cssdropdown li.headlink:hover ul.news_drop {
			margin-right: 86px;
			}

		ul#cssdropdown li.headlink:hover ul.contact_drop {
			margin-right: 12px;
			}

	ul#cssdropdown li.headlink ul li a {
		background-color: #eeeeee;    /* background color of drop down menu, if necessary */
		border-bottom: 1px solid #fff;
		color: #333333;  /* font color of drop down menu */
		float: none; 
		font-size: .7em;
		height: 15px; 
		padding: 2px 5px; 
		text-align: left;
		width: 175px;
		}
	
	ul#cssdropdown li.headlink ul li a.bottom {
		border-bottom: 0;
		}

	ul#cssdropdown li.headlink ul li a:hover {
		background-color: #cc3300;  /*  background color when drop down menu is rolled over */ 
		color: #fff;  /* text color when rolled over of drop down menu */
		}


/* NAVIGATION: Search  ----------------------------------*/
#nav form {
	height: 21px;
	width: 102px;
	float: right;
	margin-top: -23px;
	margin-right: 39px;
	}

		#nav input {
			background-color: #f4f4f4;
			border: 1px solid #bcbbbb;
			height: 14px;
			width: 100px;
			z-index: -1;
			}

		#nav input.submit {
			background-color: #fff;
			height: 21px;
			}


/* MAIN
=============================================*/
#main {
	background: #363635 url(mainbg.png) no-repeat 0 0;
	clear: both;
	width: 1000px;
	height: 455px;
	}

#main a, 
#main a:visited {
	color:#999999;  /* visited links on website */
	text-decoration: none;
	text-decoration: bold;
	}

#main a:hover {
	color: #cc0000; /* link changes color when rolled over */
	text-decoration: bold;
	
	}

/* GENERAL SETTINGS
=============================================*/

h1 {font: 1.8em "Helvetica", Arial, sans-serif;}

h2 {font-size: 1.4em;}

h3 {font-size: 1em;}

h4 {margin-top: 0px;}/*changed from 9 -1/21*/

#main_img h2 {
	color: #b5b5b5;   /* nooo clue */
	font-size: 1.7em;
	margin-bottom: 4px;
	text-transform: uppercase;
	}

	#main_img {
		float: left;
		height: 405px;
		width: 415px;
		text-align: right;
		}

		#main_img a {
			border: 0;
			}
		
		#main_img a:hover img {
			border: 1px solid #fff;   /* no clue */
			}

		#main_img img {
			border: 1px solid #787879;   /* no clue lol */
			height: 312px;
			width: 312px;
			}

		#main #main_img ul {
			list-style-type: none;
			}

				#main #main_img li {
				display: inline;
				}
			
				#main #main_img li a {
					background-color: #787879;
					border: 1px solid #222121;
					display: block;
					float: right;
					height: 10px;
					width: 10px;
					margin: 5px 2px;
					}

					#main #main_img li a:hover {
						background-color: #fff;
						}
	
			#main #main_img a.video_icon {
				background: transparent url(video_icon.jpg) no-repeat 0 0;
				clear: both;
				display: block;
				float: left;
				height: 14px;
				text-decoration: none;
				text-transform: uppercase;
				width: 62px;
				margin-left: -5px;
				}

				#main #main_img a.video_icon:hover {
					border-bottom: 1px dotted #fff;
					}
			
/* ----------------------------------------*/
	#main_txt {
		float: right;
		height: 455px;
		width: 544px;
		}
		
		#main_txt #main_case {
			height: 60px;
			width: 518px;
			}
			
			#main_txt #main_case ul {
				text-align: right;
				list-style: none inside;
				margin-right: 9px;
				margin-top: 15px;
				height: 35px;
				}

				#main_txt #main_case li {	
					color: #b5b5b5;   /* no  */
					display: inline;
					font-size: .9em;
					height: 20px;
					}

				#main_txt #main_case ul li h2 {
					color: #b5b5b5;   /* no  */
					letter-spacing: .04em;
					text-transform: uppercase;
					display: inline;
					font-size: 1.48em;
					font-weight: 500;
					margin-left: 6px;
					vertical-align: middle;
					}

					#main_txt #main_case li.number {
						color: #BF311B;
						}

					#main_txt #main_case ul li span {
						font-size: .8em;
						margin-left: 2px;
						}

					#main_txt #main_case li a {
						text-decoration: none;
						color: #959595;
						}
						
						#main_txt #main_case li a.nav {
							font-size: 2.2em;
							font-weight: bold;
							vertical-align: bottom;
							}

						#main_txt #main_case li a:hover {
							color: #BF311B;
							}

		#main #main_content {
			height: 330px;
			overflow: auto;
			width: 325px;
			margin-top: 25px;
			}

		#main #main_content h3 {
			font-weight: bold;
			color:#888888;  /* ~~~~~~~~########### client, abstract, blah blah blah in column 2 ~~~~~ */
			letter-spacing: .04em;
			text-transform: uppercase;
			}

		p {
			color: #333333;   /* ~~~~~~~~~~~ Main text color on all web pages, for example, services section ~~~~~ */
			font-size: .9em;
			padding-right: 8px;
			margin: 0 0 9px 0;
			}

			h3 + p {
				margin-top: 1px;
				}

			p + p {
				margin: 12px 0;
				}

/* Section
=============================================*/
#main #col_one {
	float: left;
	height: 338px;
	width: 520px;
	text-align: right;
	margin-left: 86px;
	margin-top: -62px;
	}

	#main #col_one h2,
	#main #beforeafter_col1 h2 {
		color: #555555;  /* ~~~~~~` column 1 headers como JFK Airport ~~~~~*/
		letter-spacing: .04em;
		text-transform: uppercase;
		font-size: 1.8em;
		font-weight: 500;
		line-height: 18px;
		}
		
		#main #col_one h3 {
			color: #aaaaaa;    /* #!$!#@$!#@$! BELLMORE, NY section in column 1   !#!#$#$!#$!$!$!#@ */
			margin-top: 3px;
			margin-bottom: 9px;
			}

		#main #col_one h3 > #slider,
		#main #beforeafter_col1 h3 {
			margin-top: 3px;
			margin-bottom: -4px;
			}

		#main #beforeafter_col1 h2 {
			margin-bottom: 10px;
			text-align: right;
			}

	#main #col_one #slider ul li a img, 
	#main #col_one a:visited #slider ul li a:visited img {
		border: 1px solid #7d7d7e;
		}

	#main #col_one #slider ul li a:hover img {
		border: 1px solid #fff;
		}

	#main #col_one #text {
		
		}

	#main #col_one img {
		border: 1px solid #7d7d7e;
		}

#main #col_two {
	float: right;
	height: 338px;
	width:344px;
	}

/* Easy Slider */

#main #col_one #slider {
	margin-top: 10px;
	}

	#main #col_one #slider ul, 
	#main #col_one #slider li{
		list-style: none;
		}

	#main #col_one #slider, 
	#main #col_one #slider li {
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width: 500px;
		height: 375px;
		overflow: hidden; 
		}

	span#prevBtn { 
		margin-right: 2px;
		}

	span#nextBtn {
		margin-right: 4px;
		}

		#col_one span#nextBtn a,
		#col_one span#prevBtn a {
			color: #B5B5B6;
			}
		
		#main #col_one span#prevBtn a img,
		#main #col_one span#nextBtn a img {
			border: 0;
			}

	.cam_img {margin-top: 10px;}

	#main #col_one img.cam_img {
		border: none;
		}


	#main #col_one img.vid_img {
		border: none;
		margin-top: -17px;
		}

/*Contact PAage
*/
/* CONTACT FORMS PAGE
=============================================*/
#main #contact_address {
        color: #333333;
	height: 338px;
		min-height: 338px;
	width: 230px;
	margin-left: 70px;
	float: left;
	border-right: 1px solid #4F4F4F;  /* divider column in the contact section, cooool */
	}

#main #contact_emails {
        color: #cc0000;
	height: 338px;
		min-height: 338px;
	width: 230px;
	margin-left: 50px;
	float: left;
	border-right: 1px solid #4F4F4F;   /* divider column #2 in the contact section, coool */
	}

#main #contact_form {
	height: 338px;
		min-height: 338px;
	width: 300px;
	float: left;
	margin-top: -10px;
	margin-left: 35px;
	}

	#main #contact_form #email_form {
		}

	#main #contact_form #email_form ul {
		list-style: none;
		}

	#main #contact_form #email_form li {
		margin: 8px 0;
		}

	#main #contact_form #email_form label {
		float: left;
		}

	#main #contact_form #email_form input {
		width: 270px;
		}

		#main #contact_form #email_form input:focus,
		#main #contact_form #email_form textarea:focus {
			background-color: #FFEFEF;
			border: 1px solid #1E1E1E;
			}

	#main #contact_form #email_form textarea {
		width: 270px;
		}

	#main #contact_form #email_form em {
		font-size: 11px;
		font-style: normal;
		}

	#main #contact_form #email_form input.submit {
		background: none;
		border: 0;
		float: right;
		color: #fff;
		width: 55px;
		border-bottom: 1px solid #fff;
		margin-right: 40px;
		outline: 0;
		margin-top: -14px;
		}



/* SECTION DESIGN ELEMENTS
=============================================*/

/* MAIN AND COMPOSITE_MAIN
ALL SECTIONS HEADLINE AND SUBNAV
=============================*/
#main #headline_nav, 
#main_composite #headline_nav {
	display: block;
	height: 50px;
	margin-bottom: 16px;
	text-align: right;
	width: 998px;
	}

	#main #home_headline {
		height: 35px;
		width: 998px;
		}

	#main #headline_nav h1, 
	#main_composite #headline_nav h1 {
		color: #333333;  /*  WHO WE ARE, type text, on the right side in 'column 2' */
		display: inline;
		font-size: 1.40em;
		font-weight: 600;
		height: 50px;
		letter-spacing: 0.04em;
		line-height: 66px;
		margin-left: 6px;
		margin-right: 36px;
		margin-top: 6px;
		text-transform: uppercase;
		}

	#main_composite #headline_nav h1 {
		color: #7c7a7a;
		}

		#main #headline_nav p.nav2 {
			margin-right: 10px;
			display: inline;
			}

		#main #headline_nav p.nav2 a {
			color: #b5b5b5;
			font-size: .85em;
			text-decoration: none;
			margin: 0 2px 10px 2px;
			}

		#main #headline_nav p.nav2 a:hover {
			text-decoration: underline;
			}

			#main #headline_nav p.nav2 a.active {
				color: #BF311B;
				}

/* HOME
============================== */
#home_col1 {
	height: 370px;
	float: left;
	width: 582px;
	margin-left: 50px;
	padding-right: 31px;
	border-right: 1px solid #4F4F4F;   /*  divider on home page between columns */
	}

#home_col2 {
	color: #cc0000;
	height: 370px;
	float: right;
	width: 250px;
	overflow: auto;
	margin-right: 53px;
	}

	#home_col2 h2 {
		margin: 2px 0 6px 0;
		text-shadow: 1px 1px 1px #8F8F8F;
		}

	#main #home_col2 h3{
		border-bottom: 1px solid #8F8F8F;
		margin-bottom: 3px;
		}
	
	#main #home_col2 #email_signup label {
		color: #fff;
		font-size: .9em;
		}

	#main #home_col2 #email_signup input {
		color: #000;
		font-size: .8em;
		}

	#main #home_col2 address {
		color: #9f9e9e;
		font-size: .75em;
		line-height: 11px;
		margin-top: 6px;
		}

/* ABOUT 
==Who We Are & Our Mission, Involvement */
#about_who_col1 {
	height: 338px;
	float: left;
	width: 385px;
	margin-left: 58px;
	}

#about_who_col2 {
        color: cc0000;
	height: 317px;
	float: right;
	margin-right: 75px;
	overflow: auto;
	width: 400px;
	}

#about_who_col3 {
        color: 00cc00;
	height: 317px;
	float: right;
	margin-right: 75px;
	overflow: auto;
	width: 400px;
	}

#about_who_col4 {
        color: 333333;
	height: 317px;
	float: right;
	margin-right: 75px;
	overflow: auto;
	width: 400px;
	}


/* Services
== What can we do for you */
#services_col1 {
	height: 338px;
	float: left;
	width: 460px;
	margin-left: 58px;
	}

#services_col2 {
	height: 338px;
	float: right;
	margin-right: 58px;
	overflow: auto;
	width: 350px;
	}





/* MAIN COMPOSITE
=============================================*/
#main_composite {
	background-color: #f3f3f5;    /* background of lower part, if picture was not there */
	clear: both;
	width: 1000px;
	height: 455px;	
	}

#main_composite #headline_nav p {
			display: inline;
			height: 20px;
			padding-bottom: 10px;
			}

		#main_composite #headline_nav p.nav2 a:link, 
		#main_composite #headline_nav p.nav2 a:visited {
			color: #7c7a7a;
			font-size: .85em;
			text-decoration: none;
			margin: 0 2px 10px 2px;
			}

		#main_composite #headline_nav p.nav2 a:hover {
			text-decoration: underline;
			}

			#main_composite #headline_nav p.nav2 a.active {
				color: #ff6600;
				}
	
	#main_composite #comp_col_one {
		height: 338px;
		float: left;
		margin-left: 40px;
		overflow: auto;
		width: 388px;
		}

		#main_composite #comp_col_one p,
		#main_composite #comp_col_two p {
			color: #7c7a7a;
			}

		#main_composite #comp_col_one a,
		#main_composite #comp_col_one a:visited {
			color: #ff6600;
			text-decoration: underline;
			}

		#main_composite #comp_col_one a:hover {
			text-decoration: none;
			}

	#main_composite #comp_col_two {
		height: 338px;
		float: right;
		margin-right: 35px;
		width: 482px;
		overflow: auto;
		padding-left: 30px;
		border-left: 1px solid #AFAFAF;
		}

		#main_composite #comp_col_two h2 {
			color: #ff6600;
			}

		#main_composite #comp_col_two h3 {
			color: #ff6600;
			}

			#main_composite #comp_col_two h3 span {
				font-size: 14px;
				color: #58575D;
				}



/* OUR WORK
==Dynamic Environments */
#main #dynamic_col1 {
	width: 425px;
	margin-left: 50px;
	height: 338px;
	float: left;
	}
	
	#main #dynamic_col1 #awards_text {
		overflow: auto;
		width: 424px;
		height: 185px;
		}

#main #dynamic_col2 {
	width: 420px;
	margin-right: 50px;
	height: 350px;
	float: right;
	padding-left: 26px;
	border-left: 1px solid #4F4F4F;
	}

	#main #dynamic_col2 h4 {
		margin-top: 0;
		margin-bottom: 8px;
		}

	#main #dynamic_col2 #videos {
		background-color: #7c7a7a;
		height: 275px;
		width: 419px;
		overflow: auto;
		margin-bottom: 14px;
		}
		
		#main #dynamic_col2 #videos .example {
			width: 365px;
			height: 55px;
			margin: 14px auto;
			}
		
			#main #dynamic_col2 #videos .example a img {
				padding-right: 9px;
				}

			#main #dynamic_col2 #videos .example h5 {
				display: inline;
				line-height: 16px;
				}

/*CAPABLE
==Specialty Lighting */

#main #light_col1 {
	width: 280px;
	height: 338px;
	margin-left: 50px;
	float: left;
	}

#main #light_col2 {
	height: 318px;
	width: 605px;
	margin-right: 35px;
	float: right;
	padding-left: 18px;
	border-left: 1px solid #4F4F4F;
	}

	#main #light_col2 h1 {
		color: #b5b5b5;
		margin-top: -4px;
		}

	#main #light_col2 img {
		border: 1px solid #4f4f4f;
		}

	/* OUR WORK
==Before and After*/
#main #beforeafter_col1 {
	float: left;
	height: 338px;
	width: 375px;
	margin-left: 110px;
	}


#main #beforeafter_col2 {
	float: right;
	height: 338px;
	width: 384px;
	margin-right: 105px;
	}


		#main #beforeafter_col2 #main_content {
			height: 282px;
			overflow: auto;
			width: 373px;
			margin-top: 30px;
			}

/* CONTACT
==Employee Directory */
#main #emp_col1 {
	height: 350px;
	width: 340px;
	margin-left: 80px;
	float: left;
	}

	#main #emp_col1 #emp_text {
		height: 162px;
		width: 336px;
		margin-bottom: 12px;
		border: 1px solid #4f4f4f;
		}

#main #emp_col2 {
	height: 350px;
	width: 390px;
	margin-right: 75px;
	float: right;
	padding-left: 50px;
	border-left: 1px solid #4f4f4f;
	overflow: auto;
	}
	
	#main #emp_col2 h2 {
		color: #fff;
		border-bottom: 1px solid #c0bfbf;
		margin: 8px 0;
		}

	#main #emp_col2 div {
		height: 105px;
		padding-bottom: 10px;
		margin-bottom: 10px;
		margin-right: 5px;
		}
		
		#main #emp_col2 div img {
			border: 1px solid #4f4f4f;
			margin-right: 20px;
			}

		#main #emp_col2 div h3 {
			color: #b5b5b5;
			font-size: 20px;
			font-weight: 400;
			margin-bottom: 3px;
			}

		#main #emp_col2 div h4 {
			color: #fff;
			font-size: 14px;
			}

/* SEARCH
== Search Results */
#main #search_results {
	width: 960px;
	height: 338px;
	overflow: auto;
	margin:  0 40px;
	}
	
	#wrap #main #search_results ol {
		list-style: decimal outside;
		margin-top: 20px;
		}

	#wrap #main #search_results ol li {
		margin:12px 0 12px 10px;
		}

		#main #search_results ol li a,
		#main #search_results ol li a:visited {
			color: #DFDFDF;
			}

	#main #search_results #search_form {
		margin: 30px 0 0 0;
		padding-top: 10px;
		border-top: 1px solid #d4d4d4;
		width: 600px;
		}


#main #search_results h2 {
	margin-bottom: 10px;
	}

	#main #search_results h2 em {
		color: #efefef;
		}
	
/* FTP
== FTP Login */
#main #ftp_main {
	width: 850px;
	margin: 75px auto;
	}

	#main #ftp_main form#ftplogin {
		margin: 0 auto;
		width: 360px;
		height: 275px;
		}

	#ftp_main form#ftplogin fieldset {
		border: 1px solid #696868;
		padding: 0;
		}

	#ftp_main form#ftplogin h3 {
		background-color: #222122;
		width: 100%;
		padding: 10px 0;
		margin: 0 0 35px 0;
		text-align: center;
		font-weight: 300;
		}

	#ftp_main form#ftplogin ul {
		margin-bottom: 35px;
		}

	#ftp_main form#ftplogin li {
		list-style: none inside;
		height: 30px;
		}

	#ftp_main form#ftplogin label {
		margin: 0 10px 0 55px; 
		width: 65px;
		display: block;
		text-align: right;
		float: left;
		font-size: 11px;
		color: #b5b5b5;
		}

	#ftp_main form#ftplogin input.submit {
		margin-left: 150px;
		background: transparent url(loginbutton.jpg) 0 0 no-repeat;
		width: 51px;
		height: 20px;
		border: none;
		outline: none;
		}

/* COUNT ARROWS  ===============*/
#main #headline_nav p.nav {
	margin-right: 10px;
	display: inline;
	position: relative;
	}

#main #headline_nav p.nav a.bckarrow img {
	position: absolute;
		bottom: -4px;
		left: -16px;
	}

#main #headline_nav p.nav a.fwdarrow img {
	position: absolute;
	bottom: -4px;
	right: -8px;
	}


#headline_nav p.nav span.position {
	color: #bf311b;
	}

#headline_nav p.nav span.rowcount {

	}