html {
height: 100%; 
margin-bottom: 1px;
}

body {
background-color: #707B91;
text-align: center;
margin: 0;
padding: 0;
}

body * {
margin: 0;
padding: 0;
}

hr {
border: none 0; 
background: black;
height: 1px;
}

em {
font-weight: bold;
font-style: normal;
}

#everything {
width: 751px;
margin: 0 auto;
text-align: left;
position: relative;
}

a:link {color: #535EB9;}
a:visited {color: #773F98;}
a:hover {color: #6284D2;}

/***** HEADER *****/

#title {
height: 75px;
background-image: url("images/header_bg.gif");
position: relative;
}

#title h1 {
margin: 0;
padding: 0;
position: absolute;
top: 20px;
left: 20px;
}

#title h1 a {
height: 30px;
width: 230px;
display: block;
text-indent: -4321px;
text-decoration: none;
}


/***** MAIN MENU *****/


#mainmenu {
height: 27px;
position: absolute;
top: 23px;
left: 260px;
width: 260px;
}

#mainmenu ul {
display: block;
padding: 0;
margin: 0 auto;
text-align: left;
list-type: none;
width: 459px;
height: 27px;
background-image: url("images/menu.gif");
position: relative;
}

#mainmenu ul li {
display: block;
position: absolute;
top: 0px;
height: 27px;
padding: 0;
margin: 0;
}

#mainmenu ul li a {
display: block;
padding: 27px 0 0 0;
height: 27px;
overflow: hidden;
voice-family: "\"}\"";
voice-family:inherit;
height:0;
}

#nav_home          { left: 0px; width: 55px; }
#nav_graphicdesign { left: 55px; width: 101px; }
#nav_illustration  { left: 156px; width: 91px; }
#nav_webdesign     { left: 247px; width: 79px; }
#nav_clients       { left: 326px; width: 60px; }
#nav_contact       { left: 386px; width: 73px; }

#nav_home          a:hover { background: transparent url("images/menu.gif") -0px -27px no-repeat; }
#nav_graphicdesign a:hover { background: transparent url("images/menu.gif") -55px -27px no-repeat; }
#nav_illustration  a:hover { background: transparent url("images/menu.gif") -156px -27px no-repeat; }
#nav_webdesign     a:hover { background: transparent url("images/menu.gif") -247px -27px no-repeat; }
#nav_clients       a:hover { background: transparent url("images/menu.gif") -326px -27px no-repeat; }
#nav_contact       a:hover { background: transparent url("images/menu.gif") -386px -27px no-repeat; }



/***** SUB MENU *****/


#submenu {
height: 31px;
position: absolute;
top: 75px;
left: 254px;
z-index: 1;
width: 497px;
}

#submenu ul {
display: block;
padding: 0;
margin: 0 auto;
text-align: left;
list-type: none;
height: 31px;
background-image: url("images/subnav.gif");
position: relative;
}

#submenu ul li {
display: block;
position: absolute;
top: 0px;
height: 31px;
padding: 0;
margin: 0;
}

#submenu ul li a {
display: block;
padding: 31px 0 0 0;
height: 31px;
overflow: hidden;
voice-family: "\"}\"";
voice-family:inherit;
height:0;
}

#subnav_about { left: 24px; width: 56px; }
#subnav_resources { left: 80px; width: 93px; }
#subnav_faqs { left: 173px; width: 54px; }
#subnav_news { left: 227px; width: 53px; }
#subnav_uploads { left: 280px; width: 73px; }
#subnav_payments { left: 353px; width: 78px; }

#subnav_about a:hover { background: transparent url("images/subnav.gif") -24px -31px no-repeat; }
#subnav_resources a:hover { background: transparent url("images/subnav.gif") -80px -31px no-repeat; }
#subnav_faqs a:hover { background: transparent url("images/subnav.gif") -173px -31px no-repeat; }
#subnav_news a:hover { background: transparent url("images/subnav.gif") -227px -31px no-repeat; }
#subnav_uploads a:hover { background: transparent url("images/subnav.gif") -280px -31px no-repeat; }
#subnav_payments a:hover { background: transparent url("images/subnav.gif") -353px -31px no-repeat; }


/***** SIDEBAR MAIN MENU *****/


#sidebar_mainmenu {
padding: 14px 0px 0px 14px;
height: 173px;
}

#sidebar_mainmenu ul {
display: block;
padding: 0;
text-align: left;
list-type: none;
width: 226px;
height: 173px;
background-image: url("images/sidebarmenu.gif");
position: relative;
}

#sidebar_mainmenu ul li {
display: block;
position: absolute;
padding: 0;
margin: 0;
}

#sidebar_mainmenu ul li a {
display: block;
padding: 23px 0 0 0;
height: 23px;
overflow: hidden;
voice-family: "\"}\"";
voice-family:inherit;
height:0;
}

