/* @override 
	http://localhost:8888/electrolight/css/screen.css
	http://localhost:8888/electrolight/css/screen_v3.css
*/

body {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	line-height: 16px;
	color: #fff;
	background-color: #000000;
	padding: 0; 
	margin: 0;
}

img { border:none; }
.green { color: #00FF00; }
.white { color: #ffffff; }
.grey {color: #666;}

a:link, a:visited{color: #00FF00; text-decoration: none;}
a:hover, a:active{color: #999; text-decoration: none;}

textarea { background-color: #333; color:#fff; border: none; padding: 5px; font-family: arial; font-size: 12px; }


#header, #content, #footer { 
	width:762px; 
}

#wrap { 
	margin: 0 auto;
	width:762px; 
}

h4{
	font-size: 20px;
	margin-top: 0px;
	margin-bottom:3px;
}

h4{
	font-size: 15px;
	margin-top: 0px;
	margin-bottom:3px;
}

h5{
	font-size: 14px;
	margin-top: 0px;
	margin-bottom:3px;

}

.clear {
	clear: both;
	padding-top: 20px;
}

/* **********************************  ADMIN */

#admin #left {
	float: left;
}
#admin #right {
	float: left;
	margin-left: 80px;
	margin-top: 20px;
}
.admin_form {
	
	color: #999;
}
.input_general,  .input_general2,  .input_small,  .input_small2,  .input_small3  {
	font-family: Arial, Helvetica, sans-serif; 
	background-color: #393a3a;
	border-style: none;
	color: #fff;
	font-size: 14px;
	padding: 5px;
	margin-left: 0px;
	font-size: 13px;
}
 .input_general {
	width: 400px;
}
 .input_general2 {
	width: 600px;
}
 .input_small {
	width: 200px;	
}
 .input_small2 {
	width: 100px;	
}
 .input_small3 {
	width: 50px;	
}
 .input_file {
	width: 250px;
	color: #4c4c4c;	
}


.admin_form #title {
	width: 550px;
}

.admin_form .date{
	float: left;
	margin-right: 40px;
}

#admin select{ width: 200px; }
#admin .select_wide{ width: 300px; }
#admin .select_wide2{ width: 500px; }

#help {
	margin-top: 10px;
}
#help_content{
	display: none;
	padding-top: 10px;
	color: #999;
}


/* **********************************  HEADER */

#header {
	margin: 0px;
	padding: 14px 0px 7px 0px;	
}
#topnav, #subnav {
	height: 14px;
	border-top: #fff 1px solid;
	border-bottom: #fff 1px solid;
	padding-top: 0px;
	padding-bottom: 0px;
}
#topnav {
	margin-bottom: 4px;
}
#subnav {
	margin-top: 5px;
	margin-bottom: 6px;
}
/*#subnav h1 { height: 0px; margin: 0; }*/

/*
#topnav div {float: left;}
#nav_works {margin-left: 128px;}
#nav_news {margin-left: 256px;}
*/

#topnav ul, #subnav ul  {
	margin: 0;
	padding: 0;
}
#topnav li, #subnav li  {
	float: left;
	list-style: none;
	
	
	
	/*text-indent: -8000px;*/
}

#topnav a, #subnav a {
	width: 120px;
	float: left;
	padding: 14px 0 0 0; 
	overflow: hidden;
	height: 0px !important; 
	height /**/:14px; /* for IE5/Win */
	}
	
#topnav a:hover, #subnav a:hover {
	background-position: 0 -14px;
	}
	
#topnav a.selected, #subnav a.selected {
	background-position: 0 -14px;
	}	

#topnav a:active, #subnav a:active {
	background-position: 0 -14px;
}

#nav-home, #nav-home a   { background: url(../image/nav/nav-home.gif) no-repeat; }
#nav-profile, #nav-profile a {background: url(../image/nav/nav-profile.gif) no-repeat; }
#nav-works, #nav-works a  { background: url(../image/nav/nav-works.gif) no-repeat; }
#nav-news, #nav-news a   { background: url(../image/nav/nav-news.gif) no-repeat; }
#nav-contactus, #nav-contactus a   { background: url(../image/nav/nav-contact.gif) no-repeat; }
#nav-media, #nav-media a   { background: url(../image/nav/nav-media.gif) no-repeat; }
#nav-settings, #nav-settings a   { background: url(../image/nav/nav-settings.gif) no-repeat; }
#nav-gotosite, #nav-gotosite a   { background: url(../image/nav/nav-gotosite.gif) no-repeat; }
#nav-lightcycle, #nav-lightcycle a   { background: url(../image/nav/nav-lightcycle.gif) no-repeat; }
#nav-blog, #nav-blog a   { background: url(../image/nav/nav-blog.gif) no-repeat; }

