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

body {
	background-color: #FFFFFF;
	height:100%;
	}

p {	font-size:11.5px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	border:none;
	padding:0px;
	margin:0px;
	}
	
ul{	font-size:11.5px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	border:none;
	padding:6px;
	margin:8px;
	}

#main-container {
	background-color: #FFFFFF;
	top:0px;
	left:0px;
	height:760px;
	width:1024px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	visibility:visible;
	overflow:hidden;
	z-index:0;
	}

/* Atomic logo */ 

#atomic_logo {top:20px; left:20px; height:26px; width:144px; background-image:url(images/AtomicGreenLogo.gif); background-repeat:no-repeat; position:absolute;}

/* "A" "UK" and "DE" graphics - ID the div in localized index file as appropriate for country */

#atomic_A {top:20px; left:628px; height:72px; width:61px; background-image:url(images/A-green.gif); background-repeat:no-repeat; position:absolute;}
#atomic_UK {top:20px; left:628px; height:72px; width:84px; background-image:url(images/uk-green.gif); background-repeat:no-repeat; position:absolute;}
#atomic_DE {top:20px; left:628px; height:72px; width:84px; background-image:url(images/de-green.gif); background-repeat:no-repeat; position:absolute;}

/* Country Flags for localized site links */

#us_flag  {position:absolute; top:20px; left:719px; width:24px; height:18;}
#uk_flag  {position:absolute; top:20px; left:747px; width:24px; height:18;}
#de_flag  {position:absolute; top:20px; left:775px; width:24px; height:18;}

/* Links to Contact and Atomic Blog */

#contact_link {top:18px; left:222px; 
	position:absolute;
	color:#006666;
	}
#contact_link a {color:#006666; text-decoration:none;}
#contact_link a:hover {color: #92cf1e;}

#blog_link {top:34px; left:222px;
	position:absolute;
	color:#006666;
	}
#blog_link a {color:#006666; text-decoration:none;}
#blog_link a:hover {color: #92cf1e;}