#sbnav_corp          	{ top: 0px; width: 226px; }
#sbnav_logo 			{ top: 25px; width: 226px; }
#sbnav_prodlabel 		{ top: 50px; width: 226px; }
#sbnav_cddvd     		{ top: 75px; width: 226px; }
#sbnav_bookcover       	{ top: 100px; width: 226px; }
#sbnav_powerpoint       { top: 125px; width: 226px; }
#sbnav_poster			{ top: 150px; width: 226px; }

#sbnav_corp          	a:hover { background: transparent url("images/sidebarmenu.gif") -228px -0px no-repeat; }
#sbnav_logo 			a:hover { background: transparent url("images/sidebarmenu.gif") -228px -25px no-repeat; }
#sbnav_prodlabel  		a:hover { background: transparent url("images/sidebarmenu.gif") -228px -50px no-repeat; }
#sbnav_cddvd     		a:hover { background: transparent url("images/sidebarmenu.gif") -228px -75px no-repeat; }
#sbnav_bookcover       	a:hover { background: transparent url("images/sidebarmenu.gif") -228px -100px no-repeat; }
#sbnav_powerpoint   	a:hover { background: transparent url("images/sidebarmenu.gif") -228px -125px no-repeat; }
#sbnav_poster      		a:hover { background: transparent url("images/sidebarmenu.gif") -228px -150px no-repeat; }


/***** illustrationsidebar MAIN MENU *****/


#illsidebar_mainmenu {
padding: 14px 0px 0px 14px;
height: 251px;
}

#illsidebar_mainmenu ul {
display: block;
padding: 0;
text-align: left;
list-type: none;
width: 226px;
height: 251px;
background-image: url("images/illsidebarmenu.gif");
position: relative;
}

#illsidebar_mainmenu ul li {
display: block;
position: absolute;
padding: 0;
margin: 0;
}

#illsidebar_mainmenu ul li a {
display: block;
padding: 23px 0 0 0;
height: 23px;
overflow: hidden;
voice-family: "\"}\"";
voice-family:inherit;
height:0;
}

#illsbnav_pcard				{ top: 0px; width: 226px; }
#illsbnav_character 		{ top: 25px; width: 226px; }
#illsbnav_storyb 			{ top: 50px; width: 226px; }
#illsbnav_gcard     		{ top: 75px; width: 226px; }
#illsbnav_medsci       		{ top: 100px; width: 226px; }
#illsbnav_edu       		{ top: 125px; width: 226px; }
#illsbnav_humor				{ top: 150px; width: 226px; }
#illsbnav_concept       	{ top: 175px; width: 226px; }
#illsbnav_tshirt      		{ top: 200px; width: 226px; }
#illsbnav_poli				{ top: 225px; width: 226px; }

#illsbnav_pcard          	a:hover { background: transparent url("images/illsidebarmenu.gif") -228px -0px no-repeat; }
#illsbnav_character 		a:hover { background: transparent url("images/illsidebarmenu.gif") -228px -25px no-repeat; }
#illsbnav_storyb  			a:hover { background: transparent url("images/illsidebarmenu.gif") -228px -50px no-repeat; }
#illsbnav_gcard     		a:hover { background: transparent url("images/illsidebarmenu.gif") -228px -75px no-repeat; }
#illsbnav_medsci       		a:hover { background: transparent url("images/illsidebarmenu.gif") -228px -100px no-repeat; }
#illsbnav_edu   			a:hover { background: transparent url("images/illsidebarmenu.gif") -228px -125px no-repeat; }
#illsbnav_humor      		a:hover { background: transparent url("images/illsidebarmenu.gif") -228px -150px no-repeat; }
#illsbnav_concept       	a:hover { background: transparent url("images/illsidebarmenu.gif") -228px -175px no-repeat; }
#illsbnav_tshirt   			a:hover { background: transparent url("images/illsidebarmenu.gif") -228px -200px no-repeat; }
#illsbnav_poli      		a:hover { background: transparent url("images/illsidebarmenu.gif") -228px -225px no-repeat; }

/***** websidebar MAIN MENU *****/


#websidebar_mainmenu {
padding: 14px 0px 0px 14px;
height: 75px;
}

#websidebar_mainmenu ul {
display: block;
padding: 0;
text-align: left;
list-type: none;
width: 226px;
height: 75px;
background-image: url("images/websidebarmenu.gif");
position: relative;
}

#websidebar_mainmenu ul li {
display: block;
position: absolute;
padding: 0;
margin: 0;
}

#websidebar_mainmenu ul li a {
display: block;
padding: 23px 0 0 0;
height: 23px;
overflow: hidden;
voice-family: "\"}\"";
voice-family:inherit;
height:0;
}

#webnav_design			{ top: 0px; width: 226px; }
#webnav_flash			{ top: 25px; width: 226px; }
#webnav_seo			 	{ top: 50px; width: 226px; }

