﻿/* Body -- see base stylesheet for more */
body { font-family: Arial, Helvetica, 'Calibri', Tahoma, Verdana, sans-serif;  }
/*'Myriad', 'Myriad Pro', 'Trebuchet MS',margin-top: -1px; */

/* Header */
div#header_left h1 img { margin-top: 8px; margin-left: 19px; }
div#header_right { background: url(../gfx/header/green4a.png) no-repeat; width: 446px; height: 81px; float:right; clear: right; z-index: -1;
	 margin-right: -15px; }
div#header_navigation { background: url(../gfx/header/blue-nav-bar1.png) no-repeat; width: 960px; height: 20px; z-index: 1; margin-top: -25px; }
div#header_navigation1 { background: url(../gfx/header/green-news-bar1.png) no-repeat; width: 960px; height: 20px; z-index: 1; margin-top: -25px; margin-left:11px;}

/* Navigation */
ul#navigation { list-style-type: none; float: right; margin-top: 3px; margin-right: 0.95em; font-family: 'Trebuchet MS', Arial, Helvetica, Tahoma, Verdana, sans-serif; 
	/*-moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px;*/ }
li#level_one_bottom { /*-moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom: none;*/ }
li.level_two_top { /*-moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px;*/ }
li.level_two_bottom { /*-moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px;*/ border-bottom: none; }
ul#navigation li { font-size: 0.765em; text-align: right; float: left; /*padding-right: 0.65em; margin-right: 0.65em; margin-top: 4px;*/ line-height: 1.25em; }
ul#navigation li.separator { padding-right: 0.65em; margin-right: 0.75em; border-right: 1px solid #fff; }
ul#navigation li a { color: #fff; text-decoration: none; position: relative; top: 1px; text-transform: uppercase; font-weight: normal; }
ul#navigation li.last { border-right: none; }
#navigation ul, #navigation ul ul { width: 97px; }
ul#navigation ul { width: 100px; margin-left: -19px; /*background: #0096E5; */ /*background: url(../gfx/nav/blue.png) repeat;*/ border: none; margin-top: 1px; /*filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;*/ /*-moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px;*/ z-index: 15; }
ul#navigation li.last ul { margin-left: -35px; }
ul#navigation ul li:hover { /*background: #33c6f5;*/ }
ul#navigation ul li { border: none; padding: 3px; text-align: center;  /*border-bottom: 1px solid #fff;*/ font-size: 0.9em;}
ul#navigation ul li ul {  background: none; border: none; margin-left: 86px; margin-top: 5px;
/*-moz-border-radius: 8px; -webkit-border-radius: 8px; */}
ul#navigation ul li ul li {}
ul#navigation ul li ul li:hover {/* background: #e4f966;*/ }
ul#navigation ul li ul li, ul#navigation ul li ul li a { color: #333; }
ul#navigation ul li ul li.background { background: url(../gfx/nav/green.png) repeat;  }
ul#navigation ul li ul li.background:hover { background: url(../gfx/nav/green-dark.png) repeat; }
ul#navigation ul li.background_blue { background: url(../gfx/nav/blue.png) repeat;  }
ul#navigation ul li.background_blue:hover { background: url(../gfx/nav/blue-dark.png) repeat; }
li.level_two_top { border: none; }
li.level_two_bottom { border: none; }

/* z-index */
html { z-index: 1; }
ul#navigation { z-index: 10; }
ul#navigation ul { z-index: 30; }
ul#navigation ul li { z-index: 1009; }
ul#navigation ul ul { z-index: 2500; }
ul#navigation ul li ul li { z-index: 2900; }

/* Rounded Corners */ 
li.header_navigation_corners { padding: none; margin: none; background: url(../gfx/nav/blue-ie.png) no-repeat; width: 100px; height: 8px; }
/*ul li.header_navigation_corners:hover { background: none; width: 100px; height: 8px; color: #fff; }*/
li.header_subnavigation_corner_top { border: none; padding: none; margin: none; background: url(../gfx/nav/green-top-ie.png) no-repeat; width: 100px; height: 8px; overflow: hidden; }
li.header_subnavigation_corner_bottom { border: none; padding: none; margin: none; background: url(../gfx/nav/green-bottom.png) no-repeat; width: 100px; height: 8px; }

/* Right Column */
div.right_column_body div.right_column_body_container { padding-left: 12px; padding-right: 29px; padding-top: 5px; }
div.right_column_body { background: url(../gfx/right/offerings_body1.png) repeat-y; width: 200px; }
div.right_column_head { background: url(../gfx/right/offerings_top6.png) no-repeat; width: 200px; height: 64px; }
div.right_column_foot { background: url(../gfx/right/offerings_foot4.png) no-repeat; width: 200px; height: 125px; }
div.right_container { float:right;position:absolute; top: 7px; right: 2px; }

