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

* {  
	margin:0;  
	padding:0;
	border:0;
 }
img {  
	border: none;
 }
/** Text Link Behavior **/  
A {
	font-weight: bold;
 }
A:visited {
text-decoration: none;
color: #666666;
 }
A:link {
text-decoration: none;
 }
A:hover {
text-decoration: underline; 
 }
A:link.gen {
color: #990000;
 }
A:hover.gen {
color: #990000;
 }
A:link.anim {
color: #006699;
 }
A:hover.anim {
color: #006699;
 }
A:link.artwork {
color: #9900FF;
 }
A:hover.artwork {
color: #9900FF;
 }
A:link.design {
color: #0033CC;
 }
A:hover.design {
color: #0033CC;
 }
A:link.dev {
color: #006633;
 }
A:hover.dev {
color: #006633;
 }
A:link.mkt {
color: #990000;
 }
A:hover.mkt {
color: #990000;
 }
A:link.perf {
color: #cc00ff;
 }
A:hover.perf {
color: #cc00ff;
 }
A:link.prod {
color: #006666;
 }
A:hover.prod {
color: #006666;
 }
A:link.tech {
color: #990044;
 }
A:hover.tech {
color: #990044;
 }
 A:link.writing {
color: #990066;
 }
A:hover.writing {
color: #990066;
 }

/** Rollover Buttons **/  
a.home_button {  
	display: block;  
	width: 100px;  
	height: 100px;  
	background: url('images/logo_home.png') no-repeat 0 0;  
	overflow: hidden;  
	text-indent: -10000px;  
	font-size: 0px;  
	line-height: 0px;  
 }  
a:hover.home_button {  
	background-position: -100px 0;  
 }  
a:active.home_button {  
	background-position: -100px 0;  
 }  
a.home_res {  
	display: block;  
	width: 100px;  
	height: 100px;  
	background: url('images/logo_res.png') no-repeat 0 0;  
	overflow: hidden;  
	text-indent: -10000px;  
	font-size: 0px;  
	line-height: 0px;  
 }  
a:hover.home_res {  
	background-position: -100px 0;  
 }  
a:active.home_res {  
	background-position: -100px 0;  
 }  
a.actres_button {  
	display: block;  
	width: 100px;  
	height: 100px;  
	background: url('images/logo_actres.png') no-repeat 0 0;  
	overflow: hidden;  
	text-indent: -10000px;  
	font-size: 0px;  
	line-height: 0px;  
 }  
a:hover.actres_button {  
	background-position: -100px 0;  
 }  
a:active.actres_button {  
	background-position: -100px 0;  
 }  
a.mkt_button {  
	display: block;  
	width: 100px;  
	height: 100px;  
	background: url('images/logo_mkt.png') no-repeat 0 0;  
	overflow: hidden;  
	text-indent: -10000px;  
	font-size: 0px;  
	line-height: 0px;  
 }  
a:hover.mkt_button {  
	background-position: -100px 0;  
 }  
a:active.mkt_button {  
	background-position: -100px 0;  
 }  
a.perf_button {  
	display: block;  
	width: 100px;  
	height: 100px;  
	background: url('images/logo_perf.png') no-repeat 0 0;  
	overflow: hidden;  
	text-indent: -10000px;  
	font-size: 0px;  
	line-height: 0px;  
 }  
a:hover.perf_button {  
	background-position: -100px 0;  
 }  
a:active.perf_button {  
	background-position: -100px 0;  
 }  
a.writ_button {  
	display: block;  
	width: 100px;  
	height: 100px;  
	background: url('images/logo_writ.png') no-repeat 0 0;  
	overflow: hidden;  
	text-indent: -10000px;  
	font-size: 0px;  
	line-height: 0px;  
 }  
a:hover.writ_button {  
	background-position: -100px 0;  
 }  
a:active.writ_button {  
	background-position: -100px 0;  
 }  

/* 
-----------------------------------------
STRUCTURE 
-----------------------------------------
*/

html,body {
	margin:0;
	padding:0;
	background-image: url(images/danalarattacombg.jpg);
	background-attachment:fixed;
	background-repeat:repeat-y;
	background-position:top left; 
	height:100%; /* needed for container min-height */
}


