/*
 
Copyright (c) Enigma Interactive 2006

SOM2
Project:		EST
Filename:		coTechnologies.css
Description:	Layout of the technologies page
     
History
ver date  		who     	comment
-----------------------------------------------------------------------------
4	01jun06		MS			Adding a few classes for the new asset media styling
3	26May06		MS			Making changes ala Sallys list
2	16May06		MS			Making a minor change to the case study body text width
1	08May06		MS			Created

*/

#caseStudyWrapper {
	position: relative;
	overflow: hidden;
}

#caseStudyWrapper .caseMessage {
	position: relative;
	overflow: hidden;
	padding: 21px 21px 21px 21px;
	font-weight: bold;
}

#caseStudyWrapper .archiveLink {
	position: relative;
	overflow: hidden;
	padding: 10px 0px 10px 0px;
	width: 486px;
	text-align: right;
}

#caseStudyWrapper .archiveLink a{
	color: #ffff00;
}

#caseStudyWrapper .headerBar {
	position: relative;
	overflow: hidden;
	width : 760px;
	height: 38px;
	z-index: 100;
}

#caseStudyWrapper .headerBar .left {
	position: relative;
	overflow: hidden;
	float: left;
	width: 15px;
	height: 40px;
	background: transparent url(/images/curves/left_curve.png) no-repeat left top;
}

* html #caseStudyWrapper .headerBar .left {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/curves/left_curve.png', sizingMethod='crop');
}

#caseStudyWrapper .headerBar .middle {
	position: relative;
	overflow: hidden;
	float: left;
	width: 730px;
	height: 25px;
	background-color: #99ccff;
}

#caseStudyWrapper .headerBar .middle .text{
	position: relative;
	overflow: hidden;
	float: left;
	padding: 4px 6px 0px 6px;
	font-size: 1.3em;
	font-weight: bold;
	color: #428dc6;
}

#caseStudyWrapper .headerBar .middle .compareLink{
	position: relative;
	overflow: hidden;
	float: left;
	padding: 4px 6px 0px 6px;
}

#caseStudyWrapper .headerBar .middle .text a{
	color: #428dc6;
	text-decoration: none;
}

#caseStudyWrapper .headerBar .right {
	position: relative;
	overflow: hidden;
	z-index: 100;
	float: right;
	width: 15px;
	height: 40px;
	background: transparent url(/images/curves/right_curve.png) no-repeat left top;
}

* html #caseStudyWrapper .headerBar .right {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/curves/right_curve.png', sizingMethod='crop');
}

#caseStudyWrapper .caseStudyRow {
	position: relative;
	overflow: hidden;
	margin-bottom: -13px;
	z-index: 50;
}

#caseStudyWrapper .caseStudyRow .lowerRow {
	position: relative;
	overflow: hidden;
	margin-top: -13px;
	z-index: 50;
	height: 100px;
	background-color: #569dd3;
}

#caseStudyWrapper .caseStudyRow .lowerRow  .sideImage {
	position: relative;
	overflow: hidden;
	float: left;
	width: 135px;
	height: 100px;
}

#caseStudyWrapper .caseStudyRow .lowerRow  .mainText {
	position: relative;
	overflow: hidden;
	float: left;
	width: 625px;
	height: 70px;
}

#caseStudyWrapper .caseStudyRow .lowerRow .mainText .textPad {
	position: relative;
	overflow: hidden;
	padding: 21px 140px 0px 21px;
}

#caseStudyWrapper .caseStudyRow .lowerRow .caseLink {
	position: relative;
	overflow: hidden;
	float: right;
}

#caseStudyWrapper .caseStudyRow .lowerRow .caseLink .linkPad {
	position: relative;
	overflow: hidden;
	padding: 0px 21px 0px 0px;
}

#caseStudyWrapper .caseStudyRow .lowerRow .caseLink .linkPad a{
	color: #ffff00;
	font-weight: normal;
}

