/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html {height: 100%;}
body {
	
	background-image: url(../images/background.gif);
	background-repeat: repeat-x;
	background-color: #d58181;
}
div#main {
	/*overflow:auto; 
	padding-bottom: 198px;*/
}  /* must be same height as the footer */

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FEDCDC;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	margin: 155px 0 0 340px;
}
p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: normal;
	color: #facfcf;
	font-style: normal;
	line-height: 22px;
	text-align:justify;
}
p a {color: #ffffff; text-indent: 0; font-size: 12px; text-decoration: underline;}
p a:hover {	color: #facfcf; text-decoration: none;}

div#wrap {min-height: 100%; width: 960px; margin: 0 auto 0 auto;}
div#header {
	background-image: url(../images/header_back.jpg);
	position: relative;
	margin:0 auto 0 auto;
	width: 960px;
	height: 86px;
	clear: both;
	}
div#headertitle {
	background-image:url(../images/mayeville_title.png);
	width: 264px;
	height: 65px;
	background-repeat:no-repeat;
	margin: 20px 0 0 0;
	float:left;
	}
div#hpsubheader {
	width: 960px;
	height: 269px;
	margin: 0 auto 0 auto;
	background-image:url(../images/subheader_hp_back.png);
	background-repeat: no-repeat;
	background-position: left top;
	}
div#bucketcontainer {
	background-image:url(../images/buckets_shadows_sm.png) no-repeat;
	/* -- width: 960px;--*/	height: 395px; margin: 0 0 0 120px; }
a#box1 {
	float:left;
	background: url(../images/bucket_tattoos.png) top left;
	background-repeat: no-repeat;
	height: 394px;
	width: 229px;
	display: block;
	margin: 0 0 0 18px;
	}
a#box1:hover {	background-position: bottom left;}
a#box2 {
	float:left;
	background: url(../images/bucket_vector.png) top left;
	background-repeat: no-repeat;
	height: 394px;
	width: 235px;
	display: block;
	margin: 0 0 0 0;	
	}
a#box2:hover {	background-position: bottom left;}	
a#box3 {
	float:left;
	background: url(../images/bucket_painting.png) top left;
	background-repeat: no-repeat;
	height: 394px;
	width: 228px;
	display: block;
	margin: 0 0 0 10px;	
	}
a#box3:hover {	background-position: bottom left;}
a#box4 {
	float:left;
	background: url(../images/bucket_sketches.png) top left;
	background-repeat: no-repeat;
	height: 394px;
	width: 222px;
	display: block;
	margin: 0 0 0 15px;	
	}
a#box4:hover {	background-position: bottom left;}	
div#welcometext {
	background-image:url(../images/cupcakes_candyskulls.png);
	width: 531px;
	height: 203px;
	margin: 50px 0 0 260px;
	float: left;
	}
a#socialicons1 {
	float:left;
	background: url(../images/maytee_twitter.png) top left;
	height: 60px;
	width: 64px;
	display: block;
	margin: 30px 0 0 0;
	}
a#socialicons1:hover {
	background-position: bottom left;
	}
a#socialicons2 {
	float:left;
	background: url(../images/maytee_facebook.png) top left;
	height: 62px;
	width: 63px;
	display: block;
	margin: 30px 0 0 10px;
	}
a#socialicons2:hover {
	background-position: bottom left;
	}
div#followmayeville {
	background-image:url(../images/follow_mayeville.png);
	float:left;
	width: 133px;
	height: 23px;
	}
div#candyskull {
	background-image:url(../images/candyskull.png);
	width: 40px;
	height: 47px;
	float:left;
	margin: 45px 0 0 0
	}
div#homepageintro {
	background-image:url(../images/hp_introbackground.png);
	height: 240px;
	width: 960px;
	float: left;
	clear: both;
	}
div#ribbons {
	background-repeat:no-repeat;
	background-image:url(../images/ribbons.png);
	width: 197px;
	height: 155px;
	float: left;
	margin: 20px 0 0 0;
	}
div#homepagetext {
	padding: 58px 0 0 60px;
	float:left;
	width: 680px;
	text-indent: 35px;
	}
