/* FONTS
================================================== */
@import url(//fonts.googleapis.com/css?family=Pathway+Gothic+One);


/* HTML RESET
================================================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: '';	content: none; }

table { border-collapse: collapse; border-spacing: 0; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }



/* GRID SYSTEM - OVERRIDE
================================================== */
@media screen and (max-width: 739px) {
	.mobilehide { display: none; }
}
@media screen and (min-width: 740px) and (max-width: 979px) {
	.tablethide { display: none; }
}
@media screen and (min-width: 980px) {
	.desktophide { display: none; }
}

.row .boxed { padding: 15px 0px; }
.row .boxed > * { padding-left: 15px; padding-right: 15px;}


/* BASE
================================================== */
body {
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	-webkit-font-smoothing: antialiased;
	word-spacing: 0;
	letter-spacing: 0;
	color: #555;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1em;
}

p {
	margin: 0 0 20px;
}

a {
	text-decoration: none;
	color: #abd043;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

a:hover {
	color: #abd043;
}

strong, b {
	font-weight: bold;
}

em, i {
	font-style: italic;
}

label {
	display: inline-block;
	position: relative;
}

input, textarea, select {
	border: 1px solid #9ca78c;
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #4d4d4f;
	-webkit-box-shadow:	0 3px 0 rgba(0, 0, 0, 0.07);
	-moz-box-shadow:	0 3px 0 rgba(0, 0, 0, 0.07);
	box-shadow:			0 3px 0 rgba(0, 0, 0, 0.07);
	-webkit-transition:	all 0.3s;
	-moz-transition:	all 0.3s;
	transition:			all 0.3s;
}

input:focus, textarea:focus, select:focus {
	background-color: #e1f7a4;
	border-color: #abd043;
}

input, textarea {
	padding: 5px 10px;
}

input, select {
	height: 28px;
}

textarea {
	line-height: 18px;
}

select {
	padding: 4px 10px;
}

input[type="submit"], button {
	padding: 0 10px;
	font-family: Arial, sans-serif;
	color: #fff;
	cursor: pointer;
	background: #abd043;
}

input[type="submit"]:hover, button:hover {
	background: #ffc79a;
	border-color: #ff7200;
}

/* DEFAULTS
================================================== */
.clear {
	clear: both;
}

.b-margin-40 {
	margin-bottom: 40px !important;
}

label.required:after {
	position: absolute;
	content: '*';
	width: 100%;
	height: 100;
	margin-left: 5px;
	top: 0;
	font-size: 18px;
	color: #a3203c;
}

.link-list li {
	border-bottom: 1px solid #ebf6cd;
}

	.link-list li a {
		position: relative;
		display: block;
		margin: 0 20px 0 0;
		padding: 0 0 0 5px;
		color: #000;
		line-height: 25px;
	}

	.link-list.hover li a:hover {
		color: #fff;
		background: #c7df82;
	}
	
	.link-list.hover li a:before, .link-list.hover li a:after {
		position: absolute;
		content: '';
		top: 0;
		opacity: 0;
		z-index: 1;
		transition: all 0.25s;
	}
	
	.link-list.hover li a:before {
		width: 0;
		height: 0;
		right: -10px;
		border-top: 12px solid transparent;
		border-bottom: 13px solid transparent;
		border-left: 10px solid #c7df82;
	}
	
	.link-list.hover li a:after {
		width: 20px;
		height: 25px;
		right: -19px;
		background: url('../img/listhoverbg.png');
	}

	.link-list.hover li a:hover:before, .link-list li a:hover:after {
		opacity: 1;
	}

		.link-list li a span {
			display: inline-block;
			float: right;
		}
	
/* LAYOUT
================================================== */
/* Header
--------------------*/
.header {
	position: relative;
	background: #eaf6ce;
	border-bottom: 1px solid #ccca8d;
}

.header:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: -1;
	box-shadow: 0 0 150px 100px rgba(100%, 100%, 100%, 1.0);
}

	.header .content {
		margin: 0;
		background: url('../img/innerheaderbg.jpg') top center;
	}
	
	.header .content:after {
		position: absolute;
		content: '';
		width: 100%;
		height: 10px;
		top: 100%;
		left: 0;
		background: url('../img/headerdecor.png') top center;
	}

	.header .logo, .header .logo a {
		width: 200px;
		height: 60px;
	}

		.header .logo a {
			display: block;
			text-indent: -9999px;
			background: url('../img/logo.png');
		}
		
		.header .menu li {
			display: inline-block;
			float: left;
		}
		
		.header .menu li:last-child {
			margin-right: 0;
		}

			.header .menu li a {
				display: block;
				padding: 22px 10px 10px;
				font-family: 'Pathway Gothic One', Arial, sans-serif;
				font-size: 26px;
				line-height: 1em;
				letter-spacing: -1px;
				text-transform: uppercase;
				color: #000;
				border: 1px solid transparent;
			}
			
			.header .menu li a:hover,
			.header .menu li.active a {
				background: rgba(242, 171, 34, 0.1);
			}

/* Sidebar
--------------------*/
.sidebar {
	margin: 20px 0;
}

	.sidebar .section {
		margin: 0 0 20px;
	}

	.sidebar .section .side-pics {
		overflow: hidden;
	}
	
		.sidebar .section .side-pics li {
			display: block;
			width: 225px;
			margin: 3px 0;
		}
		
			.sidebar .section .side-pics li a {
				display: block;
				overflow: hidden;
			}

				.sidebar .section .side-pics li a img {
					display: block;
					width: 100%;
					height: auto;
				}


/* Content
--------------------*/
#sb-site {
	background: #f9f9f9 url('../img/bg.jpg');
}

