a:link {
	color: #cccc66;
	font-weight: normal;
	text-decoration: normal;

}

a:visited {
  color: #cccc66;
  text-decoration: normal;
  font-weight: normal;

  
}

a:hover {
	text-decoration: underline;
	 color: #cccc00;
	 font-weight: normal;

}

a:active {
	color: #cccc66;
	font-weight: normal;
	text-decoration: normal;

}

BODY
{
	margin: 0px;
	overflow:hidden;
}

DIV
{
	z-index: 1;
}

DIV.cbody
{
  color:						#fff;
	width:						1000px;
	height:						400px;
}

DIV.cbody table tr td
{
	color:						#fff;
}

DIV.bgFade
{
	height:		100%;
	width:		1000px;
	min-height: 640px;
	background-color: #000;
	z-index:	-1;
  position: absolute; /* important */  
	float:		left;  
  overflow: hidden; /* important */  
  width: 1000px; /* important */  
  height: 540px; /* important */  
  margin: 0;  
	display: none;
}

DIV.bgCon
{
	height:		100%;
	width:		100%;
	min-width: 1000px;
	min-height: 640px;
	background-color: #000;
	z-index:	-2;
	display:	inline;
	visibility: hidden;
	position: fixed;
	overflow:hidden;
}

DIV.loading
{
	height:						100%;
	width:						100%;
	min-width:				1000px;
	min-height:				640px;
	background-color: #000;
	z-index:					10;
	display:					inline;
	position:					fixed;
	overflow:					hidden;
	text-align: 			center;
}

DIV.loadingalign
{
	padding-top:		100px;
	text-align: center;
	display:	block;
}

IMG.bgImg
{
	border:	0px;
	min-width: 1000px;
	min-height: 640px;
}


/* example_6 css */  
DIV.all {  
  position: 		absolute; /* important */  
	float:				left;  
  overflow: 		hidden; /* important */  
  width: 				1000px; /* important */  
  height: 			540px; /* important */  
  margin: 			0;  
  font-size:		13px;
  font-family:	Lucida Sans, Verdana;
}  
  
UL.opusBody {  
  position: absolute;  
  top:					0;  
  margin:				0; 
  padding:			0; 
}  
  
UL.opusBody  
UL.opusBody li {  
  list-style: none;  
  margin: 0,
  padding: 0;  
}  
UL.opusBody {  
	width: 13440px;  
}  
DIV.all ul.opusBody li.bodyLi {  
	display: block;  
	float: left;  
	margin: 0,
	padding: 0;  
	border: none;
	background-image:	url('/images/fade.png');
}  
  
  
DIV.nav
{
	float:						left;
	position: 				absolute;
	width:						1000px;
	height:						100px;
	top:							0px;
	left:							100px;
	background-image:	url('/images/fade.png');
}

DIV.nav table tr td
{
	text-align:		left;
}

DIV.nav table tr td ul
{
	padding:	0;
	margin:		0;
}

DIV.nav table tr td ul li
{
  list-style:		none;  
  margin:				0;  
  padding:			0;  
	float:				left;  
	margin:				0;  
	padding:			0;  
	border:				none;
	font-size:		13px;
	font-family:	Lucida Sans, Verdana;
	height:				80px;
}

DIV.nav img.opusLogo
{
	margin-left: 10px;
}

DIV.nav table tr td ul li DIV
{
	padding-top:		65px;
	color:					#fff;
	cursor:					pointer;
}

DIV.nav table tr td ul li DIV.navimg
{
	padding-top:		0px;
}

DIV.livefeed
{
	float:						left;
	position: 				relative;
	width:						250px;
	margin-left:			40px;
	margin-top:				70px;
	height:						50px;
}

DIV.portfoliocat
{
	float:						left;
	position: 				relative;
	width:						650px;
	margin-left:			25px;
	margin-top:				30px;
	height:						90px;
}

DIV.livepayload
{
	float:						left;
	position: 				relative;
	width:						290px;
}

DIV.payload
{
	float:						left;
	position: 				relative;
	width:						650px;
	margin-left:			25px;
}

DIV.title1
{
	font-size:			1em;
	font-weight:		bold;
	font-family:		Lucida Sans, Verdana;
	margin-bottom:	15px;
}