#webnav_design          a:hover { background: transparent url("images/websidebarmenu.gif") -228px -0px no-repeat; }
#webnav_flash 			a:hover { background: transparent url("images/websidebarmenu.gif") -228px -25px no-repeat; }
#webnav_seo 			a:hover { background: transparent url("images/websidebarmenu.gif") -228px -50px no-repeat; }



/***** GALLERY MENU *****/


#gallerynav {
margin-top: -10px;
padding: 0px 0px 0px 15px;
height: 25px;
}

#gallerynav ul {
display: block;
padding: 0;
text-align: left;
list-type: none;
width: 425px;
height: 24px;
background-image: url("images/gallerynav.gif");
position: relative;
}

#gallerynav ul li {
display: block;
position: absolute;
padding: 0;
margin: 0;
}

#gallerynav ul li a {
display: block;
padding: 23px 0 0 0;
height: 23px;
overflow: hidden;
voice-family: "\"}\"";
voice-family:inherit;
height:0;
}

#galnav_main          	{ left: 0px; width: 235px; }
#galnav_back 			{ left: 235px; width: 94px; }
#galnav_forward 		{ left: 329px; width: 96px; }

#galnav_main          	a { background: transparent url("images/gallerynav.gif") -0px -24px no-repeat; }
#galnav_back 			a { background: transparent url("images/gallerynav.gif") -235px -24px no-repeat; }
#galnav_forward 		a { background: transparent url("images/gallerynav.gif") -329px -24px no-repeat; }

#galnav_main          	a:hover { background: transparent url("images/gallerynav.gif") -0px -48px no-repeat; }
#galnav_back 			a:hover { background: transparent url("images/gallerynav.gif") -235px -48px no-repeat; }
#galnav_forward  		a:hover { background: transparent url("images/gallerynav.gif") -329px -48px no-repeat; }


#gallerynavill {
margin-top: -10px;
padding: 0px 0px 0px 15px;
height: 25px;
}

#gallerynavill ul {
display: block;
padding: 0;
text-align: left;
list-type: none;
width: 425px;
height: 24px;
background-image: url("images/gallerynavill.gif");
position: relative;
}

#gallerynavill ul li {
display: block;
position: absolute;
padding: 0;
margin: 0;
}

#gallerynavill ul li a {
display: block;
padding: 23px 0 0 0;
height: 23px;
overflow: hidden;
voice-family: "\"}\"";
voice-family:inherit;
height:0;
}

#galnavill_main          	{ left: 0px; width: 235px; }
#galnavill_back 			{ left: 235px; width: 94px; }
#galnavill_forward 		{ left: 329px; width: 96px; }

#galnavill_main          	a { background: transparent url("images/gallerynavill.gif") -0px -24px no-repeat; }
#galnavill_back 			a { background: transparent url("images/gallerynavill.gif") -235px -24px no-repeat; }
#galnavill_forward 		a { background: transparent url("images/gallerynavill.gif") -329px -24px no-repeat; }

#galnavill_main          	a:hover { background: transparent url("images/gallerynavill.gif") -0px -48px no-repeat; }
#galnavill_back 			a:hover { background: transparent url("images/gallerynavill.gif") -235px -48px no-repeat; }
#galnavill_forward  		a:hover { background: transparent url("images/gallerynavill.gif") -329px -48px no-repeat; }


#gallerynavweb {
margin-top: -10px;
padding: 0px 0px 0px 15px;
height: 25px;
}

#gallerynavweb ul {
display: block;
padding: 0;
text-align: left;
list-type: none;
width: 425px;
height: 24px;
background-image: url("images/gallerynavweb.gif");
position: relative;
}

#gallerynavweb ul li {
display: block;
position: absolute;
padding: 0;
margin: 0;
}

#gallerynavweb ul li a {
display: block;
padding: 23px 0 0 0;
height: 23px;
overflow: hidden;
voice-family: "\"}\"";
voice-family:inherit;
height:0;
}

#galnavweb_main          	{ left: 0px; width: 235px; }
#galnavweb_back 			{ left: 235px; width: 94px; }
#galnavweb_forward 		{ left: 329px; width: 96px; }

#galnavweb_main          	a { background: transparent url("images/gallerynavweb.gif") -0px -24px no-repeat; }
#galnavweb_back 			a { background: transparent url("images/gallerynavweb.gif") -235px -24px no-repeat; }
#galnavweb_forward 		a { background: transparent url("images/gallerynavweb.gif") -329px -24px no-repeat; }

#galnavweb_main          	a:hover { background: transparent url("images/gallerynavweb.gif") -0px -48px no-repeat; }
#galnavweb_back 			a:hover { background: transparent url("images/gallerynavweb.gif") -235px -48px no-repeat; }
#galnavweb_forward  		a:hover { background: transparent url("images/gallerynavweb.gif") -329px -48px no-repeat; }