#right_column_content { text-align: center; overflow: hidden; }
#right_column_content a { color: #888; text-align: center; cursor: pointer; line-height: 1.5em; width: 158px; text-decoration:none; overflow: hidden; }
#right_column_content ul { border-top: 1px solid #aaa; width: 156px; margin-top: 6px; margin-bottom: 6px; overflow: hidden;  }
#right_column_content a span, #right_column_content div h6 span { padding-left: 2px; padding-right: 2px; color: #aaa; overflow: hidden; }
#right_column_content span.line { margin-top: 8px; margin-bottom: 8px; border-bottom: 1px solid #888; overflow: hidden; }
#right_column_content div h6 { color: #888; font-size: 0.85em; letter-spacing: -1px; padding-top: 4px; padding-bottom: 4px; overflow: hidden; }
#right_column_content div p { /* Replace this */ background: #888; color: #fff; font-size: 0.8em; padding-top: 10px; padding-bottom: 10px;overflow: hidden;  }
#right_column_content div a { color: #eaeaea; font-weight: bold;overflow: hidden; }
#right_column_content div a:hover { color: #aaa;overflow: hidden; }
#right_column_content a:hover { color: #0099e6;overflow: hidden; } /* #aaa;*/
#right_column_content div h6:hover { color: #0099e6;overflow: hidden;} /* #aaa;*/

/* Pages */
div.page_content h1 { margin-left: 1px; margin-top: 1em; background: url(../gfx/pages/title_blank8.png) no-repeat; width: 680px; height: 45px; 
 	padding-top: 0.55em;  }
div.page_content h1.casestudy { margin-left: 1px; margin-top: 1em; background: url(../gfx/pages/title_blank4.png) no-repeat; width: 648px; height: 53px; 
 	padding-top: 0.65em; text-align:center;font-size: 1em; }
div.page_content h1.centered { text-align: center; padding-left: 10px; } /* Centers the headline in the box */
div.page_content h1.left { width:680px;text-align:center; } /* Things that were there earlier: "padding-left: 290px;" Aligns the headline with the middle text content */
div.page_content h1 span { font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;  font-weight: bold;
	color: #0099e6; text-align: center; font-size:14px;  letter-spacing: -1px;   /*1.035em; 'Trebuchet MS', text-transform: uppercase;*/ }
div.page_content h2 { font-size: 1.2em; margin-bottom: 0.8em; }
div.page_content p { margin-bottom: 0.8em;  font-size: 0.95em; } /* line-height: 1.4em; */
div.page_content ul { list-style-type: disc; margin-bottom: 0.8em; }
div.page_content ul li {  margin-left: 2em; } /*line-height: 1.4em;*/

/* Left Menu */
div.page_menu_left h5 { font-size: 1.2em; color: #888; padding-left:15px; }
div.page_menu_left ul { list-style-type: none; width: 90%; }
div.page_menu_left ul li { padding-top: 18px; padding-bottom: 18px; font-size: 0.9em; margin-left: 1.75em; border-bottom: 1px dotted #888; margin-top: 3px; }
div.page_menu_left ul li a { color: #888; text-decoration: none; }
div.page_menu_left ul li a:hover { color: #0099e6; }

/* Footer */
div.footer { margin-top: 0.8em; }
div.footer ul { list-style-type: none; float: left; clear: both; margin-bottom: 1em; }
div.footer ul li { float: left; margin-left: 7px; padding-left: 7px; border-left: 1px solid #888; font-size: 0.75em; text-transform: uppercase; }
div.footer ul li a { color: #888; text-decoration: none; }
div.footer ul li a:hover { color: #000; }
div.footer ul li:first-child, div.footer ul li.footer-first { border-left: none; }

/* People */
div.person { z-index: -100; float: left; position: absolute; }
div.person_man3 { background: url(../gfx/people/man3.png) no-repeat; width: 326px; height: 773px; margin-left: -70px; }
div.person_woman4 { background: url(../gfx/people/woman4.png) no-repeat; width: 326px; height: 773px; margin-left: -90px; }
div.person_man5 { background: url(../gfx/people/man5.png) no-repeat; width: 428px; height: 759px; margin-left: -180px; }
div.person_woman3 { background: url(../gfx/people/woman3.png) no-repeat; width: 299px; height: 765px; margin-left: -20px; }
div.person_man1 { background: url(../gfx/people/man1.png) no-repeat; width: 326px; height: 773px; margin-left: -70px; }

/* Case Studies */
div.casestudies_container { background: url(../gfx/pages/case_studies.png) no-repeat; width: 583px; height: 334px; margin: 0 auto 0 auto;}
div.casestudies_container ul { list-style-type: none; margin-left: 134px; padding-top: 88px;}
div.casestudies_container ul li { float: left; margin-right: 27px; }
div.casestudies_container_without_fillers { background: url(../gfx/pages/case_studies_without_fillers.png) no-repeat; width: 583px; height: 334px; margin: 0 auto 0 auto;}
div.casestudies_container_without_fillers ul { list-style-type: none; margin-left: 134px; padding-top: 88px;}
div.casestudies_container_without_fillers ul li { float: left; margin-right: 27px; }

/* @group Droppy */ 
 #navigation { display: block; margin: 0; padding: 0; position: relative; }
  #navigation li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #navigation a { display: block; }
  #navigation ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #navigation ul { line-height: 0; } /* IE6 "fix" */
  	#navigation ul a { zoom: 1; } /* IE6/7 fix */
    #navigation ul li { float: none; }
    #navigation ul ul { top: 0; }
/* @end */

.shadow {
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
