body{
	background:#666;	
}

#contentWrapper{
	background:#666 url(../images/bg_body.jpg) top center repeat-x;
	padding-top:45px;
	position:relative;
}

#contentMain{
	width:793px;
	margin:0 auto;
	height:350px;
	position:relative;
	overflow:hidden;
}
	
	#navigationMainWrapper{
		width:100%;
		height:32px;
		background:#333;
		position:relative;
	}

	#navigationMain{
		width:793px;
		margin:0 auto;
		position:relative;
	}
	#navigationMain ul li{
		display:block;
		float:left;
		list-style-type:none;
		margin-top:10px;
	}
	#navigationMain ul li a {
		display:block;
		height:14px;
		background:transparent url(../images/navigationMain.gif) no-repeat 0 0;
		text-indent:-9009px;
	}
	#navigationMain #navProcess a{
		background-position: 0 0;
		width:63px;
	}
	#navigationMain #navProcess a:hover{
		background-position: 0 -14px;
	}
	
	#navigationMain #navPeople a{
		background-position: -63px 0;
		width:57px;
	}
	#navigationMain #navPeople a:hover{
		background-position: -63px -14px;
	}

	#navigationMain #navContact a{
		background-position: -120px 0;
		width:45px;
	}
	#navigationMain #navContact a:hover{
		background-position: -120px -14px;
	}
	#navigationMain #navNews a{
		background-position: -165px 0;
		width:45px;
	}
	#navigationMain #navNews a:hover{
		background-position: -165px -14px;
	}
	#navigationMain h1 a{
		background:url(../images/logo.gif) top left no-repeat;
		height:0;
		margin-top:7px;
		margin-right:20px;
		padding-top:22px;
		margin-left:5px;
		width:92px;
		overflow:hidden;
		float:left;
	}
	
	#contentSubWrapper{
		width:100%;
		height:74px;
		background:#514e4e url(../images/bg_navigationWork.jpg) top center repeat-x;
		margin:0 auto;
		position:relative;
	}
	#contentSub h1{
		background:url(../images/828_blur.jpg) top left no-repeat;
		height:0;
		width:250px;
		padding-top:74px;
		overflow:hidden;
	}
	#contentSub{
		width:793px;
		height:100%;
		margin:0 auto;
		position:relative;
		}
	
	#footer{
		width:100%;
		margin-top:10px;
		color:#333333;
		font-size:9px;
		position:absolute;
		font-family:Swiss721BT-Medium,"Swiss 721 Medium","Swiss721BT-Roman","Swiss 721",Helvetica,Arial,sans-serif;
	}
	#navigationWork h2{
		background:url(../images/label_work.gif) top left no-repeat;
		width:51px;
		height:0;
		padding-top:13px;
		overflow:hidden;
		float:left;
		margin-right:10px;
		margin-left:-61px;
	}
	#navigationWork{
		position:absolute;
		left:423px;
		top:20px;
		list-style:none;
		width:375px;
		height:50px;
	}
	#navigationWork li{
		float:left;
		width:15px;
		margin:2px;
		
	}
	#navigationWork li a{
		width:15px;
		height:0;
		padding-top:11px;
		display:block;
		overflow:hidden;
		background:url(../images/workDots.gif) top left no-repeat;
	}
	#navigationWork li a:hover,#navigationWork .current{
		background-position:-15px 0 !important;
	}
	
	.workSub{
		margin-left:4px;
		padding:4px;
		color:#7f7f7f;
		text-decoration:none;
		text-align:center;
		
	}
	 .current{
		color:#e06f16 !important;
		background:url(../images/bg_workSubActive.gif) center center no-repeat;
	}
	#portfolioItemTitle,#portfolioItemTitleCover{
		height:32px;
		font-family:Arial;
		font-size:10px;
		color:#7f7f7f;
		position:absolute;
		left:429px;
		width:300px;
		top:12px;
	}
	#portfolioItemTitleCover{
		z-index:5;
		background:#333;
		width:300px;
		height:20px;
	}
.contentPanel{
	width:793px;
	height:350px;
	background:#7f7f7f;
	position:absolute;
	left:0px;
	top:0px;
	z-index:2;
}

#hwshow {
	position: absolute; 
	top:94px;
	left: 57px;

}
.HWslide {
position: absolute; 
top: 0px; 
left: 0px;
visibility: hidden;
}