/***** ZOOMED GALLERY MENU *****/


#galleryzoomnav {
padding: 2px 0px 0px 15px;
height: 25px;
}

#galleryzoomnav ul {
display: block;
padding: 0;
text-align: left;
list-type: none;
width: 424px;
height: 24px;
background-image: url("images/galleryzoomnav.gif");
position: relative;
}

#galleryzoomnav ul li {
display: block;
position: absolute;
padding: 0;
margin: 0;
}

#galleryzoomnav ul li a {
display: block;
padding: 23px 0 0 0;
height: 23px;
overflow: hidden;
voice-family: "\"}\"";
voice-family:inherit;
height:0;
}

#galzoomnav_main          	{ left: 0px; width: 319px; }
#galzoomnav_back 			{ left: 319px; width: 53px; }
#galzoomnav_forward 		{ left: 372px; width: 52px; }

#galzoomnav_main          	a { background: transparent url("images/galleryzoomnav.gif") -0px -24px no-repeat; }
#galzoomnav_back 			a { background: transparent url("images/galleryzoomnav.gif") -319px -24px no-repeat; }
#galzoomnav_forward 		a { background: transparent url("images/galleryzoomnav.gif") -372px -24px no-repeat; }

#galzoomnav_main          	a:hover { background: transparent url("images/galleryzoomnav.gif") -0px -48px no-repeat; }
#galzoomnav_back 			a:hover { background: transparent url("images/galleryzoomnav.gif") -319px -48px no-repeat; }
#galzoomnav_forward  		a:hover { background: transparent url("images/galleryzoomnav.gif") -372px -48px no-repeat; }


/***** CONTENT AREA *****/

#contentarea {
background-image: url("images/body_bg.gif");
position: relative;
}

#bodytext {
width: 500px;
position: relative;
left: 250px;
padding: 34px 0px 25px 24px;
}

#sidebar {
background: url(images/sidebartop.gif) top no-repeat;
position: absolute;
left: 0;
top: 0;
width: 255px;
}

html>body #sidebar object {
position: relative;
left: -1px;
}

#sidebar object {
position: relative;
left: -2px;
}



#h_claytowne_phone {
background-image: url(images/claytowne_phone.gif);
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 58px; 
width: 227px;
margin-left: 10px;
margin-top: 12px;
}

#h_claytowne_email {
background-image: url(images/claytowne_email.gif);
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 26px; 
width: 227px;
margin-left: 10px;
}

#claytowne_email {
background-image: url(images/claytowne_email.gif);
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 26px; 
width: 227px;
}


/***** HEADER SWAPS *****/

#h_gdlogodesign {
background-image: url(images/gdlogodesign.gif);
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 21px; 
width: 457px;
margin-bottom: -10px;
}

#h_maincommgraphics {
background-image:url(images/communication_graphics.gif);
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 17px; 
margin-left: 4px;
width: 383px;
}

#h_mainexperience {
background-image:url(images/experience.gif);
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 18px;
margin-left: 4px; 
width: 205px;
}

#h_graphicdesign {
background-image: url(images/h_graphicdesign.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 20px; 
width: 161px;
}

#h_illustration {
background-image: url(images/h_illustration.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 20px; 
width: 161px;
}

#h_home {
background-image: url(images/h_home.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 25px; 
width: 457px;
}

#h_clay {
background-image: url(images/h_clay.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 25px; 
width: 457px;
}

#h_about {
background-image: url(images/h_about.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 20px; 
width: 161px;
}

#h_payments {
background-image: url(images/h_payments.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 20px; 
width: 161px;
}

#h_claytowne {
background-image: url(images/h_claytowne.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 20px; 
width: 161px;
}

#h_faqs {
background-image: url(images/h_faqs.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 20px; 
width: 161px;
}

#h_uploads {
background-image: url(images/h_uploads.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 20px; 
width: 161px;
}

#h_resources {
background-image: url(images/h_resources.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 20px; 
width: 161px;
}

#h_news {
background-image: url(images/h_news.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 20px; 
width: 161px;
}

#h_contact {
background-image: url(images/h_contact.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 20px; 
width: 161px;
}


#h_corpbranding {
  background-image: url("images/h_corpbranding.gif");
  background-repeat: no-repeat;
  height: 0;
  overflow: hidden;
  padding-top: 17px;
  position: relative;
  width: 453px;
}

#h_corpbranding a {
font-size: 10px;
margin: 0;
padding: 0 0 0 455px;
position: absolute;
top: 0;
}

#h_logodesign {
background-image: url(images/h_logodesign.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 17px; 
position: relative;
width: 453px;
}

#h_logodesign a {
font-size: 10px;
margin: 0;
padding: 0 0 0 455px;
position: absolute;
top: 0;
}

#h_prodlabel {
background-image: url(images/h_prodlabel.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 17px;
position: relative;
width: 453px;
}

