/*
Viva La Art!
Copyright (c) 2010, Viva La Art! All rights reserved.
version: 2.0
*/

body {
	background-color: #FFF;
	color: #000000;
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0;
 	padding: 0;}

a:link, a:visited {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #e20f04;
	font-weight: bold;
}

/* Begin Header */

#headerRepeat {
	margin-top: 0px;
	width: auto;
	height: 159px;
	background: url(.../images/header_repeat.gif) repeat-x;
}

.vivaHeader {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	background: url(.../images/viva_header.jpg) no-repeat;
	width: 900px;
	height: 159px;
}

.vivaHeader a {
	height: 159px;
	width: 900px;
	display: block;
	background: transparent;
}		

/* End Header */


/* Begin Nav */

#navRepeat {
	margin-top: 0px;
	width: auto;
	height: 20px;
	background: url(.../images/nav_repeat.gif) repeat-x;
}

#mainNav {
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 20px;
	width: 900px;
	background: transparent;
}

#mainNav a {
	float: right;
	margin-top: 0px;
	margin-right: 0px;
  	height: 20px;
}

#homeButton {
	width: 28px;
	margin-left: 15px;
  	background: url(.../images/home.gif) no-repeat 0 0;

}

#homeButton:hover { 
  	background-position: 0 -20px;
}

#aboutButton {
	width: 33px;
	margin-left: 15px;
  	background: url(.../images/about.gif) no-repeat 0 0;

}

#aboutButton:hover { 
  	background-position: 0 -20px;
}

#artistsButton {
	width: 41px;
	margin-left: 15px;
  	background: url(.../images/artists.gif) no-repeat 0 0;

}

#artistsButton:hover { 
  	background-position: 0 -20px;
}

#partnersButton {
	width: 54px;
	margin-left: 15px;
  	background: url(.../images/partners.gif) no-repeat 0 0;
}

#partnersButton:hover { 
  	background-position: 0 -20px;
}

#mediaButton {
	width: 31px;
	margin-left: 15px;
  	background: url(.../images/media.gif) no-repeat 0 0;

}

#mediaButton:hover { 
  	background-position: 0 -20px;
}

#charitiesButton {
	width: 51px;
	margin-left: 15px;
  	background: url(.../images/charities.gif) no-repeat 0 0;

}

#charitiesButton:hover { 
  	background-position: 0 -20px;
}

/* End Nav */


/* Begin Tagline */

#tagLine {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	width: 900px;
	height: 143px;
	background: url(.../images/tag.jpg) no-repeat;
	background-position: center;
}

/* End Tagline */


#content {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	width: 900px;
	height: overflow;
}


/* Begin Side Nav */

#sideNav {
	float: left;
	margin-top: 0px;
	width: 180px;
	height: auto;
	background: transparent;
}

#sideNav a {
	float: left;
	margin-top: 0px;
	width: 180px;
}

#emailAnimate {
	height: 15px;
	width: 80px;
  	background: url(.../images/email_static.gif) no-repeat;

}

#emailAnimate:hover { 
  	background: url(.../images/email_over.gif) no-repeat;
}

#events {
	height: 56px;
	width: 180px;
  	background: url(.../images/events.gif) no-repeat 0 0;
	background-position: top;

}

#events:hover { 
  	background-position: 0 -56px;
}

#gallery {
	height: 56px;
	width: 180px;
  	background: url(.../images/gallery.gif) no-repeat 0 0;
	background-position: top;

}

#gallery:hover { 
  	background-position: 0 -56px;
}

#philanthro {
	height: 56px;
	width: 180px;
  	background: url(.../images/philanthro.gif) no-repeat 0 0;
	background-position: top;

}

#philanthro:hover { 
  	background-position: 0 -56px;
}

/* End Side Nav */


#divider {
	float: right;
	margin-top: 0px;
	height: 7px;
	width: 678px;
	background: url(.../images/divider.gif) repeat;
}

#contentPost {
	float: right;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	width: 678px;
	height: overflow;
	line-height: 18px;
}

#artistPost {
	margin-top: 0px;
	width: 678px;
	height: 150;
	line-height: 18px;
}

#partnerPost {
	margin-top: 0px;
	width: 678px;
	height: 200;
	line-height: 18px;
}

#galleryThmbs {
	margin-top: 0px;
	width: 678px;
	height: 50;
	margin-right: 7px;
}