body{
padding: 0; margin: 0;
background-color: #020202;
font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#42424a; line-height:18px;}

a:link, a:visited{color: #0a6aa2; text-decoration:none;}
a:hover, a:active{color: #075b8b; text-decoration:underline;}

.portfoliomenu div.submenu a, .portfoliomenu div.submenu a:hover {color: #0a6aa2; text-decoration:none;}
.portfoliomenu div.submenu a:hover {color: #075b8b; text-decoration:underline;}


#container{ width:908px; margin: 0 auto;}

#wrap{background: url(../image/contain-bg.gif) repeat-y scroll center top;}

#nav, #wrap2{background: url(../image/nav-bg.jpg) no-repeat center top;}
#menu{padding: 123px 0 0 3px;}
#wrap2{padding: 123px 0 0 0;}
#title-tatsun-lop{background:url(../portfolio/images/title-tatsun-lop.jpg) no-repeat center top; height:49px;}
#title-tatsun-tlrb{background:url(../portfolio/images/title-tatsun-tlrb.jpg) no-repeat center top; height:49px;}
#title-tatsun-ps{background:url(../portfolio/images/title-tatsun-ps.jpg) no-repeat center top; height:49px;}
#title-jonesky-hero{background:url(../portfolio/images/title-jonesky-hero.jpg) no-repeat center top; height:49px;}
#title-jonesky-sr{background:url(../portfolio/images/title-jonesky-sr.jpg) no-repeat center top; height:49px;}
#title-jonesky-others{background:url(../portfolio/images/title-jonesky-others.jpg) no-repeat center top; height:49px;}
#title-dccomic-batman{background:url(../portfolio/images/title-dc-batman.jpg) no-repeat center top; height:49px;}
#title-dccomic-ca{background:url(../portfolio/images/title-dc-ca.jpg) no-repeat center top; height:49px;}
#title-liberty-cd{background:url(../portfolio/images/title-liberty-cd.jpg) no-repeat center top; height:49px;}
#title-liberty-wc{background:url(../portfolio/images/title-liberty-wc.jpg) no-repeat center top; height:49px;}
#title-others-sketches{background:url(../portfolio/images/title-others-sketches.jpg) no-repeat center top; height:49px;}
#title-others-sp{background:url(../portfolio/images/title-others-sp.jpg) no-repeat center top; height:49px;}
#title-others-wcgt{background:url(../portfolio/images/title-others-wcgt.jpg) no-repeat center top; height:49px;}
#title-others-cg{background:url(../portfolio/images/title-others-cg.jpg) no-repeat center top; height:49px;}
#title-sixth-about{background:url(../portfolio/images/title-sixth-about.jpg) no-repeat center top; height:49px;}
#title-sixth-commercial{background:url(../portfolio/images/title-sixth-commercial.jpg) no-repeat center top; height:49px;}
#title-sixth-painting{background:url(../portfolio/images/title-sixth-painting.jpg) no-repeat center top; height:49px;}
#title-sixth-cardgame{background:url(../portfolio/images/title-sixth-cardgame.jpg) no-repeat center top; height:49px;}
#title-sixth-comicart{background:url(../portfolio/images/title-sixth-comicart.jpg) no-repeat center top; height:49px;}
#title-sixth-gameart{background:url(../portfolio/images/title-sixth-gameart.jpg) no-repeat center top; height:49px;}
#title-sixth-tattooart{background:url(../portfolio/images/title-sixth-tattooart.jpg) no-repeat center top; height:49px;}
#title-sixth-others{background:url(../portfolio/images/title-sixth-others.jpg) no-repeat center top; height:49px;}

#menu ul, .portfoliomenu div.submenu ul, #projectmenu ul, #inline { padding:0; margin:0;}

#inline { list-style-image:none; list-style-position:outside; list-style-type:none;}

.portfoliomenu div.submenu ul {list-style-image:url(../image/pmenu-1-dot.png);}

#menu li{ height:49px; display:inline; float:left;
list-style-image:none; list-style-position:outside; list-style-type:none;}

#projectmenu li{ height:30px; display:inline; float:left;
list-style-image:none; list-style-position:outside; list-style-type:none;}

#projectmenu a img {border:0px;}

.portfoliomenu div.submenu li{list-style-position:outside; padding: 0 0 0 3px;}

a.menu0, a.menu1, a.menu2, a.menu3, a.menu4, a.menu5, a.menu6{height:49px; display:block;}

a.menu0{background:url(../image/menu0.jpg); width:106px;}
a.menu1{background:url(../image/menu1.jpg); width:143px;}
a.menu2{background:url(../image/menu2.jpg); width:177px;}
a.menu3{background:url(../image/menu3.jpg); width:126px;}
a.menu4{background:url(../image/menu4.jpg); width:127px;}
a.menu5{background:url(../image/menu5.jpg); width:103px;}
a.menu6{background:url(../image/menu6.jpg); width:120px;}

a.menu1:hover, a.menu1on{background:url(../image/menu1-over.jpg);}
a.menu2:hover, a.menu2on{background:url(../image/menu2-over.jpg);}
a.menu3:hover, a.menu3on{background:url(../image/menu3-over.jpg);}
a.menu4:hover, a.menu4on{background:url(../image/menu4-over.jpg);}
a.menu5:hover, a.menu5on{background:url(../image/menu5-over.jpg);}

a.tatsunmenu0, a.tatsunmenu1, a.tatsunmenu2, a.tatsunmenu3, a.tatsunmenu4{height:30px; display:block;}
a.tatsunmenu0{background:url(../portfolio/images/tatsun-menu0.jpg); width:110px;}
a.tatsunmenu1{background:url(../portfolio/images/tatsun-menu1.jpg); width:171px;}
a.tatsunmenu2{background:url(../portfolio/images/tatsun-menu2.jpg); width:190px;}
a.tatsunmenu3{background:url(../portfolio/images/tatsun-menu3.jpg); width:166px;}
a.tatsunmenu4{background:url(../portfolio/images/tatsun-menu4.jpg); width:271px;}

a.tatsunmenu1:hover, a.tatsunmenu1on{background:url(../portfolio/images/tatsun-menu1-over.jpg);}
a.tatsunmenu2:hover, a.tatsunmenu2on{background:url(../portfolio/images/tatsun-menu2-over.jpg);}
a.tatsunmenu3:hover, a.tatsunmenu3on{background:url(../portfolio/images/tatsun-menu3-over.jpg);}

a.dccomic1, a.dccomic2, a.dccomic3{height:30px; display:block;}
a.dccomic1{background:url(../portfolio/images/dccomic-menu1.jpg); width:333px;}
a.dccomic2{background:url(../portfolio/images/dccomic-menu2.jpg); width:142px;}
a.dccomic3{background:url(../portfolio/images/dccomic-menu3.jpg); width:323px;}

a.dccomic1:hover, a.dccomic1on{background:url(../portfolio/images/dccomic-menu1-over.jpg);}
a.dccomic2:hover, a.dccomic2on{background:url(../portfolio/images/dccomic-menu2-over.jpg);}

a.jonesky1, a.jonesky2, a.jonesky3, a.jonesky4{height:30px; display:block;}
a.jonesky1{background:url(../portfolio/images/jonesky-menu1.jpg); width:151px;}
a.jonesky2{background:url(../portfolio/images/jonesky-menu2.jpg); width:89px;}
a.jonesky3{background:url(../portfolio/images/jonesky-menu3.jpg); width:105px;}
a.jonesky4{background:url(../portfolio/images/jonesky-menu4.jpg); width:453px;}

a.jonesky1:hover, a.jonesky1on{background:url(../portfolio/images/jonesky-menu1-over.jpg);}
a.jonesky2:hover, a.jonesky2on{background:url(../portfolio/images/jonesky-menu2-over.jpg);}
a.jonesky3:hover, a.jonesky3on{background:url(../portfolio/images/jonesky-menu3-over.jpg);}

a.liberty1, a.liberty2, a.liberty3{height:30px; display:block;}
a.liberty1{background:url(../portfolio/images/liberty-menu1.jpg); width:137px;}
a.liberty2{background:url(../portfolio/images/liberty-menu2.jpg); width:180px;}
a.liberty3{background:url(../portfolio/images/liberty-menu3.jpg); width:481px;}

a.liberty1:hover, a.liberty1on{background:url(../portfolio/images/liberty-menu1-over.jpg);}
a.liberty2:hover, a.liberty2on{background:url(../portfolio/images/liberty-menu2-over.jpg);}

a.others1, a.others2, a.others3, a.others4, a.others5{height:30px; display:block;}
a.others1{background:url(../portfolio/images/others-menu1.jpg); width:162px;}
a.others2{background:url(../portfolio/images/others-menu2.jpg); width:250px;}
a.others3{background:url(../portfolio/images/others-menu3.jpg); width:212px;}
a.others4{background:url(../portfolio/images/others-menu4.jpg); width:113px;}
a.others5{background:url(../portfolio/images/others-menu5.jpg); width:61px;}

a.others1:hover, a.others1on{background:url(../portfolio/images/others-menu1-over.jpg);}
a.others2:hover, a.others2on{background:url(../portfolio/images/others-menu2-over.jpg);}
a.others3:hover, a.others3on{background:url(../portfolio/images/others-menu3-over.jpg);}
a.others4:hover, a.others4on{background:url(../portfolio/images/others-menu4-over.jpg);}

a.sixth0, a.sixth52, a.sixth1, a.sixth2, a.sixth3, a.sixth4, a.sixth5, a.sixth6, a.sixth7, a.sixth8, a.sixth9, a.sixth10
a.comi1, a.comi2, a.comi3, a.comi4{height:30px; display:block;}
a.sixth0{background:url(../portfolio/images/sixth-menu0.jpg); width:110px;}
a.sixth1{background:url(../portfolio/images/sixth-menu1.jpg); width:204px;}
a.sixth2{background:url(../portfolio/images/sixth-menu2.jpg); width:219px;}
a.sixth3{background:url(../portfolio/images/sixth-menu3.jpg); width:174px;}
a.sixth4{background:url(../portfolio/images/sixth-menu4.jpg); width:147px;}
a.sixth5{background:url(../portfolio/images/sixth-menu5.jpg); width:50px;}
a.sixth52{background:url(../portfolio/images/sixth-menu52.jpg); width:110px;}
a.sixth6{background:url(../portfolio/images/sixth-menu6.jpg); width:128px;}
a.sixth7{background:url(../portfolio/images/sixth-menu7.jpg); width:120px;}
a.sixth8{background:url(../portfolio/images/sixth-menu8.jpg); width:128px;}
a.sixth9{background:url(../portfolio/images/sixth-menu9.jpg); width:180px;}
a.sixth10{background:url(../portfolio/images/sixth-menu10.jpg); width:324px;}

a.sixth1:hover, a.sixth1on{background:url(../portfolio/images/sixth-menu1-over.jpg);}
a.sixth2:hover, a.sixth2on{background:url(../portfolio/images/sixth-menu2-over.jpg);}
a.sixth3:hover, a.sixth3on{background:url(../portfolio/images/sixth-menu3-over.jpg);}
a.sixth4:hover, a.sixth4on{background:url(../portfolio/images/sixth-menu4-over.jpg);}

a.sixth6:hover, a.sixth6on{background:url(../portfolio/images/sixth-menu6-over.jpg);}
a.sixth7:hover, a.sixth7on{background:url(../portfolio/images/sixth-menu7-over.jpg);}
a.sixth8:hover, a.sixth8on{background:url(../portfolio/images/sixth-menu8-over.jpg);}
a.sixth9:hover, a.sixth9on{background:url(../portfolio/images/sixth-menu9-over.jpg);}

#banner{text-align:center;}

#content{
padding:0 10px; padding-bottom:5px;
background: url(../image/containbottom-bg.jpg) no-repeat center bottom;
}

#title{ margin: 10px 0 0 0; padding:0px;}
.about{background:url(../image/title-about.jpg) no-repeat 3px -1px;}
.showcases{background:url(../image/title-showcases.jpg) no-repeat 3px -1px;}
.fellowship{background:url(../image/title-fellowship.jpg) no-repeat 3px -1px;}
.contact{background:url(../image/title-contact.jpg) no-repeat 3px -1px;}

.mainabout{background:url(../image/main-about.jpg) no-repeat center;}
.mainshow{background:url(../image/main-showcases.jpg) no-repeat center;}
.mainfellowship{background:url(../image/main-fellowship.jpg) no-repeat center;}
.maincontact{background:url(../image/main-contact.jpg) no-repeat center;}

#col{float:left; width:212px; height:292px; padding:5px;}

.coltext{padding:165px 8px 0 10px;line-height: 16px; height:78px;}

.highlight{color:#003366;}

#col a{
	padding: 24px 10px 0 0;	float:right;
	color:#558397; text-decoration:none;}

#col a:hover{
	color:#aac0c8; text-decoration:underline;}

#col1{ float:left; width:600px; padding:55px 10px 10px 10px; font-size:12px}

a.fellow:link, a.fellow:visited, a.fellowon { background:#020202 none repeat scroll 0% 50%;
color:#558397; text-decoration:none; display:inline; padding:5px 15px; }

a.fellow:hover, a.fellow:active {color:#aac0c8; text-decoration:underline;}

a.fellowon{ color:#aac0c8;}

#table{}
.header, .header1{font-size:13px; font-weight:100; background-color:#2d5a6f; color:#d8e4e8; padding:5px 5px;}
.header1{ width:500px;}
.year{width: 95px; vertical-align: top; padding:2px 0; font-weight:bold; color:#003366;}
.year2{width: 65px; vertical-align: top; padding:2px 0; font-weight:bold; color:#003366;}
.professional{padding:2px 5px; vertical-align: top;}
.dottedLine{background:transparent url(../image/bg_dot.gif) repeat-x scroll center; clear:both;}

.professional a:link img, .professional a:visited img{border:1px solid #558397; margin:4px 0 6px 0;}
.professional a:hover img, .professional a:active img{border:1px solid #254156;}

#col2{float:right; width:255px;}

#col2 h3{line-height:15px;margin:20px 0 5px;}

#col3{background:url(../portfolio/images/bg-texture.jpg) no-repeat center top;}
#col32{background:url(../portfolio/images/bg-texture2.jpg) no-repeat center top;}

#thumb{padding:20px 25px 50px 25px;}

#aboutsixth{padding:30px 25px 80px 20px; color:#90ACBA; border:1px solid #020202;}

#inline li{float:left; margin:0 1px; height:110px;}

#inline li a:link img, #inline li img {border:2px solid #09161E; background-color:#06131B; margin:2px; padding:1px;
filter:alpha(opacity=40); -moz-opacity:0.4;	-khtml-opacity: 0.4; opacity: 0.4;}/*#09161E*/

#inline li a:hover img, #inline li a:active img{border:2px solid #254156;
filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0;}/*, #inline li a:visited img #254156*/

#col4{float:right; padding:0 10px 30px 0;}

a.next{height:28px; display:block; background:url(../portfolio/images/next-project.jpg); width:132px; float:right;}

a.next:hover{background:url(../portfolio/images/next-project-over.jpg);}

a.home{height:28px; display:block; background:url(../portfolio/images/home.jpg); width:75px; float:right;}

a.home:hover{background:url(../portfolio/images/home-over.jpg);}

.portfoliomenu{
width: 255px; /*width of menu*/
}

.portfoliomenu div.menuheader{
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
}

.portfoliomenu div.menuheader img{behavior: url(iepngfix.htc);}

.portfoliomenu div.submenu{ /*DIV that contains each sub menu*/
	padding: 5px 0 10px 30px;
	height: auto; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
	line-height: 20px;
}

#footer{
height:40px;
background: url(../image/footer-bg.jpg) no-repeat center top;
color: #060d17; font:Verdana, Arial, Helvetica, sans-serif; font-size:10px;
text-align:right; padding:5px 10px 0 0;
}

#footer2{text-align:right; padding:0 15px 10px 0; color:#3C5260; font:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}

.clear{clear:both;}
.padT5{padding:5px 0 0 0}
.padT25{padding:25px 0 0 0}