.content {
	position: relative;
	margin: 20px 0;
}

.sidebar .section h4, .headline {
	margin: 0 0 10px;
	padding: 0 0 0 5px;
	font-size: 22px;
	line-height: 32px;
	font-family: 'Pathway Gothic One';
	text-transform: uppercase;
	color: #fff;
	background: #abd043;
	-webkit-box-shadow:	0 3px 0 rgba(171, 208, 67, 0.3);
	-moz-box-shadow:	0 3px 0 rgba(171, 208, 67, 0.3);
	box-shadow:			0 3px 0 rgba(171, 208, 67, 0.3);
}


/*** Ads ***/
.banner {
	position: relative;
	overflow: hidden;
}

	.banner.resized iframe {
		position: absolute;
		left: 0;
		top: 0;
		-webkit-transform-origin:	0 0;
		-moz-transform-origin:		0 0;
		-o-transform-origin:		0 0;
		transform-origin:			0 0;
	}

	.banner iframe {
		display: block;
		margin: auto;
		border: 0;
	}

	.sidebar .banner.b300x250 {
		margin: auto;
		width: 300px;
		height: 250px;
	}

		.sidebar .banner.b300x250 iframe {
			position: absolute;
			left: 0;
			top: 0;
			width: 500px;
			height: 400px;
			-webkit-transform-origin:	0 0;
			-moz-transform-origin:		0 0;
			-o-transform-origin:		0 0;
			transform-origin:			0 0;
		}
		


	.banner.two-cols {
		width: 650px;
		height: 267px;
		margin: 0 auto 20px;
	}

		.banner.two-cols iframe {
			margin: auto;
		}
		
	.banner.b468 a {
		display: block;
		max-width: 468px;
		width: 100%;
		height: auto;
		margin: 0 auto 20px;
	}

		.banner.b468 a img {
			display: block;
			width: 100%;
			height: 100%;
		}

/* Galleries
--------------------*/
.content .gallery h2 {
	margin-right: 80px;
}