#subnav-selectedworks, #subnav-selectedworks a {background: url(../image/nav/subnav-selectedworks.gif) no-repeat; }
#subnav-projectslist, #subnav-projectslist a  { background: url(../image/nav/subnav-projectslist.gif) no-repeat; }
#subnav-contact, #subnav-contact a  { background: url(../image/nav/subnav-contact.gif) no-repeat; }
#subnav-careers, #subnav-careers a  { background: url(../image/nav/subnav-careers.gif) no-repeat; }
#subnav-aboutus, #subnav-aboutus a  { background: url(../image/nav/subnav-aboutus.gif) no-repeat; }
#subnav-team, #subnav-team a  { background: url(../image/nav/subnav-team.gif) no-repeat; }
#subnav-recognition, #subnav-recognition a  { background: url(../image/nav/subnav-recognition.gif) no-repeat; }
#subnav-theory, #subnav-theory a  { background: url(../image/nav/subnav-theory.gif) no-repeat; }
#subnav-news, #subnav-news a   { background: url(../image/nav/nav-news.gif) no-repeat; }
#subnav-credits, #subnav-credits a   { background: url(../image/nav/subnav-credits.gif) no-repeat; }
#subnav-disclaimer, #subnav-disclaimer a   { background: url(../image/nav/subnav-disclaimer.gif) no-repeat; }
#subnav-showall, #subnav-showall a   { background: url(../image/nav/subnav-showall.gif) no-repeat; }
#subnav-byproject, #subnav-byproject a   { background: url(../image/nav/subnav-byproject.gif) no-repeat; }
#subnav-upload, #subnav-upload a   { background: url(../image/nav/subnav-upload.gif) no-repeat; }
#subnav-homeimages, #subnav-homeimages a   { background: url(../image/nav/subnav-homeimages.gif) no-repeat; }
#subnav-editsector, #subnav-editsector a   { background: url(../image/nav/subnav-editsector.gif) no-repeat; }
#subnav-editlocation, #subnav-editlocation a   { background: url(../image/nav/subnav-editlocation.gif) no-repeat; }
#subnav-help, #subnav-help a   { background: url(../image/nav/subnav-help.gif) no-repeat; }
#subnav-addproject, #subnav-addproject a   { background: url(../image/nav/subnav-addproject.gif) no-repeat; }
#subnav-deleteproject, #subnav-deleteproject a   { background: url(../image/nav/subnav-deleteproject.gif) no-repeat; }
#subnav-newslist, #subnav-newslist a   { background: url(../image/nav/subnav-newslist.gif) no-repeat; }
#subnav-addnews, #subnav-addnews a   { background: url(../image/nav/subnav-addnews.gif) no-repeat; }
#subnav-deletenews, #subnav-deletenews a   { background: url(../image/nav/subnav-deletenews.gif) no-repeat; }
#subnav-map, #subnav-map a   { background: url(../image/nav/subnav-map.gif) no-repeat; }
#subnav-details, #subnav-details a   { background: url(../image/nav/subnav-details.gif) no-repeat; }
#subnav-addmappoint, #subnav-addmappoint a   { background: url(../image/nav/subnav-addmappoint.gif) no-repeat; }
#subnav-addteammember, #subnav-addteammember a   { background: url(../image/nav/subnav-addteammember.gif) no-repeat; }
#subnav-teamimages, #subnav-teamimages a   { background: url(../image/nav/subnav-teamimages.gif) no-repeat; }
#subnav-lightcycle, #subnav-lightcycle a   { background: url(../image/nav/subnav-lightcycle.gif) no-repeat; }
#subnav-rules, #subnav-rules a   { background: url(../image/nav/subnav-rules.gif) no-repeat; }
#subnav-entryform, #subnav-entryform a   { background: url(../image/nav/subnav-entryform.gif) no-repeat; }
#subnav-entryformpage, #subnav-entryformpage a   { background: url(../image/nav/subnav-entryformpage.gif) no-repeat; }
#subnav-entries, #subnav-entries a   { background: url(../image/nav/subnav-entries.gif) no-repeat; }
#subnav-faqs, #subnav-faqs a   { background: url(../image/nav/subnav-faqs.gif) no-repeat; }

