body { margin: 0; background: #d9241a; font-family: Arial, sans-serif; font-size: 12px; color: black}
a { color: black; }
img { border: 0 }
div.breaker { height: 0; font-size: 0; clear: both; }

.container { width: 800px; height: 578px; position: absolute; top: 50%; left: 50%; margin-top: -289px; margin-left: -400px; background-repeat: no-repeat; background-image: url(/img/background/bg4.jpg); overflow: hidden; background-position: left -50px }
	.container .header { padding-left: 5px; height: 28px; background: #d9241a}
	
#menu { bottom: 0px; position: absolute; text-align: center; width: 100%; color: white; font-family: "Trebuchet MS"; font-size: 12px; font-weight: normal; text-transform: uppercase; background: #d9241a; height: 28px; line-height: 28px }
	#menu a { color: white; text-decoration: none }
	#menu a:hover, #menu a.active { background: #d9241a; }
	
.content, .person, .news, .case { width: 576px; height: 351px; background: #fff; margin: 0 auto 0 auto; opacity: 1; border: 2px solid #fff; overflow: auto; position: relative; padding: 0 6px 0 6px; top: 72px; filter: alpha(opacity=100); } 
	h1.contentheader { font-family: "Arial Narrow", Arial; text-transform: uppercase; line-height: 1.2em; position: absolute; top: 99px; left: 112px; z-index: 100; font-size: 16px; width: 500px;}
	.content { overflow: hidden; padding: 0; width: 588px }
	.content strong { font-family: "Arial Narrow", Arial; margin-bottom: 0; font-size: 13px}
	.content .innercontent {padding: 0 6px 0 6px; margin-top: 35px; height: 310px; overflow: auto}
	
.person { overflow: normal; padding: 0 0 0 6px; width: 582px} 
	.person .col1 { width: 310px; height: 325px; float: left; overflow: auto; padding: 0 10px 0 0; margin-top: 26px;  }
	.person .col2 { width: 262px; float: left; padding-top: 2px; }
	h1.staffheader { font-family: "Arial Narrow", Arial; font-size: 16px; margin-bottom: 0; line-height: 1.2em; position: absolute; top: 96px; left: 112px; z-index: 100; width: 300px}	
	
.news { overflow: normal; padding: 37px 0 0 6px; width: 582px; height: 314px;} 
	.news .col1 { width: 330px; height: 304px; float: left; overflow: auto; padding: 0 10px 0 0; margin: 0 0 0 20px }
	.news .col2 { width: 222px; height: 304px; overflow: auto; float: left; padding-top: 2px; }
	.news h1, h1.newsheader { font-family: "Arial Narrow", Arial; height: 21px; text-transform: uppercase; margin-top: 0; width: 582px; line-height: 1.2em; position: absolute; top: 100px; left: 110px; z-index: 100} 		
	h1.newsheader { font-family: "Arial Narrow", Arial; height: 28px; font-size: 16px; text-transform: uppercase; margin-top: 0; width: 582px; line-height: 1.2em; position: absolute; top: 107px; left: 112px; z-index: 100; } 		
	.news h2 { font-family: Arial; margin-top: 0; font-size: 11px;} 		

.case {}
	.case .col1 { width: 225px; margin-top: 30px; height: 321px; float: left; overflow: auto }
	.case .col2 { width: 300px; height: 100%; float: left; text-align: center }
	h1.caseheader { font-family: "Arial Narrow", Arial; text-transform: uppercase; line-height: 1.2em; position: absolute; top: 93px; left: 110px; z-index: 100; font-size: 16px; width: 500px;}
	.case .col2 .image { position: relative; height: 285px; overflow: hidden }
		.case .col2 .image img {margin: 5px 0 0 0; }
	.case .col2 .navigation { height: 66px }
	.case .col2 .navigation .block { height: 64px; width: 64px; float: left; margin: 0 0 20px 5px; background: #bcbdc0}
		.case .col2 .navigation .block img { height: 64px; width: 64px; }
	.case .col2 .navigation a { position: absolute; bottom: 3px; right: 3px; }
	
#cases	{ width: 580px; height: 455px; margin: auto; margin-top: 37px;  overflow: hidden; position: relative; }
	#cases h2 { position: absolute; margin: -20px 0 0 0; width: 200px; font-size: 15px; padding: 0; color: #000; display: none }
	#cases .block.top { border-top: 1px solid white!important; }
	#cases .block.left { border-left: 1px solid white!important; }
	#cases .block.bottom { border-bottom: 1px solid white!important; }
	#cases .block.right { border-right: 1px solid white!important; }
	#cases .block { margin: 20px 0 6px 0; width: 70px; height: 70px; float: left; position: relative; border: 1px solid transparent }	
		#cases .block img { width: 64px; height: 64px; }
		#cases .block .innerblock { background: #bcbdc0; width: 64px; height: 64px; margin: 3px; opacity: 1; filter: alpha(opacity=100);}

	#cases .block .innerblock:hover { opacity: 1; filter: alpha(opacity=100); }	
	
	#cases .submenu { width: 568px; background: #fff; height: 22px; opacity: 1; filter: alpha(opacity=100); margin-left: 4px}
	
	#cases .submenu span { font-size: 10px; line-height:22px; font-weight: bold } 
	#cases .submenu span.minus { margin-left: 10px; float: left; }
	#cases .submenu span.plus { margin-right: 10px; float: right}

	#cases .submenu span a { color: #000; text-decoration: none; }
	#cases .submenu span a:hover { color: #444; }
	
	
	#cases .customerlist { width: 556px; background: #fff; height: 110px; opacity: 1; filter: alpha(opacity=100); margin: 5px 0 0 4px; padding: 6px; overflow: auto}
		#cases .customerlist p { margin: 0; padding: 0 }
		#cases .customerlist div { width: 536px }
	.case .col2 .image span { font-size: 11px; font-weight:bold; float:right 	}
	
	
#submenu { width: 580px;  font-family: "Trebuchet MS", Arial;  background: #fff; margin: auto; margin-top: 83px; opacity: 0.9; overflow: hidden; position: relative; line-height: 20px; padding: 0 6px 0 6px; font-size: 12px; text-transform: uppercase} 
	#submenu a {color: black; text-decoration: none; margin-right: 21px; }
	#submenu a:hover, #submenu a.active { color: #0739ee; }

.sIFR-active h1.newsheader { visibility: hidden; }
.sIFR-active h1.staffheader { visibility: hidden; }
.sIFR-active h1.contentheader { visibility: hidden; }
.sIFR-active h1.caseheader { visibility: hidden; }