.gallery ul {
	overflow: hidden;
	margin: -3px 0 8px;
}
	
	.gallery li {
		float: left;
		display: block;
		overflow: hidden;
		padding: 3px;
		border: 1px solid #a4c639;
		background: #fff;
		-webkit-box-shadow:	0 2px 0 rgba(0, 0, 0, 0.07);
		-moz-box-shadow:	0 2px 0 rgba(0, 0, 0, 0.07);
		box-shadow:			0 2px 0 rgba(0, 0, 0, 0.07);
		-webkit-transition:	all 0.3s;
		-moz-transition:	all 0.3s;
		transition:			all 0.3s;
	}

	.gallery li:hover {
		background-color: #ffc79a;
		border-color: #ff7200;
	}
			
		.gallery li a {
			position: relative;
			display: block;
			overflow: hidden;
			height: 100%;
			width: 100%;
			color: #666;
		}

			.gallery li a p {
				position: absolute;
				overflow: hidden;
				margin: 0;
				padding: 3px 5px;
				bottom: 0;
				left: 0;
				right: 0;
				font-size: 12px;
				color: #fff;
				font-weight: bold;
				border-top: 1px solid #000;
				background: rgba(0, 0, 0, 0.5);
				-webkit-box-shadow:	0 -3px 0 rgba(171, 208, 67, 0.3);
				-moz-box-shadow:	0 -3px 0 rgba(171, 208, 67, 0.3);
				box-shadow:			0 -3px 0 rgba(171, 208, 67, 0.3);
			}

			.gallery li a img {
				display: block;
				/*width: 100%;*/
				-webkit-transition:	all 0.3s;
				-moz-transition:	all 0.3s;
				transition:			all 0.3s;
			}

			
	/* Picture big size */
	.gallery.size1 li			{ width: 233px; height: 328px; }
	
	/* Picture small size */
	.gallery.size2 li		{ width: 208px; height: 308px; }
	
	
	.gallery.full-size .links,
	.gallery.full-size .picture,
	.gallery.full-size img {
		display: block;
	}
	
	.gallery.full-size .links {
		text-align: center;
		margin: 0;
	}
	
		.gallery.full-size .links a {
			display: inline-block;
			margin: 10px;
		}
	
	.gallery.full-size .picture {
		width: 600px;
		margin: 5px auto;
	}

		.gallery.full-size img {
			width: 100%;
		}

/*** Pagination ***/
.pager {
	margin: 20px 0;
	padding: 3px;
	overflow: hidden;
}

	.pager li {
		display: inline-block;
		float: left;
		margin: 2px;
	}

		.pager li a {
			display: block;
			color: #abd043;
			padding: 5px 10px;
			line-height: 1em;
			border: 1px solid #abd043;
			background: #fff;
		}
		
		.pager li a:hover,
		.pager li.active a {
			color: #fff;
			border-color: #ff7200;
			background-color: #ffc79a;
		}
	

/* Footer
--------------------*/
.footer {
	font-size: 12px;
	line-height: 18px;
	text-align: center;
}

.footer a {
	color: #00f;
}

.footer .article {
	overflow: hidden;
	padding: 20px 0 10px;
	border-top: 1px solid #abd043;
}

	.footer p {
		margin: 0;
	}


/* PAGES
================================================== */
/* Contact
--------------------*/
.fill-field {
	width: 455px;
	margin: 20px auto;
	font-weight: bold;
}

.contact-form {
	width: 455px;
	margin: auto;
}
	
	.contact-form p {
		margin: 0 0 5px;
	}
	
		.contact-form label {
			width: 100px;
		}

		.contact-form select, .contact-form textarea, .contact-form input[type="submit"] {
			margin-left: 103px;
		}

		.contact-form input, .contact-form select, .contact-form textarea, .contact-form input[type="submit"] {
			width: 350px;
		}


/* Gallery
--------------------*/
.gallery-gplus {
	margin: 10px 0;
	width: 80px;
	height: 30px;
}

/* RESPONSIVE
================================================== */

/*** Desktop ***/
@media screen and (min-width: 1220px) {
	/* Gallery
	--------------------*/
	.gallery.col3.size1 li { margin: 3px 6px;	}
	.gallery.col3.size1 li:nth-child(1),
	.gallery.col3.size1 li:nth-child(3n + 1) {	margin-left: 0; }
	.gallery.col3.size1 li:nth-child(3n + 0) {	margin-right: 0; }
	
	.gallery.col4.size1 li { margin: 3px 3px;	}
	.gallery.col4.size1 li:nth-child(1),
	.gallery.col4.size1 li:nth-child(4n + 1) {	margin-left: 0; }
	.gallery.col4.size1 li:nth-child(4n + 0) {	margin-right: 0; }
	
	.gallery.col3.size2 li { margin: 3px 25px; }
	.gallery.col3.size2 li:nth-child(1),
	.gallery.col3.size2 li:nth-child(3n + 1) {	margin-left: 0; }
	.gallery.col3.size2 li:nth-child(3n + 0) {	margin-right: 0; }
}

