html {
	overflow: hidden;
	width: 100%;
	height: 100%;
	margin:0 auto;
}

body {
	behavior: url(csshover3.htc);
	width: 100%;
	height:100%;
	background-color:#000000;
	margin:0 auto;
	overflow:hidden;
}

img, div { behavior: url(iepngfix.htc) }

#flash {
	width: 100%;
	height: 100%;
	max-height:100%;
	text-align: center;
	position:absolute;
	margin:0 auto;
	z-index:-80;
}

#wrapper {
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	width: 100%;
	height:100%;
	overflow:auto;
	overflow-x:hidden;
	position:absolute;
}

#container-page {
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	width: 100%;
	position:absolute;
}

#contentContainer {	
	display:table-cell;
	margin-left: 10px;
	width:100%;
	padding-top:7px;
	padding-left:20px;
}

.link{
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:lighter;
	text-align:left;
	font-size: 12px;
	font-style:normal;
}
a{
	color: white; 
}

a:hover{
	color: #00CCFF;
}

.linkNews{
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:lighter;
	text-align:left;
	font-size: 11px;
	font-style:normal;
}
a{
	color: white; 
}

a:hover{
	color: #00CCFF;
	text-decoration:underline;
}



#Logo {
	width: 700px;
	height: 70px;
}

#LogoCD:link, LogoCD:visited {
	text-decoration:none;
	background: url(../images/logoCD1.png) no-repeat;
}

#LogoCD:hover, LogoCD:active {
	text-decoration:none;
	background: url(../images/logoCD2.png) no-repeat;
}

#LogoPro:link, LogoPro:visited {
	text-decoration:none;
	background: url(../images/logoPro1.png) no-repeat;
}

#LogoPro:hover, LogoPro:active {
	text-decoration:none;
	background: url(../images/logoPro2.png) no-repeat;
}

#LogoInter:link, LogoPro:visited {
	text-decoration:none;
	background: url(../images/logoInter1.png) no-repeat;
}

#LogoInter:hover, LogoPro:active {
	text-decoration:none;
	background: url(../images/logoInter2.png) no-repeat;
}

#smallLinks {
	width:260px;
	height:12px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:lighter;
	text-align:left;
	font-size: 11px;
	color:#FFFFFF;
	text-decoration:none;

}

#news {
	width: 700px;
	height: 510px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size: 70%;
	background-color:black;
	filter:alpha(opacity=65);   
	-moz-opacity:0.65;           
   	opacity: 0.65;             /* newer Mozilla and CSS-3 */
	font-style:normal;
	z-index:35;
	overflow-y:scroll;
	overflow-x:hidden;
	border-style:solid;
	border-width:thin;
}

/********TRANSPARENT TEST************/

.newsTransparent {
	width: 700px;
	height: 510px;
	overflow-y:scroll;
	overflow-x:hidden;
	border-style:solid;
	border-width:thin;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	color:#FFFFFF;
	font-size: 70%;
	background: url(../images/news/blackTransparent65.png);
}

*html .newsTransparent {
	width: 700px;
	height: 510px;
	
	
	background: none;
	filter:progid XImageTransform.Microsoft.AlphaImageLoader(src=‘../images/news/blackTransparent65.png’, sizingMethod=’scale’);

}
/********TRANSPARENT TEST************/

#newsPhoto {
	width:97px;
	height:auto;
	margin-top:10px;
	margin-left:8px;
	position: relative;
	top: 4.7em;
}

#newsCopy {
	width:540px;
	height:auto;
	margin-top:10px;
	margin-right:20px; 
}

smallLinks a{
	color: white;
	text-decoration:none;
}

smallLinks a:hover, smallLinks a:visited{
	color: #00CCFF;
	text-decoration:none;
}

H1 {
	font-family:Arial, Helvetica, sans-serif;
    font-size: 18px; 
    font-weight: bold; 
    color: #FFFFFF; 

}

#ContentText {
	width:680px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:lighter;
	text-align:left;
	font-size: 12px;
	font-style:normal;
	color:#FFFFFF;
	line-height: 18px;	
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
}

#aboutBox {
	width: 700px;
	height: 90px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size: 70%;
	filter:alpha(opacity=30);   
	-moz-opacity:0.3;           
   	opacity: 0.3;               
	font-style:normal;
	z-index:35;
}

#aboutBox:hover { 
	background-color:black;
	text-decoration: none;
	filter:alpha(opacity=65);   
	-moz-opacity:0.65;           
   	opacity: 0.65;    
} 
/***************** CONTENT 2  *****************************/

