/* CSS RESETS */
ul{ 	margin: 0;  list-style-type:none; }
a:active {	outline: none; }
a:focus {	outline-style: none; }
a, img{border: none;}
/* TABLE OF CONTENTS */
/*
 1) resets
 2) layout and all pages
 3) Main page Header
 4) Nav bar
 5)

*/
.body {
	background-color: #000000;
}
/* -- fonts -- */

.contact h1,
.contact h2,
.contact h3,
.contact a{
	font-family: Arial, Helvetica, sans-serif;
	color: #aaa;
	text-decoration: none;
	font-weight: normal;
	line-height: 0.5em;
	text-transform: small-caps;
}

h2{ font-size: 14px; }
h3{	font-size: 16px; }
.contact a{	font-size: 16px; }
h1{ font-size: 20px; }

a:hover{
	color: #ccc;
}
/********** HEADER ************/
#banner {
	margin: 0 auto;
	height: 53px;
	width: 954px;
}

#banner img{
	border:none;
	margin: 0;
	padding: 0;
	display:inline;
}

#line {
	background-color: white;
	height: 1px;
	width: 480px;
	margin: 10px auto;
}

/* *********** navigation Bar **** */
#nav {
	margin: 0 auto 0px auto;
	height: 38px;
	width: 950px;
}

#nav ul{
	height:38px;
	width: 950px;
	padding: 0;
}

#nav li{
	position: relative;
	top:0px;
	float: left;
	width: 190px;
	height: 38px;
}

#nav li a{
	position: relative;
	top: 0px;
	width: 190px;
	height: 38px;
}

/************ BODY *************/
#landing_bd{
	width: 950px;
	margin:auto;
}

#landing_bd img{
	margin: 5px 0px;
	width: 950px;
	height: 475px;
}

/*********** gallery specific ********/
#bd{
	width:950px;
	margin: 0px auto 15px auto;
}

#main_image{
	margin: 0 auto;
}

#portfolio_nav{
	position:absolute;
	height: 500px;
	width: 950px;
	z-index:50;
	top: 100px;
}


#portfolio_nav div{
	height: 500px;
	width: 300px;
	top:  0px;
}

.arrow_img{
	height: 50px;
	width: 50px;
} 

#back_nav{
	float: left;
	height: 300px;
	width: 200px;
}

#back_nav img{
	margin: 225px 230px 225px 20px;
}

#next_nav{
	float: right;
	height: 300px;
	width: 200px;
}

#next_nav img{
	margin: 225px 20px 225px 230px;
}

.arrow_link{
	display:block;
}
/* **** contact page specific **** */
#contact_bd{
	height: 450px;
	width:850px;
	margin: 100px auto 0px auto;
}

.contact{
	float: left;
	width: 425px;
	height: 300px;
}


/* * ******* FOOTER ************ * */
#foot{
	width: 950px;
	margin: 100px auto 10px auto;
	text-align: center;
}

#foot p, a{
	text-align: center;
	display: inline;
	font-size: 0.9em;
	color: #666;
	text-decoration: none;
}

#foot a:hover{
	color: #aaa;
}
/*
#foot ul{
	width: 250px;
	position: relative;
	left: 550px;
}
#foot li{
	width: auto;
	color: #666;
}
#foot li a{
	color: #666;
	text-decoration: none;
}

#foot li a:hover{
	color: #999;
}
*/

/************ galleria styling **********/
.galleria {
list-style: none;
width: 800px;
margin: 0 auto;
}
.galleria li {
display: block;
width: 80px;
height: 40px;
overflow: hidden;
float: left;
margin: 0 5px 5px 0
}
.galleria li a {
display: none
}
.galleria li div {
position: absolute;
display: none;
top: 0;
left: 180px
}
.galleria li div img {
	margin: 0 auto;
	cursor: pointer;
	display:block;
}
.galleria li.active div img,.galleria li.active div {
display: block;
margin: 0 auto;
}
.galleria li img.thumb {
cursor: pointer;
top: auto;
left: auto;
display: block;
width: auto;
height: auto
}
.galleria li .caption {
display: block;
padding-top: .5em
}
* html .galleria li div span {
width: 400px
}
/* MSIE bug */