@charset "UTF-8";
/* ******************
iamannartist.com 
Master CSS Document
created: 08 Aug 2008
author: Wilson Tsang
****************** */

html, body {height:100%; margin: 0; padding: 0; }

html>body {
	font-size: 16px; 
	font-size: 75%;
	line-height: 18px;
} /* Reset Base Font Size */

body {
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 68.75%;
	background: #000 url(/images/bg.jpg) top right no-repeat;
	color: #636262;
    text-shadow: #000 0 0 0;
}

h1, h2 { font-family: arial, helvetica, verdana, sans-serif; padding: 0 0 9px 0; margin: 0 }
h1 { font-size: 18px; }
#content h2 {font-size: 18px;}

a { font-family: Arial, Helvetica, sans-serif; color: #a7a7a7; text-decoration: none; }
a:hover { text-decoration: underline; color: #a7a7a7; }

p {
	margin-bottom:18px;
	line-height:18px;
	}

strong {font-weight: bold;}
em {font-style:italic;}

#page {
margin: 0 auto 0 auto;
width: 711px;
position:relative;
}
div#fg_bubble {
position: absolute;
display: block;
z-index: 200;
width: 412px;
height: 431px;
top: 0;
left:-412px;
background: transparent url(/images/bubble_fg.png) top left no-repeat;
}
#header {
text-align: right;
display: block;
height: 226px;
width: 711px;
background: transparent url(/images/header_bg.jpg) top left no-repeat;
}
#header a#home_title {
margin-top:98px;
margin-right:10px;
float: right;
display: block;
width: 298px;
height:45px;
background: transparent url(/images/sprite-title.png) top left no-repeat;
}
#header a:hover#home_title {
background-position: 0 -55px;
}
#header a#home_title span {
display: none;
}
#header .vcard {
clear:both;
display: block;
width:656px;
background: url(/images/divider_dotted.png) top left repeat-x;
padding-top: 4px;
}
#main{
background-color: #0d0d0c;
}
#nav_global {
display: block;
width: 144px;
float: right;
text-align: left;
background-color: #0d0d0c;
height:inherit;
padding-top:56px;
}
#nav_global li, #nav_global a {
display: block;
height: 14px;
width: 144px;
background: transparent url(/images/sprite_nav_global.gif) top left no-repeat;
}
#nav_global li.home, #nav_global .home a {
background-position: 0 -24px;
}
#nav_global li.home_sel, #nav_global .home_sel a {
background-position: 0 0;
}
#nav_global .home a:hover {
background-position: 0 -48px;
}
#nav_global li.about, #nav_global .about a {
background-position: 0 -96px;
}
#nav_global li.about_sel, #nav_global .about_sel a {
background-position: 0 -72px;
}
#nav_global .about a:hover {
background-position: 0 -120px;
}
#nav_global li.resume, #nav_global .resume a {
background-position: 0 -168px;
}
#nav_global li.resume_sel, #nav_global .resume_sel a {
background-position: 0 -144px;
}
#nav_global .resume a:hover {
background-position: 0 -192px;
}
#nav_global li a span {
display: none;
}
#content {
width: 558px;

text-align: right;
background: #0d0d0c url(/images/content_bg.jpg) top left no-repeat;
min-height: 500px;
padding-right: 10px;
padding-top:56px;
padding-bottom: 18px;
clear:none;
}

#footer {
margin-top:9px;
clear: both;
width: 701px;
font-size: 11px;
padding-left: 10px;
color: #363636;
padding-bottom: 9px;
}

/* INDEX PORTFOLIO PAGE
************************ */
#gallery_view {
width: inherit;
margin-top: 36px;
}
.gallery_title {
display:block;
float: right;
margin-bottom:9px;
}
#themoon-vdo-title{
width:216px;
height:17px;
background: url(/images/themoon_title.gif) top left no-repeat;
}
#production-vdo-title{
width:247px;
height:17px;
background: url(/images/production_title.gif) top left no-repeat;
}
#showreel-vdo-title{
width:222px;
height:17px;
background: url(/images/showreel_title.gif) top left no-repeat;
}
#portfolio-vdo-title{
width:285px;
height:17px;
background: url(/images/portfolio_title.gif) top left no-repeat;
}
.gallery_title span {
display: none;
}
.gallery_description {
clear:both;
width: inherit;
background: url(/images/divider_dotted2.gif) top left repeat-x;
padding-top:9px;
font-size: 15px;
}
.gallery_studio {
clear:both;
float:right;
width: inherit;
margin-bottom: 18px;
color: #363636;
font-style:italic;
}
#video-component {
width:480px;
min-height: 270px;
display: block;
background-color: #000;
margin: 0 auto;
text-align: center;
clear: both;
}
#video-bg {
clear:both;
width: 480px;
background-color: #000;
margin: 9px 0 0 auto;
}
#thumbs_menu {
clear:both;
margin: 18px 0 18px 20px;
display: block;
width: 608px;
}
.thumb {
float: left;
text-align: left;
width: 301px;
height: 97px;
display: block;
background: url(/images/sprite-btn_gallery-thumbs_20090726.png) top left no-repeat;
float:left;
color: #6d6d6d;
padding: 0;
margin: 0;
position:relative;
}
.thumb a {
display:block;
padding: 50px 0 10px 0;
}
li.thumb.selected:hover, .thumb a:hover {
color: #a7a7a7;
background-position: 0 -107px;
text-decoration: none;
}
li#production-vdo{
background-position: 0 0;
}
li#production-vdo:hover, li#production-vdo.selected {
background-position: 0 -107px;
}

