html, body{
	margin: 0px;
	padding: 0px;
}

body {
	height:100%;
	width:100%;
	margin:0;padding:0;
font-family:Helvetica;
line-height : 120%;
text-indent: 0px;
font-size:.9em;
color:#333333;
text-align:left;
background:url(mynewbg.jpg);
}
h1{color:#ffffff;
font-size:1.4em;
text-align:left;
font-family:Century Gothic Bold;
line-height:1.4em;
}

 a {
	color: #888888;
	text-decoration: none;
}

a:hover {
	color: #990000;outline:none;
}
a img {
  border: none;outline:none;
}
a visited{border:none;}
a selected{border:none;outline:none;}




#wrapper {
	width:100%;
	height:100%;
	position:absolute;
	top:0px;left:0px;
	overflow:hidden;
background:url(mynewbg.jpg);
}
 
	#mask {
		width:500%;background: url(mynewbg.jpg);
background-color:#000;
		height:100%;
	
	}
 
	.item {
		width:20%;
		height:100%;
		float:left;
		color:#000;
	}
	
	
	.content {
top:0px;
width:640px;
height:auto;
text-align:center;
margin:0 auto;
color:#333333;
position:relative;
}
#header{
position:absolute;
top:-40px;
left:0px;
width:640px;
height:400px;
background:url(mynewlogo.jpg);

}
#headerbg{
position:fixed;
top:-40px;
left:0px;
width:100%;
background:url(mynewheader.jpg);
height:250px;
}
#nav{
position:absolute;
top:20px;
left:0px;
width:640px;
text-align:center;
line-height:1.6em;
font-size:1.5em;
color:#ede9e9;
font-family:Century Gothic;
}
#middle{position:absolute;
top:260px;
left:0px;
width:640px;
color:#333333;
font-family:Century Gothic;
}
#middle2{position:absolute;
top:100px;
left:0px;
width:640px;
color:#333333;
font-family:Century Gothic;
text-align:left;
}

#slideshow{
position:absolute;
top:82px;
left:0px;
height:auto;
width:640px;
}
#gallery{

	
	
	
	/* The width of the gallery */
	width:640px;
	overflow:hidden;
}

#slides{
	/* This is the slide area */
	height:400px;
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:640px;
	overflow:hidden;
}

.slide{
	float:left;
}

#menu{
	/* This is the container for the thumbnails */
	height:40px;
}

ul{
	margin:0px;
	padding:0px;
}

li{
	/* Every thumbnail is a li element */
	width:60px;
	display:inline-block;
	list-style:none;
	height:40px;
	overflow:hidden;
}

li.inact:hover{
	/* The inactive state, highlighted on mouse over */
	background:url(img/pic_bg.png) repeat;
}

li.act,li.act:hover{
	/* The active state of the thumb */
	background:url(img/active_bg.png) no-repeat;
}

li.act a{
	cursor:default;
}

.fbar{
	/* The left-most vertical bar, next to the first thumbnail */
	width:2px;
	background:url(img/divider.png) no-repeat right;
}

li a{
	display:block;
	background:url(img/divider.png) no-repeat right;
	height:35px;
	padding-top:10px;
}

a img{
	border:none;
}


	.clear {
		clear:both;
	}