#h_prodlabel a {
font-size: 10px;
margin: 0;
padding: 0 0 0 455px;
position: absolute;
top: 0;
}

#h_cddvdpackaging {
background-image: url(images/h_cddvdpackaging.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 17px; 
position: relative;
width: 453px;
}

#h_cddvdpackaging a {
font-size: 10px;
margin: 0;
padding: 0 0 0 455px;
position: absolute;
top: 0;
}

#h_bookcover {
background-image: url(images/h_bookcover.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 17px;
position: relative; 
width: 453px;
}

#h_bookcover a {
font-size: 10px;
margin: 0;
padding: 0 0 0 455px;
position: absolute;
top: 0;
}

#h_powerpointpres {
background-image: url(images/h_powerpointpres.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 17px;
position: relative; 
width: 453px;
}

#h_powerpointpres a {
font-size: 10px;
margin: 0;
padding: 0 0 0 455px;
position: absolute;
top: 0;
}

#h_poster {
background-image: url(images/h_poster.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 17px;
position: relative; 
width: 453px;
}

#h_poster a {
font-size: 10px;
margin: 0;
padding: 0 0 0 455px;
position: absolute;
top: 0;
}

#h_postcard {
background-image: url(images/h_postcard.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 17px;
position: relative; 
width: 453px;
}

#h_postcard a {
font-size: 10px;
margin: 0;
padding: 0 0 0 455px;
position: absolute;
top: 0;
}

#h_mascot {
background-image: url(images/h_mascot.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 17px;
position: relative; 
width: 453px;
}

#h_mascot a {
font-size: 10px;
margin: 0;
padding: 0 0 0 455px;
position: absolute;
top: 0;
}

#h_storyboard {
background-image: url(images/h_storyboard.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 17px;
position: relative; 
width: 453px;
}

#h_storyboard a {
font-size: 10px;
margin: 0;
padding: 0 0 0 455px;
position: absolute;
top: 0;
}

#h_card {
background-image: url(images/h_card.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 17px;
position: relative; 
width: 453px;
}

#h_card a {
font-size: 10px;
margin: 0;
padding: 0 0 0 455px;
position: absolute;
top: 0;
}

#h_medical {
background-image: url(images/h_medical.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 17px;
position: relative;
width: 453px;
}

#h_medical a {
font-size: 10px;
margin: 0;
padding: 0 0 0 455px;
position: absolute;
top: 0;
}

#h_edu {
background-image: url(images/h_edu.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 17px;
position: relative; 
width: 453px;
}
#h_edu a {
font-size: 10px;
margin: 0;
padding: 0 0 0 455px;
position: absolute;
top: 0;
}

#h_book {
background-image: url(images/h_book.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 17px;
position: relative; 
width: 453px;
}

#h_book a {
font-size: 10px;
margin: 0;
padding: 0 0 0 455px;
position: absolute;
top: 0;
}

#h_concept {
background-image: url(images/h_concept.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 17px;
position: relative; 
width: 453px;
}
#h_concept a {
font-size: 10px;
margin: 0;
padding: 0 0 0 455px;
position: absolute;
top: 0;
}

#h_tshirt {
background-image: url(images/h_tshirt.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 17px;
position: relative;
width: 453px;
}

#h_tshirt a {
font-size: 10px;
margin: 0;
padding: 0 0 0 455px;
position: absolute;
top: 0;
}

#h_oped {
background-image: url(images/h_oped.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 17px;
position: relative; 
width: 453px;
}

#h_oped a {
font-size: 10px;
margin: 0;
padding: 0 0 0 455px;
position: absolute;
top: 0;
}

#h_webdesignheader {
background-image: url(images/h_webdesignheader.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 20px; 
width: 161px;
}


#h_webdesign {
background-image: url(images/h_webdesign.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 17px;
position: relative; 
width: 453px;
}

#h_webdesign a {
font-size: 10px;
margin: 0;
padding: 0 0 0 455px;
position: absolute;
top: 0;
}

#h_seo {
background-image: url(images/h_seo.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 17px;
position: relative; 
width: 453px;
}

#h_seo a {
font-size: 10px;
margin: 0;
padding: 0 0 0 455px;
position: absolute;
top: 0;
}

#h_flash {
background-image: url(images/h_flash.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 17px;
position: relative;
width: 453px;
}

#h_flash a {
font-size: 10px;
margin: 0;
padding: 0 0 0 455px;
position: absolute;
top: 0;
}

#h_webseo {
background-image: url(images/h_webseo.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 21px; 
width: 457px;
margin-bottom: -10px;
}

#h_clients {
background-image: url(images/h_clients.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 20px; 
width: 161px;
}

#h_clientnote {
background-image: url(images/h_clientnote.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 17px; 
width: 453px;
}

#h_question{
background-image: url(images/h_question.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 17px; 
width: 453px;
}