DIV.sort
{
	float:				left;
	position: 		relative;
	font-size:		1em;
	font-weight:	bold;
	font-family:	Lucida Sans, Verdana;
	cursor:				pointer;
}

DIV.sort IMG
{
	width:				8px;
	height:				12px;
	margin-left:	5px;
	margin-right: 45px;
	cursor:				pointer;
}

DIV.sort IMG.last
{
	margin-left:	5px;
	margin-right:	0px;
}

DIV.sortright
{
	float:				right;
	position: 		relative;
	font-size:		16px;
	font-weight:	bold;
	font-family:	Lucida Sans, Verdana;
	cursor:				pointer;
	margin-left:	45px;
}

DIV.sortright IMG
{
	width:				8px;
	height:				12px;
	margin-left:	5px;
	margin-right:	5px;
	cursor:				pointer;
}

DIV.sortright IMG.last
{
	margin-left:	5px;
	margin-right:	20px;
}

span.live
{
	font-size:		22px;
	font-weight:	bold;
	font-family:	Lucida Sans, Verdana;
}

span.livesub
{
	font-size:		10px;
	font-weight:	bold;
	font-family:	Lucida Sans, Verdana;
}

DIV.whiteline
{
	float:						left;
	position: 				relative;
	background-color:	#fff;
	height:						1px;
	width:						650px;
	margin-top:				5px;
	margin-bottom:		5px;
}

DIV.whiteline IMG
{
	height:		1px;
	border:		0px;
	padding:	0px;
	margin:		0px;
}


DIV.payload DIV.sectTitle
{
	position: 			relative;	
	font-size:			16px;
	font-weight:		bold;
	font-family:		Lucida Sans, Verdana;	
	margin-bottom:	10px;
}

DIV.payload DIV.sectWrap
{
	clear:					both;
	position: 			relative;	
	height:					110px;
	padding:				5px;
	border-bottom:	1px solid #fff;
	margin-bottom:	5px;
	cursor:					pointer;
}

DIV.payload DIV.sectWrap>DIV.subSectTitle { /*display:table for Mozilla & Opera*/
	display:		table;
	position:		static;
}

DIV.payload DIV.sectWrap DIV.subSectTitle
{
	float:					left;
	width:					300px;
	height:					100%;
	position: 			relative;	
	font-size:			30px;
	font-weight:		bold;
	font-family:		Lucida Sans, Verdana;
}

DIV.payload DIV.sectWrap DIV.subSectTitle div
{ /*for IE*/
	position:	absolute;
	top:			50%;
}

DIV.payload DIV.sectWrap DIV.subSectTitle>div
{ /*for Mozilla and Opera*/
	display:				table-cell;
	vertical-align:	middle;
	position:				static;
}

DIV.payload DIV.sectWrap DIV.subSectTitle div div {
	position:				relative;
	top:						30%;
}

DIV.payload DIV.sectWrap DIV.subSectTitle DIV
{
	top:	50%
}

DIV.payload DIV.sectWrap DIV.subSectImage
{
	width:			100px;
	height:			100px;
	float:			right;
	position: 	relative;	
	padding:		2px;
	border:			1px solid #fff;
	background:	url(/images/opus.gif) 2px 2px no-repeat;
}

img.sectImage
{
	visibility:	hidden;
}

IMG.throbber
{
	border:				0px;
	padding:			0px;
	margin-top: 	5px;
	margin-right:	5px;
	width:				208px;
	height:				13px;
}


#slideshow
{
	list-style:	none;
	color:			#fff;
}

#slideshow span
{
	display:	none;
}

#wrapper
{
	width:	932px;
	margin:	0;
	display:none;
}

#wrapper *
{
	margin:		0;
	padding:	0;
}

#fullsize
{
	position:		relative;
	width:			930px;
	height:			500px;
	padding:		0px;
	margin:			0px;
	border:			1px solid #ccc;
	background:	#000;
	z-index:		26;
	overflow:		hidden;
}

#ssimage
{
	width:		930px;
	padding:	0px;
	margin:		0px;
}

#ssback
{
	width:						930px;
	height:						500px;
	padding:					0px;
	margin:						0px;
	background-color:	#000;
	z-index:					20;
}

