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

body {background-color:#12130E;}

#container {
	height: 100% auto;
	margin-left: auto ;
    margin-right: auto ;
	width: 100%;
	display:inline-block;	
}

#logo {
	background-image:url("../images/logo.png");
	background-repeat:no-repeat;
	display:block;
	margin:auto;
	height:29px;
	margin-top:85px;
	padding-bottom:20px;
	width:394px;
}

#logo span {
	display:none;
}

#content {
	background-color:#221D1D;
	width:100%;
	height:425px;
}

/* Here is the image gallery styling */

#slideshow {
    width:837px;
    height:425px;
	position:relative;
	margin:auto;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

/*Here is the Navigation */

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
font-family: Century Gothic, sans-serif;
padding-top:17px;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
text-decoration: none;
padding: .10em 4.7em;
color:#666666;
font-weight:100;
}

#navcontainer ul li a:hover
{
color:#CCCCCC;

}

.home .home a,
.work .work a,
.info .info a,
.contact .contact a { color:#FFFFFF !important;  }

/*Here is the Work Thumbnail style*/
h2 {
	font-family: Century Gothic, sans-serif;
	color:#999999;
	font-size:17px;
	font-weight:100;
	margin-bottom:-17px;
}
	
#workcontainer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	width:857px;
	height:400px;
	padding-top:25px;
}

#workcontainer ul li {
	display:inline-table;
	float:left;
	height:195px;
	margin-left:20px;
	width:257px;
}	

#workcontainer ul li img {
	border: 5px solid #3e3e3e;
	border-width: 5px 5px 5px;
}

#workcontainer ul li img:hover {
	border: 5px solid #fff;
	border-width: 5px 5px 5px;
	color: #fff;}

/*here is the gallery page styles */
#gallery {
	margin-left:auto;
	margin-right:auto;
}

#gallery ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	width:657px;
	height:400px;
	padding-top:40px;
}

#gallery ul li {
	display:inline-table;
	float:left;
	padding:20px;
	margin-top:30px;
	padding-left:
}	
/**********TEXT FORMATTING**************/
p.quote {
	bottom:74px;
	color:#666666;
	font-family:Arial,Helvetica,sans-serif;
	font-style:italic;
	font-size:12px;
	position:relative;
	bottom:425px;
	text-align:center;
}

p.copy {
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	color:#999999;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	float:left;
	margin-top:37px;
	margin-left:37%;
}

a.subnav {
	color:#666666;
	font-family:"Century Gothic";
	font-size:14px;
	text-align:center;
	text-decoration:none;
	position:relative;
	width:100px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	bottom:100px;
}

a.subnav:hover {
	color:#CCCCCC;
}		

h2.header {
position:absolute;
margin-left:25%;
font-size:20px;
}

/********CONTACT FORM**************/

#contact {
position:relative;
margin-left:auto;
margin-right:auto;
width:407px;
padding-top:55px;
}

#designer {
color:#333333;
font-family:arial;
position:relative;
top:335px;
right:94px;
}

#designer a { color:#666666; text-decoration:none;}
#designer a:hover {color:#FFFFFF;}