@media screen and (min-width: 980px) and (max-width: 1219px) {
	/* Gallery
	--------------------*/
	/* Picture small size */
	.gallery.size2 li	{ width: 188px; height: 278px; }
	
	
	.gallery.col3.size1 li { margin: 3px 28px; }
	
	.gallery.col4.size1 li { margin: 3px 15px; }
	.gallery.col4.size1 li:nth-child(1),
	.gallery.col4.size1 li:nth-child(3n + 1) {	margin-left: 0; }
	.gallery.col4.size1 li:nth-child(3n + 0) {	margin-right: 0; }
	
	.gallery.col3.size2 li { margin: 3px 3px; }
	.gallery.col3.size2 li:nth-child(1),
	.gallery.col3.size2 li:nth-child(3n + 1) {	margin-left: 0; }
	.gallery.col3.size2 li:nth-child(3n + 0) {	margin-right: 0; }
	
	/* Ads
	--------------------*/
	.sidebar .banner.b300x250 {
		width: 279px;
		height: 233px;
	}

		.sidebar .banner.b300x250 iframe {
			-webkit-transform:	scale(0.94);
			-moz-transform:		scale(0.94);
			transform:			scale(0.94);
		}
		
		
	.banner.resized.two-cols iframe {
		-webkit-transform:	scale(0.90);
		-moz-transform:		scale(0.90);
		transform:			scale(0.90);
	}
		
	/* Menu
	--------------------*/
	.menu ul {
		margin-right: 10px;
	}
	
	/* Sidebar
	--------------------*/
	.sidebar .section .side-pics li {
		width: 180px;
	}
	
	/* Logo
	--------------------*/
	.header .logo a {
		margin-left: -15px;
	}
}

/*** Tablet ***/
@media screen and (max-width: 979px) {
	.banner.desk {
		display: none;
	}
	
	/* Mobile menu button
	--------------------*/
	.menu .row {
		position: relative;
	}
	
	.showSidebar {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		padding: 0 5px;
		line-height: 40px;
		font-size: 18px;
		font-family: 'Forte';
		text-align: center;
		border: 0;
		background: #252555;
		color: #9595b7;
		z-index: 10000;
		cursor: pointer;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		-webkit-box-shadow:	none;
		-moz-box-shadow:	none;
		box-shadow:			none;
		text-shadow: none;
	}
	
	.showSidebar:hover {
		background: #252555;
	}
	
	/* Mobile menu
	--------------------*/
	.sb-slidebar {
		background: #a3203c;
		border-right: 1px solid #000000;
	}

	.sb-slidebar h4 {
		color: #fff;
		font-size: 20px;
		padding: 20px;
		margin: 0;
		font-weight: 300;
		background: #84152d;
		font-family: 'Forte', Arial, sans-serif;
	}

	.sb-slidebar a {
		display: block;
		color: #fff;
		border-bottom: 1px solid #941b35;
		padding: 15px;
	}

	.sb-slidebar a:hover {
		background: #b52a48;
	}
	
	
	.sidebar .section .side-pics li {
		float: none;
		width: 100%;
	}

	/* Header
	--------------------*/
	.header .logo {
		margin: 0 auto;
	}
	
	.full-size .picture {
		width: 100%;
	}
	
	/* Gallery
	--------------------*/
	.gallery.full-size .picture {
		width: auto;
	}
}

@media screen and (min-width: 740px) and (max-width: 979px) {
	/* Gallery
	--------------------*/
	/* Picture small size */
	.gallery.size2 li		{ width: 171px; height: 253px; }
	
	
	.gallery.col4.size1 li { margin: 3px 14px; }
	
	.gallery.col3.size1 li { margin: 3px 29px; }
	.gallery.col3.size1 li:nth-child(1),
	.gallery.col3.size1 li:nth-child(2n + 1) {	margin-left: 0; }
	.gallery.col3.size1 li:nth-child(2n + 0) {	margin-right: 0; }
	
	.gallery.full.col4.size1 li {	margin: 3px 26px; }
	.gallery.full.col4.size1 li:nth-child(1),
	.gallery.full.col4.size1 li:nth-child(3n + 1) { margin-left: 0; }
	.gallery.full.col4.size1 li:nth-child(3n + 0) { margin-right: 0; }
	
	.gallery.col3.size2 li  { margin: 3px 3px; }
	.gallery.col3.size2 li:nth-child(1),
	.gallery.col3.size2 li:nth-child(3n + 1) {	margin-left: 0; }
	.gallery.col3.size2 li:nth-child(3n + 0) {	margin-right: 0; }
	
	.gallery.full.col3.size2 li { margin:3px 18px; }
	.gallery.full.col3.size2 li:nth-child(1),
	.gallery.full.col3.size2 li:nth-child(4n + 1) { margin-left: 0; }
	.gallery.full.col3.size2 li:nth-child(4n + 0) { margin-right: 0; }
	
	/* Ads
	--------------------*/
	.sidebar .banner.b300x250 {
		width: 164px;
		height: 137px;
	}

		.sidebar .banner.b300x250 iframe {
			-webkit-transform:	scale(0.55);
			-moz-transform:		scale(0.55);
			transform:			scale(0.55);
		}
		
	.banner.resized.two-cols {
		width: 520px;
		height: 214px;
	}

		.banner.resized.two-cols iframe {
			width: 800px;
			height: 400px;
			-webkit-transform:	scale(0.80);
			-moz-transform:		scale(0.80);
			transform:			scale(0.80);
		}
}

