* {border:0;margin:0;padding:0;outline:none;font-family:Copperplate Gothic Light, Copperplate, sans-serif;}

body {background:#FFFFFF;}

h1, h2, h3 {font-weight:normal;}

a {color:#479ad0;text-decoration:none;}
a:hover {color:#ff7e92;}
a:active {color:#000000;}

#container {width:900px;margin: 0 auto;position:relative;}

#pagetitle h1 {font-size:68px;position:absolute;top:24px;left:50px;}

p.pp_description, p.currentTextHolder {font-size:11px;}


/* Home */

#yellowbox {position:relative;float:right;width:785px;height:520px;z-index:0;background:#f6f4d1;}

#welcome {position:absolute;top:120px;left:48px;z-index:1;}
#welcome h2 {font-size:42px;}
#welcome h2 span.big {font-size:64px;}
#signature {position:absolute;top:120px;left:69px;z-index:1;}
#nametitle {position:absolute;top:316px;left:332px;z-index:1;}
#nametitle h1 {font-size:51px;font-weight:bold;color:#fe6631;font-family:Copperplate Gothic Bold, Copperplate, sans-serif;}
#nametitle h2 {font-size:34px;}

.enter {position:absolute;width:120px;height:44px;background:#f4b49e;display:block;top:490px;left:595px;text-align:center;z-index:2;}
.enter h3 {font-size:24px;line-height:44px;}
.enter a:hover {color:#7d75dc;}
.enter a:active {color:#FFFFFF;}


/* Intro */

#introbox {position:relative;float:right;width:842px;height:490px;z-index:0;background: url('../_img/intro_bg.png') no-repeat top right;}

#smnametitle {position:absolute;top:510px;left:58px;z-index:1;}
#smnametitle h1 {font-size:36px;font-weight:bold;color:#fe6631;font-family:Copperplate Gothic Bold, Copperplate, sans-serif;letter-spacing:0.01em;}
#smnametitle h2 {font-size:24px;}

#intronav {float:right;text-align:right;list-style-type:none;font-size:22px;margin:20px 0;}
#intronav a:hover {color:#ff7e92;}
#intronav a:active {color:#000000;}

#introtext {position:absolute; top:95px; left:300px; width:480px;}
#introtext p {font-family: Times, "Times New Roman", serif;font-size:17px;line-height: 130%;margin:12px;}
#introtext p .biggest {font-family: Times, "Times New Roman", serif;font-size:46px;}
#introtext p .big {font-family: Times, "Times New Roman", serif;font-size:36px;}

/* Illustration */

#illustrationbox {position:relative;width:900px;height:600px;z-index:0;background: url('../_img/illustration_bg.png') no-repeat top center;}
#illustrationbox #thumbholder {position:relative;top:315px;left:35px;}
#illustrationbox .carousel, #illustrationbox .prev, #illustrationbox .next {position:relative;float:left;}
#illustrationbox .carousel {height:170px;}
#illustrationbox .prev, #illustrationbox .next {top:55px;}
#illustrationbox .disabled {visibility:hidden;}
#illustrationbox .carousel ul li {display:block;width:128px;height:168px;margin:0 10px;}
#illustrationbox .carousel ul li a {display:block;width:128px;height:168px;overflow:hidden;}
#illustrationbox .carousel ul li a:hover {text-indent:-128px;}

#illustrationbox #pagetitle h1 {color:#626eb5;}

#indexlink {position:absolute;bottom:12px;right:20px;font-size:22px;text-align:right;}


/* Animation */

#animationbox {position:relative;width:900px;height:600px;z-index:0;background: url('../_img/animation_bg.png') no-repeat top center;}

#animationnav {width:337px;float:right;text-align:center;list-style-type:none;font-size:30px;margin:30px 10px 10px 10px;font-weight:normal;}
#animationnav li {padding:25px 30px;}
#animationnav a {color:#fcfadf;}
#animationnav a:hover {color:#1ef4ff;}
#animationnav a:active {color:#000000;}

#animationbox #pagetitle h1 {color:#fe6631;}


/* BigFish */

#bigfishbox {position:relative;width:900px;height:600px;z-index:0;background: url('../_img/bigfish_bg.png') no-repeat top center;}
a.bigfishimg {display:block;width:237px;overflow:hidden;}
a.bigfishimg:hover {text-indent:-237px;}
#deliaslab {position:absolute;top:390px;left:400px;}
#gideonlibrary {position:absolute;top:60px;left:80px;}
#birdnest {position:absolute;top:280px;left:130px;}
#archgarden {position:absolute;top:195px;left:590px;}


/* Garden Defense */

#gardendefensebox {position:relative;width:900px;height:600px;z-index:0;background: url('../_img/gardendefense_bg.png') no-repeat top center;}
a.gardendefenseimg {display:block;width:291px;overflow:hidden;}
a.gardendefenseimg:hover {text-indent:-291px;}
#c {position:absolute;top:200px;left:80px;}
#d {position:absolute;top:70px;left:560px;}
#g {position:absolute;top:310px;left:420px;}


/* Commercial Work */

#commercialbox {position:relative;width:900px;height:600px;z-index:0;background: url('../_img/commercial_bg.png') no-repeat top center;}
a.commercialimg {display:block;width:226px;overflow:hidden;}
a.commercialimg:hover {text-indent:-226px;}
#claw {position:absolute;top:100px;left:25px;}
#laketolake {position:absolute;top:30px;left:300px;}
#hebumper {position:absolute;top:60px;left:600px;}
#buffalo {position:absolute;top:300px;left:650px;}
#nfl {position:absolute;top:450px;left:400px;}
#kidscoop {position:absolute;top:320px;left:35px;}


/* Special Projects */

#specialprojectsbox {position:relative;width:900px;height:600px;z-index:0;background: url('../_img/specialprojects_bg.png') no-repeat top center;}
a.specialprojectsimg {display:block;width:293px;overflow:hidden;}
a.specialprojectsimg:hover {text-indent:-293px;}
#cowboy {position:absolute;top:250px;left:140px;}
#tricks {position:absolute;top:60px;left:500px;}
#crossing {position:absolute;top:300px;left:460px;}


/* Cowboy */

#cowboybox {position:relative;width:900px;height:600px;z-index:0;background: url('../_img/cowboy_bg.png') no-repeat top center;}
#cowboymov {position:absolute;top:100px;left:80px;}
#cowboybox #pagetitle h1 {font-size:40px;}


/* Tricks */

#tricksbox {position:relative;width:900px;height:600px;z-index:0;background: url('../_img/tricks_bg.png') no-repeat top center;}
#tricksmov {position:absolute;top:100px;left:200px;}
#tricksbox #pagetitle h1 {font-size:40px;}


/* Toon Boom */

#toonboombox {position:relative;width:900px;height:600px;z-index:0;background: url('../_img/toonboom_bg.png') no-repeat top center;}
#toonboomlink {position:absolute;top:259px;left:144px;display:block;width:266px;height:26px;}
#toonboomlink:hover {background: url('../_img/toonboom_rollover.png');}
#toonboombox #pagetitle h1 {font-size:40px;left:230px;top:30px;}


/* Resume*/

#resumebox {position:relative;width:900px;height:600px;z-index:0;background: url('../_img/resume_bg.png') no-repeat top center;}
#resumeframe {position:relative;top:25px;left:25px;overflow-x: hidden;}
#resumebox #smnametitle {position:absolute;top:25px;left:660px;z-index:1;}
#resumebox #smnametitle h1 {font-size:24px;}
#resumebox #smnametitle h2 {font-size:16px;}
#printlink {position:absolute;bottom:38px;right:20px;font-size:22px;}

#resumebody {width:530px;}

#resumebody h1, #resumebody h2, #resumebody h3, #resumebody p, #resumebody li {font-family:Georgia, Palatino Linotype, Palatino, serif;font-size:14px;}
#resumebody h3 {font-weight: bold;margin-top:15px;}
#resumebody h1 {font-size:22px;text-align:center;padding-top:10px;}
#resumebody h2 {font-size:16px;text-align:center;}
#resumebody .objective {font-style:italic;font-size:16px;margin:20px 0;}
#resumebody p {margin-top:15px;}
#resumebody ul, #resumebody ul li {list-style-type:disc;margin:5px 0 0 10px;}

#resumelinks {position:absolute; top:250px; right:14px;}
#resumelinks p {margin:20px;width:200px;text-align:center;}
