@charset "UTF-8";
/* CSS Document */

html {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}

/* Fills and resizes background to entire page; works in all Safari, Chrome, IE, and Firefox */
body {
	background: url(images/background.jpg) no-repeat center center fixed; 
  	-webkit-background-size: cover;
 	-moz-background-size: cover;
  	-o-background-size:cover;
  	background-size: cover;
}

/* Old background CSS*/
/*body {
	background-image:url(images/background.jpg);
	background-repeat:no-repeat;
	background-size:100% auto;
	margin:0;
}*/

#container {
	width:900px;
	margin:0 auto;
}

#header {
	height:160px;
	margin:0 auto;
}

#logo {
	float:left;
	height:100px;
	margin:10px;
	border:1px solid #333;
}

#top_info {
	float:right;
	width:400px;
	margin:10px;
}

#top_info ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#top_info ul li {
	display:inline;
	font-size:13px;
	color:#FFF;
	padding:0 0 0 20px;
}

#top_info ul li a {
	text-decoration:none;
	color:#FFF;
}


#navbar {
	height:40px;
	border-bottom: 2px solid #FFF;
	clear:both;
}

#navbar ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#navbar ul li {
	padding:10px;
	float:left;
}

#navbar ul li a {
	display:block;
	font-size:13px;
	font-weight: bold;
	color: #FFF;
	text-decoration:none;
	padding:0 0 0 20px;
}

#navbar ul li a:hover {
	color: #333;
}

#navbar ul li.active a {
	padding:0 0 0 20px;
	color:#333;
}

#banner {
	margin:10px;
	padding:10px;
	clear:both;
}

#content_area {
	width:100%;
	margin:0 auto;
}

#single_col {
	width:860px;
	margin:10px;
	padding:10px;
}

#center {
	text-align:center;
}

#center a {
	color:inherit;
	text-decoration:none;
}


#hidden {
	display:none;
}

#left_col {
	float:left;
	width:410px;
	margin:10px;
	padding:10px;
}

#right_col {
	float:right;
	width:410px;
	margin:10px;
	padding:10px;
}

ul.gallery { 
	list-style:none;
}

ul.gallery li a {
	text-decoration:none;
	color:#333;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	position: relative;
	float:left;
	padding:10px 10px 25px 10px;
	background:#eee;
	border:1px solid #999;
	-moz-box-shadow:0px 2px 15px #333;
}
	
	ul.gallery li a.pic-1 {
		z-index:1;
		transform:rotate(-10deg);
		-ms-transform:rotate(-10deg);
		-webkit-transform:rotate(-10deg);
 		-moz-transform:rotate(-10deg);
	}
	ul.gallery li a.pic-2 {
		z-index: 5;
		transform:rotate(-3deg);
		-ms-transform:rotate(-3deg);
		-webkit-transform: rotate(-3deg);
 		-moz-transform: rotate(-3deg);
	}
	ul.gallery li a.pic-3 {
		z-index: 3;
		transform:rotate(4deg);
		-ms-transform:rotate(4deg);
		-webkit-transform: rotate(4deg);
 		-moz-transform: rotate(4deg);
	}
	ul.gallery li a.pic-4 {
		z-index: 4;
		transform:rotate(14deg);
		-ms-transform:rotate(14deg);
		-webkit-transform: rotate(14deg);
 		-moz-transform: rotate(14deg);
	}
	ul.gallery li a.pic-5 {
		z-index: 2;
		transform:rotate(-12deg);
		-ms-transform:rotate(-12deg);
		-webkit-transform: rotate(-12deg);
 		-moz-transform: rotate(-12deg);
	}
	ul.gallery li a.pic-6 {
		z-index: 6;
		transform:rotate(5deg);
		-ms-transform:rotate(5deg);
		-webkit-transform: rotate(5deg);
 		-moz-transform: rotate(5deg);
	}
	
	ul.gallery li a:hover {
		z-index: 10;
		-moz-box-shadow: 3px 5px 15px #333;
	}
	
#footer {
	padding:10px;
	background-color:#FFF;
	opacity:0.7;
  	filter:alpha(opacity=70); /* For IE8 and earlier */
	clear:both;
}

#footer ul {
	margin:0;
	padding:0;
	text-align:center;
	list-style-type:none;
}

#footer ul li {
	display:inline;
	font-size:11px;
	color:#333;
	padding:5px 0 5px 20px;
}

#footer ul li a {
	text-decoration:none;
	color:#333;
}

#footer ul li a:hover {
	color: #999;
}

#lists ul {
	list-style-type:none;
}

#no_margin {
	margin:0;
	padding:0;
}