html, body {min-width:800px;}

body {background:url("../images/bg.png") left top; background-repeat:repeat; padding:0px 0px 0px 0px; text-align:center; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px}

img {padding: 0px 0px 0px 0px; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px;}

/* Link Declarations */
A:link { padding: 0px 0px 0px 0px; color: #8ac73c; text-decoration: underline}
A:visited {padding: 0px 0px 0px 0px; color: #8ac73c; text-decoration: underline}
A:active {padding: 0px 0px 0px 0px; color: #8ac73c; text-decoration: underline}
A:hover {padding: 0px 0px 0px 0px; color: #8ac73c; text-decoration: none}

/* Font declarations */
A {font-family: verdana, tahoma, trebuchet ms, tahoma, helvetica, arial, geneva, sans-serif; font-size: 12px; line-height:14px}
p, li, li.no_bullet, td, td.title
 {font-family: verdana, tahoma, trebuchet ms, helvetica, arial, geneva, sans-serif; font-size: 12px; line-height: 14px}
h1, h2 {font-family: verdana, tahoma, trebuchet ms, helvetica, arial, geneva, sans-serif}
h1 {font-size: 12px; line-height:14px; color:#7aa939; padding-top: 5px; padding-bottom:2px; margin-bottom:0px;}
p {color: #FFFFFF; padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:10px;}

hr {height: 1px; border: none; background-color: #DEAE08; color: #DEAE08}

/* Positioning */
.noborder { border-style: none}
.ctr {margin-left:auto; margin-right:auto; text-align:center}
.float_rt {position: relative; float: right; padding-left: 5px; padding-right:0px; margin-left:0px; margin-right:0px;}
.float_lt {position: relative; float: left; padding-right: 5px}
.top_rt {text-align: right; vertical-align: top}
.top_lt {text-align: left; vertical-align: top}
.top {vertical-align: top}
.overlay {position: relative; z-index: 2}

/* Lists */
ul {list-style-type:circle; color: #FFFFFF; padding-left:14px; margin-left: 0px; margin-right: 0px; margin-top: 10px; margin-bottom: 10px;}
html>body ul {list-style-type: circle}
li {color: #FFFFFF; margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px;}
li.no_bullet {list-style-type: none; margin-left: auto; margin-right: auto}

/* Table Format */
table {border-width: 0px; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px;}
tr {border-width: 0px; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px;}
td {border-style: none; color: #FFFFFF; padding-top: 0px; padding-bottom: 0px; padding-left: 5px; padding-right: 5px; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px;}

/* Input styles */
.i1 {font-family: arial, helvetica, geneva, sans serif; border: solid; font-size: 12px; background-color: #ffffff; color: #000000; 
	border-width: 1px; width: 175px; border-style: inset; border-color: #c0c0c0}

.i2 {font-family: arial, helvetica, geneva, sans serif; border: solid; font-size: 12px; background-color: #ffffff; color: #000000; 
	border-width: 1px; width: 100px; border-style: inset; border-color: #c0c0c0}

.ta1 { font-family: arial, helvetica, geneva, sans-serif; font-size: 12px; border: solid; border-width: 1px; border-color: #c0c0c0; width: 100%}

input.text, input.button, textarea, select {font-family: verdana, arial, helvetica, sans-serif; font-size: 8pt;	font-weight:normal}

input.button {
	border:1px solid #000;
	padding:0 .1em;
	cursor:pointer;
	color:#000;
	background-color:#E3E3E3;/*A6B0A6*/
}

input.button:hover, input.button:focus {background-color:#C1CBC1}
input.button:active {background-color:#EEE}
input.button[disabled] {border-color:#CCC; color:#333; background-color:#EEE}
input.text, textarea, select {border:1px solid #C0C0C0; color:#000000; background-color:#E3E3E3; letter-spacing:0px}
input.text:hover, input.text:hover, textarea:hover, select:hover {background-color:#D6DBD6}
input.text:focus, input.text:focus, textarea:focus, select:focus {background-color:#ECEEEC}

/* Text Box Areas */
.textbox_header {position: relative; height: 22px; background: url("../images/textbox_bg.gif") repeat-x; border: none; padding-left: 1px; padding-right: 1px; padding-top: 1px; padding-bottom: 0px}
.textbox_stripes {position: relative; height: 20px; background: url("../images/textbox_stripes_bg.gif") repeat-x; border: none; padding-left: 3px; padding-right: 3px; padding-top: 3px; text-align: center}
.textbox_border {position: relative; top: -1px; border-style: solid; border-width: 1px; border-color: #D9D9D9; padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px}
* html .textbox_border {
	\top:-10px;/* for ie5 */
	t\op:-2px;/* for ie6 */
}


#outer{position:relative; width:612px; padding-top:0px; padding-bottom:0px; margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:0px; z-index: 0;}
html>body #outer{height:auto} /*for mozilla as IE treats height as min-height anyway*/

#header{text-align:left; position:relative; top:0px; width:612px; height:75px; padding-top: 0px; padding-bottom: 0px; margin-bottom:15px; overflow:hidden; z-index: 1}
#logo_title {position:relative; left: 0px; top: 12px; width:100%; height:15px; border: none; border-width: 0px; padding-top: 0px; padding-bottom: 0px; padding-left:7px;}
#main_menu {position:relative; float:right; right:0px; top:15px; height:50px; width:536px; border-style: none; border-width:0px; padding-top:3px; padding-bottom:3px; padding-left:0px; padding-right:0px; margin-right:0px; margin-bottom:0px;}
#logo{position:relative; float:left; left: 0px; top: 14px; width:76px; height:50px; border: none; border-width: 0px; padding-top: 0px; padding-bottom: 0px}
#title_area {position:relative; left:0px; height:23px; width:100%; border-style: none; border-width:0px; padding-top:5px; padding-bottom:5px; padding-left:7px; padding-right:7px; margin-right:0px; margin-bottom:0px;}
#bottom_button_area {position:relative;left:0px; height:9px; width:100%; border-style: none; border-width:0px; padding-top:5px; padding-bottom:5px; padding-left:7px; padding-right:7px; margin-top: 20px; margin-right:0px; margin-bottom:0px;}
#text_area{position:relative; width:100%; text-align:left; border-style: none; border-width:0px; padding-left:7px; padding-right:7px; padding-top:10px; padding-bottom:0px; margin-top:-10px; margin-bottom:0px;}


#clearfooter{position:relative; clear: both; height: 30px}/*needed to make room for footer*/
#footer {position:relative; height:28px; width:100%; top:32px; clear:both; vertical-align:middle; text-align:center; border: none; border-width:0px; margin-top:0px; margin-bottom:0px; padding-top:5px; padding-bottom:0px; font-family: verdana, tahoma, arial, helvetica, geneva, sans-serif; font-size: 11px; line-height:12px; color: #ffffff;}

/* Positioning */
.noborder { border-style: none}

.float_rt {position: relative; float:right; padding-left:5px; padding-right:0px; padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:5px;}
/*.float_rt {position: relative; float: right; padding-left: 5px; padding-right:5px; padding-top:0px; padding-bottom:5px; margin-top:0px; margin-bottom:0px; margin-left:5px; margin-right:5px;}*/
.float_lt {position: relative; float:left; padding-left:0px; padding-right:5px; padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:5px;}
.top_rt {text-align: right; vertical-align: top}
.top_lt {text-align: left; vertical-align: top}
.top {vertical-align: top}
.overlay {position: relative; z-index: 2}

/* Main Menu div/image layout */
.navi_main a.home_btn, a.gallery1_btn, a.gallery2_btn, a.bio_contact_btn
 {position:relative; float:left; width:94px; height: 35px; text-decoration: none; border: none; display: block; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top:0px; margin-left: 2px;}
.navi_main a.home_btn { background-image: url("../images/menu.gif"); background-position: 0px 0px; margin-left:20px;}
.navi_main a.gallery1_btn { background-image: url("../images/menu.gif"); background-position: -94px 0px;}
.navi_main a.gallery2_btn { background-image: url("../images/menu.gif"); background-position: -188px 0px;}
.navi_main a.bio_contact_btn { background-image: url("../images/menu.gif"); background-position: -282px 0px;}

.navi_main a.home_btn:hover, a.home_btn:active {background-position: 0px -35px;}
.navi_main a.gallery1_btn:hover, a.gallery1_btn:active {background-position: -94px -35px;}
.navi_main a.gallery2_btn:hover, a.gallery2_btn:active {background-position: -188px -35px;}
.navi_main a.bio_contact_btn:hover, a.bio_contact_btn:active {background-position: -282px -35px;}

.menu_div{position:relative; float:left; width:42px; height: 35px; text-decoration: none; border: none; display: block; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top:14px; background-repeat: no-repeat; margin-left: 2px; background-position: top}

div.previous_button a.previous_btn
 {position:relative; float:right; width:53px; height: 9px; text-decoration: none; border: none; display: block; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top:0px; background-repeat: no-repeat; margin-left: 2px; background-position: top}
div.next_button a.next_btn
 {position:relative; float:right; width:28px; height: 9px; text-decoration: none; border: none; display: block; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top:0px; background-repeat: no-repeat; margin-left: 15px; background-position: top}

div.previous_button a.previous_btn{ background-image: url("../images/previous_next.gif"); background-position: 0px 0px;}
div.previous_button a.previous_btn:hover, a.previous_btn:active {background-position: 0px -9px;}
div.next_button a.next_btn{ background-image: url("../images/previous_next.gif"); background-position: -53px 0px;}
div.next_button a.next_btn:hover, a.next_btn:active {background-position: -53px -9px;}


span.hidden { display: none}
.clear{clear:both}

/*Portfolio Image Map Divs*/
#nd1, #nd2, #nd3, #nd4, #nd5, #nd6, #nd7, #nd8, #nd9, #nd10, #nd11, #nd12, 
#mnd1, #mnd2, #mnd3, #mnd4, #mnd5, #mnd6, #mnd7, #mnd8, #mnd9, #mnd10, #mnd11, #mnd12, 
#lci1, #lci2, #lci3, #lci4, #lci5, #lci6, #lci7, #lci8, #lci9, #lci10, #lci11, #lci12, 
#td1, #td2, #td3, #td4, #td5, #td6, #td7, #td8, #td9, #td10, #td11, #td12, 
#ci1, #ci2, #ci3, #ci4, #ci5, #ci6, #ci7, #ci8, #ci9, #ci10, #ci11, #ci12, 
#tmi1, #tmi2, #tmi3, #tmi4, #tmi5, #tmi6, #tmi7, #tmi8, #tmi9, #tmi10, #tmi11, #tmi12,
#pm1, #pm2, #pm3, #pm4, #pm5, #pm6, #pm7, #pm8, #pm9, #pm10, #pm11, #pm12,
#ppd1, #ppd2, #ppd3, #ppd4, #ppd5, #ppd6, #ppd7, #ppd8, #ppd9, #ppd10, #ppd11, #ppd12
{position:relative; float:left; width:100px; height: 82px; text-decoration: none; border: none; display: block; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top:0px; margin-left: 0px;}
/*New Designs*/
#nd1 { background-image: url("../images/imap_new_designs.jpg"); background-position: 0px 0px;}
#nd2 { background-image: url("../images/imap_new_designs.jpg"); background-position: -100px 0px;}
#nd3 { background-image: url("../images/imap_new_designs.jpg"); background-position: -200px 0px;}
#nd4 { background-image: url("../images/imap_new_designs.jpg"); background-position: -300px 0px;}
#nd5 { background-image: url("../images/imap_new_designs.jpg"); background-position: -401px 0px;}
#nd6 { background-image: url("../images/imap_new_designs.jpg"); background-position: -502px 0px;}
#nd7 { background-image: url("../images/imap_new_designs.jpg"); background-position: 0px -82px;}
#nd8 { background-image: url("../images/imap_new_designs.jpg"); background-position: -100px -82px;}
#nd9 { background-image: url("../images/imap_new_designs.jpg"); background-position: -200px -82px;}
#nd10 { background-image: url("../images/imap_new_designs.jpg"); background-position: -300px -82px;}
#nd11 { background-image: url("../images/imap_new_designs.jpg"); background-position: -401px -82px;}
#nd12 { background-image: url("../images/imap_new_designs.jpg"); background-position: -502px -82px;}

/*More New Designs*/
#mnd1 { background-image: url("../images/imap_more_new_designs.jpg"); background-position: 0px 0px;}
#mnd2 { background-image: url("../images/imap_more_new_designs.jpg"); background-position: -100px 0px;}
#mnd3 { background-image: url("../images/imap_more_new_designs.jpg"); background-position: -200px 0px;}
#mnd4 { background-image: url("../images/imap_more_new_designs.jpg"); background-position: -300px 0px;}
#mnd5 { background-image: url("../images/imap_more_new_designs.jpg"); background-position: -401px 0px;}
#mnd6 { background-image: url("../images/imap_more_new_designs.jpg"); background-position: -502px 0px;}
#mnd7 { background-image: url("../images/imap_more_new_designs.jpg"); background-position: 0px -82px;}
#mnd8 { background-image: url("../images/imap_more_new_designs.jpg"); background-position: -100px -82px;}
#mnd9 { background-image: url("../images/imap_more_new_designs.jpg"); background-position: -200px -82px;}
#mnd10 { background-image: url("../images/imap_more_new_designs.jpg"); background-position: -300px -82px;}
#mnd11 { background-image: url("../images/imap_more_new_designs.jpg"); background-position: -401px -82px;}
#mnd12 { background-image: url("../images/imap_more_new_designs.jpg"); background-position: -502px -82px;}

/*Logos & Corporate Identity*/
#lci1 { background-image: url("../images/imap_logos_corp_identity.jpg"); background-position: 0px 0px;}
#lci2 { background-image: url("../images/imap_logos_corp_identity.jpg"); background-position: -100px 0px;}
#lci3 { background-image: url("../images/imap_logos_corp_identity.jpg"); background-position: -200px 0px;}
#lci4 { background-image: url("../images/imap_logos_corp_identity.jpg"); background-position: -300px 0px;}
#lci5 { background-image: url("../images/imap_logos_corp_identity.jpg"); background-position: -401px 0px;}
#lci6 { background-image: url("../images/imap_logos_corp_identity.jpg"); background-position: -502px 0px;}
#lci7 { background-image: url("../images/imap_logos_corp_identity.jpg"); background-position: 0px -82px;}
#lci8 { background-image: url("../images/imap_logos_corp_identity.jpg"); background-position: -100px -82px;}
#lci9 { background-image: url("../images/imap_logos_corp_identity.jpg"); background-position: -200px -82px;}
#lci10 { background-image: url("../images/imap_logos_corp_identity.jpg"); background-position: -300px -82px;}
#lci11 { background-image: url("../images/imap_logos_corp_identity.jpg"); background-position: -401px -82px;}
#lci12 { background-image: url("../images/imap_logos_corp_identity.jpg"); background-position: -502px -82px;}

/*T-Shirt Designs*/
#td1 { background-image: url("../images/imap_tshirt_designs.jpg"); background-position: 0px 0px;}
#td2 { background-image: url("../images/imap_tshirt_designs.jpg"); background-position: -100px 0px;}
#td3 { background-image: url("../images/imap_tshirt_designs.jpg"); background-position: -200px 0px;}
#td4 { background-image: url("../images/imap_tshirt_designs.jpg"); background-position: -300px 0px;}
#td5 { background-image: url("../images/imap_tshirt_designs.jpg"); background-position: -401px 0px;}
#td6 { background-image: url("../images/imap_tshirt_designs.jpg"); background-position: -502px 0px;}
#td7 { background-image: url("../images/imap_tshirt_designs.jpg"); background-position: 0px -82px;}
#td8 { background-image: url("../images/imap_tshirt_designs.jpg"); background-position: -100px -82px;}
#td9 { background-image: url("../images/imap_tshirt_designs.jpg"); background-position: -200px -82px;}
#td10 { background-image: url("../images/imap_tshirt_designs.jpg"); background-position: -300px -82px;}
#td11 { background-image: url("../images/imap_tshirt_designs.jpg"); background-position: -401px -82px;}
#td12 { background-image: url("../images/imap_tshirt_designs.jpg"); background-position: -502px -82px;}

/*Computer Illustration*/
#ci1 { background-image: url("../images/imap_computer_illustration.jpg"); background-position: 0px 0px;}
#ci2 { background-image: url("../images/imap_computer_illustration.jpg"); background-position: -100px 0px;}
#ci3 { background-image: url("../images/imap_computer_illustration.jpg"); background-position: -200px 0px;}
#ci4 { background-image: url("../images/imap_computer_illustration.jpg"); background-position: -300px 0px;}
#ci5 { background-image: url("../images/imap_computer_illustration.jpg"); background-position: -401px 0px;}
#ci6 { background-image: url("../images/imap_computer_illustration.jpg"); background-position: -502px 0px;}
#ci7 { background-image: url("../images/imap_computer_illustration.jpg"); background-position: 0px -82px;}
#ci8 { background-image: url("../images/imap_computer_illustration.jpg"); background-position: -100px -82px;}
#ci9 { background-image: url("../images/imap_computer_illustration.jpg"); background-position: -200px -82px;}
#ci10 { background-image: url("../images/imap_computer_illustration.jpg"); background-position: -300px -82px;}
#ci11 { background-image: url("../images/imap_computer_illustration.jpg"); background-position: -401px -82px;}
#ci12 { background-image: url("../images/imap_computer_illustration.jpg"); background-position: -502px -82px;}

/*Traditional Media Illustration*/
#tmi1 { background-image: url("../images/imap_traditional_media_illustration.jpg"); background-position: 0px 0px;}
#tmi2 { background-image: url("../images/imap_traditional_media_illustration.jpg"); background-position: -100px 0px;}
#tmi3 { background-image: url("../images/imap_traditional_media_illustration.jpg"); background-position: -200px 0px;}
#tmi4 { background-image: url("../images/imap_traditional_media_illustration.jpg"); background-position: -300px 0px;}
#tmi5 { background-image: url("../images/imap_traditional_media_illustration.jpg"); background-position: -401px 0px;}
#tmi6 { background-image: url("../images/imap_traditional_media_illustration.jpg"); background-position: -502px 0px;}
#tmi7 { background-image: url("../images/imap_traditional_media_illustration.jpg"); background-position: 0px -82px;}
#tmi8 { background-image: url("../images/imap_traditional_media_illustration.jpg"); background-position: -100px -82px;}
#tmi9 { background-image: url("../images/imap_traditional_media_illustration.jpg"); background-position: -200px -82px;}
#tmi10 { background-image: url("../images/imap_traditional_media_illustration.jpg"); background-position: -300px -82px;}
#tmi11 { background-image: url("../images/imap_traditional_media_illustration.jpg"); background-position: -401px -82px;}
#tmi12 { background-image: url("../images/imap_traditional_media_illustration.jpg"); background-position: -502px -82px;}

/*Photo Manipulation*/
#pm1 { background-image: url("../images/imap_photo_manipulation.jpg"); background-position: 0px 0px;}
#pm2 { background-image: url("../images/imap_photo_manipulation.jpg"); background-position: -100px 0px;}
#pm3 { background-image: url("../images/imap_photo_manipulation.jpg"); background-position: -200px 0px;}
#pm4 { background-image: url("../images/imap_photo_manipulation.jpg"); background-position: -300px 0px;}
#pm5 { background-image: url("../images/imap_photo_manipulation.jpg"); background-position: -401px 0px;}
#pm6 { background-image: url("../images/imap_photo_manipulation.jpg"); background-position: -502px 0px;}
#pm7 { background-image: url("../images/imap_photo_manipulation.jpg"); background-position: 0px -82px;}
#pm8 { background-image: url("../images/imap_photo_manipulation.jpg"); background-position: -100px -82px;}
#pm9 { background-image: url("../images/imap_photo_manipulation.jpg"); background-position: -200px -82px;}
#pm10 { background-image: url("../images/imap_photo_manipulation.jpg"); background-position: -300px -82px;}
#pm11 { background-image: url("../images/imap_photo_manipulation.jpg"); background-position: -401px -82px;}
#pm12 { background-image: url("../images/imap_photo_manipulation.jpg"); background-position: -502px -82px;}

/*Print Design, Packaging Design, etc.*/
#ppd1 { background-image: url("../images/imap_print_packaging_design.jpg"); background-position: 0px 0px;}
#ppd2 { background-image: url("../images/imap_print_packaging_design.jpg"); background-position: -100px 0px;}
#ppd3 { background-image: url("../images/imap_print_packaging_design.jpg"); background-position: -200px 0px;}
#ppd4 { background-image: url("../images/imap_print_packaging_design.jpg"); background-position: -300px 0px;}
#ppd5 { background-image: url("../images/imap_print_packaging_design.jpg"); background-position: -401px 0px;}
#ppd6 { background-image: url("../images/imap_print_packaging_design.jpg"); background-position: -502px 0px;}
#ppd7 { background-image: url("../images/imap_print_packaging_design.jpg"); background-position: 0px -82px;}
#ppd8 { background-image: url("../images/imap_print_packaging_design.jpg"); background-position: -100px -82px;}
#ppd9 { background-image: url("../images/imap_print_packaging_design.jpg"); background-position: -200px -82px;}
#ppd10 { background-image: url("../images/imap_print_packaging_design.jpg"); background-position: -300px -82px;}
#ppd11 { background-image: url("../images/imap_print_packaging_design.jpg"); background-position: -401px -82px;}
#ppd12 { background-image: url("../images/imap_print_packaging_design.jpg"); background-position: -502px -82px;}