div#hpmerchandisecontainer {
	width: 960px;
	height: 265px;
	padding: 40px 0 30px 0;
	float: left;
	}
div#merchcolumn1 {	
	width: 360px;
	height: 265px;
	float: left;
	}
div#merchcolumn2 {
	background-image:url(../images/merchandise_background.png);
	width: 569px;
	height: 237px;
	float: right;
	margin: 0 0 0 0;
	}
div#hpmerchandisetitle {
	width: 280px;
	height: 37px;
	background-image: url(../images/merchandise_title.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0 0 0 0;
	float: left;
}
div#hpmerchandisetext {
	padding: 10px 0 0 0;
	width: 330px;
	float: left;}




/* ----------------- Subpage  ------------------------------------------------ */
.subbody {
	height: 100%;
	background-image: url(../images/sub_background.jpg);
	background-repeat: repeat-x;
	background-color: #d58181;
}
div#subheader {
	width: 960px;
	height: 230px;
	margin: 0 auto 0 auto;
	background-image:url(../images/subheader_hp_back.png);
	background-repeat: no-repeat;
	background-position: left top;
	}
div#subheader h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FEDCDC;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	margin: 86px 0 0 80px;
	float: left;
}	
	
div#titlescontainer {
	width: 531px;
	height: 150px;
	margin: 50px 0 0 260px;
	float: left;
	}
div#tattootitle {
	background-image:url(../images/titles_tattoo.png);
	width: 360px;
	height: 96px;
	margin: 25px 0 0 80px;
	float: left;
	background-repeat: no-repeat;\
	clear: both;
	}
div#abouttitle {
	background-image:url(../images/titles_about.png);
	width: 360px;
	height: 96px;
	margin: 25px 0 0 80px;
	float: left;
	background-repeat: no-repeat;
	clear: both;
	}
div#vectortitle {
	background-image:url(../images/titles_vectorart.png);
	width: 352px;
	height: 96px;
	margin: 25px 0 0 80px;
	float: left;
	background-repeat: no-repeat;
    clear: both;
	}
div#presstitle {
	background-image:url(../images/titles_press.png);
	width: 352px;
	height: 96px;
	margin: 25px 0 0 80px;
	float: left;
	background-repeat: no-repeat;
    clear: both;
	}
div#eventstitle {
	background-image:url(../images/titles_events.png);
	width: 392px;
	height: 96px;
	margin: 25px 0 0 80px;
	float: left;
	background-repeat: no-repeat;
    clear: both;
	}
div#linkstitle {
	background-image:url(../images/titles_links.png);
	width: 392px;
	height: 96px;
	margin: 25px 0 0 80px;
	float: left;
	background-repeat: no-repeat;
    clear: both;
	}
div#paintingstitle {
	background-image:url(../images/titles_paintings.png);
	width: 392px;
	height: 96px;
	margin: 25px 0 0 80px;
	float: left;
	background-repeat: no-repeat;
    clear: both;
	}
div#contacttitle {
	background-image:url(../images/titles_contact.png);
	width: 392px;
	height: 96px;
	margin: 25px 0 0 80px;
	float: left;
	background-repeat: no-repeat;
    clear: both;
	}
div#merchandisetitle {
	background-image:url(../images/titles_merchandise.png);
	width: 392px;
	height: 96px;
	margin: 25px 0 0 60px;
	float: left;
	background-repeat: no-repeat;
    clear: both;
	}
div#sketchestitle {
	background-image:url(../images/titles_sketches.png);
	width: 392px;
	height: 96px;
	margin: 25px 0 0 80px;
	float: left;
	background-repeat: no-repeat;
    clear: both;
	}
a#socialicons1 {
	float:left;
	background: url(../images/maytee_twitter.png) top left;
	height: 60px;
	width: 64px;
	display: block;
	margin: 30px 0 0 0;
	}
a#socialicons1:hover {
	background-position: bottom left;
	}
a#socialicons2 {
	float:left;
	background: url(../images/maytee_facebook.png) top left;
	height: 62px;
	width: 63px;
	display: block;
	margin: 30px 0 0 10px;
	}