#ssimage img
{
	position:	absolute;
	z-index:	25;
	padding:	0px;
	margin:		0px;
	height:		500px;
}

.imgnav
{
	position:		absolute;
	width:			25%;
	height:			500px;
	cursor:			pointer;
	z-index:		150;
}

#imgprev
{
	left:				0;
	background:	url(/images/left.gif) left center no-repeat;
}

#imgnext
{
	right:			0;
	background:	url(/images/right.gif) right center no-repeat;
}

#imglink
{
	position:		absolute;
	height:			500px;
	width:			930px;
	z-index:		100;
	opacity:		.4;
	filter:		alpha(opacity=40);
}

.linkhover
{
	background:	url(/images/spacer.gif) center center no-repeat;
}

#thumbnails
{
	margin-top:	15px;
}

#slideleft
{
	float:						left;
	width:						20px;
	height:						106px;
	background:				url(/images/scroll-left.gif) center center no-repeat;
	background-color:	#222;
}

#slideleft:hover
{
	background-color:		#333
}

#slideright
{
	float:			right;
	width:			20px;
	height:			106px;
	background:	#222 url(/images/scroll-right.gif) center center no-repeat;
}

#slideright:hover
{
	background-color:	#333;
}

#slidearea
{
	float:						left;
	position:					relative;
	width:						882px;
	margin-left:			5px;
	margin-right:			5px;
	height:						106px;
	overflow:					hidden;
	background-color: #000;
}

#slider
{
	position:			absolute;
	left:					0;
	height:				106px;
}
#slider img
{
	cursor:		pointer;
	border:		1px solid #666;
	padding:	2px;
}

SPAN.green
{
	color: #C3EFA3;
}

SPAN.sbig
{
	font-size:			26px;
	font-weight:		bold;
	font-family:		Lucida Sans, Verdana;
}

DIV.studiobig
{
	width:					950px;
	font-size:			26px;
	font-weight:		bold;
	font-family:		Lucida Sans, Verdana;
}

DIV.studioleft
{
	width:					425px;
	float:					left;
}

DIV.studioright
{
	width:					425px;
	float:					right;
}

DIV.studiosmall
{
	width:					450px;
	font-size:			13px;
	font-weight:		bold;
	font-family:		Lucida Sans, Verdana;
}

DIV.studiosection
{
	margin-top:			50px;
	margin-left:		50px;
	margin-right:		50px;
	display:				none;
	font-family:		Lucida Sans, Verdana;
}

DIV.newsbig
{
	margin-top:			50px;
	margin-left:		50px;
	font-size:			26px;
	font-weight:		bold;
	font-family:		Lucida Sans, Verdana;
}

DIV.newsnav
{
	width:				290px;
	margin-top:		21px;
	margin-left:	50px;
	float:				left;
	postion:			relative;
}

DIV.newsnav TABLE
{
	border:		0px;
	padding:	0px;
	margin:		0px;
}

DIV.newsnav TABLE TR TD
{
	font-size:			13px;
	font-weight:		bold;
	font-family:		Lucida Sans, Verdana;
	padding:				2px;
	vertical-align:	top;
}

DIV.newsnav TABLE TR TD.t
{
	color:				#C3EFA3;
	white-space:	nowrap;
}

DIV.newsnav TABLE TR TD.nl
{
	cursor:		pointer;
}

DIV.newsbody
{
	width:				590px;
	margin-right:	50px;
	float:				right;
	postion:			relative;
}

BR.clear
{
	clear:	both;
	height:	0px;
}

DIV.newsarticle
{
	color:					#FFF;
	font-size:			13px;
	font-family:		Lucida Sans, Verdana;
}


SPAN.clientbig
{
	font-size:			26px;
	font-weight:		bold;
	font-family:		Lucida Sans, Verdana;
}

SPAN.clientmid
{
	color:					#C3EFA3;
	font-size:			10px;
	font-weight:		bold;
	font-family:		Lucida Sans, Verdana;
}

SPAN.clientbold
{
	font-weight:		bold;
}

DIV.clients
{
	padding-top:		50px;
	padding-left:		50px;
	padding-right:	20px;
	font-family:		Lucida Sans, Verdana;
}