div#body {
	position:relative; /* needed for footer positioning*/
	width:auto;
	
	height:auto ! important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}

#header {
	position:relative;
	left:0px;
	top:0px;
	width:98%;
	height:105px;
	overflow:hidden;
	padding-left:1%;
	padding-right:1%;
}

#header_left {
	position:absolute;
	top:5px;
	width:50%;
	z-index:+1;
}
#header_logo {
	position:absolute;
	top:0px;
	left:0px;
	width:100px;
	height:100px;
}
#header_sublogo {
	position:absolute;
	top:0px;
	left:100px;
	width:250px;
	height:100px;
}

#header_right {
	position:absolute;
	width:50%;
	top:0px;
	right:0px;
	margin-top:3%;
	margin-bottom:auto;
}
.headernotestitle {
	clear:both;
	text-align:right;
	font-family: 'Eras Medium',Verdana,Arial,sans-serif;
	font-size: 10px;
	font-weight: bold;
	margin-left:auto;
	margin-right:15px;
}	
.headernotes {
	clear:both;
	text-align:right;
	font-family: 'Eras Medium',Verdana,Arial,sans-serif;
	font-size: 10px;
	font-weight: normal;
	margin-left:auto;
	margin-right:15px;
}	



.mainarea {
	position:relative;		
    clear:both;
    width:98%;			
	padding-bottom:35px;
	padding-left:1%;
	padding-right:1%;
	overflow:auto
	}

.content {
	min-height: 100%;
 }

.content .itemfeature {
	clear:left;
    float:left;
    width:85%;
	position:relative;
	left:15%;
	z-index:+1;
}
/** YouTube Movie Behavior **/  

.featuremoviehd {
    position:relative;
    width:853px;
    display: block;
	top: 17px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 17px;
    padding: 10px;
	background:#CCCCCC;
}

object.flashmoviehd {
	width: 853px;
	height: 505px;
	background:#CCCCCC;
 }
 
.featuremoviesdbig {
    position:relative;
    width:640px;
    display: block;
	top: 17px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 17px;
    padding: 10px;
	background:#CCCCCC;
}

object.flashmoviesdbig {
	width: 640px;
	height: 505px;
	background:#CCCCCC;
 }
 
.featuremoviesdlil {
    position:relative;
    width:480px;
    display: block;
	top: 17px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 17px;
    padding: 10px;
	background:#CCCCCC;
}

object.flashmoviesdlil {
	width: 480px;
	height: 385px;
	background:#CCCCCC;
 }

/** Feature Item Notes Structure **/  
 
.itemnotes {
	position:relative;
	width:100%;
	float:right;
	margin-top:5px;
}
.itemnotes_right {
	position:relative;
	float:right;
	top:0px;
	width:35%;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	text-align:right;
	font-family: 'Eras Medium',Verdana,Arial,sans-serif;
	padding:10px;
	background-image: url(images/pencilbg.gif); 
	background-position: 0px 0px;
	background-repeat: repeat;
	overflow:hidden;
 }
img.itemnotes_right {
	clear:both;
	float:none;
	width:auto;
	height:auto;
    display: block;
	padding:0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
}
.itemnotes_rightitem {
	position:relative;
	float:right;
	top:0px;
	width:35%;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	text-align:right;
	font-family: 'Eras Medium',Verdana,Arial,sans-serif;
	padding:10px;
	background:#CCCCCC;
	overflow:hidden;
 }
img.itemnotes_rightitem {
	clear:both;
	float:none;
	width:auto;
	height:auto;
    display: block;
	padding:0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
}
ul.itemnotes_credits {
	font-size: 10px;
	list-style-position: inside;
	list-style-type:none;
 }
.itemnotes_title {
	font-size: 12px;
	font-weight: bold;
 }
.itemnotes_left {
	top:5px;
	margin-left: 5px;
	margin-right: 5%;
	padding:5px;
	text-align:left;
	font-family: 'Eras Medium',Verdana,Arial,sans-serif;
	font-size: 12px;
	background:#EAEAEA;
 }
