/* Turbine Services Limited: Research, Design, Mfg CSS  */
/* Shannon-Rose Design 2008 */
/* Arrows Styles */
div.arrowLeft, 
div.arrowRight {
	margin: 20px 0 0;
	float: left;
	display: inline;
	width: 20px;
	height: 26px;
	margin-top: 186px;
	position: relative;
	z-index: 5;
}
.arrowLeft a, 
.arrowRight a {
	width: 20px;
	height: 26px;
	display: block;
}
.arrowLeft a em, 
.arrowRight a em {
	display: none;
	visibility: hidden;
}
.arrowLeft a { background: transparent url(/imgs/research/arrowLeft.gif) no-repeat 0 0; }
.arrowLeft a:hover { background: transparent url(/imgs/research/arrowLeft.gif) no-repeat 0 100%; }
.arrowRight a { background: transparent url(/imgs/research/arrowRight.gif) no-repeat 0 0; }
.arrowRight a:hover { background: transparent url(/imgs/research/arrowRight.gif) no-repeat 0 100%; }
.arrowLeft a.noShow, .arrowRight a.noShow { display: none; visibility: hidden; }
/* Research content container */
div#researchContainer {
	margin: 20px 0 0;
	float: left;
	display: inline;
	width: 712px;
	height: 400px;
	background-color: #e0e0e0;
}
/* Research Navigation */
#researchContainer div#researchNav {
	width: 712px;
	height: 24px;
	background-color: #fff;
}
#researchNav ul {
	height: 24px;
	width: 712px;
}
#researchNav ul li {
	font-size: 11px;
	line-height: 24px;
	height: 24px;
	float: left;
	display: inline;
	text-align: center;
	margin-right: 3px;
	text-transform: uppercase;
}
#researchNav li a {
	display: block;
	color: #fff;
	height: 22px;
	padding-top: 2px;
	text-decoration: none;
	background-color: #a6a6a6;
}
#researchNav li a:hover {
	text-decoration: none;
	background-color: #484848;
}
li#rdOverview a { width: 132px; }
li#rdReverse a { width: 203px; }
li#rdRD1 a { width: 197px; }
li#rdManufacturing a { width: 171px; }
#researchNav li#rdManufacturing { margin-right: 0; }
/* Research Content Wrap and Container */
#researchContainer div#researchWrap {
	width: 712px;
	height: 376px;
	position: relative;
	overflow: auto;
}
#researchWrap div#researchContent {
	height: 376px;
	width: 4984px;
	position: relative;
	left: 0;
	top: 0;
}
#researchWrap div.contentContainer {
	float: left;
	display: inline;
	width: 712px;
}
div#contentOverview, div#contentReverse, 
div#contentRD1, div#contentRD2, div#contentRD3, div#contentRD4, div#contentManufacturing { padding: 25px 0 0; height: 351px; }
/* Styles for the Overview and Reverse Engineering tabs */
#contentOverview div.leftColumn, 
#contentReverse div.leftColumn {
	float: left;
	display: inline;
	width: 260px;
	margin-left: 25px;
}
#contentOverview .leftColumn p {
	margin: 0 15px 20px 0;
	font-size: 11px;
	line-height: 16px;
	color: #5f5f5f;
}
#contentReverse .leftColumn ul li {
	margin: 0 15px 15px;
	font-size: 11px;
	line-height: 16px;
	color: #5f5f5f;
	list-style-type: disc;
}
#contentReverse .leftColumn p {
	margin: 0 15px 15px 0;
	font-size: 11px;
	line-height: 16px;
	color: #5f5f5f;
}
#contentOverview div.rightColumn, 
#contentReverse div.rightColumn {
	float: left;
	display: inline;
	width: 400px;
	margin: 0 0 0 10px;
}
#contentOverview .rightColumn img, 
#contentReverse .rightColumn img {
	float: left;
	display: inline;
	margin: 0 0 7px 8px;
}
#contentReverse .rightColumn div.imageLeft {
	float: left;
	display: inline;
	width: 161px;
}
#contentReverse .rightColumn div.imageRight {
	float: left;
	display: inline;
	width: 228px;
}
/* Styles for the R & D tabs */
#contentRD1 div.leftColumn, 
#contentRD2 div.leftColumn, 
#contentRD3 div.leftColumn, 
#contentRD4 div.leftColumn {
	float: left;
	display: inline;
	width: 320px;
	margin-left: 25px;
}
#contentRD1 .leftColumn h3,
#contentRD3 .leftColumn h3 {
	margin: 0 15px 10px 0;
	font-size: 12px;
	line-height: 16px;
	color: #666;
	text-transform: uppercase;
} 
#contentRD2 .leftColumn h3,
#contentRD4 .leftColumn h3 {
	margin: 0 15px 0 0;
	font-size: 12px;
	line-height: 16px;
	color: #666;
	font-weight: bold;
	text-transform: uppercase;
}
#contentRD1 .leftColumn h4,
#contentRD3 .leftColumn h4 {
	margin: 0 10px 10px 0;
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	color: #5f5f5f;
}
#contentRD1 .leftColumn p,
#contentRD3 .leftColumn p {
	margin: 0 15px 15px 0;
	font-size: 11px;
	line-height: 16px;
	color: #5f5f5f;
}
#contentRD1 .leftColumn p.rdContinue a,
#contentRD2 .leftColumn p.rdContinue a,
#contentRD3 .leftColumn p.rdContinue a {
	background-color: #A6A6A6;
	display: block;
	padding: 7px 0 5px;
	text-align: center;
	font-weight: bold;
	width: 95px;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
}
#contentRD1 .leftColumn p.rdContinue a:hover,
#contentRD3 .leftColumn p.rdContinue a:hover {
	background-color: #484848;
}
#contentRD2 .leftColumn p,
#contentRD4 .leftColumn p {
	margin: 0 15px 8px 0;
	font-size: 11px;
	line-height: 15px;
	color: #5f5f5f;
}
#contentRD2 .rightColumn p,
#contentRD4 .rightColumn p {
	margin: 0;
	text-align: center;
	clear: both;
	font: normal 10px/14px Arial, sans-serif;
	color: #5f5f5f;
}
#contentRD2 .leftColumn ul, #contentRD4 .leftColumn ul { margin: 0 0 8px; }
#contentRD2 .leftColumn ul li,
#contentRD4 .leftColumn ul li {
	margin: 0 15px 2px;
	font-size: 11px;
	line-height: 15px;
	list-style-type: disc;
	color: #5f5f5f;
}
#contentRD2 .leftColumn li strong, #contentRD4 .leftColumn li strong { font-weight: bold; }
#contentRD1 div.rightColumn, 
#contentRD2 div.rightColumn,
#contentRD3 div.rightColumn, 
#contentRD4 div.rightColumn  {
	float: left;
	display: inline;
	width: 335px;
	margin: 0 0 0 5px;
}
#contentRD2 .rightColumn img,
#contentRD4 .rightColumn img {
	float: left;
	display: inline;
	margin: 0 0 7px 8px;
}
#contentRD2 .rightColumn div.imageLeft,
#contentRD4 .rightColumn div.imageLeft {
	float: left;
	display: inline;
	width: 176px;
}
#contentRD2 .rightColumn div.imageRight,
#contentRD4 .rightColumn div.imageRight {
	float: left;
	display: inline;
	width: 153px;
}
/* Styles for the Manufacturing tab */
#contentManufacturing div.leftColumn {
	float: left;
	display: inline;
	width: 250px;
	margin-left: 25px;
}
#contentManufacturing .leftColumn p {
	margin: 0 15px 15px 0;
	font-size: 11px;
	line-height: 16px;
	color: #5f5f5f;
}
#contentManufacturing div.rightColumn {
	float: left;
	display: inline;
	width: 395px;
	margin: 0 0 0 10px;
}
#contentManufacturing .rightColumn img {
	float: left;
	display: inline;
	margin: 0 0 7px 8px;
}
#contentManufacturing .rightColumn div.imageLeft {
	float: left;
	display: inline;
	width: 170px;
}
#contentManufacturing .rightColumn div.imageRight {
	float: left;
	display: inline;
	width: 224px;
}
