@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.res {
color: #990000;
 }
A:hover.res {
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('http://www.danalaratta.com/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('http://www.danalaratta.com/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('http://www.danalaratta.com/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.perf_button {  
	display: block;  
	width: 100px;  
	height: 100px;  
	background: url('http://www.danalaratta.com/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;  
 }  

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

html,body {
	margin:0;
	padding:0;
	background-image: url('http://www.danalaratta.com/images/images/danalarattacombgplain.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 .resume {
	clear:left;
    float:left;
    width:85%;
	position:relative;
	left:15%;
	z-index:+1;
}

.category {
	position:relative;
	clear:left;
	top:10px;
	margin-top:5px;
	margin-bottom:20px;
	z-index:-1;
}
h1.category {
	background-image: url('http://www.danalaratta.com/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;
}

#resumephotos {
	float:right;
	position:relative;
	left:-50%;
	text-align:left;
}
#photos {
	text-align:center;
	font-size: 14px;
	font-weight: bold;
	position:relative;
	left:50%;
}
.photo {
	float:left;
	position:relative;
	padding:10px;
	text-align:left;
	font-family: 'Eras Medium',Verdana,Arial,sans-serif;
	font-size: 12px;
	background:#EAEAEA;
	margin:5px;
}/* ie needs position:relative here*/
.photo img {
	float:left;
	white-space:nowrap;
}

.resumenotes {
	position:relative;
	width:100%;
	float:right;
	font-family: 'Noto Sans', Helvetica, sans-serif;	
}

.resumenotes_fill {
	position:relative;
	top:5px;
	margin-left: 5px;
	margin-right: 5%;
	padding:5px;
	text-align:left;
	font-family: 'Noto Sans', Helvetica, sans-serif;	
	font-size: 12px;
	background:#EAEAEA;
 }

p.CompanyCurrent {
	font-size: 14px;
	font-weight: bold;
}

p.Company {
	font-size: 14px;
	font-weight: bold;
	margin-top:10px;
}

p.Title {
	font-size: 14px;
	font-style:oblique;
}

p.Date {
	font-size: 12px;
	font-style:oblique;
}

ul.resumenotes_fill {
    position:relative;
	top:-3px;
	margin-top: 3px;
	margin-bottom: 8px;
	list-style-position: inside;
 }

ul.itemnotes_multicollist{
	top:5px;
	margin-left: 5px;
	margin-right: 5%;
	width:100%;
	margin-bottom:5px;
	overflow:hidden;
}
li.multi{
	width:200px;
	float:left;
	display:inline;
	line-height:1.5em;
}
table {
	border-collapse: collapse;
	width: 95%;
	margin-left: 5px;
	margin-right: 5%;
	padding:5px;
}

td {
	border-bottom: 1px solid #CCC;
	padding: 3px;
	vertical-align:top;
	}

td.date .role .project{
	text-align: left;
	}

td.date{
	width:10%;
	}

td.role{
	width:20%;
	font-style:italic;
	}

td.project{
	width:30%;
	font-style:italic;
	}

td.director{
	width:40%;
	text-align: right;
	}

td.curriculum{
	width:40%;
	font-style:italic;
	}

td.teacher{
	width:50%;
	text-align: right;
	}

.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('http://www.danalaratta.com/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
}