#h_clienttestimonials {
background-image: url(images/h_clienttestimonials.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 17px; 
width: 453px;
}

#h_websolutions{
background-image: url(images/h_websolutions.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 21px; 
width: 457px;
margin-bottom: -10px;
}

#h_flash_design{
background-image: url(images/h_flash_design.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 21px; 
width: 457px;
margin-bottom: -10px;
}

#h_illustrationeditorial {
background-image: url(images/h_illustrationeditorial.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 21px; 
width: 457px;
margin-bottom: -10px;
}

#h_illustrationtshirt {
background-image: url(images/h_illustrationtshirt.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 21px; 
width: 457px;
margin-bottom: -10px;
}

#h_illustrationconceptual {
background-image: url(images/h_illustrationconceptual.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 21px; 
width: 457px;
margin-bottom: -10px;
}

#h_illustrationbook {
background-image: url(images/h_illustrationbook.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 21px; 
width: 457px;
margin-bottom: -10px;
}


#h_illustrationeducational {
background-image: url(images/h_illustrationeducational.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 21px; 
width: 457px;
margin-bottom: -10px;
}

#h_illustrationmedical {
background-image: url(images/h_illustrationmedical.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 21px; 
width: 457px;
margin-bottom: -10px;
}

#h_illustrationgreetingcard {
background-image: url(images/h_illustrationgreetingcard.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 21px; 
width: 457px;
margin-bottom: -10px;
}

#h_illustrationstoryboard {
background-image: url(images/h_illustrationstoryboard.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 21px; 
width: 457px;
margin-bottom: -10px;
}

#h_illustrationcharacter {
background-image: url(images/h_illustrationcharacter.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 21px; 
width: 457px;
margin-bottom: -10px;
}

#h_gdposterdesign {
background-image: url(images/h_gdposterdesign.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 21px; 
width: 457px;
margin-bottom: -10px;
}

#h_gdpowerpointdesign {
background-image: url(images/h_gdpowerpointdesign.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 21px; 
width: 457px;
margin-bottom: -10px;
}

#h_gdbookcover {
background-image: url(images/h_gdbookcover.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 21px; 
width: 457px;
margin-bottom: -10px;
}

#h_gdcdcover {
background-image: url(images/h_gdcdcover.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 21px; 
width: 457px;
margin-bottom: -10px;
}

#h_gdpackagedesign {
background-image: url(images/h_gdpackagedesign.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 21px; 
width: 457px;
margin-bottom: -10px;
}

#h_webseo {
background-image: url(images/h_webseo.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 21px; 
width: 457px;
margin-bottom: -10px;
}

#h_gdadvertisingdesign {
background-image: url(images/h_gdadvertisingdesign.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 21px; 
width: 457px;
margin-bottom: -10px;
}

#h_illustrationpostcard {
background-image: url(images/h_illustrationpostcard.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 21px; 
width: 457px;
margin-bottom: -10px;
}

#h_gdadvertisingdesign {
background-image: url(images/h_gdadvertisingdesign.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 21px; 
width: 457px;
margin-bottom: -10px;
}

#h_illustrationpostcard {
background-image: url(images/h_illustrationpostcard.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 21px; 
width: 457px;
margin-bottom: -10px;
}

/***** MAIN PAGE CLAYTOWNE SECTION *****/

.list_mainpage {
padding: 5px 5px 0px 28px;
font-size: 12px;
line-height: 14pt;
font-weight: normal;
font-family: Helvetica, Arial, sans-serif;
color: #2B3342;
}

.text_mainpage {
padding: 0px 0px 0px 5px;
color: #2B3342;
font-size: 12px;
line-height: 14pt;
font-weight: normal;
font-family: Helvetica, Arial, sans-serif;
text-align: left;
display: block;
}
.text_mainpage_center {
padding: 0px 0px 0px 0px;
color: #2B3342;
font-size: 11px;
line-height: 14pt;
font-weight: normal;
font-family: Helvetica, Arial, sans-serif;
text-align: center;
display: block;
}

.text_mainpage em {
font-weight: bold;
font-style: normal;
}

.smalltext_mainpage {
padding: 0px 0px 0px 14px;
color: #2B3342;
font-size: 10px;
line-height: 10pt;
font-weight: normal;
font-family: Helvetica, Arial, sans-serif;
text-align: left;
display: block;
}


#claytowne_section{
width: 469px;
margin-left: -6px;
}

#claytowne_content {
padding: 14px;
background: url(images/claytowne_intro_BG.gif) repeat-y;
}

#h_claytowneintro {
background-image: url(images/claytowne_intro_top.gif);
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 33px; 
width: 469px;
}

#claytowne_footer {
margin-top: -1px;
height: 19px;
background: url(images/claytowne_intro_bottom.gif) bottom no-repeat;
}

