@charset "utf-8";

/* CSS Document */



body {

	background-image: url(../images/bg.jpg);

	margin: 0;

	padding: 0;

	color: #000;

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

}



/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */

a:link {

	color: #42413C;

	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */

}

a:visited {

	color: #6E6C64;

	text-decoration: underline;

}

a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */

	text-decoration: none;

}

a.mappic {
	display: block;
	width: 250px;
	height: 50px;
	text-decoration: none;
	background: url(../images/mapimage.png);
}

a.mappic:hover {
	background-position: -250px 0;
}


#logo {
	background-image:url(../images/logo.png);
	background-position:left;
	background-repeat:no-repeat;
	width:960px;
	height:125px;}


/* ~~ this fixed width container surrounds the other divs ~~ */

.container {

	width: 960px;

	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */

}



/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */



#headinner { width: 960px; margin: 0px auto 0px auto; }

#nav { float: right; height: 30px; display: block; padding-top: 5px; }

#nav a { margin-left: 20px; margin-right: 5px; text-decoration: underline; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #454432; }

#nav a:hover {
	text-decoration: none;
	color: #000000;
	}



h1 { font-weight: normal; font-size: 20px; margin-top: 0px; }



h2 { font-weight: normal; font-size: 18px; margin-top: 0px; color: #666; }



.item {	line-height: 1.5; font-size: 14px; width: 460px; padding:25px 0px 25px 20px; float: left; }



.item1 { line-height: 1.5; font-size: 14px; width: 190px; float: left; border-left: #CCC 2px dotted; padding-left: 15px; padding-right: 20px; }

.item1_comment { float: left; font-style: italic; }

.item2 { width: 240px; float: left; background-color: #FFF; text-align: center; padding: 30px 0px; }

.item2:hover { width: 240px; float: left; background-image: url(../images/bg_pic.gif); text-align: center; padding: 30px 0px; cursor: pointer; }



.footer { padding: 10px 0px 0px 0px; }

<!--.footlogo { width: 300px; float: left; }-->

.footnav { width: 900px; float: right; }

.footnav a{

	margin-left: 20px;

	text-decoration: none;

	font-size: 12px;

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

	color: #999;

}

.footnav a:hover {
	color: #454432;
	text-decoration: underline;
	}



.fltrt {  float: right; margin-left: 8px; }

.fltlft { float: left; margin-right: 8px; }

.finalfoot { height: 77px; width: 100%; display: block; background-image: url(../images/footbar.png); background-position: bottom; }

.finalhead { height: 71px; width: 100%; display: block; background-image: url(../images/headbar.png); background-position: bottom; position: absolute; }



.bgtranswhite { background-image: url(../images/bg-trans.png); width: 690px; float: left; min-height: 1000px; }

.bright { background-color: #fff; width: 690px; float: left; filter: alpha(opacity=1); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0; }

.qkinput { background-color: #f2f2f2; border: #f9f9f9 1px solid; padding: 5px; color: #999; width: 180px; }

.qkinput1 { background-color: #f2f2f2; border: #f9f9f9 1px solid; padding: 5px; color: #999; width: 260px; }



/**************************SLIDESHOW CSS**************************/



/*

	Slideshow

*/



#mainslider {

	margin:0px auto; 

	width:960px;}



#slides {

	z-index:100;

	width:960px;

	height:405px;

}



/*

	Slides container

	Important:

	Set the width of your slides container

	Set to display none, prevents content flash

*/



.slides_container {

	width:960px;

	height:405px;

	padding-bottom:10px;

	overflow:hidden;

	position:relative;

	display:none;

	z-index:100;

}



/*

	Each slide

	Important:

	Set the width of your slides

	If height not specified height will be set by the slide content

	Set to display block

*/



.slides_container a {

	width:960px;

	height:405px;

	display:block;

}





/*

	Pagination

*/



.pagination {

	position:absolute;

	display:block;

	margin-top:-50px;

	margin-left:700px;

	width:240px;

	z-index:1000;
	
	background-image:url(../slider/img/slidepagbg.png);
	
	background-repeat:repeat-x;
	
	padding:10px;

}



.pagination li {

	float:left;

	margin:0 7px;

	list-style:none;

	z-index:1000;

}



.pagination li a {

	display:block;

	width:12px;

	height:0;

	padding-top:12px;

	background-image: url(/web-dev/slider/img/pagination.png);

	background-position:0 0;

	float:left;

	overflow:hidden;

	z-index:1000;

}



.pagination li.current a {

	background-position:0 -12px;

	z-index:1000;

}



	/**************************SLIDESHOW CSS**************************/
	
#activityblock {
	width:660px;
	float:left;
	padding-left:15px;
	padding-right:15px;
	margin-top:15px;
	padding-bottom:15px;
	}

#galleryblock {
	width:660px;
	float:left;
	padding-left:15px;
	padding-right:15px;
	margin-top:15px;
	padding-bottom:20px;}
	
#gallthumb {
	width:150px;
	height:150px;
	overflow:hidden;
	float:left;
	margin-right:10px;
	margin-top:10px;}
	
#activityblock img{
	margin-bottom:10px;}