@charset "UTF-8";

/*****************************************************
 * Deb Ayerst artists' agent
 * 
 * Client: Deb Ayerst
 * Client: http://www.debayerst.com
 * Client: deb@debayerst.com
 *
 * Author: Brett Miller
 * Author: http://www.brettandrewmiller.com
 * Author: brett@brettandewmiller.com
 *
 * Date: 01/2010 - Created
 * Updated: 07/2010 - Revised UX
 *
 *****************************************************
 */

* {
	padding: 0px;
	border: 0px;
	margin: 0px;
}
a {
	font-family: "Gill Sans", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}
#wrapper {
	font-family: "Gill Sans", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	text-decoration: none;
	width: 840px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 100px;
	padding-bottom: 180px;
}
#header {
	float: left;
	height: 148px;
	width: 105px;
}
#contact {
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	float: left;
	padding-top: 105px;
}
#contact p {
	padding-left: 5px;
}
#contact a {
	padding-left: 6px;
	padding-right: 6px;
	text-decoration: none;
}
#contact a:hover {
	color: #FFF;
	background-color: #000;
	padding-left: 6px;
	padding-right: 6px;
}
#artists {
	float: left;
	width: 172px;
}
ul.artists {
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	list-style-type: none;
	text-transform: uppercase;
	text-align: left;
	float: left;
}
ul.artists li {
	padding-top: 6px;
	padding-bottom: 6px;
}
ul.artists li a:hover {
	color: #FFFFFF;
	background-color: #000000;
}
li.selected a:hover {
	color: #FFF;
	background-color: #000;
}
ul.artists li a {
	font-family: "Gill Sans", Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	font-size: 10px;
	padding-right: 5px;
	padding-left: 5px;
}
ul.artists li a.focus {
	color: #FFF;
	background-color: #000;
}
ul.artists li a.blur {
	color: #666;
}
ul.arts {
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	list-style-type: none;
	text-transform: uppercase;
	text-align: left;
	float: left;
}
#arts {
	float: left;
	padding-top: 18px;
}
ul.arts li {
	padding-top: 6px;
	padding-bottom: 6px;
	display: inline;
}
ul.arts li a {
	font-family: "Gill Sans", Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	font-size: 11px;
	padding-right: 5px;
	padding-left: 5px;
}
ul.arts li a:hover {
	color: #FFFFFF;
	background-color: #000000;
}
ul.arts li a.focus {
	color: #FFFFFF;
	background-color: #000000;
}
#wrapper #portfolioArt {
	float: left;
	height: 360px;
	padding-left: 10px;
}
#wrapper #artistPortfolio {
	padding-top: 27px;
	padding-bottom: 25px;
	list-style-type: none;
}
#wrapper #arts .portfolio {
	list-style-type: none;
}
#wrapper #portfolioArt img {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#wrapper #portfolioArt p {
	text-decoration: none;
	font-size: 15px;
	padding-top: 12px;
}
#wrapper #artistPortfolio a {
	color: #000;
	padding-left: 5px;
	padding-right: 5px;
}
#wrapper #arts .portfolio li #artist a.blur {
	color: #666;
}
#wrapper #arts .arts li .blur {
	color: #666;
}
#wrapper #artists .artists li a:hover.blur {
	color: #DDD;
}
#wrapper #portfolioArt a:hover img {
	color: #000;
	background-color: #FFF;
}
#wrapper #artistPortfolio a:hover {
	color: #FFF;
	background-color: #000;
}
#wrapper #artists .artists li .selected {
	color: #FFF;
	background-color: #000;
}