#claytowne_news{
float: left;
width: 163px;
margin: 2px 0px 0px -4px;
}

#claytownenews_content {
padding: 5px 15px 5px 5px;
background: url(images/claytowne_news_BG.gif) repeat-y;
}

#h_claytownenews {
background-image: url(images/claytowne_news_top.gif);
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 28px; 
width: 163px;
}

#claytownenews_footer {
margin-top: -1px;
height: 17px;
background: url(images/claytowne_news_bot.gif) top no-repeat;
}

#claytowne_about{
float: left;
width: 310px;
margin: 2px 0px 0px 1px;
}

#claytowneabout_content {
padding: 2px 105px 2px 2px;
background: url(images/claytowne_about_BG.gif) repeat-y;
position: relative;
}
 
#about_headshot {
display: block;
width: 79px;
height: 109px;
position: absolute;
top: -18px;
left: 217px;
}


#h_claytowneabout {
background-image: url(images/claytowne_about_top.gif);
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 28px; 
width: 305px;
}

#claytowneabout_footer {
height: 17px;
margin: -1px 0px 0px -6px;
background: url(images/claytowne_about_bot.gif) top no-repeat;
}

#claytowne_newbox{
clear: both;
width: 469px;
padding-top: 4px;
margin-left: -6px;
}

#claytownenewbox_content {
padding: 2px;
background: url(images/claytowne_new_box_BG.gif) repeat-y;
height: 100px;
}

#newbox_sample {
float:right;
margin: 2px 15px 0px 15px;
border: 1px solid black;
}

#h_newbox {
background-image: url(images/claytowne_new_box_top.gif);
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 34px; 
width: 469px;
}

#claytownenewbox_footer {
margin-top: -1px;
height: 23px;
background: url(images/claytowne_new_box_bot.gif) bottom no-repeat;
}

                                                                                                                                                                                                                                                                

/* GALLERY PAGE */

table.gallery {
margin-top: 16px;
margin-left: 4px;
font-family: Arial, Verdana;
font-size: 0.6em;
color: #999;
width: 90%;
}

table.gallery a,
table.gallery a:link,
table.gallery a:visited,
table.gallery a:hover,
table.gallery a:active {
text-decoration: none;
color: #999;
}

table.gallery tr td div {
text-align: center;
}

table.gallery tr td div.thumbnail img {
border: 1px solid #fff;
vertical-align: middle;
}

table.gallery tr td div.thumbnail img.border {
border: 1px solid #666;
}

table.gallery tr td div.caption {
padding: 14px 0px;
}
/***** ZOOMED GALLERY PAGE *****/


table.zoomgallery {
margin-top: 20px;
margin-left: 2px;
font-family: Arial, Verdana;
font-size: 0.6em;
color: #999;
width: 90%;
height: 350px;
}

table.zoomgallery a {
text-decoration: none;
color: #999;
}

table.zoomgallery tr td div {
text-align: center;
}

table.zoomgallery tr td div.thumbnail  img {
border: 1px solid #fff;
vertical-align: middle;
}

table.zoomgallery tr td div.thumbnail  img.border {
border: 1px solid #666;
}

table.zoomgallery tr td div.caption {
padding: 14px 0px;
}


#logodetails {
width: 424px;
text-align: left;
padding: 8px 0px 0px 20px;
}

.text_logodetails {
color: #333;
padding-top: 3px;
font-size: 11px;
line-height: 11pt;
font-weight: normal;
font-family: Helvetica, Arial, sans-serif;
text-align: left;
display: block;
}

.text_logodetails em{
color: #333;
font-size: 11px;
line-height: 11pt;
font-weight: bold;
font-style: normal;
font-family: Helvetica, Arial, sans-serif;
text-align: left;
}

.zoomedgalleryimg {
margin-left: 92px;
padding-top: 8px;
}


.thumbtitle {
margin-left: 40%;
display: inline; 
font-family: Arial, Verdana;
font-size: 0.6em;
}

/***** TEXT DEFINITIONS *****/

.content_subclass {
position: relative;
padding: 14px 0px 0px 0px;
width: 455px;
}

.smalltextwrapper {
position: relative;
float: left;
padding: 0px 0px 0px 0px;
width: 260px;
}

div.smalltextend {
clear: both; 
line-height: 0; 
height: 0;
}

.text_subclass {
padding: 6px 0px 0px 14px;
color: #2B3342;
font-size: 12px;
line-height: 14pt;
font-weight: normal;
font-family: Helvetica, Arial, sans-serif;
text-align: left;
display: block;
margin-left: -3px;
}

.text_subclass_italic {
	padding: 6px 0px 0px 14px;
	color: #2B3342;
	font-size: 12px;
	line-height: 14pt;
	font-weight: normal;
	font-family: Helvetica, Arial, sans-serif;
	text-align: left;
	display: block;
	margin-left: -3px;
	font-style: italic;
}