/*** Mobiles ***/
@media screen and (max-width: 739px) {
	/* Ads
	--------------------*/
	.banner.b300x250 {
		margin: 0 auto 24px;
	}
	
	/* Menu
	--------------------*/
	.header .menu li a {
		font-size: 20px;
	}
	
	
	/* Gallery
	--------------------*/
	.content .gallery h2 {
		margin-right: 0;
	}

	.gallery-gplus {
		margin: 0 0 20px;
		width: auto;
	}
	
	/* Contact
	--------------------*/
	.fill-field {
		width: 100%;
	}	
	
	.contact-form p {
		margin: 0 0 20px;
	}
	
	.contact-form,
	.contact-form label,
	.contact-form input,
	.contact-form select,
	.contact-form textarea,
	.contact-form input[type="submit"] {
		width: 100%;
		margin: 0;
	}

	.contact-form select {
		margin-left: 0;
	}

	/* Other
	--------------------*/
	.pager li {
		margin: 10px;
	}
	
	.full-size .picture {
		width: 100%;
		margin: 20px 0;
	}
	
	.footer p {
		margin: 0 0 20px;
	}
}

@media screen and (min-width: 500px) and (max-width: 739px) {

	/* Gallery
	--------------------*/
	/* Picture small size */
	.gallery.size2 li		{ width: 152px; height: 224px; }
	
	
	.gallery.col4.size1 li {	margin: 3px auto; float: none;	}
	
	.gallery.col3.size1 li { margin: 6px auto; float: none; }
	
	.gallery.full.col4.size1 li { margin: 3px 35px; float: left;	}
	.gallery.full.col4.size1 li:nth-child(odd) { margin-left: 0; }
	.gallery.full.col4.size1 li:nth-child(even) { margin-right: 0; }
	
	.gallery.col3.size2 li { margin: 3px 3px; }
	.gallery.col3.size2 li:nth-child(odd) { margin-left: 0; }
	.gallery.col3.size2 li:nth-child(even) { margin-right: 0; }

	.gallery.full.col3.size2 li  { margin: 3px 6px; }
	.gallery.full.col3.size2 li:nth-child(1),
	.gallery.full.col3.size2 li:nth-child(3n + 1) { margin-left: 0; }
	.gallery.full.col3.size2 li:nth-child(3n + 0) { margin-right: 0; }
}


@media screen and (max-width: 499px) {
	/* Ads
	--------------------*/
	.banner.resized.b300x250 {
		width: 193px;
		height: 161px;
	}

		.banner.resized.b300x250 iframe {
			width: 500px;
			height: 400px;
			-webkit-transform:	scale(0.64);
			-moz-transform:		scale(0.64);
			transform:			scale(0.64);
		}
	
	/* Gallery
	--------------------*/
	.gallery.size1 li,
	.gallery.size2 li	{ width: 193px; }
	
	.gallery.size1 li	{ height: 271px; }
	.gallery.size2 li	{ height: 286px; }
	
	.gallery li {
		float: none;
		margin: 6px auto;
	}
	


	/* Sidebar
	--------------------*/
	.showSidebar {
		line-height: 82px;
	}
	
	.sidebar .section h4 {
		padding-left: 15px;
	}
	
	

}