@charset "UTF-8";
/* CSS Document */

body {
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#000;
	}



#globalWrapper{
	position:absolute;
	width:100%;
	height:auto;
}

#page{
	position:relative;
	width:1024px;
	height:auto;
	margin:auto;
	background-image:url(images/masterpieceWebsite_pageBG_02.png);
	background-repeat:repeat-y;
	background-position:center;
	/*padding-top:15px;
	padding-left:64px;
	padding-right:64px;*/
}

#constWarning{
	position:absolute;
	top:200px;
	left:128px;
	z-index:10;
}

#seasonDeco{
	position:absolute;
	top:0px;
	left:112px;
	z-index:10;
}

#banner{
	width:1024px;
	height:126px;
	background-image:url(images/masterpieceWebsite_banner_03.png);
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:scroll;
}

	#socialLinx{
	height:36px;
	width:239px;
	padding-left:785px;
	padding-top:5px;
	}
	
	#bannerSpacer{
	height:90px;
	width:100%;
	
	}

/*#topNav{
	width: 75%;
	height:35px;
	padding-left:128px;
}
	.navBtn{
		width:16.666%;
		float:left;
	}*/

#mainContent{
	width:895px;
	background-image:url(images/masterpieceWebsite_mainContBG_03.png);
	background-repeat:no-repeat;
	background-position:center;
	margin-left:64px;
}

#otherContent{
	width:895px;
	margin-left:64px;
}

#mediaRow{
	width:896px;
	height:256px;
	padding-top:0px;
	padding-left:0px;
}

	#slideshow{
		width:896px;
		height:256px;
		float:left;
		
	}
	
	
#copyRow{
		width:896px;
		height:224px;
		
	}
	
	.subTopic{
		width:288px;
		height:224px;
		background-image:url(images/subTopicBG_07.png);
		float:left;
		box-shadow: 0px -5px 15px #000000;
		-webkit-box-shadow: 0px -5px 15px #000000;
		-moz-box-shadow: 0px -5px 15px #000000;
		border-color:#666666;
		border-width:1px;
		border-bottom-style:solid;
		border-radius:16px;
		-moz-border-radius:16px;
		
	}
	
	.gallery{
		width:136px;
		height:196px;
		background-image:url(images/galleryBG_03.png);
		float:left;
		margin-top:16px;
		
	}
	
	.interspacer{
		width:16px;
		height:224px;
		float:left;
	}
	.interspacer_a{
		width:5px;
		height:224px;
		float:left;
	}
	
	#blogBox{
		height:200px;
		width:280px;
		margin-top:4px;
		margin-left:4px;
		margin-right:4px;
		overflow:auto;
		border-top-style:double;
		border-color:#666666;
		
	}
	#blogBox h2{
		font-size:12px;
		margin-bottom:-10px;
	}
#partnerSection{
	width:896px;
	height:224px;
	margin-top:16px;
	background-image:url(images/partnerBG_03.png);
	background-attachment:scroll;
	background-position:center;
	background-repeat:no-repeat;
	padding-left:64px;
	padding-right:64px;
	float:left;
}

	#titleSpace{
		width:100%;
		height:25px;
	}
	#topText{
		width:100%;
		height:32px;
		padding-left:10px;
	}
	#tommDvpBox{
		width:50%;
		height:135px;
		background-image:url(images/partnerLinkBG_03.png);
		background-position:center;
		background-repeat:no-repeat;
		float:left;
		
	}
	#refNetBox{
		width:50%;
		height:135px;
		background-image:url(images/partnerLinkBG_03.png);
		background-position:center;
		background-repeat:no-repeat;
		float:left;
	}
	.partnerBox{
		width:184px;
		height:103px;
		float:left;
		margin-left:32px;
		margin-top:16px;
	}
	.logoLink{
	}
	.partnerText{
		width:50%;
		height:135px;
		float:right;
	}
	
#footer{
	width:100%;
	height:45px;
	float:left;
}

.serviceList{
	list-style-image:none;
	list-style:none;
}

.vidThumb{
  margin-left:4px;
  width:128px;
  height:78px;
}
/*---------Services Page Rules-------*/

.serviceList{
	font-family:'OregonLDORegular';
	font-size:1.25em;
	color:#fc0;
	margin-left:16px;
}

	.serviceList:hover{
		color:#c90;
		text-decoration:underline;
		cursor:pointer;
	}
#funTimeBox{
	width:100%;
	height:400px;
}

#serviceBox{
width:288px;
float:left;
/*height:256px;*/
}

#servBoxTopCap{
	/*width:256px;*/
	height:16px;
}

	#servBoxTopCapMid{
		height:16px;
		width:272px;
		background-image:url(images/showcaseBGcorners_04.png);
		float:left;
	}
	#servBoxTopCapEnd{
		width:16px;
		height:16px;
		background-image:url(images/showcaseBGcorners_06.png);
		float:left;
	}

#servBoxContent{
	background-image:url(images/showcaseBGcorners_04.png);
	width:288px;
}