#caseStudyWrapper #caseStudy{
	margin-top: -13px;
}

#caseStudyWrapper #caseStudy a{
	color: #ffff00;
}

#caseStudyWrapper #caseStudy .caseBody {
	position: relative;
	overflow: hidden;
	float: left;
	z-index: 50;
	width : 760px;
}

#caseStudyWrapper #caseStudy .caseBody .caseText{
	position: relative;
	overflow: hidden;
	float: left;
	background-color: #569dd3;
	width: 100%;
}

#caseStudyWrapper #caseStudy .caseBody .caseText .backLink{
	position: relative;
	overflow: hidden;
	padding: 21px 21px 21px 21px;
	text-align: right;
}

#caseStudyWrapper #caseStudy .caseBody .caseText .textPad{
	position: relative;
	overflow: hidden;
	padding: 0px 21px 0px 21px;
}

/* #caseStudyWrapper #caseStudy .caseBodyWrap .caseImage{
	position: relative;
	overflow: hidden;
	float: right;
	width: 253px;
} */



#caseStudyWrapper #caseStudy .rightMedia {
	position: relative;
	overflow: hidden;
	float: right;
	width: 253px;
}


#caseStudyWrapper #caseStudy .rightMedia .image{
	position: relative;
	overflow: hidden;
	width: 253px;
}

#caseStudyWrapper #caseStudy .caseBodyWrap a{
	color: #ffff00;
	text-decoration: underline;
	font-weight: normal;
}







.caseBody #bodyMedia a {
	color: #ffffff;
}
.caseBody #bodyMedia .floater {
	position: relative;
	overflow: hidden;
	float: left;
	width: 100%;
	margin-bottom: -13px;
}

.caseBody #bodyMedia .floater .headerBar {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 40px;
	z-index: 100;
}

.caseBody #bodyMedia .headerBar .left {
	position: relative;
	overflow: hidden;
	float: left;
	width: 15px;
	height: 40px;
	background: transparent url(/images/curves/left_curve.png) no-repeat left top;
}

* html .caseBody #bodyMedia .headerBar .left {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/curves/left_curve.png', sizingMethod='crop');
}

.caseBody #bodyMedia .headerBar .middle {
	position: relative;
	overflow: hidden;
	float: left;
	height: 25px;
	width: 730px;
	background-color: #99ccff;
}

.caseBody #bodyMedia .headerBar .middle .text {
	position: relative;
	overflow: hidden;
	padding: 4px 6px 0px 6px;
	font-size: 1.3em;
	font-weight: bold;
	color: #428dc6;
}

.caseBody #bodyMedia .headerBar .right {
	position: relative;
	overflow: hidden;
	z-index: 100;
	float: right;
	width: 15px;
	height: 40px;
	background: transparent url(/images/curves/right_curve.png) no-repeat left top;
}

* html .caseBody #bodyMedia .headerBar .right {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/curves/right_curve.png', sizingMethod='crop');
}

.caseBody #bodyMedia .floater .mediaWrap {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin-top: -15px;
}

.caseBody #bodyMedia .mediaWrap .articleInnerLink,
.caseBody #bodyMedia .mediaWrap .articleInnerDownload,
.caseBody #bodyMedia .mediaWrap .articleInnerContact{
	position: relative;
	overflow: hidden;
	width: 100%;
	float: left;
}

.caseBody #bodyMedia .mediaWrap .articleInnerLink {background-color: #5e94c0;}
.caseBody #bodyMedia .mediaWrap .articleInnerDownload {background-color: #6bb4db;}
.caseBody #bodyMedia .mediaWrap .articleInnerContact {background-color: #5997c0;}

.caseBody #bodyMedia .mediaWrap .articleBody {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.caseBody #bodyMedia .mediaWrap .articleBody .bodyText{
	position: relative;
	overflow: hidden;
	padding: 21px 21px 21px 21px;
	font-size: 0.9em;
}