.h_textheader {
padding: 0px 0px 0px 10px;
color: #3D5381;
font-size: 12px;
line-height: 14pt;
font-weight: bold;
font-family: Helvetica, Arial, sans-serif;
text-align: left;
display: block;

}

.h_textheaderhome {
padding: 0px 0px 0px 5px;
color: #3D5381;
font-size: 12px;
line-height: 14pt;
font-weight: bold;
font-family: Helvetica, Arial, sans-serif;
text-align: left;
display: block;

}

.h_textheaderbig {
padding: 0px 0px 0px 10px;
color: #3D5381;
font-size: 14px;
line-height: 14pt;
font-weight: bold;
font-family: Helvetica, Arial, sans-serif;
text-align: left;
display: block;

}

.h_textheaderbighome {
padding: 0px 0px 0px 4px;
color: #3D5381;
font-size: 14px;
line-height: 14pt;
font-weight: bold;
font-family: Helvetica, Arial, sans-serif;
text-align: left;
display: block;

}

.smalltext_subclass {
padding: 0px 0px 0px 14px;
color: #2B3342;
font-size: 10px;
line-height: 10pt;
font-weight: normal;
font-family: Helvetica, Arial, sans-serif;
text-align: left;
display: block;
background-image:url(images/linkarrow.gif);
background-repeat: no-repeat;
width: 240px;
margin: 10px 0px 0px 10px;

}

.small_subclass {
padding: 0px 0px 0px 14px;
color: #2B3342;
font-size: 10px;
line-height: 10pt;
font-weight: normal;
font-family: Helvetica, Arial, sans-serif;
text-align: left;
display: block;
background-image:url(images/linkarrow.gif);
background-repeat: no-repeat;
width: 270px;
margin: 10px 0px 0px 10px;
}

.footer_subclass {
padding: 10px 0px 6px 14px;
color: #2B3342;
font-size: 10px;
line-height: 10pt;
font-weight: normal;
font-family: Helvetica, Arial, sans-serif;
text-align: left;
display: block;
clear:both;

}

p.footer_subclass a {
padding: 0px 0px 0px 15px;
display: block;
background-image:url(images/linkarrow.gif);
background-repeat: no-repeat;
}

p.footer_subclass span {
padding: 0px 0px 0px 15px;
display: block;
width: 250px;
background-image:url(images/linkarrow.gif);
background-repeat: no-repeat;
}

p.small_subclass {
margin: 10px 0px 0px 10px;
display: block;
background-image:url(images/linkarrow.gif);
background-repeat: no-repeat;
}


.footer_subclass li {
margin: 0px 0px 0px 45px;

}

.teaserimg_subclass {
margin: 10px 3px 0px 6px;
float: right;
border: 1px solid #000;
}

.clientimg_subclass {
margin: 10px 0px 0px 6px;
float: right;
border: 1px solid #000;
}

.clientimg_subclass_noborder {
margin: 10px 0px 0px 6px;
float: right;
border: 1px solid #FFF;
}

#button_sectiontour {
float: right;
padding: 0px 40px 0px 0px;
}

a#gdtourbutton {
display: block;
background-image: url(images/gdtour.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 26px; 
width: 262px;
}

a#gdtourbutton:hover {
display: block;
background-image: url(images/gdtourroll.gif); 
background-repeat: no-repeat; 
height: 0; 
overflow: hidden; 
padding-top: 26px; 
width: 262px;
}



/***** FOOTER MAIN MENU *****/
#navfooter {
margin-top: 10px;
padding: 0px;
font-size: 10px;
}

#footer_mainmenu {
width: 469px;
text-align: center;
clear: both;
}

#footer_mainmenu ul {
display: inline;
margin: 0px;
padding: 0px;
}

#footer_mainmenu ul li {
font-size: 10px;
padding: 0px;
color: #666666;
list-style: none;
display: inline;
}

#footer_mainmenu ul li a {
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	line-height: 11pt;
}



/***** FOOTER SUB MENU *****/


#footer_submenu {
margin-top: 0px;
width: 469px;
text-align: center;
}

#footer_submenu ul {
margin: 0px;
padding-top: 0px;
white-space: nowrap;
}

#footer_submenu ul li {
font-size: 10px;
color: #666666;
list-style: none;
display: inline;
}

#footer_submenu ul li a {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	line-height: 11pt;
}


/**** FOOTER ****/

#nav_footer {
margin: 15px 0px 0px 0px;
}

#footer {
background: url("images/footer_bg.gif") no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
line-height: 11pt;
color: #999999;
text-align: center;
display: block;
padding: 30px 5px 0px 5px;
}
#footer a:link {
	text-decoration: none; 
	color: #999999;
}
#footer a:visited {
	text-decoration: none; 
	color: #999999; 
}
#footer a:hover {
	text-decoration: none; 
	color: #999999; 
}