ul.itemnotes_left {
	list-style-position: inside;
 }
p.itemnotes_left + p.itemnotes_left {
  text-indent: 1.5em;
 }
p.centered {
 align:center;
 margin-left:auto;
 margin-right:auto;
 }
ul.itemnotes_multicollist{
	top:5px;
	margin-left: 5px;
	margin-right: 5%;
	padding:5px;
	width:100%;
	margin-bottom:5px;
	overflow:hidden;
}
li.multi{
	width:200px;
	float:left;
	display:inline;
	line-height:1.5em;
}

.content .itemmenu {
	display:block;
	clear:left;
    float:left;
    width:85%;
	position:relative;
	left:15%;
	z-index:+1;
}
/* Regular Boxes */
		.content .itembox1wrap {
			float:left;
			width:200px;
			margin-top:5px;
			margin-bottom:0px;
		}
		.content .itembox1 {
			float:right;
			width:190px;
			height:270px;
			background:#CCCCCC;
			overflow:hidden;
		}
		.content .itembox1pad {
			position:relative;
			right:5px;
			float:right;
			width:180px;
			overflow:hidden;
		}

		.content .itembox2wrap {
			float:left;
			width:200px;
			margin-top:5px;
			margin-bottom:0px;
		}
		.content .itembox2 {
			float:right;
			width:190px;
			height:270px;
			background:#EAEAEA;
			overflow:hidden;
		}
		.content .itembox2pad {
			position:relative;
			right:5px;
			float:right;
			width:180px;
			overflow:hidden;
		}

/* Inline Fill Boxes */
		.content .ifitbox1wrap {
			float:left;
			width:auto;
			margin:5px;
			margin-bottom:0px;
		}
		.content .ifitbox1 {
			float:right;
			width:auto;
			height:auto;
			margin-left:5px;
			padding-left:5px;
			background:#CCCCCC;
			text-align:center;
			overflow:hidden;
		}
		.content .ifitbox1pad {
			position:relative;
			right:5px;
			float:right;
			width:auto;
			margin-left:5px;
			padding-top:5px;
			padding-bottom:5px;
			overflow:hidden;
		}
		.content .ifitbox2wrap {
			float:left;
			width:auto;
			margin:5px;
			margin-bottom:0px;
		}
		.content .ifitbox2 {
			float:right;
			width:auto;
			height:auto;
			margin-left:5px;
			padding-left:5px;
			background:#EAEAEA;
			text-align:center;
			overflow:hidden;
		}
		.content .ifitbox2pad {
			position:relative;
			right:5px;
			float:right;
			width:auto;
			margin-left:5px;
			padding-top:5px;
			padding-bottom:5px;
			overflow:hidden;
		}
		.content .ifillbox1wrap {
			float:left;
			width:320px;
			margin-top:5px;
			margin-bottom:0px;
		}
		.content .ifillbox1 {
			float:right;
			width:310px;
			height:auto;
			background:#CCCCCC;
			overflow:hidden;
		}
		.content .ifillbox1pad {
			position:relative;
			right:5px;
			float:right;
			width:300px;
			padding-top:5px;
			padding-bottom:5px;
			overflow:hidden;
		}
		.content .ifillbox2wrap {
			float:left;
			width:320px;
			margin-top:5px;
			margin-bottom:0px;
		}
		.content .ifillbox2 {
			float:right;
			width:310px;
			height:auto;
			background:#EAEAEA;
			overflow:hidden;
		}
		.content .ifillbox2pad {
			position:relative;
			right:5px;
			float:right;
			width:300px;
			padding-top:5px;
			padding-bottom:5px;
			overflow:hidden;
		}
		.content .utubebox1wrap {
			float:left;
			width:auto;
			margin-top:5px;
			margin-left:5px;
			margin-bottom:0px;
		}
		.content .utubebox1 {
			float:right;
			width:auto;
			height:auto;
			background:#CCCCCC;
			overflow:hidden;
			margin-left:5px;
		}
		.content .utubebox1pad {
			position:relative;
			padding-right:5px;
			padding-right:10px;
			right:-5px;
			float:right;
			width:auto;
			padding-top:5px;
			padding-bottom:5px;
			overflow:hidden;
		}
		.content .utubebox2wrap {
			float:left;
			width:auto;
			margin-top:5px;
			margin-left:5px;
			margin-bottom:0px;
		}
		.content .utubebox2 {
			float:right;
			width:auto;
			height:auto;
			background:#EAEAEA;
			overflow:hidden;
			margin-left:5px;
		}
		.content .utubebox2pad {
			position:relative;
			padding-right:5px;
			padding-right:10px;
			right:-5px;
			float:right;
			width:auto;
			padding-top:5px;
			padding-bottom:5px;
			overflow:hidden;
		}

