/* CSS Document */


/* body styles - as seen on all pages */
body {
	background-color: white;
	color: black;
	font-family: Helvetica, Arial, sans-serif;
	text-align: left;
	font-size: 90%;
	margin: 0;
	line-height: 1em;
}
		h1 {
			padding-top: 20px;
			font-size: 1.2em;
			color: #90adae;
		}
		h2 {
			font-size: 1.2em;
			color: #90adae;
		}
		h3 {
			color: #ff9426;
			font-size: 0.9em;
		}


/* home page styles */
#container {
		width: 900px;
}
		/* main column on home page */
		#homeMainCol{
			margin-left: 30px;
			width: 430px;
			font-size: 0.8em;
			float: left;
		}
		#homeMainCol img {
			padding-top: 5px;
			border: none;
		}
		#tallHomeImage {
			float: left;
			padding-right: 30px;
			padding-bottom: 30px;
		}		
		/* contact column on right hand side of home page */
		#contactcol {
			float: left;
			margin-left: 30px;
			font-size: 0.8em;
		}
		#contactcol img {
			padding-top: 5px;
			padding-bottom: 20px;
			border: none;
		}
		.contactTitle {
			font-size: 0.9em;
			font-weight: bold;
		}
		.contact {
			font-size: 0.9em;
			font-weight: lighter;
			color: #2e74d9;
		}
				
				
/* left column - on all pages */
#leftcol {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	width: 200px;
	float: left;
	clear: right;
}
		#leftcol img {
			padding-top: 10px;
		}
		/* menu */
		#leftcol ul {
			margin: 0px;
			padding: 0px;
			list-style-type: none;
		}
		/* acrylics */
		#acrylics a {
			background-image: url(images/acrylics.gif);
			background-repeat: no-repeat;
			display: block;
			height: 15px;
		}
		#acrylics a:hover {
			background-position: 0px -15px;
		}
		/* copper */
		#copper a {
			background-image: url(images/copper.gif);
			background-repeat: no-repeat;
			display: block;
			height: 15px;
		}
		#copper a:hover {
			background-position: 0px -15px;
		}
		/* drawings */
		#drawings a {
			background-image: url(images/drawings.gif);
			background-repeat: no-repeat;
			display: block;
			height: 15px;
		}
		#drawings a:hover {
			background-position: 0px -15px;
		}
		/* icons */
		#icons a {
			background-image: url(images/icons.gif);
			background-repeat: no-repeat;
			display: block;
			height: 15px;
		}
		#icons a:hover {
			background-position: 0px -15px;
		}
		/* oils */
		#oils a {
			background-image: url(images/oils.gif);
			background-repeat: no-repeat;
			display: block;
			height: 15px;
		}
		#oils a:hover {
			background-position: 0px -15px;
		}
		/* watercolors */
		#watercolors a {
		background-image: url(images/watercolors.gif);
		background-repeat: no-repeat;
		display: block;
		height:15px;
		}
		#watercolors a:hover {
			background-position: 0px -15px;
		}
				/* back-up navigation, in case css is disabled */
				.noDisplay {
				display: none;
				}


/* right column - on all pages except home */
#rightcol {
	margin-left: 30px;
	width: 700px;
	font-size: 0.8em;
	float: left;
}
		.mainimage {
			padding-bottom: 30px;
		}
		/* footer - is also on home page */
		#footer {
			height: 90px;
			border-top: 1px solid black;
			clear: both;
		}