a#socialicons2:hover {
	background-position: bottom left;
	}
div#linkscontainer {
	margin: 0 auto;
	width: 650px;
	background-image: url(../images/icecream_cone.png);
	background-repeat: no-repeat;
	background-position: right top;
	}
div#linkscontainer ul {	list-style-type: none;}
div#linkscontainer a {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #ffdcdc;
	font-size: 29px;
	line-height: 40px;
	text-decoration: none;
}
div#linkscontainer a:hover {
	color:#FFF}
div#linkscolumn1 {width: 295px; float: left; padding: 0 20px 0 20px;}
div#linkscolumn2 {width: 295px; float: left;}
div#linksrowbottom {float: left; padding: 30px 0 50px 175px; clear:both;}
div#followmayeville {
	background-image:url(../images/follow_mayeville.png);
	float:left;
	width: 133px;
	height: 23px;
	}
div#aboutcontainer {
	float: left;
	width: 600px;
	padding: 0 0 40px 0;
	background-image: url(../images/about_background.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}
div#aboutcontainer a { color: #facfcf; text-decoration:underline; font-size:16px;}
div#aboutcontainer a:hover {color:#FFF;}
div#mayteebringas {
	float: left;
	width: 271px;
	height: 505px;
	background-image: url(../images/maytee_bringas.png);
	background-repeat: no-repeat;
	background-position: top;
	margin: -85px 0 0 55px;
	}
div#contacttext {float: left; width: 250px; padding: 0 0 0 35px;}
div#contactform {float: left; width: 309px; padding: 0 0 0 35px;}
div#contactcreative {
	float: left;
	width: 271px;
	height: 505px;
	background-image: url(../images/contactform_creative2.png);
	background-repeat: no-repeat;
	background-position: top;
	margin: -85px 0 0 35px;
	}
.formlabels {
	color:#facfcf;
	}
.formfields {
	font-size: 12px;
	background-color: #a23e3e;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #E8B7B7;
	height: 20px;
	width: 300px;
	padding: 0 0 0 5px;
	border: thin solid #e2a5a5;
}
.formmessage {
	height: 112px;
		}
.formsubmit {
	float: right;
	padding: 10px 5px 0 0;
	}
div#presspraisecontainer {
	background-image: url(../images/press_background.png);
	background-repeat: no-repeat;
	background-position: center center;
	}
div#pressgraphic1 {
	background-color: #B0171C;
	width: 640px;
	height: 330px;
	margin: 0 auto ;
	background-image: url(../images/press_citylink.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	}
div#pressgraphic2 {
	background-color: #B0171C;
	width: 640px;
	height: 330px;
	margin: 0 auto ;
	background-image: url(../images/press_prickmag.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	}
div#pressgraphic3 {
	background-color: #B0171C;
	width: 640px;
	height: 420px;
	margin: 0 auto ;
	background-image: url(../images/press_arstocrates.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	}
div#pressgraphic4 {
	background-color: #B0171C;
	width: 640px;
	height: 420px;
	margin: 0 auto ;
	background-image: url(../images/press_japanminute.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	}
div#pressartistocats_cover {
	position: absolute;
	width: 267px;
	height: 312px;
	background-image: url(../images/press_artistocats_cover.png);
	left: -152px;
	top: 13px;
	}
div.presstitles {	
	width: 640px;
	margin: 0 auto ;
	padding: 8px 0 30px 0;
	}
div#pressvideo {
	background-color: #B0171C;
	width: 640px;
	margin: 0 auto;
	background-repeat: no-repeat;
	text-align: center;
	padding: 10px 0 10px 0;
	}
div#merchandisecreative {
	float: left;
	width: 227px;
	height: 505px;
	background-image: url(../images/merchandise_creative.png);
	background-repeat: no-repeat;
	background-position: top;
	margin: -85px 0 0 35px;
	}	