/* Tall Boxes */
		.content .itembox1tall {
			float:right;
			width:190px;
			height:350px;
			background:#CCCCCC;
			overflow:hidden;
		}
		.content .itembox2tall {
			float:right;
			width:190px;
			height:350px;
			background:#EAEAEA;
			overflow:hidden;
		}
/* Short Boxes */
		.content .itembox1short {
			float:right;
			width:190px;
			height:230px;
			background:#CCCCCC;
			overflow:hidden;
		}
		.content .itembox2short {
			float:right;
			width:190px;
			height:230px;
			background:#EAEAEA;
			overflow:hidden;
		}
/* Tiny Boxes */
		.content .itembox1tiny {
			float:right;
			width:190px;
			height:120px;
			background:#CCCCCC;
			overflow:hidden;
		}
		.content .itembox2tiny {
			float:right;
			width:190px;
			height:120px;
			background:#EAEAEA;
			overflow:hidden;
		}
/* Box Notes */
	.boxnotes {
		position:relative;
		margin-left:10px;
		margin-right:10px;
		display:block;
		width:170px;
		text-align:left;
		font-family: 'Eras Medium',Verdana,Arial,sans-serif;
		font-size: 10px;
		padding:10px;
		background-image: url('images/pencilbg.gif'); 
		background-position: 0px 0px;
		background-repeat: repeat;
		overflow:hidden;
	 }
	.boxnotes_title {
		font-weight: bold;
	 }


.category {
  	position:relative;  
	clear:left;
	top:10px;
	margin-top:-5px;
	margin-bottom:10px;
    float: left;
    width: 100%;
/*	pointer-events: none; */
/*	z-index:+1; */
}
h1.category {
	background-image: url(images/titlebar.gif); 
	background-position: 0px 100px;
	background-repeat: repeat-y;
	font-family: 'Eras Medium',Verdana,Arial,sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
}

.menuimg {
	margin:10px;
	align:middle;
}

h1.menuitem {
	font-family: 'Eras Medium',Verdana,Arial,sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	padding-left:5px;
	padding-bottom:5px;
	text-decoration:inherit;
}
h1.menuitemright {
	font-family: 'Eras Medium',Verdana,Arial,sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding-left:5px;
	padding-bottom:5px;
	text-decoration:inherit;
}
p.menuitem {
	font-family: 'Eras Medium',Verdana,Arial,sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	padding-left:5px;
	padding-bottom:5px;
}
img.menuitem {
    position:relative;
	width:auto;
	height:auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.content .sidebar {
    float:left;
    width:100px;
    position:absolute;
    left:0px;
	z-index:2;
	padding-left:1%;
}
img.sidebutton {
    position:relative;
	width:100px;
	height:auto;
    display: block;
    margin-left:0px;
}

#footer {
	position:absolute;
	bottom:0px;
	left:0px;
	width:98%;
	background-image: url(images/titlebar.gif); 
	background-position: 0px 0px;
	background-repeat: repeat-y;
	text-align:left;
	font-family: 'Eras Medium',Verdana,Arial,sans-serif;
	font-size: 10px;
	padding-left:1%;
	padding-top:10px;
	padding-bottom:15px;
	padding-right:1%;
}
#footer_left {
	position:absolute;
	left:5px;
	top:3px;
	width:350px;
	text-align:left
}
#footer_right {
	position:absolute;
	width:50%;
	top:3px;
	right:5px;
	text-align:right
}