#servicesBox {
	width: 700px;
	height: 105px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size: 70%;
	filter:alpha(opacity=30);   /* Internet Explorer       */
	-moz-opacity:0.3;           /* Mozilla 1.6 and below   */
   	opacity: 0.3;               /* newer Mozilla and CSS-3 */
	font-style:normal;
	z-index:35;
}

#servicesBox:hover {
	background-color:black;
	text-decoration: none;
	filter:alpha(opacity=65);   /* Internet Explorer       */
	-moz-opacity:0.65;           /* Mozilla 1.6 and below   */
   	opacity: 0.65;    
}

/***************** CONTENT 3  *****************************/
#contactBox {
	width: 700px;
	height: 90px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size: 70%;
	filter:alpha(opacity=30);   /* Internet Explorer       */
	-moz-opacity:0.3;           /* Mozilla 1.6 and below   */
   	opacity: 0.3;               /* newer Mozilla and CSS-3 */
	font-style:normal;
	z-index:35;
}

#contactBox:hover {
	background-color:black;
	text-decoration: none;
	filter:alpha(opacity=65);   /* Internet Explorer       */
	-moz-opacity:0.65;           /* Mozilla 1.6 and below   */
   	opacity: 0.65;    
}

/***************** CONTENT 4 - Work & image caresail *****************************/
#Content4 {
	width: 100%;
	height: 220px;
	left:0px;
	filter:alpha(opacity=30);  
	-moz-opacity:0.3;           
   	opacity: 0.3;               
	font-style:normal;
	text-align: left;
	color: white;
	z-index:38;
}

#Content4:hover {
	background-color:black;
	text-decoration: none;
	filter:alpha(opacity=95);   
	-moz-opacity:0.95;           
   	opacity: 0.95;   
}

#WorkTextContainer {	
	display:table-cell;
	margin-left: 10px;
	width:800px;
	padding-top:10px;
	padding-left:20px;
}

#WorkContent {
	width: 900px;
	height: 90px;
}

#Content4Text {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:lighter;
	text-align:left;
	font-size: 12px;
	font-style:normal;
	line-height: 18px;
	width:300px;
	z-index:100;
	margin:0 0 0 10px;
}

#thumbs {
	width: 100%;
	height: 200px;
	left:0px;
	top:90px;
}
/******************** PORTFOLIO ********************/
#videoWrapper {
	height:100%;
	width:100%;
}

#portfolio {
	display:none;
	float:none;
	z-index:3100;
	width: 100%;
	position:relative;
	margin:0 0 0 0;
	text-align:justify;
	font-size: 12px;
}


div.jMyCarousel .prev{
	width:160px;
	height:61px;
	border:0px;
	margin-top:20px;
	background: url(../images/left2.png);
	background-repeat:no-repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sProperties);
	position:absolute;
}

div.jMyCarousel .next{
	width:160px;
	height:61px;
	border:0px;
	margin-top:20px;
	margin-right:-10px;
	background: url(../images/right2.png);
	background-repeat:no-repeat;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sProperties);
	position:absolute;
}

div.jMyCarousel{
	border:0px solid #1c6f8e;
}


/**************************************  portfolio thumbnails  *********************************************/
/*set up the first button*/
#button1  {
left: 0; width: 267px; height:150px;text-decoration:none;
}
 
#button1 a {left: 0; width: 267px; height:150px;
background: url(../images/thumbs/rams.jpg) 0px 0px no-repeat;text-decoration:none;
}
 
#button1 a:hover {left: 0; width: 267px; height:150px;
background: url(../images/thumbs/rams.jpg) 0px -150px no-repeat;text-decoration:none;
}
 
/*set up the second button*/
#button2  {
left: 267px; width: 267px;  height:150px;text-decoration:none;
}
 
#button2 a {left: 267px; width: 267px; height:150px;
background: url(../images/thumbs/901.jpg) 0px 0px no-repeat;text-decoration:none;
}
 
#button2 a:hover {left: 267px; width: 267px; height:150px;
background: url(../images/thumbs/901.jpg) 0px -150px no-repeat;text-decoration:none;
}

#button3  {
left: 130px; width: 130px;  height:150px;text-decoration:none;
}
 
#button3 a {left: 130px; width: 130px; height:150px;
background: url(../images/thumbs/aroundFarm.jpg) 0px 0px no-repeat;text-decoration:none;
}
 
#button3 a:hover {left: 130px; width: 130px; height:150px;
background: url(../images/thumbs/aroundFarm.jpg) 0px -150px no-repeat;text-decoration:none;
}

#button4  {
left: 195px; width: 195px;  height:150px;text-decoration:none;
}
 
#button4 a {left: 195px; width: 195px; height:150px;
background: url(../images/thumbs/metro.jpg) 0px 0px no-repeat;text-decoration:none;
}
 
