html{
background-color:black;
}

body{
margin:0;
}

a, a img{
border:0;
outline:0;
}

header{
text-align:center;
}

.logo{
width:835px;
margin:0 auto;
}

/* NAVIGATION */
nav{
width:800px;
margin:0 auto;
}

nav ul{
list-style-type:none;
padding:0;
margin:-20px auto 20px auto;
}

nav li{
display:inline;
padding-right:15px;
}

nav a{
text-decoration:none;
color:white;
font-family:Helvetica;
font-size:15px;
letter-spacing:1px;
}

nav a:hover{
text-decoration:underline;
}

nav a.active{
text-decoration:underline;
}

nav a.active:hover{
cursor:default;
}

/* MAIN DIV */
.main{
width:800px;
margin:0 auto;
}

.img-header{
width:800px;
height:150px;
display:block;
}

.content{
font-family:Helvetica;
font-size:13px;
color:white;
}

.content p{
font-family:Helvetica;
font-size:13px;
color:white;
letter-spacing:1px;
line-height:17px;
}

h2{
font-family:Helvetica;
font-size:15px;
color:white;
letter-spacing:1px;
text-decoration:underline;
}

h3{
font-family:Helvetica;
font-size:14px;
color:white;
letter-spacing:1px;
}

#italics{
font-style:italic;
opacity:.5;
}

#left{
width:600px;
float:left;
}

#right{
width:200px;
float:right;
}

#left a, #right a{
font-family:Helvetica;
font-size:13px;
color:white;
letter-spacing:1px;
}

#left a:hover, #right a:hover{
opacity:.5;
}

/* SLIDESHOW */
#home-content{
height:525px;
overflow:hidden;
}

.slideshow-img{
width:800px;
}

/* ARTWORK COLLAGE */
#collage {
    margin:0 auto;
    width:800px;
    height:350px;
}

#collage .a-home-links {
    float:left;
    width:98px;
    height:128px;
    display:block;
    border-right:1px solid black;
    border-top:1px solid black;
	border-bottom:1px solid black;
	border-left:1px solid black;
	overflow:hidden;
}

#collage .a-home-links:hover {
    background:#fff;
    opacity:0.2;
    filter: alpha(opacity=20);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}



/* CONTACT FORM */
#contact-area {
	width: 100%;
	margin: 20px 0 0 0px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 471px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.4em;
}

/* FOOTER */
footer{
width:800px;
margin:0 auto;
color:white;
}

footer p{
font-family:Helvetica;
letter-spacing:1px;
}

footer p.social-media{
font-size:12px;
text-align:center;
margin:20px auto 10px auto;
}

footer p.social-media a{
text-decoration:none;
color:white;
}

footer p.social-media a:hover{
text-decoration:underline;
}

footer p.copyright{
font-size:11px;
text-align:center;
opacity:.5;
margin:0 auto 20px auto;
}

hr{
width:800px;
height:1px;
margin:0 auto;
}

.clear{
clear:both;
}

/* VIDEOS */
#videos{
text-align:center;
}

iframe{
display:block;
margin:0 auto;
}

h2 a{
color:white;
}

h2 a:hover{
opacity:.5;
}

#counter{
display:block;
margin:0 auto;
}

#email{
font-family:Helvetica;
text-align:left;
margin-top:0px;
margin-bottom:30px;
font-size:15px;
font-weight:bold;
letter-spacing:1px;
}

#email a{
color:white;
text-decoration:none;
letter-spacing:1px;
}

#email a:hover{
text-decoration:underline;
}