#servBoxTail{
	/*width:288px;*/
	height:16px;

}
	#servBoxTailMid{
		width:272px;
		height:16px;
		background-image:url(images/showcaseBGcorners_04.png);
		float:left;
	}
	#servBoxTailEnd{
		width:16px;
		height:16px;
		background-image:url(images/showcaseBGcorners_12.png);
		float:left;
	}

#displayWrapper{
	width:504px;
	height:400px;
	float:left;
}

#itemselected{
	height:32px;
	width:75%;
	border-bottom-color:#fc0;
	border-bottom-style:double;
	margin-left:32px;
}
	#itemselected span{
		font-family:'OregonLDORegular';
		color:#fc0;
		font-size:1.5em;
	}

#displayBox{
	width:448px;
	height:256px;
	margin:auto;
	
}

	#disBoxTop{
		width:448px;
		height:16px;
	}
		#disBoxTopLcorner{
			width:16px;
			height:16px;
			background-image:url(images/showcaseBGcorners_03.png);
			float:left;
		}
		#disBoxTopMid{
			width:416px;
			height:16px;
			background-image:url(images/showcaseBGcorners_04.png);
			float:left;
		}
		#disBoxTopRcorner{
			width:16px;
			height:16px;
			background-image:url(images/showcaseBGcorners_06.png);
			float:left;
		}
	#disBoxMid{
		width:448px;
		height:224px;
		background-image:url(images/showcaseBGcorners_04.png);
	}
	
	#serveCopy{
		width:224px;
		height:208px;
		float:left;
	}
		#serveCopy p{
			margin-right:8px;
		}
	
	#serveImage{
		width:224px;
		height:208px;
		float:left;
	}
	
	#disBoxTail{
		width:448px;
		height:16px;
	}
		#disBoxTailLcorner{
			width:16px;
			height:16px;
			background-image:url(images/showcaseBGcorners_10.png);
			float:left;
		}
		#disBoxTailMid{
			width:416px;
			height:16px;
			background-image:url(images/showcaseBGcorners_04.png);
			float:left;
		}
		#disBoxTailRcorner{
			width:16px;
			height:16px;
			background-image:url(images/showcaseBGcorners_12.png);
			float:left;
		}
	

/*-----Showcase Page Rules--------*/

#showcaseContent{
	width:895px;
	height:600px;
	margin:auto;
}

	.mediaContent{
		width:446px;
		height:600px;
		float:left;
		}
		
	#vidContent{
		width:408px;
		height:261px;
		margin:auto;
	}
		#vidPlayer{
			width:376px;
			height:229px;
			margin:auto;
		}
	
	#videoContent_head{
		width:446px;
		height:48px;
		margin:auto;
		background-image:url(images/showCaseMediaBG_03.png);
		background-repeat:no-repeat;
		background-position:center;
	}
	#videoContent_body{
		width:446px;
		height:auto;
		background-image:url(images/showCaseMediaBG_06.png);
		background-repeat:repeat-y;
		background-position:center;
	}
	#videoContent_foot{
		width:446px;
		height:32px;
		background-image:url(images/showCaseMediaBG_09.png);
		background-repeat:no-repeat;
		background-position:center;
		
	}
		
	.catBox{
		width:408px;
		margin:auto;
	}	
	.catBox_head{
		width:408px;
		height:16px;
		margin:auto;
	}
		.catBox_uLcorner{
			width:16px;
			height:16px;
			background-image:url(images/showcaseBGcorners_03.png);
			float:left;
		}	
		.catBox_uMiddle{
			width:376px;
			height:16px;
			background-image:url(images/showcaseBGcorners_04.png);
			float:left;
		}
		.catBox_uRcorner{
			width:16px;
			height:16px;
			background-image:url(images/showcaseBGcorners_06.png);
			float:left;
		}
	.catBox_body{
		width:408px;
		background-image:url(images/showcaseBGcorners_04.png);
		margin:auto;
	}
	.catBox_tail{
		width:408px;
		height:16px;
		margin:auto;
	}
	
		.catBox_lLcorner{
			width:16px;
			height:16px;
			background-image:url(images/showcaseBGcorners_10.png);
			float:left;
		}
		
		.catBox_lMiddle{
			width:376px;
			height:16px;
			background-image:url(images/showcaseBGcorners_04.png);
			float:left;
		}
		
		.catBox_lRcorner{
			width:16px;
			height:16px;
			background-image:url(images/showcaseBGcorners_12.png);
			float:left;
		}
	
	.thumbStrips{
	width:408px;
	overflow:auto;
	height: auto;
	}
	
	.thumbField{
	width:412px;
	overflow:auto;
	height: auto;
	margin-left:8px;
	}
	
	.thumbBox{
		width:136px;
		height:74px;
		float:left;
	}
	
	.thumbNail{
		width:128px;
		height:70px;
		margin:auto;
	}
	
		div.thumbnail a:link{
		}
		
		div.thumbnail a:visited{
			border-color:#999999;
			border-width:thin;
			border-style:solid;
		}
		
		div.thumbnail a:hover{
			border-color:#ffcc00;
			border-width:thin;
			border-style:solid;
		}
		
		div.thumbnail a:active{
			border-color:#CC9900;
			border-width:thin;
			border-style:solid;
		}
	
	#photoContainer_head{
		width:446px;
		height:48px;
		background-image:url(images/showCaseMediaBG_03.png);
		background-repeat:no-repeat;
		background-position:center;
		float:left;
	}
	#photoContainer_body{
		width:446px;
		height:338px;
		background-image:url(images/showCaseMediaBG_06.png);
		background-repeat:repeat-y;
		background-position:center;
		float:left;
		
		overflow:auto;
	}
	#photoContainer_foot{
		width:446px;
		height:32px;
		background-image:url(images/showCaseMediaBG_09.png);
		float:left;
		background-repeat:no-repeat;
		background-position:center;
	}
 #thumbSheet{
 	margin:auto;
	height:155px;
	widht:112px;
	float:none;
 }
 
 
 /*-----------Navigation Styles ----------------*/