#button4 a:hover {left: 195px; width: 195px; height:150px;
background: url(../images/thumbs/metro.jpg) 0px -150px no-repeat;text-decoration:none;
}

#button5  {
left: 130px; width: 130px;  height:150px;text-decoration:none;
}
 
#button5 a {left: 130px; width: 130px; height:150px;
background: url(../images/thumbs/compReel.jpg) 0px 0px no-repeat;text-decoration:none;
}
 
#button5 a:hover {left: 130px; width: 130px; height:150px;
background: url(../images/thumbs/compReel.jpg) 0px -150px no-repeat;text-decoration:none;
}

#button6  {
left: 267px; width: 267px; height:150px;text-decoration:none;
}
 
#button6 a {left: 267px; width: 267px; height:150px;
background: url(../images/thumbs/billikens.jpg) 0px 0px no-repeat;text-decoration:none;
}
 
#button6 a:hover {left: 267px; width: 267px; height:150px;
background: url(../images/thumbs/billikens.jpg) 0px -150px no-repeat;text-decoration:none;
}

#button7  {
left: 0; width: 181px; height:150px;text-decoration:none;
}
 
#button7 a {left: 181px; width: 181px; height:150px;
background: url(../images/thumbs/production.jpg) 0px 0px no-repeat;text-decoration:none;
}
 
#button7 a:hover {left: 181px; width: 181px; height:150px;
background: url(../images/thumbs/production.jpg) 0px -150px no-repeat;text-decoration:none;
}

#button8  {
left: 130px; width: 130px;  height:150px;text-decoration:none;
}
 
#button8 a {left: 130px; width: 130px; height:150px;
background: url(../images/thumbs/sangria.jpg) 0px 0px no-repeat;text-decoration:none;
}
 
#button8 a:hover {left: 130px; width: 130px; height:150px;
background: url(../images/thumbs/sangria.jpg) 0px -150px no-repeat;text-decoration:none;
}

#button9  {
left: 0; width: 181px; height:150px;text-decoration:none;
}
 
#button9 a {left: 181px; width: 181px; height:150px;
background: url(../images/thumbs/memorial.jpg) 0px 0px no-repeat;text-decoration:none;
}
 
#button9 a:hover {left: 267px; width: 267px; height:150px;
background: url(../images/thumbs/memorial.jpg) 0px -150px no-repeat;text-decoration:none;
}

#button10  {
left: 267px; width: 267px;  height:150px;text-decoration:none;
}
 
#button10 a {left: 267px; width: 267px; height:150px;
background: url(../images/thumbs/MonsantoLand.jpg) 0px 0px no-repeat;text-decoration:none;
}
 
#button10 a:hover {left: 267px; width: 267px; height:150px;
background: url(../images/thumbs/MonsantoLand.jpg) 0px -150px no-repeat;text-decoration:none;
}

#button11  {
left: 0; width: 181px; height:150px;text-decoration:none;
}
 
#button11 a {left: 181px; width: 181px; height:150px;
background: url(../images/thumbs/MonsantoEconomy.jpg) 0px 0px no-repeat;text-decoration:none;
}
 
#button11 a:hover {left: 181px; width: 181px; height:150px;
background: url(../images/thumbs/MonsantoEconomy.jpg) 0px -150px no-repeat;text-decoration:none;
}

#button12  {
left: 130px; width: 130px;  height:150px;text-decoration:none;
}
 
#button12 a {left: 130px; width: 130px; height:150px;
background: url(../images/thumbs/BombaySapphire.jpg) 0px 0px no-repeat;text-decoration:none;
}
 
#button12 a:hover {left: 130px; width: 130px; height:150px;
background: url(../images/thumbs/BombaySapphire.jpg) 0px -150px no-repeat;text-decoration:none;
}

#button13  {
left: 130px; width: 130px;  height:150px;text-decoration:none;
}
 
#button13 a {left: 130px; width: 130px; height:150px;
background: url(../images/thumbs/Mentos.jpg) 0px 0px no-repeat;text-decoration:none;
}
 
#button13 a:hover {left: 130px; width: 130px; height:150px;
background: url(../images/thumbs/Mentos.jpg) 0px -150px no-repeat;text-decoration:none;
}

#button14  {
left: 267px; width: 267px;  height:150px;text-decoration:none;
}
 
#button14 a {left: 267px; width: 267px; height:150px;
background: url(../images/thumbs/roundUp.jpg) 0px 0px no-repeat;text-decoration:none;
}
 
#button14 a:hover {left: 267px; width: 267px; height:150px;
background: url(../images/thumbs/roundUp.jpg) 0px -150px no-repeat;text-decoration:none;
}