#subnav-gallery, #subnav-gallery a   { background: url(../image/nav/subnav-gallery.gif) no-repeat; }
#subnav-prizes, #subnav-prizes a   { background: url(../image/nav/subnav-prizes.gif) no-repeat; }

#subnav-2007gallery, #subnav-2007gallery a   { background: url(../image/nav/subnav-2007gallery.gif) no-repeat; }
#subnav-2009gallery, #subnav-2009gallery a   { background: url(../image/nav/subnav-2009gallery.gif) no-repeat; }
#subnav-2010gallery, #subnav-2010gallery a   { background: url(../image/nav/subnav-2010gallery.gif) no-repeat; }
#subnav-2011gallery, #subnav-2011gallery a   { background: url(../image/nav/subnav-2011gallery.gif) no-repeat; }
#subnav-2012gallery, #subnav-2012gallery a   { background: url(../image/nav/subnav-2012gallery.gif) no-repeat; }
#subnav-2013gallery, #subnav-20123gallery a   { background: url(../image/nav/subnav-2013gallery.gif) no-repeat; }

/*
#topnav .selected {
	background-color: #fff;
	color: #000;
}
*/

#logo {
	height:110px;
}
#logo img {
	padding-top: 10px;
}
#logo a {
	color: #141414;
}

/* **********************************  CONTENT */

#content { 
	margin: 0px;
}

#hero_container {
	position: relative;
	margin: 0px;
	padding: 0px;
	background-color: #000;
	
	min-height: 339px;
	height:auto !important;
	height:339px;
}

#hero_overlay{
	position: absolute; 
	top: 14px; left: 10px; 
	
}

/*
#hero_overlay h1, #hero_overlay h2 {
	margin-top: 0px;
	padding-bottom: 0px;
	 
	color: #ffffff;
}
#hero_overlay h1 { padding-top: 14px;  }
#hero_overlay h2 {color: #00FF00; margin-top: -.2em;}

*/
#hero_overlay .overlay {
	color: #ffffff;
	/*line-height: 30px;*/
	opacity:.8;
	filter: alpha(opacity = 80);

}
#hero_overlay .overlay_green {
	color: #00FF00;
	opacity:.8;
	filter: alpha(opacity = 80);

}
#news .news_green {
	color: #00FF00;
	font-size: 13px;
	/*opacity:.8;*/
}

#news .news_grey {
	color: #666;
	font-size: 13px;
}

#news h4 {
	margin-bottom: 10px;
}



#hero_thumbs, #case_studies_thumbs {
	width: 766px;
	margin-top: 4px;
	
}
#hero_thumbs div {
	
	width: 250px;
	height: 110px;
	float: left;
	margin-right: 4px;
	padding-left: 0px;
	opacity: .2;
	filter: alpha(opacity = 20);
	overflow: hidden;
	
}

#hero_thumbs #thumb2, #hero_thumbs #thumb3{
	padding-left: 2px;
}

#case_studies_thumbs div {
	float: left;
}

/*
#hero_thumbs div a:link {
	opacity: .4;
	
}
#hero_thumbs div a:hover {
	opacity: .9;
}
*/

#projects_list, #recognition_list, #recognition_tbl, #theory_tbl, #projects_tbl, #selectedworks_tbl, #admin_news_tbl, #admin_map_tbl {
	width: 762px;
	
	min-height: 160px;
	height:auto !important;
	height:160px;

	margin-top: 10px;
	margin-bottom: 14px;
	background: url(../image/bg_line.gif) repeat-y;
	font-size: 11px;
	line-height: 15px;
	float: left;
	color: #666;
	clear: both;
}

#admin_news_tbl, #admin_map_tbl {
	line-height: 19px;
}

.projectlist_row div, #projectlist_heading div, #recognition_list_heading div, .recognition_list_row div{
	float: left;
	margin: 2px 0;
}

#admin_map_tbl_heading {color: #00FF00; }