.news_link a  {color: #000000;text-decoration:none;}
.news_link a:hover {color: #92cf1e;}

.panel_link a {color:#006666; text-decoration:none;}
.panel_link a:hover {color: #92cf1e;}

.more_link a {
position:absolute;
top:370px;
left:130px; 
color:#999999; text-decoration:none; font-weight:bold;}
.more_link a:hover {color: #92cf1e;}

.method_more_link a {
color:#999999; text-decoration:none; font-weight:bold;
float:right;}
.more_link a:hover {color: #92cf1e;}



/* Mouseover boundaries for removal of column highlight */

.event_edge{position:absolute;}
#top_event_edge {top:48px; left:0px; width:1024px; height:80px;}
#left_event_edge {top:0px; left:0px; width:24px; height:760px;}
#right_event_edge {top:0px; left:1000px; width:30px; height:760px;}
#bottom_event_edge_method {left:0px; bottom:0px; width:817px; height:60px; padding:10px; position:fixed; z-index:11;}


/* Vertical bars seperating columns */
	
#top_vbar1 {background-color:#CCCCCC; top:120px ; left:207px; height:50px; width:1px; position:absolute;}
#top_vbar2 {background-color:#CCCCCC; top:120px ; left:410px; height:50px; width:1px; position:absolute;}
#top_vbar3 {background-color:#CCCCCC; top:120px ; left:613px; height:50px; width:1px; position:absolute;}
#top_vbar4 {background-color:#CCCCCC; top:120px ; left:817px; height:50px; width:1px; position:absolute;}
#bottom_vbar1 {background-color:#CCCCCC; top:190px ; left:207px; height:550px; width:1px; position:absolute;}
#bottom_vbar2 {background-color:#CCCCCC; top:190px ; left:410px; height:550px; width:1px; position:absolute;}
#bottom_vbar3 {background-color:#CCCCCC; top:190px ; left:613px; height:550px; width:1px; position:absolute;}
#bottom_vbar4 {background-color:#CCCCCC; top:190px ; left:817px; height:550px; width:1px; position:absolute;}

/* Menu titles - When highlighted, background image is swapped via JS, non-selected titles are set to 50% opacity. */

p.column_title{
	font-weight: bold;
	color:#000000;
	position:absolute;
	}
#method_title {left:0px; top:0px; width:51px; height:9px;}
#results_title {left:0px; top:0px; width:53px; height:9px;}
#about_title {left:0px; top:0px; width:41px; height:9px;}
#services_title {left:0px; top:0px; width:59px; height:9px;}
#news_title {left:0px; top:0px; width:35px; height:9px;}

/*  "close" text/button for closing an opened panel   */

p.close{
	position:absolute;
	color: #888888;
	font-weight:bold;
	visibility:hidden;
	}
p.close:hover {color: #92cf1e;}

#method_close{left:0px; top:16px;}
#results_close{left:0px; top:16px;}
#about_close{left:0px; top:16px;}
#services_close{left:0px; top:16px;}
#news_close{left:0px; top:16px;}

/* 	Menu subtitles - Normal text color is blue/green (006666).
	Hilighted text color is set via JS to light green (9ecf1e).
	Non-highlighted subtitles set to gray (cccccc).  */

p.subtitle{
 	color: #006666;
	left:0px; top:68px;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size:19px;
	letter-spacing: -.5px;
	line-height: 110%;
	
	}	
#method_subtitle{}
#results_subtitle{}
#about_subtitle{}
#services_subtitle{}
#news_subtitle{}

/*  Column containers - Container divs for the column_content divs.
	Provide rollover events for titles, subtitles, and columns */

.column_container{
	background-color: #ffffff;
	position:absolute;
	cursor:pointer;
	z-index:10;
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	}
#method_column_container{left: 20px; top: 130px; width: 180px; height: 610px;}
#results_column_container{left: 222px; top: 130px; width: 180px; height: 610px;}
#about_column_container{left: 425px; top: 130px; width: 180px; height: 610px;}
#services_column_container{left: 628px; top: 130px; width: 180px; height: 610px;}
#news_column_container{left: 831px; top: 130px; width: 180px; height: 610px; cursor:default;}

/* 	Content containers for columns */
		
#method_column_content{left: 0px; top: 150px; width: 178px; height: 460px; position:absolute;}
#results_column_content{left: 0px; top: 150px; width: 178px; height: 460px;	position:absolute;}






#about_column_content{left: 0px; top: 150px; width: 178px; height: 460px; position:absolute;}
#services_column_content{left: 0px; top: 150px; width: 178px; height: 460px; position:absolute;}
#news_column_content{left: 0px; top: 150px; width: 178px; height: 460px; position:absolute;}

#results_column_content p {margin-bottom: 10px;}

.results_infobox{
	border-width:1px;
	border-style:solid;
	border-color:#dddddd;
	background-color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	line-height:105%;
	font-size:10px;
	margin-bottom:10px;
	}





/* Client image rotator in the About column */

#client_animation{
	left:0px; width:173px; height:130px;
	margin-top:10px;
	margin-bottom:5px;
	}


/**************************  LEVEL 2 INTERFACE  *****************************/
/*																			*/
/* 	Containers for sliding section panels 									*/
/*																			*/

.panel_container{
	position:absolute;
	z-index:20;
	visibility:hidden; 
	overflow:hidden;
	background-color:#FFFFFF;
	}
#method_panel_container{left: 0px; top: 190px; width: 609px; height: 550px;}	
#results_panel_container{left: 208px; top: 190px; width: 609px; height: 550px;}
#about_panel_container{left: 411px; top: 190px; width: 609px; height: 550px;}
#services_panel_container{left: 208px; top: 190px; width: 609px; height: 550px;}
#news_panel_container{left: 411px; top: 190px; width: 609px; height: 550px;}

/*  Sliding panels  

VERY IMPORTANT!!  REMEMBER TO ALSO EDIT THE
PANEL LEFT, TOP, WIDTH, HEIGHT IN THE INDEX.PHP FILE
WHEN MAKING CHANGES HERE!!

*/

.panel{
	background-color: #ffffff;
	background-position:-2px;
	position:absolute;
	overflow:hidden;
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	}
#method_panel {left: -409px; top: 0px; width: 609px; height: 603px;}	
#results_panel {left: -609px; top: 0px; width: 609px; height: 603px;}
#about_panel {left: -609px; top: 0px; width: 609px; height: 603px;}
#services_panel {left: 610px; top: 0px; width: 609px; height: 603px;}
#news_panel {left: 610px; top: 0px; width: 609px; height: 603px;}

/*  Content containers within sliding panels  was: 280*/

#method_panel_content{left:19px; top:9px; width:590px; height:603px; position:absolute;}
#results_panel_content{left:14px; top:9px; width:400px; height:603px; position:absolute;}
#about_panel_content{left:14px; top:9px; width:590px; height:603px; position:absolute;}
#services_panel_content{left:14px; top:9px; width:590px; height:603px;	position:absolute;}
#news_panel_content{left:14px; top:9px; width:480px; height:603px;	position:absolute;}


/*  Styling for EXTERNAL CONTENT loaded into panel_content divs  */

/* Table of Contents */

.panel_toc{top: 0px; left:0px; width: 80px;	height:100%; position:absolute;}
.panel_toc p {margin-bottom:6px; color:#006666;}
.panel_toc a {color: #006666; text-decoration:none; }
.panel_toc a:hover {color: #92cf1e;}

.panel_toc_wide{top: 0px; left:0px; width: 160px;	height:100%; position:absolute;}
.panel_toc_wide p {margin-bottom:8px; color:#000000;}
.panel_toc_wide a {color: #006666; text-decoration:none; }
.panel_toc_wide a:hover {color: #92cf1e;}

.panel_toc_wide_small p {font-size:11.5px; color:#000000; margin-bottom:10px;}

/* Panel subtitle */
		
p.panel_subtitle{
	top:0px; left:100px; width:100%; position:absolute;
 	color: #9ecf1e;
	font-family: Arial, Helvetica, sans-serif;
	font-size:19px;
	letter-spacing:-.5px;
	line-height: 110%;
	}	
	
p.panel_subtitle_wide{
	top:0px; left:180px; width:100%; position:absolute;
 	color: #9ecf1e;
	font-family: Arial, Helvetica, sans-serif;
	font-size:19px;
	letter-spacing:-.5px;
	line-height: 110%;
	}	
	
p.panel_inline_subtitle{
 	color: #9ecf1e;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 110%;
	font-weight:bold;
	}
	
/* Main content area */

.panel_body{top:81px; left:100px; width:480px; position:absolute;}
.panel_body p{margin-bottom:10px;}
.panel_body a {color: #006666;  text-decoration:none; font-weight:bold;}
.panel_body a:hover {color: #92cf1e;}

.panel_body_wide{top:81px; left:180px; width:400px; position:absolute;}
.panel_body_wide p{margin-bottom:10px;}
.panel_body_wide a {color: #006666;  text-decoration:none; font-weight:bold;}
.panel_body_wide a:hover {color: #92cf1e;}



.contact_email_link {position:absolute; top:40px; left:100px;}
.contact_email_link a {color: #006666;  text-decoration:none; font-weight:bold;}
.contact_email_link a:hover {color: #92cf1e;}

.management a {color: #92cf1e;  text-decoration:none; font-weight:bold;}
.management a:hover {color: #006666;}


/*  Client listing panel   */

.panel_body_clients {top:41px; left:100px; width:480px; position:absolute;}

.client_image {top:30px; left:0px; width:100px; height:368px;
				color:#CCCCCC; 
				font-family: Arial, Helvetica, sans-serif;
				font-size:19px;
				vertical-align:top;
				position:absolute;
				opacity: 1;
				filter: alpha(opacity=100);
				-moz-opacity: 1;
				}
#client_list_index1{ z-index:33;top:0px; height:20px; background-color:#FFFFFF;}
#client_list_index2{ z-index:29;top:0px; height:20px; background-color:#FFFFFF;}
#client_list_index3{ z-index:25;top:0px; height:20px; background-color:#FFFFFF;}
#client_list_index4{ z-index:25;top:0px; height:20px; background-color:#FFFFFF;}

#client_image_1{ z-index:33; background-image:url(images/client_list_images/1.jpg); background-repeat:no-repeat;}
#client_image_2{ z-index:32; left:116px; background-image:url(images/client_list_images/2.jpg); background-repeat:no-repeat;}
#client_image_3{ z-index:31; left:232px; background-image:url(images/client_list_images/3.jpg); background-repeat:no-repeat;}
#client_image_4{ z-index:30; left:348px; background-image:url(images/client_list_images/4.jpg); background-repeat:no-repeat;}

#client_image_5{ z-index:29; background-image:url(images/client_list_images/5.jpg); background-repeat:no-repeat;}
#client_image_6{ z-index:28; left:116px; background-image:url(images/client_list_images/6.jpg); background-repeat:no-repeat;}
#client_image_7{ z-index:27; left:232px; background-image:url(images/client_list_images/7.jpg); background-repeat:no-repeat;}
#client_image_8{ z-index:26; left:348px; background-image:url(images/client_list_images/8.jpg); background-repeat:no-repeat;}

#client_image_9{ z-index:25; background-image:url(images/client_list_images/9.jpg); background-repeat:no-repeat;}
#client_image_10{ z-index:24; left:116px; background-image:url(images/client_list_images/10.jpg); background-repeat:no-repeat;}
#client_image_11{ z-index:23; left:232px; background-image:url(images/client_list_images/11.jpg); background-repeat:no-repeat;}
#client_image_12{ z-index:22; left:348px; background-image:url(images/client_list_images/12.jpg); background-repeat:no-repeat;}

#client_image_13{ z-index:21; background-image:url(images/client_list_images/13.jpg); background-repeat:no-repeat;}
#client_image_14{ z-index:20; left:116px; background-image:url(images/client_list_images/14.jpg); background-repeat:no-repeat;}
#client_image_15{ z-index:19; left:232px; background-image:url(images/client_list_images/15.jpg); background-repeat:no-repeat;}
#client_image_16{ z-index:18; left:348px; background-image:url(images/client_list_images/16.jpg); background-repeat:no-repeat;}