#homePanel{
	background:url(../images/home/rotation1.jpg) top right no-repeat;
	z-index:3;
}
#homePanel .textPanel{
	background:url(../images/home/textPanel.gif) top left no-repeat;
	width:292px;
	height:0;
	padding-top:350px;
	overflow:hidden;
	left:0;
	top:0;
}
#processPanel{
}
#processPanel .textPanel{

}
#peoplePanel{
/*	background:url(../images/people/rotation1.jpg) top right no-repeat;*/
}
#peoplePanel .textPanel{
	background:url(../images/people/textPanel.gif) top left no-repeat;
	width:373px;
	height:0;
	padding-top:350px;
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
}
#contactPanel{
	background:url(../images/contact/rotation1.jpg) top right no-repeat;
}
#contactPanel .textPanel{
	background:url(../images/contact/textPanel.gif) top left no-repeat;
	width:289px;
	height:0;
	padding-top:350px;
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
}
#container{
	width:793px;
	height:350px;
	position:relative;
	overflow:hidden;
	background-color:#7f7f7f;

}
.processing{
	background:#7f7f7f url(../images/ajax-loader.gif) center center no-repeat;;
}

#shadowTop,#shadowBottom,#shadowLeft,#shadowRight{
	position:absolute;
	z-index:6;
}
#shadowTop{
	left:0;
	top:0;
	width:793px;
	height:11px;
	background:url(../images/shadow50/top.png) top left no-repeat;
}
#shadowBottom{
	left:0;
	top:339px;
	width:793px;
	height:11px;
	background:url(../images/shadow50/bottom.png) top left no-repeat;
}
#shadowLeft{
	left:0;
	top:11px;
	width:5px;
	height:328px;
	background:url(../images/shadow50/left.png) top left no-repeat;
}
#shadowRight{
	left:788px;
	top:11px;
	width:5px;
	height:328px;
	background:url(../images/shadow50/right.png) top left no-repeat;
}


#carousel_6{
	position: relative; /* important */
	overflow: hidden; /* important */
	width: 793px; /* important */
	height: 350px; /* important */
	/*background: #ddd;*/
	padding:0;
	margin:0 auto;
}
#carousel_6_content {
	width: 100000px;/* I believe some outrageously large number will work here */
	position: absolute;
	top: 0;
	padding:0;
	margin:0;
}
#carousel_6 ul li, #carousel_6 ul div{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	border: none;
}
#carousel_6_previous,#carousel_6_next{
	display:block;
	position:absolute;	
	top:50px;
}
#carousel_6_previous{
	left:0px;
}
#carousel_6_next{
	right:0px;
}

#carousel_6_previous,#carousel_6_next{
	height:30px;
	width:20px;
	display:none;
}	
#carousel_6_previous:hover,#carousel_6_next:hover{
	border-color:blue;
}
.carousel_6_item{
	height:350px;
	width:793px;
	overflow:hidden;
	position:relative;
	background:#7f7f7f;
	
}
#portfolioPanel{
	z-index:3 !important;
}
.carousel_6_item .prevLink,.carousel_6_item .nextLink{
	display:block;
	z-index:20;
	position:absolute;
	bottom:10px;
	right:12px;
	width:45px;
	height:13px;
	cursor:pointer;
	
}
.carousel_6_item .prevLink{
	background:url(../images/arrow_prev.png) top left no-repeat;
}
.carousel_6_item .nextLink{
	background:url(../images/arrow_next.png) top left no-repeat;
}
.carousel_6_item img{
	display:block;
	float:none;
}

