/* CSS Document */

/*This section applies to the entire page.*/
body {
margin: 50px 30px 50px 30px;
padding: 0px;
font-size:62.5%;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #f1ecdf;
text-align: center;
}

a, a:visited, a:active {
color: #2186c0;
text-decoration: underline;
}

a:hover {
color: #84732e;
text-decoration: underline;
}

img {
margin: 0px 0px 10px 0px;
padding: 0px;
border: none;
}

#splash {
width:500px;
margin: 0px auto;
position: relative;
}

#splash img.art {
margin: 0px 0px 10px 0px;
padding: 0px;
border: 1px solid #666666;
}

#splash .footer {
width: 500px;
padding: 10px 0px 0px 0px;
color: #676767;
}

#pagecontainer {
width: 715px;
margin: 0px auto;
position: relative;
text-align: left;
}


#content-main {
float: right;
width:504px;
}

#content-main h1 {
font-size: 1.2em;
line-height: 1.7em;
font-weight: bold;
color: #676767;
text-transform: uppercase;
margin: 0px 0px 10px 0px;
padding: 0px;
}

#footer {
clear: both;
width: 690px;
padding-top: 10px;
text-align: right;
color: #676767;
}

/*This section applies to the left navigation.*/
#nav {
float: left;
width: 181px;
padding:10px 30px 0px 0px;
text-align:right;
text-transform: uppercase;
}

#nav ul {
margin: 0px 0px 15px 0px;
padding: 0px;
}

#nav li {
list-style-type: none;
font-size: 1.1em;
line-height: 1.8em;
font-weight: bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #777777;
margin: 0px 0px 0px 0px;
padding: 0px;
}

#nav li a, li a:visited, li a:active {
color: #777777;
text-decoration: none;
}

#nav li a.on, li a.on:visited, li a.on:active {
color: #84732e;
text-decoration: none;
}

#nav li a:hover {
color: #84732e;
text-decoration: none;
}

/*This section applies to the Reviews page.*/
#content-review {
width: 504px;
}

.review {
clear: both;
width: 479px;
background-color: #f6f3eb;
padding: 16px 25px 16px 0px;
margin: 0 0 10px 0;
}

#content-review p {
font-size: 1.1em;
line-height: 1.4em;
color: #444444;
margin: 0px 0px 20px 200px;
padding: 0px;
}

#content-review img {
margin: 0px 30px 20px 30px;
padding: 0px;
float: left;
}


/*This section applies to the News page.*/
#content-news {
width: 504px;
margin: 0px;
}

.news {
padding: 0px 20px 20px 20px;
margin: 0 0 10px 0;
background-color: #f6f3eb;
}

#content-news h1 {
font-size: 1.2em;
line-height: 1.7em;
font-weight: bold;
color: #676767;
text-transform: uppercase;
margin-bottom: 15px;
padding-top: 16px;
}

#content-news p {
font-size: 1.1em;
line-height: 1.4em;
color: #444444;
margin-left: 0px;
padding: 0px;
}

#content-news img {
margin: 0px 20px 20px 0px;
padding: 0px;
float: left;
}

/*This section applies to the Contact page*/
#content-contact {
width: 504px;
height: 450px;
background-color: #f6f3eb;
margin-bottom:10px;
}

.contact {
width: 494px;
padding: 16px 20px 20px 20px;
margin: 0px 0px 10px 0px;
}

#content-contact img {
margin: 0px 0px 0px 20px;
padding: 0px;
float: right;
}

#content-contact p {
font-size: 1.1em;
line-height: 1.4em;
color: #444444;
margin-left: 0px;
padding: 0px;
}



/*This section applies to the Artist Statement page.*/
#content-statement {
width: 504px;
background-color: #f6f3eb;
}

.statement {
width: 464px;
padding: 10px 20px 20px 20px;
margin: 0px;
}

#content-statement p {
font-size: 1.1em;
line-height: 1.4em;
color: #444444;
padding: 0px;
margin-left: 172px;
}