DIV.clientssub
{
	padding-left:		20px;
}

DIV.scrolldiv
{
	height:			100%;
	overflow:		auto;
}

DIV.contact
{
	padding-top:		50px;
	padding-left:		50px;
	padding-right:	20px;
	font-family:		Lucida Sans, Verdana;
}

SPAN.contactbig
{
	font-size:			26px;
	font-weight:		bold;
	font-family:		Lucida Sans, Verdana;
}

SPAN.contactmid
{
	color:					#C3EFA3;
	font-size:			20px;
	font-weight:		bold;
	font-family:		Lucida Sans, Verdana;
}

SPAN.contactbold
{
	font-weight:		bold;
}

DIV.services
{
	padding-top:		50px;
	padding-left:		50px;
	padding-right:	20px;
	font-family:		Lucida Sans, Verdana;
}

SPAN.servicesbig
{
	font-size:			26px;
	font-weight:		bold;
	font-family:		Lucida Sans, Verdana;
}

SPAN.servicesmid
{
	color:					#C3EFA3;
	font-size:			20px;
	font-weight:		bold;
	font-family:		Lucida Sans, Verdana;
}

SPAN.servicesbold
{
	font-weight:		bold;
}

DIV.work
{
	padding-top:		50px;
	padding-left:		50px;
	padding-right:	20px;
	font-family:		Lucida Sans, Verdana;
}

SPAN.workbig
{
	font-size:			26px;
	font-weight:		bold;
	font-family:		Lucida Sans, Verdana;
}

div.newLeft
{
	float:			left;
	postition:	relative;
}

div.newRight
{
	float:			right;
	postition:	relative;
}

div.payLoadSize
{
	width:				230px;
	margin-left:	40px;
}

div.payLoadSize div.newImage
{
	margin-top:	10px;
	width:			100px;
	height:			100px;
	padding:		2px;
	border:			1px solid #fff;
	background:	url(/images/opus.gif) 2px 2px no-repeat;
	cursor:			pointer;
}

img.newImg
{
	visibility:	hidden;
}

DIV.homenews
{
	clear:						both;
	display:					block;
	width:						1000px;
	height:						100px;
	position:					relative;
	background-image:	url('/images/fade.png');
}

DIV.homenew
{
	display:					block;
	width: 						1000px;
	height:						120px;
	position:					relative;
	background-image:	url('/images/fade.png');
}

DIV.homeNewTitle
{
	display:					block;
	width: 						220px;
	height:						115px;
	float:						left;
	position:					relative;
	padding-top:			5px;
	padding-left:			5px;
}

div.homeNewSize
{
	display:					block;
	width: 						775px;
	height:						120px;
	float:						left;
	position:					relative;
}

div.homeNewSize div.newHomeImage
{
	margin-top:		5px;
	margin-left:	10px;
	width:				100px;
	height:				100px;
	padding:			2px;
	border:				1px solid #fff;
	background:		url(/images/opus.gif) 2px 2px no-repeat;
	cursor:				pointer;
	float:				left;
	postition:		relative;
}

div.homeNewsSize
{
	display:					block;
	width: 						765px;
	height:						95px;
	float:						left;
	position:					relative;
	padding-top:			5px;
	padding-right:		10px;
}

DIV.homeNewsTitle
{
	display:					block;
	width: 						220px;
	height:						95px;
	float:						left;
	position:					relative;
	padding-top:			5px;
	padding-left:			5px;
}

DIV.feedNewsDate
{
	width:						100px;
	float:						left;
	position:					relative;
	color:						#C3EFA3;
	font-size:				14px;
	font-weight:			bold;
	font-family:			Lucida Sans, Verdana;
}

DIV.feedNewsTitle
{
	float:						left;
	position:					relative;
	color:						#FFF;
	font-size:				14px;
	font-family:			Lucida Sans, Verdana;
	cursor:						pointer;
}

DIV.feedNewsArrow
{
	float:						right;
	position:					relative;
	cursor:						pointer;
}

SPAN.portSection
{
	cursor:				pointer;
	font-size:		13px;
	color:				#C3EFA3;
	margin-left:	10px;
}