.projectlist_row a:link, .projectlist_row a:visited{ color: #fff; }
.projectlist_row a:hover{ color: #00FF00; }

.selectedworks_tbl_row a:link, .selectedworks_tbl_row a:visited{ color: #fff; }
.selectedworks_tbl_row a:hover{ color: #000; }

.project_tbl_row a:link, .project_tbl_row a:visited{ color: #666; }
.project_tbl_row a:hover{ color: #fff; }
.recognition_tbl_row a:link, .recognition_tbl_row a:visited{ color: #666; }
.recognition_tbl_row a:hover{ color: #fff; }
.theory_tbl_row a:link, .theory_tbl_row a:visited{ color: #666; }
.theory_tbl_row a:hover{ color: #fff; }
.admin_news_tbl_row a:link, .admin_news_tbl_row a:visited{ color: #666; }
.admin_news_tbl_row a:hover{ color: #fff; }
.admin_map_tbl_row a:link, .admin_map_tbl_row a:visited{ color: #666; }
.admin_map_tbl_row a:hover{ color: #fff; }



#projects_list .title { width: 420px; }
#projects_list .sector, #projects_list .location { width: 130px; }
#projects_list .start, #projects_list .end { width: 40px; }

#projects_tbl td {padding: 1px 7px 1px 2px; }
#projects_tbl .title { width: 420px; }
#projects_tbl .sector, #projects_tbl .location { width: 130px; }
#projects_tbl .start, #projects_tbl .end { width: 40px; }

#selectedworks_tbl td {padding: 1px 7px 1px 2px; }
#selectedworks_tbl .title { width: 420px; }
#selectedworks_tbl .sector, #selectedworks_tbl .location { width: 130px; }
#selectedworks_tbl .start, #selectedworks_tbl .end { width: 40px; }

#recognition_list div {padding-right: 7px;}
#recognition_list .title { width: 320px; }
#recognition_list .date { width: 170px; }
#recognition_list .file { width: 200px; }

#recognition_tbl td {
	padding: 2px 10px 2px 2px;
	vertical-align: top;
}
#theory_tbl td {
	padding: 2px 10px 2px 2px;
	vertical-align: top;
}
#recognition_tbl .date { width: 40px; }
#recognition_tbl .title { width: 440px; }
#recognition_tbl .note { width: 255px; }

#theory_tbl .title { width: 340px; }
#theory_tbl .date { width: 170px; }
#theory_tbl .file { width: 225px; }

#admin_news_tbl .title { width: 540px; }
#admin_news_tbl .date { width: 170px; }
#admin_news_tbl .display { width: 60px; }

#admin_map_tbl .title { width: 440px; }
#admin_map_tbl .lat { width: 150px; }
#admin_map_tbl .long { width: 150px; }
#admin_map_tbl .display { width: 60px; }

.recognition_list_row_over { color: #00FF00; }
.recognition_list_row_out { color: #ffffff; }

.recognition_tbl_over, .theory_tbl_over, .project_tbl_over, .admin_news_tbl_over, .admin_map_tbl_over { color: #fff; background-color: #141414; }
.recognition_tbl_out, .theory_tbl_out, .project_tbl_out, .admin_news_tbl_out, .admin_map_tbl_out { color: #aeaeae; background-color:transparent;}
.selectedworks_tbl_over { color: #000; background-color: #00FF00; }
.selectedworks_tbl_out { color: #fff; background-color: transparent; }
/*.recognition_tbl_over { color: #00FF00;  }
.recognition_tbl_out { color: #ffffff; }*/



#text {
	width: 762px;

	min-height:100px;
	height:auto !important;
	height:100px;

	
	margin-top: 10px;
	margin-bottom: 14px;
	padding-bottom: 14px;
	background: url(../image/bg_line.gif) repeat-y;
	font-size: 11px;
	line-height: 15px;
	float: left;
}
#text_home {
	width: 764px;
	
	min-height: 190px;
	height:auto !important;
	height:190px;
	
	margin-top: 10px;
	margin-bottom: 14px;
	background: url(../image/bg_line.gif) repeat-y;
	font-size: 11px;
	line-height: 15px;
	float: left;
}

.news_container{
	width: 460px;
	margin-bottom: 60px;
	line-height: 18px;
	
}
.contact_container{
	float: left;
	margin-right: 50px;
	margin-bottom: 30px;
}

#admin .sort_handle{
	height: 10px;
	background-color: #555;
	margin-bottom: 10px;
}

#aboutus_left{
	float: left;
	width: 400px;
	line-height: 18px;	
}
#aboutus_right{
	float: left;
	width: 342px;
	margin-top: 10px;
	padding-right: 20px;
	text-align: right;
	line-height: 18px;	
}

.right_text {
	margin-left: 100px;
	color: #666;
}


#media_container {

}

#media_container .thumb {	
	float: left;
	width: 252px;
	
	min-height: 200px;
	height:auto !important;
	height:200px;

	overflow: hidden;
	margin-right: 2px;
	margin-bottom: 10px;
	
	border-top: solid 10px #2a2a2a;
	padding-top: 2px;

}

#media_container  .icons {
	padding-top: 4px;

}

#media_container .thumb_info {	
overflow: hidden;
background-color: #141414;
padding-left: 4px;
margin-right: 2px;
margin-top: 2px;
color: #666;
}

#text h1 {
	margin-top: 7px;
	margin-bottom: 7px;
	margin-left: 0px;
	font-size: 12px;
	font-weight: normal;
}

#text_home h2 {
	font-size: 17px;
}

#text_home h3 {
	font-size: 13px;
	line-height: 21px;
	width: 400px;
}


#team_images div { 
	float:left; 
	width:150px;
	height:163px;
	margin-right:2px;
	
	overflow:hidden;
}
#team_images .unselected {
	opacity: .4;
	filter: alpha(opacity = 40);
	width: 100%; /* stupid IE */
	zoom: 1; /* stupid IE */
}
#team_details{
	width: 450px;
	line-height: 18px;
}

#careers_copy{
	width: 450px;
}


/*
#text #col1, #text #col2, #text #col3, #text #col4 {
	width: 177px;
	padding-top: 2px;
	padding-right: 10px;
	margin-right: 2px;
	margin-left: 2px;
	float: left;
	color: #666;
}
*/
#text #col1, #text #col2, #text #col3 {
	width: 230px;
	padding-top: 2px;
	padding-right: 20px;
	margin-right: 2px;
	margin-left: 2px;
	float: left;
	color: #666;

}
 * html #text #col1 {
    \width: 228px; /* for IE5 and IE6 in quirks mode */
    w\idth: 228px; /* for IE6 in standards mode */
  } 
   * html #text #col2 {
    \width: 230px; /* for IE5 and IE6 in quirks mode */
    w\idth: 230px; /* for IE6 in standards mode */
  } 
   * html #text #col3 {
    \width: 220px; /* for IE5 and IE6 in quirks mode */
    w\idth: 220px; /* for IE6 in standards mode */
  } 
