@charset "UTF-8";
/* CSS Document */

/*------------------------------------------------------------------
[Master Stylesheet]

Project:	art4HEARTS Website
Version:	1.0
Last change:	06/25/09 [added styles, kl]
Assigned to:	Kyle Larkin (kl)
Primary use:	art4HEARTS Website Global Styles
-------------------------------------------------------------------*/
body, html{
	background-color: #FFF;
	font-family: Century Gothic, Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
	letter-spacing: .1em;
	color: #6E6358;
	line-height: 1.35em;
}

a{
	text-decoration: underline;
	color: #6E6358;
}

a:hover{
	color: #CE3A29;
}


em{
	font-style: italic;
}

h1{
	color: #CE3A29;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}

.float_left{float: left;}
.float_right{float: right;}

/*------------------------------------------------------------------
Layout
-------------------------------------------------------------------*/
#container{
	display: block;
	margin: 0 auto;
	position: relative;
	width: 960px;
	text-align: center;
}

#header{
	margin-top: 30px;
	text-align: center;
}

.hl{
	margin: 30px 0;
}

#footer{
	margin-top: 50px;
}

#footer p{
	text-align: center;
}

#left_column{
	float: left;
	text-align: left;
	width: 360px;
}

#left_column p{
	font-size: 15px;
	line-height: 1.5em;
	margin-bottom: 10px;
}

#right_column{
	float: right;
}

.why{
	text-align: left;
	font-size: 12px;
}

.why h4{
	margin: 5px 0 0 0;
}

#posters .info, #bio .info{
	font-size: 14px;
	margin-top: 0;
	width: 960px;
}

#posters .info{
	min-height: 520px;
}

#bio .info{
	min-height: 1150px;
}

#bio #left_column{
	float: left;
	margin-left: 220px;
	margin-top: 20px;
	width: 210px;
}

#bio #left_column p{
	font-size: 13px;
	margin-top: -35px;
	text-align: left;
}

#bio #left_column img{
	display: block;
	margin-top: 20px;
	margin-bottom: 40px;
}

#bio #right_column{
	float: left;
	text-align: left;
	width: 320px;
}

#bio .info p.first{
	margin-bottom: 20px;	
}

#bio h2{
	font-weight: bold;
	margin: 25px 0 2px 0;
}

/*------------------------------------------------------------------
Index
-------------------------------------------------------------------*/
a#view_posters{
	background-image: url(../img/global_viewposters.jpg);
	display: block;
	height: 75px;
	margin: 0 auto;
	margin-bottom: 30px;
	text-indent: -9999px;
	width: 250px;
}

a:hover#view_posters{
	background-position: 0 -69px;	
}

a:active#view_posters{
	background-position: 0 0;	
}

.info{
	font-size: 15px;
	height: 187px;
	line-height: 1.5em;
	margin: 0 auto;
	margin-top: 60px;
	width: 500px;
}

.info img{
	margin-top: 30px;
}

.info img{
	margin-bottom: -1px;
	margin-right: 3px;
}

#what{
	width: 640px;
}

#why .info{
	margin-top: 0;
	width: 960px;
}

#who{
	width: 680px;
}

#where{
	height: 192px;
	margin-top: 55px;
}

#where img{
	margin-top: 0;
}



/*------------------------------------------------------------------
Posters
-------------------------------------------------------------------*/
#purchase_buttons{
	display: block;
	margin-left: 30px;
}

#purchase_buttons p{
	float: left;
	line-height: 1.5em;
	margin: 35px 20px 0 0;
	text-align: left;
}

.paypal{
	float: left;
	margin-top: 35px;
	margin-right: 20px;
}

#cart{
	float: right;
	margin: 30px 20px 0 0;
}

/*------------------------------------------------------------------
Nav
-------------------------------------------------------------------*/
ul#nav{
	margin: 0 auto;
	margin-bottom: 50px;
	margin-top: 15px;
	padding-left: 35px;
	width: 430px;
}

ul#nav li{
	float: left;
	margin-right: 15px;	
}

ul#nav a{display: block; height: 15px; background-repeat: no-repeat; text-decoration: none; text-indent: -9999px;}

ul#nav a:hover{
	background-position: 0 -14px;
}

.currentnav{
	background-position: 0 -28px;
}

ul#nav a#nav_who{width: 64px; background-image: url(../img/global_nav_who.jpg);}
ul#nav a#nav_what{width: 67px; background-image: url(../img/global_nav_what.jpg);}
ul#nav a#nav_when{width: 70px; background-image: url(../img/global_nav_when.jpg);}
ul#nav a#nav_where{width: 76px; background-image: url(../img/global_nav_where.jpg);}
ul#nav a#nav_why{width: 59px; background-image: url(../img/global_nav_why.jpg);}

/*------------------------------------------------------------------
Contact Us
-------------------------------------------------------------------*/
#contact_content{
	display: block;
	width: 600px;
	height: 350px;
	margin: 20px 0 0 0;
	float: left;
}

#contact_form{
	margin-bottom: 40px;
}

.display_block{
	display: block;
}

#contact_form label{
	width: 150px;
	float: left;
	color: #888;
	margin: 0 0 0 2px;
}

#contact_form input, select, #contact_form textarea{
border: 1px solid #9E9689;
margin-bottom: 10px;
}

.submit{
	margin-left: 152px;
	background: #FFF;
	color: #999;
	border: 1px solid #9E9689;
}

.submit:hover{
	background: #9E9689;
	color: #FFF;
}

#contact_form input.invalid{
	border: 1px solid #C00;
}

#thankyou{
}

p#address{
	width: 180px;
	margin-top: 50px;
	margin-left: 1px;
	font-size: 12px;
	color: #888;
	line-height: 1.7em;
}