@charset "UTF-8";
/* ******************
jeeho3d.com 
Master CSS Document
created: 11 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: #140c0c;
	color: #919191;
    text-shadow: #000 0 0 0;
}

h1, h2, h4 { font-family: arial, helvetica, verdana, sans-serif; padding: 0 0 9px 0; margin: 0 }
h4 { color: #ffffff;}
h1 { font-size: large }

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

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

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

#page, .page {
background: url(/images/bg.jpg) top left no-repeat;
margin: 0 auto 0 auto;
width: 1029px;
position:relative;
}
#header {
padding-top:55px;
text-align: left;
}
#header a#home_title {
margin-left: 185px;
margin-right:10px;
display: block;
width: 375px;
height:60px;
background: transparent url(/images/title-default.png) top left no-repeat;
}
#header a:hover#home_title {
}
#header a#home_title span {
display: none;
}

#main{
margin-left:185px;
}
#nav_global {
display: block;
width: 50px;
float: left;
text-align: right;
height:inherit;
margin-top:185px;
letter-spacing: 1.5px;
}
#nav_global li, #nav_global a {
display: block;
height: 12px;
width: 60px;
color: #c7ac8e;
margin-bottom: 7px;
font-weight: bold;
/*
background: transparent url(/images/nav_global_home.png) top left no-repeat;*/
}
#nav_global a:hover {
color: #ffffff;
text-decoration: none;
}
#nav_global li.home, #nav_global .home a {
background-position: 0 0;
}
#nav_global li.home_sel, #nav_global .home_sel a {
background-position: 0 0;
}
#nav_global .home a:hover {
color: #ffffff;
background-position: 0 0;
}
#nav_global li.home_sel, #nav_global .home_sel a, 
#nav_global li.work2d_sel, #nav_global .work2d_sel a, 
#nav_global li.resume_sel, #nav_global .resume_sel a, 
#nav_global li.contact_sel, #nav_global .contact_sel a {
color: #ffffff;
}
#nav_global li span {
/*display: none;*/
}
#content {
display:block;
width: 480px;
margin: 45px 0 0 30px;
padding: 30px;
clear:right;
float: left;
min-height:435px;
}
#works_2d #content {
width: 600px;
}
#content a { color: #c7ac8e; text-decoration: none; }
#content a:hover { text-decoration: underline; color: #ffffff; }
.gallery_title {
font-size: 20px;
color: #c7ac8e;
}
.gallery_description {
font-size: 14px;
color: #ffffff;
}
.gallery_description, .gallery_title, .gallery_warning {
display: none;
}
#video-component {
background-color: #000000;
display: block;
width: 427px;
height:260px;
}
h1.intro {
margin-top: 24px;
}
h1.intro span {
font-size: 32px;
}
.divider {
width: inherit;
border-top: 1px solid #756768;
margin-bottom: 18px;
}
#content #contact_info {
font-size: 24px;
color: #8a8989;
line-height: 30px;
margin-top: 100px;
margin-left: 90px;
}
#content #contact_info .email a {
color: #7e4304;
text-decoration:none;
}
#content #contact_info .email a:hover {
color: #c7ac8e;
text-decoration:underline;
}

#content .gallery_lightbox span.image_border {
margin-right: 10px;
margin-bottom: 10px;
float:left;
display:block;
width: 100px;
height: 100px;
}
#gallery_life_drawing {
width: 220px;
float: left;
clear: left;
margin-right: 30px;
}
#gallery_digital_painting {
width: 330px;
float: left;
clear: right;
}
a.pdf {
background: url(/images/pdficon_small.gif) top left no-repeat;
padding: 0 0 6px 22px
}
#footer{
padding: 18px 0;
clear:both;
text-align: right;
width: 845px;
}
#footer .vcard .fn {
color: #c7ac8e;
font-size: 20px;
letter-spacing: 2px;
}
#footer .vcard .email {
color: #7e4304;
font-size: 14px;
font-weight:100;
}
#footer .copyright {
color: #4c4c4c;
}