/* CSS Document */

body {margin-top:60px; background-color:#000000; background-image:url(../images/bg.jpg); background-repeat:no-repeat; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;}

a:link {font-weight:bold; text-decoration:underline; color:#33CCFF;}
a:hover {text-decoration:none;}
a:visited {color:#33CCFF;}


img {border:0px;}

Div.container {width:892px;}

DIV.navigation {position:relative; float:right; vertical-align:top; width:250px;}
DIV.navItem {position:relative; float:right; vertical-align:top;}
#navSpacer {padding-top:50px;}

/*  Navigation  */
DIV.menuChar a 		{display:block; width:220px; background: url("../images/btn_characters.gif") 0 0 no-repeat; text-decoration: none; margin: 1em 0; padding:6px 0 6px 20px; font: bold 14px/1 sans-serif; color:#c60;}

DIV.menuConcept a	{display:block; width:220px; background: url("../images/btn_concept_designs.gif") 0 0 no-repeat; text-decoration: none; margin: 1em 0; padding:6px 0 6px 20px; font: bold 14px/1 sans-serif; color:#c60;}

DIV.menuCartoons a	{display:block; width:220px; background: url("../images/btn_cartoons.gif") 0 0 no-repeat; text-decoration: none; margin: 1em 0; padding:6px 0 6px 20px; font: bold 14px/1 sans-serif; color:#c60;}

DIV.menuIll a		{display:block; width:220px; background: url("../images/btn_illustrations.gif") 0 0 no-repeat; text-decoration: none; margin: 1em 0; padding:6px 0 6px 20px; font: bold 14px/1 sans-serif; color:#c60;}

DIV.menuSketch a	{display:block; width:220px; background: url("../images/btn_sketches.gif") 0 0 no-repeat; text-decoration: none; margin: 1em 0; padding:6px 0 6px 20px; font: bold 14px/1 sans-serif; color:#c60;}

DIV.menuPaint a		{display:block; width:220px; background: url("../images/btn_paintings.gif") 0 0 no-repeat; text-decoration: none; margin: 1em 0; padding:6px 0 6px 20px; font: bold 14px/1 sans-serif; color:#c60;}

DIV.menuReel a		{display:block; width:220px; background: url("../images/btn_reel.gif") 0 0 no-repeat; text-decoration: none; margin: 1em 0; padding:40px 0 6px 20px; font: bold 14px/1 sans-serif; color:#c60;}

DIV.menuEmail a		{display:block; width:220px; background: url("../images/btn_email.gif") 0 0 no-repeat; text-decoration: none; margin: 1em 0; padding:6px 0 6px 20px; font: bold 14px/1 sans-serif; color:#c60;}

DIV.menuBio a		{display:block; width:220px; background: url("../images/btn_bio.gif") 0 0 no-repeat; text-decoration: none; margin: 1em 0; padding:6px 0 6px 20px; font: bold 14px/1 sans-serif; color:#c60;}

#menu a:hover 		{background-position: -250px 0; text-decoration: none;}

/* Characters, Concept, cartoons, illustrations, sketches, paintings, spacer, email, bio, phone */

DIV.content {position:relative; float:left; vertical-align:top; width:642px;}

DIV.artwork {position:relative; float:left; width:128px; height:140px; text-align:center; vertical-align:middle;}

DIV.bioText {position:relative; float:left; width:500px; text-align:left; padding:15px 10px 15px 10px; }

DIV.reel {position:relative; width:350px; height:286px; padding:0px; text-align:center; padding-top:5px; background-color:#333; }