#button15  {
left: 267px; width: 267px;  height:150px;text-decoration:none;
}
 
#button15 a {left: 267px; width: 267px; height:150px;
background: url(../images/thumbs/goHome.jpg) 0px 0px no-repeat;text-decoration:none;
}
 
#button15 a:hover {left: 267px; width: 267px; height:150px;
background: url(../images/thumbs/goHome.jpg) 0px -150px no-repeat;text-decoration:none;
}

#button16  {
left: 0; width: 181px; height:150px;text-decoration:none;
}
 
#button16 a {left: 181px; width: 181px; height:150px;
background: url(../images/thumbs/missouriTV.jpg) 0px 0px no-repeat;text-decoration:none;
}
 
#button16 a:hover {left: 181px; width: 181px; height:150px;
background: url(../images/thumbs/missouriTV.jpg) 0px -150px no-repeat;text-decoration:none;
}


/*******************  VIDEO CONTAINER ***************/
#videoWrapper {
	margin: 0 auto;   
	text-align: left; 
	width:100%;
	height:100%;
	position:absolute;
	background-color:black;
	text-decoration: none;
	filter:alpha(opacity=75);   
	-moz-opacity:0.75;           
   	opacity: 0.75; 
	z-index:85;
}

#videoContainer {
	width: 550px;
	height:500px; 
	float:left;
	left:50%;
	margin:0;
	margin-left:-250px;
	top: 100px;
	position:absolute;
	z-index:100;
}

#flashcontent {
	width: 550px;
	height:450px;
	top:39px;
	float:left;
	position:absolute;
	z-index:100;
}

#videoClose {
	width: 73px ;
	height: 38px;
	float:right;
	margin:0 40px 0 0;
}

/************** FOOTER   *********************/

#FooterBL {
	width: 99%;
	height: 30px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size: 70%;
	filter:alpha(opacity=30);   /* Internet Explorer       */
	-moz-opacity:0.3;           /* Mozilla 1.6 and below   */
   	opacity: 0.3;               /* newer Mozilla and CSS-3 */
	font-style:normal;
	z-index:37;
	padding-left:30px;
}

#FooterBL:hover {
	text-decoration: none;
	filter:alpha(opacity=100);   /* Internet Explorer       */
	-moz-opacity:1.0;           /* Mozilla 1.6 and below   */
   	opacity: 1.0;    
}


/************** INTERIOR PAGES  *********************/
#ContentDevelopment {
	width: 700px;
	height: 170px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size: 70%;
	background-color:black;
	filter:alpha(opacity=65);   
	-moz-opacity:0.65;           
   	opacity: 0.65;             /* newer Mozilla and CSS-3 */
	font-style:normal;
	z-index:35;
}

#ProductionPost {
	width: 700px;
	height: 200px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size: 70%;
	background-color:black;
	filter:alpha(opacity=65);   
	-moz-opacity:0.65;           
   	opacity: 0.65;           
	font-style:normal;
	z-index:35;
}

#InteractiveMedia {
	width: 700px;
	height: 180px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size: 70%;
	background-color:black;
	filter:alpha(opacity=65);   
	-moz-opacity:0.65;           
   	opacity: 0.65;           
	font-style:normal;
	z-index:35;
}

/* ***********************************BELOW FOR INTERNAL MOUSEOVERS ON HOVER******************************
#ContentDevelopment {
	width: 700px;
	height: 170px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size: 70%;
	filter:alpha(opacity=30);   
	-moz-opacity:0.3;           
   	opacity: 0.3;               
	font-style:normal;
	z-index:35;
}


#ContentDevelopment:hover {
	background-color:black;
	text-decoration: none;
	filter:alpha(opacity=65);   
	-moz-opacity:0.65;           
   	opacity: 0.65;    
}


#ProductionPost {
	width: 700px;
	height: 200px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size: 70%;
	filter:alpha(opacity=30);   
	-moz-opacity:0.3;           
   	opacity: 0.3;               
	font-style:normal;
	z-index:35;
}

#ProductionPost:hover {
	background-color:black;
	text-decoration: none;
	filter:alpha(opacity=65);   
	-moz-opacity:0.65;           
   	opacity: 0.65;    
}

#InteractiveMedia {
	width: 700px;
	height: 180px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size: 70%;
	filter:alpha(opacity=30);   
	-moz-opacity:0.3;           
   	opacity: 0.3;              
	font-style:normal;
	z-index:35;
}

#InteractiveMedia:hover {
	background-color:black;
	text-decoration: none;
	filter:alpha(opacity=65);   
	-moz-opacity:0.65;           
   	opacity: 0.65;    
}
*/