.carousel_6_item #movie{
	position:absolute;
	left:360px;
	top:45px;
	xbackground:url(../images/ajax-loaderCDMP.gif) center center no-repeat;
	width:320px;
	height:256px;
	background:white;
}
#xmovie .mozFix[class]{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	background:transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAGQCAYAAACAvzbMAAAABGdBTUEAANbY1E9YMgAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAASFSURBVHja7NUxAQAACMMw5l/00MBNIqFP03YA4CoGAoCBAGAgABgIAAYCAAYCgIEAYCAAGAgABgIABgKAgQBgIAAYCAAGAgAGAoCBAGAgABgIAAYCAAYCgIEAYCAAGAgABgIABgKAgQBgIAAYCAAGAgAGAoCBAGAgABgIAAYCAAYCgIEAYCAAGAgAGAgABgKAgQBgIAAYCAAYCAAGAoCBAGAgABgIABgIAAYCgIEAYCAAGAgAGAgABgKAgQBgIAAYCAAYCAAGAoCBAGAgABgIABgIAAYCgIEAYCAAGAgAGAgABgKAgQBgIAAYiIEAYCAAGAgABgKAgQCAgQBgIAAYCAAGAoCBAICBAGAgABgIAAYCgIEAgIEAYCAAGAgABgKAgQCAgQBgIAAYCAAGAoCBAICBAGAgABgIAAYCgIEAgIEAYCAAGAgABgKAgQCAgQBgIAAYCAAGAgAGAoCBAGAgABgIAAYCAAYCgIEAYCAAGAgABgIABgKAgQBgIAAYCAAGAgAGAoCBAGAgABgIAAYCAAYCgIEAYCAAGAgABgIABgKAgQBgIAAYCAAGAgAGAoCBAGAgABgIAAZiIAAYCAAGAoCBAGAgAGAgABgIAAYCgIEAYCAAYCAAGAgABgKAgQBgIABgIAAYCAAGAoCBAGAgAGAgABgIAAYCgIEAYCAAYCAAGAgABgKAgQBgIABgIAAYCAAGAoCBAGAgAGAgABgIAAYCgIEAgIEAYCAAGAgABgKAgQCAgQBgIAAYCAAGAoCBAICBAGAgABgIAAYCgIEAgIEAYCAAGAgABgKAgQCAgQBgIAAYCAAGAoCBAICBAGAgABgIAAYCgIEAgIEAYCAAGAgABgKAgagAgIEAYCAAGAgABgIABgKAgQBgIAAYCAAGAgAGAoCBAGAgABgIAAYCAAYCgIEAYCAAGAgABgIABgKAgQBgIAAYCAAGAgAGAoCBAGAgABgIAAYCAAYCgIEAYCAAGAgABgIABgKAgQBgIAAYCAAGYiAAGAgABgKAgQBgIABgIAAYCAAGAoCBAGAgAGAgABgIAAYCgIEAYCAAYCAAGAgABgKAgQBgIABgIAAYCAAGAoCBAGAgAGAgABgIAAYCgIEAYCAAYCAAGAgABgKAgQBgIABgIAAYCAAGAoCBAICBAGAgABgIAAYCgIEAgIEAYCAAGAgABgKAgQCAgQBgIAAYCAAGAoCBAICBAGAgABgIAAYCgIEAgIEAYCAAGAgABgKAgQCAgQBgIAAYCAAGAoCBAICBAGAgABgIAAYCgIEYCAAGAoCBAGAgABgIABgIAAYCgIEAYCAAGAgAGAgABgKAgQBgIAAYCAAYCAAGAoCBAGAgABgIABgIAAYCgIEAYCAAGAgAGAgABgKAgQBgIAAYCAAYCAAGAoCBAGAgABgIABgIAAYCgIEAYCAAYCAAGAgABgKAgQBgIABgIAAYCAAGAoCBAGAgAGAgABgIAAYCgIEAYCAAYCAAGAgABgKAgQBgIABgIAAYCAAGAoCBAGAgAGAgABgIAAYCgIEA8NUKMABkVa0dXUe2egAAAABJRU5ErkJggg==);
	
}

.disabledArrow{
	border:4px dotted silver !important;
	display:none;	
}

.spread{
	width:793px;
	height:350px;
	background:#7f7f7f;
}
#CDMP_movie{
	background:url(../images/work/CDMP_1_spread_2.jpg) top left no-repeat;
	z-index:30 !important;
}


#panorama{
	position:absolute !important;
	top:0 !important;
	right:0 !important;
}
#panorama img{
	position:absolute;
	right:0;
	top:0;
}
.disabledArrow{
	display:none !important;
	border:2px dotted blue;
}

#CDMP_DVD{
	background:url(../images/work/CDMP_1_spread_1.jpg) top left no-repeat;
}
#CDMP_DVD a{
	display:block;
	position:absolute;
	right:30px;
	bottom:10px;
	text-decoration:none;
	color:#9b885c;
	font-size:12px;
	font-family:Arial,sans-serif;
}
area { position:relative; }