#content-statement img {
margin: 10px 17px 20px 17px;
padding: 0px;
float: left;
position: relative;
}

#content-statement img.none {
margin: 0px 0px 10px 0px;
padding: 0px;
}

/*This section applies to the Biography page.*/
#content-bio {
width: 504px;
}

#content-bio p {
font-size: 1.1em;
line-height: 1.5em;
color: #84732e;
padding: 0px;
margin:0px;
text-transform: uppercase;
}

#content-bio img {
margin: 16px 16px 0px 0px;
padding: 0px;
float: left;
}

#content-bio h1 {
font-size: 1.6em;
font-weight: bold;
color: #676767;
text-transform: uppercase;
margin: 0px;
padding-top: 10px;
}

#content-bio h2 {
font-size: 1.2em;
line-height: 1.7em;
font-weight: bold;
color: #84732e;
text-transform: uppercase;
margin: 0px 0px 20px 0px;
padding: 0px;
}

#content-bio h3 {
font-size: 1.1em;
line-height: 1.5em;
color: #676767;
text-transform: uppercase;
padding: 15px 0px 0px 0px;
margin: 0px;
}

#content-bio table {
text-transform: uppercase;
margin: 0px;
padding-bottom: 0px;
}

#content-bio th {
font-size: 1.1em;
line-height: 1.5em;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #676767;
padding: 0px;
vertical-align: top;
}

#content-bio td {
font-size: 1.1em;
line-height: 1.5em;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #84732e;
padding: 0px 0px 0px 15px;
vertical-align: top;
}

#content-bio td.end {
font-size: 1.1em;
line-height: 1.5em;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #84732e;
padding: 0px 0px 20px 15px;
vertical-align: top;
}



/*This section applies to the Video page*/
#content-video {
width: 504px;
text-align: center;
background-color: #f6f3eb;
padding-top:20px;
padding-bottom:20px;
margin-bottom:10px;
}

#content-video H1 {
font-size: 1.2em;
line-height: 1.7em;
font-weight: bold;
color: #676767;
text-transform: uppercase;
margin: 0px 0px 15px 20px;
padding: 0px;
text-align: left;
}

#content-video p {
font-size: 1.1em;
line-height: 1.4em;
color: #444444;
margin: 0px 0px 20px 20px;
padding: 0px;
text-align: left;
}

/*This section applies to the Work page.*/
#content-work {
width: 475px;
margin-top: 0px;
}

#content-work div.left {
width: 225px;
float: left;
margin: 0px;
padding: 0px;
}

#content-work div.right {
width: 225px;
float: right;
margin: 0px;
}

#content-work div.wide {
width: 225px;
float: left;
margin: 0px;
padding-right: 275px;
}
	

#content-work img {
margin: 0px;
padding: 0px;
border: 1px solid #444444;
}

#content-work img.none {
margin: 0px;
padding: 0px;
border: none;
}


#content-work p {
font-size: 1em;
line-height: 1.3em;
color: #676767;
padding: 0px;
margin:15px 0px 0px 0px;
text-transform: uppercase;
text-align: left;
}

#content-work h1 {
width: 165px;
font-size: .9em;
color: #676767;
text-transform: uppercase;
margin: 0px;
margin: 5px 0px 40px 0px;
text-align: center;
}

#content-work div.arrow {
clear: both;
width: 255px;
float: right;
margin: 0 20px 10px 0px;
text-align: right;
}

/* Gallery */
ul#gallery, ul#gallery li{
	margin:0;
	padding:0;
	list-style:none;
	}
ul#gallery{
	width: 475px;
	position:relative;
	margin: 18px 0 20px 0;
	}			
ul#gallery li{
	width: 180px;
	float:left;
	display:inline;
	text-align: center;
	margin-right: 50px;
	}			
	
#gallery h1 {
	font-size: .9em;
	color: #676767;
	text-transform: uppercase;
	margin: 5px 10px 40px 10px;
	}

#gallery img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
.clearboth { clear: both;
	}