div#merchandisephotos {	float: left; width: 665px; height: 550px;	margin: 0 0 50px 0;}
div#merchandisephotos img {float: left; margin: 0 0 0 20px;}
div#merchandisephotos p { padding: 0 0 0 50px;}
div#merchandisephotos p a {font: normal 20px Georgia, "Times New Roman", Times, serif; color: #facfcf;
						  text-decoration: underline; color: #fff;}
div#merchandisephotos p a:hover {text-decoration: none;}						  

div#artcolumn1 {  float: left; padding: 0 0 0 0;}
/*div#artcolumn2 { width: 286px; float: left; padding: 0 0 0 35px;}
div#artcolumn3 { width: 286px; float: left; padding: 0 0 0 35px;}*/
div#artcolumn1 img {padding: 0 30px 60px 0;}
div#sketchescontainer {
	width: 960px;
	height: 658px;
	background-image:url(../images/sketches_background.png);
	background-position: center top;
	background-repeat: no-repeat;
	padding: 0 0 20px 0;
}
div#sketchestype{
	float: right;
	text-align: right;
	padding: 420px 0 0 0;
	height: 200px;
	width: 330px;
}
div.eventsthumbnail {width: 450px; min-height: 400px; float: left;}
div.eventsthumbnail img {float: right; border: thin solid #D10708;	}
div.events1 {
	float: left;
	padding: 0 100px 40px 10px;
	}
div.eventheadline {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	color: #FFF;
	text-decoration: underline;
}
div.eventscategories {
	float: left;
	min-height:400px;
}
div.eventscategories  ul li {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #5F0E14;
	text-align: right;
	list-style-image: none;
	width: 70px;
	list-style-type: none;
	line-height: 20px;
	font-weight: bold;
}
div.eventsdata{
	float: left;
	padding: 0 0 0 10px;
}

div.eventsdata  ul li {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #F2D7D7;
	text-align: left;
	list-style-image: none;
	list-style-type: none;
	line-height: 20px;
}
div.eventsdata a {color: #4BDFFE; font-weight:bold}
div.eventsdata a:hover {color: #ffffff; font-weight: bold;}
div#candyskull {
	background-image:url(../images/candyskull.png);
	width: 40px;
	height: 47px;
	float:left;
	margin: 45px 0 0 0
	}





/* ----------------- Portfolio Pagination  ----------------- */
div#pagination {margin: 0 0 0 220px; width: 700px; float: left; }
div#pagination ul {list-style:none; padding: 0; margin: 0 0 50px 0; float: left; }
div#pagination li {float:left; padding: 0 20px; font: bold 30px Georgia, "Times New Roman", Times, serif; color:#b00505; text-decoration: none;}
div#pagination li a {color:#FEDCDC; text-decoration: none; }
div#pagination li a:hover {color:#FFF;}




/* ----------------- Footer  ----------------- */
div#footer {
	position: relative;
	/*margin-top: -198px; /* negative value of footer height */*/
	height: 198px;
	clear:both;
	background-image: url(../images/footer_background.gif);
	background-repeat: repeat-x;
}
div#footercontent {
	width: 960px;
	height: 198px;
	margin: 0 auto;
}
div#footercolumn1 {
	float: left;
	width: 365px;
	height: 151px;
	background-image: url(../images/footer_logo.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: -12px;
}
div#footercopyright {
	float: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #DE9E9E;
	margin: 80px 10px 0 0;
	text-align: right;
	line-height: 16px;
}
div#footercopyright a {color: #ffffff;}
div#footercolumn2 {
	float: left;
	width: 250px;
	margin: 20px 0 0 10px;}
div#footercolumn2 ul {list-style: none;}
div#footercolumn2 a {
	color: #F5A7A7;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.9em;
	line-height: 1.5em;
}
div#footercolumn2 a:hover {	color: #ffffff;}
div#footernav1 {
	float: left;
	width: auto;
	height: auto;
	padding: 0 10px 0 0;}
div#footernav2 {
	float: left;
	width: auto;
	height: auto;
	padding-left: 12px;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #DD6464;
}
div#footercolumn3 {
	background:url(../images/footer_cupcakes.png) top right no-repeat;
	float: right;
	width: 200px;
	height: 150px;
	margin-top:-40px;}