@import url(../_css/reset.css);

html, body {height: 100%;}
body { font-family: 'Gill Sans', GillSans, 'Trebuchet MS', Arial, sans-serif; color: #6d6d6f; }
#wrapper { width: 959px; margin: 0 auto; }

#header { height: 126px; position: relative; margin-bottom: 15px; }
	#email_address { position: absolute; left: 70px; top: 0; min-width: 199px; background: #b20638; font-size: 1.3em; color: #fff; font-weight: 200; }
		#email_address p { line-height: 36px; text-align: center; padding: 0 10px; }
			#email_address a { color: #fff; }
			#email_address a:hover { text-decoration: underline; }
	
	#logo { position: absolute; bottom: -15px; left: 70px; width: 202px; height: 57px; }
	
	#navigation { position: absolute; bottom: 0; right: 0; font-size: 1.2em; text-align: right; }
		#navigation ul {}
			#navigation li { display: inline; margin-left: 1.618em; }
				#navigation a { color: #6d6d6f; }
				#navigation a:hover, #navigation a.selected { color: #b20638; }
		#navigation ul ul { display: none; }
	
	#content { height: 383px; margin-bottom: 10px; position: relative; background: #d1d3d4; overflow: hidden; }
		#breadcrumb { position: absolute; top: 0; left: 0; width: 100%; height: 26px; z-index: 12; border-bottom: 1px solid #fff; font-size: 1.2em; font-weight: 200; }
			#breadcrumb ul { margin-left: 70px; }
				#breadcrumb li { display: inline; line-height: 26px; margin-right: 8px; padding-right: 17px; background: url(../_images/breadcrumb_bg.gif) 100% 63% no-repeat; }
					#breadcrumb a { color: #fff; }
					#breadcrumb a:hover { color: #b20638; }
				#breadcrumb li.last { background-image: url(none); color: #b20638; }
		
		#content .text { position: absolute; left: 70px; top: 53px; width: 344px; z-index: 11; }
		#content .image { position: absolute; top: 0; right: 66px; width: 409px; height: 383px; z-index: 10; }
			#content .image img { display: block; }

            #content .image.top { position: absolute; top: 0; right: 66px; width: 409px; height: 200px; z-index: 10; }
            #content .image.bl { position: absolute; top: 203px; right: 274px; width: 201px; height: 180px; z-index: 10; }
            #content .image.br { position: absolute; top:203px; right: 69px; width: 202px; height: 180px; z-index: 10; }
			#content .image.top img, #content .image.bl img, #content .image.br img { display: block; }
			
			#content .image.top_country { position: absolute; top: 0; right: 66px; width: 409px; height: 180px; z-index: 10; }
            #content .image.bl_country { position: absolute; top: 183px; right: 274px; width: 201px; height: 200px; z-index: 10; }
            #content .image.br_country { position: absolute; top:183px; right: 69px; width: 202px; height: 200px; z-index: 10; }
			#content .image.top_country img, #content .image.bl_country img, #content .image.br_country img { display: block; }
		 
		#content .details { position: absolute; left: 273px; top: 268px; width: 192px; z-index: 11; color: #fff; font-weight: 200; }
			#content .details h2 { color: #b20638; margin: 0 0 3px 0; font-size: 1.3em; font-weight: 700; }
                        #content .content h4 { color: #6d7072; margin: 0 0 20px 0; font-size: 1.3em; font-weight: 700; }			
                        #content .details p { width:210px; }
				#content .details, #content .details a { color: #333 !important; }
		
	#content.full_width {}
		#content.full_width .image { left: 0; width: 100%; height: 100%; }
	
	.thumbnail_column { position: absolute; top: 140px; left: 0; padding-left: 70px; width: 890px; height: 243px; z-index: 10; background: #989898; white-space: nowrap; overflow: auto; }
		.thumbnail_column .person_thumbnail { display: inline-block; width: 210px; margin: 15px 10px 0 0; color: #fff; font-weight: 200; }
			.thumbnail_column .person_thumbnail .info {}
				.thumbnail_column .person_thumbnail p { margin: 0 0 0.1em 0; }
				.thumbnail_column .person_thumbnail p strong { font-weight: 700; font-size: 1.2em; line-height:1.5em;}
				.thumbnail_column .person_thumbnail a { color: #fff !important; }
				.thumbnail_column ul { margin: 0.5em 0 0 0; font-size: 0.833em; text-transform: uppercase; }
				.thumbnail_column p + ul { margin-top: 0.5em; }
					.thumbnail_column ul li { list-style: none; margin: 0; float: left; margin: 1.5em 0.5em 0 0; }
						.thumbnail_column ul li a { color: #fff; background: #b20638; display: block; padding: 3px 7px; }
						.thumbnail_column ul li a:hover { color: #b20638 !important; background-color: #fff; }
		
/*		.thumbnail_column .person_thumbnail:hover .info p strong { color: #b20638; }*/

		
		.thumbnail_column .thumbnail_wrapper { display: inline-block; width: 100%; margin: 0; height: 100%; }
		
		.thumbnail_column .arrow { position: absolute; top: 0; z-index: 20; padding: 5px 8px; color: #fff; background: #b20638; font-size: 1.2em; font-weight: 200; }
		.thumbnail_column .arrow.next { right: 0; padding-right: 16px; }
		.thumbnail_column .arrow.back { left: 0; padding-left: 16px; }
		.thumbnail_column .arrow:hover { background-color: #6d6d6f; }
		
		.thumbnail_column .fader { position: absolute; z-index: 19; top: 0; height: 100%; width: 64px; background: url(none) 0 0 repeat-y; }
		.thumbnail_column .fader.left_fader { left: 0; background:#989898; }
		.thumbnail_column .fader.right_fader { right: 0; background-image: url(../_images/content_fader_right.png); }
		
		
	.left_column { position: absolute; left: 70px; width: 342px; top: 53px; height: 301px; overflow: auto; }
	.right_column { position: absolute; right: 70px; width: 404px; top: 53px; height: 301px; overflow: auto; }
		.content_fader { position: absolute; left: 0; width: 100%; height: 32px; background: url(none) repeat-x; }
		.content_fader.fader_top { top: 0; background-image: url(../_images/content_fader_top.png); }
		.content_fader.fader_bottom { bottom: 0; background-image: url(../_images/content_fader_bottom.png); }
	
	.scroll_arrow { position: absolute; right: 43px; width: 16px; height: 9px; z-index: 20; overflow: hidden; }
		#up_arrow { bottom: 54px; background-image: url(../_images/arrow_up.gif); }
		#down_arrow { bottom: 43px; background-image: url(../_images/arrow_down.gif); }
		.scroll_arrow:hover { background-position: 0 -9px; }
		
	.scroll_arrow_left { position: absolute; left: 440px; width: 16px; height: 9px; z-index: 20; overflow: hidden; }
		#up_arrow_left { bottom: 54px; background-image: url(../_images/arrow_up.gif); }
		#down_arrow_left { bottom: 43px; background-image: url(../_images/arrow_down.gif); }
		.scroll_arrow_left:hover { background-position: 0 -9px; }
	
	.submenu { font-weight: 200; }
		.submenu ul { font-size: 1.2em; }
			.submenu li { margin-bottom: 0.5em; width: 61.8%; }
				.submenu a { background: #989898; display: block; padding: 4px 1em; color: #fff; }
				.submenu a:hover, .submenu a.selected { background-color: #b20638; }
		
	.navigation_column {  }
		.navigation_column .navigation_element { float: left; width: 229px; margin-right: 9px; border: 2px solid #989898; }
                        .navigation_column .last {  margin-right: 0; }
			.navigation_column .navigation_element .text { background: #989898; padding: 2px 10px 3px 10px; color: #fff; font-weight: 200; }
				.navigation_column .navigation_element .text p { margin: 0; }
			.navigation_column .navigation_element .image {}
				.navigation_column .navigation_element .image img { display: block; }
		
		.navigation_column .navigation_element.highlight, .navigation_column .navigation_element:hover { border-color: #b20638; }
		.navigation_column .navigation_element.highlight .text, .navigation_column .navigation_element:hover .text { background-color: #b20638; }
		.navigation_column a {color:#fff;}
		
	#footer { margin: 0; }
		#footer a { color: #6d6d6f; }

#content .right_column { overflow:auto; }
#content .content h1 { font-family: 'Times New Roman', Times, serif; color: #b20638; line-height:1em; margin-bottom: 0.5em; }
#content .content h3 {color: #b20638; margin-bottom: 0; font-size: 1.1em; }
#content .content a { color: #b20638; text-decoration: none; }
#content .content a:hover { text-decoration: underline; }

body#profile {}
	body#profile #content .text { left: 488px; }
	body#profile #content .image { left: 0; bottom: 0; top: auto; width: 270px; height: 342px; }

body#home #content.text_right {}
		body#home #content.text_right .image { left: 0; width: 475px; }
		body#home #content.text_right .right_column { left: 510px; width:400px; }

#content #contact_offices { float: left; margin: 0 50px 0 0; cursor:pointer; }
#content #contact_offices h3 { margin: 0; color: #6d6d6f !important; }
#content #contact_offices h3 a { color: #6d6d6f !important; }
#content #contact_offices h3 a:hover { text-decoration:none; color:#b20638 !important; }

#content #contact_offices .address { float: left; margin:0; padding:0; color:#b20638; }
#content #contact_offices .address h3 { margin: 0 0 10px 0; line-height:1.1em; color:#b20638 !important; }
#content #contact_offices .address p { margin: 0 0 10px 0; }

.small, .small_msg, .directions { float:left; clear:both; margin:0; padding:0; font-size:0.85em; }
.small_msg { position:absolute; bottom:10px; left:70px; font-size:0.95em; }
.directions {margin:-15px 0 0 0 !important;}

#content #contact_offices .office a.selected {color:#b20638! important;}

body#bc, body#bc a { width:540px; color:#000; text-decoration:none; }
body#bc { width:540px; height:220px; margin:5px auto; border:1px solid #eee; padding:30px; }

	body#bc .bc_name { width:260px; float:left; text-align:left; margin:15px 0 0 0; }
		body#bc .bc_name h1 { font-size:2.3em; margin:0 0 10px 0; font-weight:200; }
		body#bc .bc_name h2 { font-size:2em; margin:0; font-weight:200; }

	body#bc .bc_details { width:280px; float:left; text-align:right; margin:15px 0 0 0; }
		body#bc .bc_details p { font-size:1.6em; margin:0 0 3px 0; }
		body#bc .bc_details p strong { color:#b20638; font-weight:200; }