#topNav{
	width:895px;
	height:41px;
	margin:auto;
	/*padding-left:128px;*/
}
	#leftSpace{
		width:143px;
		height:41px;
		background-image:url(images/MPA-topNavUp_03.png);
		float:left;
		
	}
	#homeBtn{
		width:92px;
		height:41px;
		background-image:url(images/MPA-topNavUp_04.png);
		float:left;
		
	}
		#homeBtn:hover{
			background-image:url(images/MPA-topNavOver_04.png);
		}
		#homeBtn:active{
			background-image:url(images/MPA-topNavActive_04.png);
		}
	#servicesBTN{
		width:108px;
		height:41px;
		background-image:url(images/MPA-topNavUp_05.png);
		float:left;
		
	}
		#servicesBTN:hover{
			background-image:url(images/MPA-topNavOver_05.png);
		}
		#servicesBTN:active{
			background-image:url(images/MPA-topNavActive_05.png);
		}
	#aboutBtn{
		width:86px;
		height:41px;
		background-image:url(images/MPA-topNavUp_06.png);
		float:left;
		
	}
		#aboutBtn:hover{
			background-image:url(images/MPA-topNavOver_06.png);
		}
		#aboutBtn:active{
			background-image:url(images/MPA-topNavActive_06.png);
		}
	#showcaseBtn{
		width:129px;
		height:41px;
		background-image:url(images/MPA-topNavUp_07.png);
		float:left;
		
	}
		#showcaseBtn:hover{
			background-image:url(images/MPA-topNavOver_07.png);
		}
		#showcaseBtn:active{
			background-image:url(images/MPA-topNavActive_07.png);
		}
	#contactBtn{
		width:105px;
		height:41px;
		background-image:url(images/MPA-topNavUp_08.png);
		float:left;
		
	}
		#contactBtn:hover{
			background-image:url(images/MPA-topNavOver_08.png);
		}
		#contactBtn:active{
			background-image:url(images/MPA-topNavActive_08.png);
		}
	#blogBtn{
		width:76px;
		height:41px;
		background-image:url(images/MPA-topNavUp_09.png);
		float:left;
		
	}
		#blogBtn:hover{
			background-image:url(images/MPA-topNavOver_09.png);
		}
		#blogBtn:active{
			background-image:url(images/MPA-topNavActive_09.png);
		}
	#rightSpace{
		width:144px;
		height:41px;
		background-image:url(images/MPA-topNavUp_10.png);
		float:left;
	}
	/*-----------About Page Style Rules-------------------*/
	.brandRow{
		min-height:48px;
		width:892px;
		/*margin:auto;*/
	}
	.brandDesc{
		width:892px;
		margin-left:16px;
	}
	.brandImage{
		/*margin-left:16px;
		margin-right:8px;*/
		
	}
	
	.brandCopy{
		width:550;
		float:left;
		margin-left:8px;
	}
	
	.brandSample{
		width:187px;
		float:left;
	}

	.brandBGUpperRow{
		height:24px;
	}
		.brandBGULcorner{
			height:24px;
			width:24px;
			float:left;
			background-image:url(images/brandRowBG_14.png);
		}
		.brandBGUmiddle{
			height:24px;
			width:844px;
			float:left;
			background-image:url(images/brandRowBG_19.png);
		}
		.brandBGURcorner{
			height:24px;
			width:24px;
			float:left;
			background-image:url(images/brandRowBG_16.png);
		}
	.brandBGmiddleRow{
		background-image:url(images/brandRowBG_19.png);
		width:892px;
		min-height:24px;
	}
	.brandBGBottomRow{
		height:24px;
	}
		.brandBGBLcorner{
			height:24px;
			width:24px;
			float:left;
			background-image:url(images/brandRowBG_21.png);
		}
		.brandBGBmiddle{
			height:24px;
			width:844px;
			float:left;
			background-image:url(images/brandRowBG_19.png);
		}
		.brandBGBRcorner{
			height:24px;
			width:24px;
			float:left;
			background-image:url(images/brandRowBG_23.png);
		}
		

	
	/*-----------contact Page Style Rules-----------------*/
	
	