/*
#text #col1{
  width:250px; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:230px;

}
#text #col2{
  width:250px; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:230px;
}
#text #col3{
  width:250px; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:230px;
}
*/
#text h3 {
	color: #00FF00;
	font-size: 11px;
	font-weight: normal;
	margin: 10px 0;
}

#info #container {
	width: 400px;
}

#media_upload {
	margin-bottom: 50px;
}


.faq_admin {
	margin-bottom: 25px;
	margin-top: 15px;
}

.faq_admin_handle{
	height:7px;
	width:200px;
	background-color: #444;
}

.submission_entry_admin{
	margin-bottom: 25px;
}
.submission_title{
	font-size: 15px;
}


.lightcycle_gallery_1, .lightcycle_gallery_2, .lightcycle_gallery_3, .lightcycle_gallery_4, .lightcycle_gallery_5 {
	
	margin-right: 13px;
	margin-bottom: 12px;
	float: left;	
}

.lightcycle_gallery_1{
	margin-left: 3px;
}

.lightcycle_gallery_2, .lightcycle_gallery_3 {
	margin-right: 14px;
}
.lightcycle_gallery_5 {
	margin-right: 0px;
}

/* **********************************  FOOTER */

#footer { 

	width: 752px;
	clear: both;
	border-top: solid #fff 1px;
	border-bottom: solid #fff 1px;
	margin: 15px 0px;
	padding: 4px 4px 2px 4px;
	height: 16px;
	font-size: 10px;

}

/*#footer a:link { color: #00FF00;}*/





/* **********************************  TOOL TIPS */

.tool-tip {
	color: #00FF00;
	/*width: 139px;*/
	z-index: 13000;
	background-color: #000;
	: .8;
	filter: alpha(opacity = 80);

}
 
.tip-title {
	font-weight: normal;
	font-size: 10px;
	margin: 0;
	color: #00FF00;
	padding: 4px 8px 4px 8px;
	
}
 
.tip-text {
	font-size:9px;
	padding: 0px 6px;
	/*background: url(bubble.png) bottom right;*/
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #000;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}