li#themoon-vdo{
background-position: 0 -213px;
}
li#themoon-vdo:hover, li#themoon-vdo.selected {
background-position: 0 -321px;
}
li#showreel-vdo{
background-position: 0 -427px;
}
li#showreel-vdo:hover, li#showreel-vdo.selected {
background-position: 0 -535px;
}
li#portfolio-vdo{
background-position: 0 -641px;
}
li#portfolio-vdo:hover, #portfolio-vdo.selected {
background-position: 0 -749px;
}
li#demoreel2009-vdo{
background-position: 0 -855px;
}
li#demoreel2009-vdo:hover, #demoreel2009-vdo.selected {
background-position: 0 -963px;
}

.thumb_title{
font-size: 14px;
font-weight: bold;
text-transform: capitalize;
letter-spacing: 2px;
line-height: 18px;
}
.thumb_description, .thumb_studio {

line-height: 14px;
}
.thumb_description {
margin: 0px 0 0 91px;
}
.thumb_studio { 
margin-left: 91px;
}
.thumb_shot {
/*position: absolute;
display: block;
width: 93px;
height:52px;
top: 10px;
left: 7px;*/
}
#themoon-vdo .thumb_shot {
/*background: url(/images/themoon_thumb.jpg) top left no-repeat;*/

}
#showreel-vdo .thumb_shot {
/*background: url(/images/showreel_thumb.jpg) top left no-repeat;*/

}
#production-vdo .thumb_shot {
/*background: url(/images/production_thumb.jpg) top left no-repeat;*/

}
#portfolio-vdo .thumb_shot {
/*background: url(/images/portfolio_thumb.jpg) top left no-repeat;*/

}
.thumb_title .year {
font-weight: normal;
color: #3a3a3a;
}
.thumb_title {
display: none;
}
.thumb_description, .thumb_studio {
font-size: 11px;
display: block;
}
.thumb_studio {
color: #363636;
}

/* RESUME PAGE
************************ */
#content.resume-content {
text-align: left;	
padding-left: 15px;
}
.resume-content h1 {
color: #ffffff;	
}
.work-position {
color: #8a8989;
font-weight: bold;

}
.work-position:before { content: "[ ";}
.work-position:after { content: " ]";}
.work-location {
color: #8a8989;
font-weight: bold;
letter-spacing:2px
}
.work-location .year {
	font-weight: normal;
	letter-spacing: normal;
}
.work-period {
color: #8a8989;
font-weight: normal;
}

#btn-resume a {
display: block;
width: 301px;
height:97px;
background: url(/images/sprite-btn-resume.png) top left no-repeat;
/**text-align: right; **/
margin: 0 -10px 18px 0;
}
#btn-resume a:hover {
background-position: 0 -107px;
}
#btn-resume span {
display: none;
}
div.resume-section {
margin-bottom: 24px;
clear: both;
}
#page .resume-content h2 {
padding: 0;
margin-bottom: 3px;
}
h2 .highlight-caps {
font-size: 24px;	
}
.resume-section li{
margin-bottom: 15px;
}
.work-description ul, .work-description li {
margin: 0;
padding: 0;
}
.work-description ul{
margin-top: 1.25em;
margin-left: 3.5em;
}
.work-description li {
margin-bottom: 0.25em;	
list-style-image:url("/images/anna_bullet.gif");
list-style-type:square;
}
ul.software-experience-logos {
clear: both;
height: 9em;
margin: 0 0 0 0;
width: 315px;
}
.software-experience-logos li{
float: left;
margin: 0 3px 0 0;
padding: 0;
}
.software-experience-logos li a {
display: block;
width: 49px;
height: 49px;
background: url(/images/sprite-logo-software_20090726.png) top left no-repeat;
margin-bottom: 10px;
}
.software-experience-logos li#maya a {
background-position: 0 0;
}

.software-experience-logos li#blast-code a{
background-position: 0 -59px;
}
.software-experience-logos li#xsi a{
background-position: 0 -118px;
}
.software-experience-logos li#after-effects a{
background-position: 0 -177px;
}
.software-experience-logos li#photoshop a{
background-position: 0 -236px;
}
.software-experience-logos li#illustrator a{
background-position: 0 -295px;
}
.software-experience-logos li#premiere a {
background-position: 0 -354px;
}
.software-experience-logos li#mental-ray a{
background-position: 0 -413px;
}
.software-experience-logos li#boujou a{
background-position: 0 -472px;
}
.software-experience-logos li#shake a{
background-position: 0 -530px;
}
.software-experience-logos li#nuke a{
background-position: 0 -589px;
}
.software-experience-logos li#silhouette-fx a{
background-position: 0 -648px;
}
.software-experience-logos li span {
display: none;
}


/* ABOUT ME PAGE
************************ */
#content.about-content {
text-align: left;	
padding-left: 15px;
background: #0c0b0b;
}
.about-content h1 {
color: #ffffff;	
}