/******************** 
**** group reset ****
********************/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, .btn 
{ margin: 0; padding: 0; border: 0; font-size: 100%; font-family: inherit; vertical-align: baseline }
a img, frameset { border: 0; }
table {	border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left;	font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {	quotes: "" ""; }


/******************** 
*** group utility ***
********************/

.hide { display: none; }
.contain-overflow { overflow: hidden; }
.screen-reader { display: block; left: -9999px; position: absolute; top: -9999px; }
.row:after, .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.amp { font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif; font-size: 1.1em; font-style: italic; font-weight: normal; }


/******************** 
****** design *******
********************/

body {
	background: url(../images/bg.png);
	color: #505050;
	font: 24px/36px Helvetica, Arial, Sans-Serif;
}

	h1, h2, h3, h4, h5, h6 { 
		font-weight: normal; 
		background: #fff;
		padding: 15px 20px;
		}

	h1 { 
		font-size: 18px; 
		line-height: 18px; 
		}
		
	h2, h3, h4, h5 { 
		font-family: Georgia, "Times New Roman", Times, serif; 
		}
		
		
	h2 { 
		color: #000; 
		font-size: 34px; 
		line-height: 60px; 
		}

	.post {
		background: #fff;
		padding: 15px 20px;
	}
	
	a, a:link,
	a:visited {
		text-decoration: none;
		color: #505050;
	}
	
	a:hover,
	a:active {
		transition: color .5s ease-in-out;
		-moz-transition: color .5s ease-in;
		-o-transition: color .5s ease-in;
		-webkit-transition: color .5s ease-in;
		color: #000;
	}

	p, ol, ul, table { 
		margin: 0 0 30px; 
		font-size: 22px;
	}
		
	ul { 
		list-style: square; 
		}
		
	li { 
		border-bottom: 1px solid rgba(147,204,198,0.2); 
		padding: 20px 0; 
		}
		
	li:first-child { 
		padding-top: 0; 
		}
		
	li:last-child { 
		border-bottom: none; 
		padding-bottom: 0; 
		}

	#header, #footer {
	  color: #fff;
	  font-size: 14px; 
	  line-height: 14px;
	  position: fixed;
	  width: 100%;
	  z-index: 10;
	}
	
	#header { top: 0; }
	#footer { bottom: 0; text-align: right; }
	#header .container, #footer .container { padding: 20px; }
	button { 
		cursor: pointer; 
		width: auto;
		overflow: visible;
	}
	label { font-weight: bold; }


	.Logo {
		position: absolute;
		right: 0px;
		bottom: 0px;
	}
	
	.alignright {
		float: right;
		margin: 0 0 0 40px;
	}
	
	.alignleft {
		float: left;
		margin: 0 40px 0 0;
	}
	
/***** slider ******/

#content {
	width: 1000px;
	margin: 0 auto;
	font-family: Georgia, "Times New Roman", Times, serif; 
}

#slides { 
	}
	
	.slide { 
		padding: 50px 0 0;
		width: 1000px;
		}
		
	.js .slide { 
		position: absolute; 
		}
		
		
	.slide img {
		max-width: 960px;
		height: auto;
		transition: opacity .5s ease-in-out;
		-moz-transition: opacity .5s ease-in;
		-o-transition: opacity .5s ease-in;
		-webkit-transition: opacity .5s ease-in;
	}
	
		.slide a:hover img {
			opacity: 0.8;
		}


/***** pager ******/
.nav-pager, .nav-prev-next { 
	font-size: 14px; 
	line-height: 14px; 
	list-style: none; 
	margin: 0; 
	overflow: hidden; 
	position: fixed; 
	z-index: 100; 
	}
	
.nav-prev-next {
	display:  none;
}
	
.nav-pager li, .nav-prev-next li { 
	border: none; 
	float: left; 
	padding: 0; 
	}
	
.nav-pager a, .nav-prev-next a { 
	display: block; 
	line-height: 12px; 
	}
	
.nav-pager { 
	bottom: 10px; 
	left: 20px; 
	}
	
.nav-pager li { 
	margin-right: 10px; 
	}
	
.nav-pager a, 
.nav-prev-next a { 
	background-color: rgba(80,80,80,0.1); 
	color: #fff; 
	padding: 10px 5px; 
	text-decoration: none; 
	}

.nav-prev-next a,	
.nav-pager a {
	padding: 8px 12px 10px; 
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
	
.nav-pager a:hover,
.nav-pager a:focus, 
.nav-prev-next a:hover,
.nav-prev-next a:focus {
	background: rgba(80,80,80,0.8); 
	color: #fff;
	transition: background .5s ease-in;
	-moz-transition: background .5s ease-in;
	-o-transition: background .5s ease-in;
	-webkit-transition: background .5s ease-in;
}	

.nav-pager .current a { 
	background: rgba(80,80,80,0.4); }
	
.nav-prev-next { 
	right: 20px; 
	top: 0; 
	}
	
.nav-prev-next li { 
	margin-left: 10px;
	}