@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;
color: #9900FF;
 }
 A:hover {
text-decoration: underline; 
color: #9900FF;
 }
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.artwork_button {  
	display: block;  
	width: 100px;  
	height: 100px;  
	background: url(../../images/logo_art.png) no-repeat 0 0;  
	overflow: hidden;  
	text-indent: -10000px;  
	font-size: 0px;  
	line-height: 0px;  
 }  
a:hover.artwork_button {  
	background-position: -100px 0;  
 }  
a:active.artwork_button {  
	background-position: -100px 0;  
 }  
a.design_button {  
	display: block;  
	width: 100px;  
	height: 100px;  
	background: url(../images/logo_des.png) no-repeat 0 0;  
	overflow: hidden;  
	text-indent: -10000px;  
	font-size: 0px;  
	line-height: 0px;  
 }  
a:hover.design_button {  
	background-position: -100px 0;  
 }  
a:active.design_button {  
	background-position: -100px 0;  
 }  
a.dev_button {  
	display: block;  
	width: 100px;  
	height: 100px;  
	background: url(../images/logo_dev.png) no-repeat 0 0;  
	overflow: hidden;  
	text-indent: -10000px;  
	font-size: 0px;  
	line-height: 0px;  
 }  
a:hover.dev_button {  
	background-position: -100px 0;  
 }  
a:active.dev_button {  
	background-position: -100px 0;  
 } 
a.fa_button {  
	display: block;  
	width: 100px;  
	height: 100px;  
	background: url(../../images/logo_fa.png) no-repeat 0 0;  
	overflow: hidden;  
	text-indent: -10000px;  
	font-size: 0px;  
	line-height: 0px;  
 }  
a:hover.fa_button {  
	background-position: -100px 0;  
 }  
a:active.fa_button {  
	background-position: -100px 0;  
 }  
a.maze_button {  
	display: block;  
	width: 100px;  
	height: 100px;  
	background: url(../../images/logo_maze.png) no-repeat 0 0;  
	overflow: hidden;  
	text-indent: -10000px;  
	font-size: 0px;  
	line-height: 0px;  
 }  
a:hover.maze_button {  
	background-position: -100px 0;  
 }  
a:active.maze_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/danalarattabgplain.jpg);
	background-attachment:fixed;
	background-repeat:repeat-y;
	background-position:top left; 
	height:100%; /* needed for container min-height */
}


#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 */
}

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

#headersm_left {
	position:absolute;
	top:5px;
	float:left;
	width:100%;
	z-index:+1;
}
#headersm_logo {
	position:absolute;
	top:0px;
	left:0px;
    width:15%;			
}
#headersm_middle {
	position:relative;		
	top:0px;
	left:15%;
    clear:both;
    float:left;
    width:85%;			
}
.headercategory {
	top:10px;
	margin-top:5px;
	margin-bottom:10px;
	z-index:-1;
}
#header_right {
	position:absolute;
	width:134px;
	top:0px;
	right:0px;
	margin-top:5px;
	margin-right:8%;
	z-index:+1;
}

h1.headercategory {
	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;
}


/* column container */
.mainmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	width:98%;			/* width of whole page */
	padding-bottom:35px;
	padding-left:1%;
	padding-right:1%;
	overflow:auto
}
/* common column settings */
.mainright,
.mainmid,
.mainleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.centercontent,
.sidebar,
.rightbar {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
}
/* 3 Column settings */
.mainarea {
}
.mainarea .mainmid {
	right:25%;			/* width of the right column */
}
.mainarea .mainleft {
	right:60%;			/* width of the middle column */
}
.mainarea .centercontent {
	width:60%;			/* width of center column content (column width minus padding on either side) */
	left:100%;			/* 100% plus left padding of center column */
}
.mainarea .sidebar {
	width:15%;			/* Width of left column content (column width minus padding on either side) */
	left:25%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.mainarea .rightbar {
	width:25%;			/* Width of right column content (column width minus padding on either side) */
	left:85%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

#rightbar_menu ul{
	float:right;
	font-size: 12px;
	font-family: 'Eras Medium',Verdana,Arial,sans-serif;
	list-style-position: inside;
	list-style-type:none;
	text-align:center;
	margin-right:15%;
 }
#rightbar_menu li{
	margin-bottom: -1px;
	border:1px solid #999999;
 }
li.current {
	font-weight:bolder;
	margin: 0 -15px 0 -15px;
	background:#CCCCCC;
 }
#rightbar_menu a{
	background:#EAEAEA;
	width:100%;
	display:block;
 }
#rightbar_menu a:hover{
	background:#CC88FF;
	width:auto;
 }



.itemfeature {
	clear:left;
    float:left;
	position:relative;
	z-index:+1;
}

/** Feature Item Notes Structure **/  
 
.itemnotes {
	position:relative;
	width:100%;
	float:right;
	margin-top:5px;
}

#exhibitphotos {
	float:right;
	position:relative;
	left:-50%;
	text-align:left;
}
#photos {
	text-align:center;
	font-size: 14px;
	font-weight: bold;
	position:relative;
	left:50%;
	margin-top:-5px;
}
.photo{
	float:left;
	position:relative;
	text-align:left;
	font-family: 'Eras Medium',Verdana,Arial,sans-serif;
	font-size: 12px;
	margin:5px;
}/* ie needs position:relative here*/
.photoclear{
	position:relative;
	text-align:center;
	vertical-align:middle;
	display:block;
	font-family: 'Eras Medium',Verdana,Arial,sans-serif;
	font-size: 12px;
	margin:15px;
 }
.photo img {
	float:left;
	white-space:nowrap;
}

.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;
 }

.category {
	position:relative;
	clear:left;
	top:10px;
	margin-top:5px;
	margin-bottom:20px;
	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;
}

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
}