body,h1,h2,h3,p,quote,small,form,input,ul,li,ol,label{

	/* Page reset */

	margin:0px;

	padding:0px;

}



body{

	/* Setting default text color, background and a font stack */

	color:#444444;
	background-color:#e5e5e5;
	background-image:url(images/bg.jpg);
	background-position:center;
	background-repeat:no-repeat;

	font-size:13px;


	font-family:Arial, Helvetica, sans-serif;

}



/* Gallery styles */



#gallery{

	/* CSS3 Box Shadow */

	-moz-box-shadow:0 0 3px #AAAAAA;

	-webkit-box-shadow:0 0 3px #AAAAAA;

	box-shadow:0 0 3px #AAAAAA;

	

	/* CSS3 Rounded Corners */

	

	-moz-border-radius-bottomleft:4px;

	-webkit-border-bottom-left-radius:4px;

	border-bottom-left-radius:4px;

	

	-moz-border-radius-bottomright:4px;

	-webkit-border-bottom-right-radius:4px;

	border-bottom-right-radius:4px;

	

	border:1px solid white;

	

	background:url(images/panel.jpg) repeat-x bottom center #ffffff;

	

	/* The width of the gallery */

	width:920px;

	overflow:hidden;

}



#slides{

	/* This is the slide area */

	height:490px;

	/* jQuery changes the width later on to the sum of the widths of all the slides. */

	width:920px;

	overflow:hidden;

}



.slide{

	width: 920px;

	height: 490px;

	float:left;

}



.content{

	text-align:left;

	padding:10px

}



#content_gallery_dir{

	padding-left: 10px;

	text-align:left;

	float:right;

	width:200px;

	height:490px;

}



#content_gallery_esq{

	padding-left: 10px;

	float:left;

	width:200px;

	height:490px;

}



.thumb{

	float: left;

	padding: 10px 10px 0px 0px;

	width: 90px;

}





#menu{

	/* This is the container for the thumbnails */

	height:45px;

}



ul{

	margin:0px;

	padding:0px;

}



li{

	/* Every thumbnail is a li element */

	width:226px;

	display:inline-block;

	list-style:none;

	height:45px;

	overflow:hidden;

}



li.inact:hover{

	/* The inactive state, highlighted on mouse over */

	background:url(images/pic_bg.png) repeat;

}



li.act,li.act:hover{

	/* The active state of the thumb */

	background:url(images/active_bg.png) repeat;

}



li.act a{

	cursor:default;

}



li a{

	display:block;

	height:35px;

	padding-top:6px;

}



a img{

	border:none;

}





/* The styles below are only necessary for the demo page */



h1{

	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;

	font-size:26px;

	font-weight:normal;

	margin-bottom:15px;

}



h2{

	font-family:Arial,Helvetica,sans-serif;

	font-size:12px;

	font-weight:normal;

	position:absolute;

	right:0;

	top:15px;

}



#main{

	/* The main container */

	margin:15px auto;

	text-align:center;

	width:920px;

	position:relative;

}



a, a:visited {

	color:#999;

	text-decoration:none;

	outline:none;

}



a:hover{

	text-decoration:underline;

}



p{

	padding:10px;

	text-align:center;

}