/* Table of Content
==================================================
	#Site Styles
	#Media Queries

/* #Site Styles
================================================== */

body {
	background-color: #00e6b3;
	margin: 0 auto;
}

#navbar {
	background-color: #fff;
	width: 100%;
	min-height: 110px;
}
.logo {
	margin-left: 40px;
	margin-top: 30px;
}
#nav {
	padding-top: 45px;
	padding-right: 40px;
	float: right;
	text-align: right;
}
#nav ul li {
	display: inline;
	font-size: 14px;
	font-weight: 600;
	margin-left: 20px;
	
}
#mobile-nav { display: none;}
#nav ul li a, #nav ul li a:visited {
	text-decoration: none;
	display: inline-block;
	height: 26px;
	background: transparent;

}

#nav ul li a.active, #nav ul li a:hover, #nav ul li a:active {
	background-image: url(../../images/site/hover-bg.png);
	background-repeat: repeat-x;
}

#header {
	border-bottom: 10px solid #000;
	max-height: 360px;
}
#header img {
	z-index: 1000;
	width: 100%;
	position: relative;
}
#header h1 {
	z-index: 1100;
	position: absolute;
	font-weight: 900;
	font-size: 36px;
	line-height: 40px;
	padding: 5px;
	color: #fff;
	background-color: #000;
	width: auto;
	display: inline-block;
	max-width: 520px;
	margin-left: 40px;
	margin-top: 220px;
}

iframe, .mapsframe {
	width: 425px;
	height: 350px;
}

#content {
	background-color: #fff;
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { /*, #content p, #content span {*/
	margin:  40px 40px 20px 40px; /*0px 80px 0px 0px;*/ /*40px;*/
}

#content h1 {
	font-size: 28px;
	font-family: 'Open Sans Light';
	line-height: 30px;
	margin-bottom: 0;
}

#content p {
	margin: 0px;
/*	font-size: 14px;*/
}
#content div.holder {
	font-size: 14px;
	margin: 40px;
	
}

.holder img {
    height: auto; /*100%;*/
    max-width: 100%;
}

.holder table {
	max-width: 100% !important;
}

#content ul {
    margin: 10px;
    padding: 5px;
	list-style: disc outside none;
}

#content li {
	margin: 0px;
}

#content td {
	vertical-align: top;
}

#footer {
	background-color: #666;

}

#company-info {
	padding: 40px;
	color: #fff;
}
.right {
	padding-top: 40px;
	padding-right: 0px;
	padding-left: 40px;
	padding-bottom: 0;
	text-align: right;
}
#social a {
	display: inline;
	margin-left: 10px;
	opacity: 0.8;
	transition: 1s;
}
#social a:hover {
	opacity: 1;
}
#footernav ul {
	margin: 0;
}
#footernav ul li {
	display: inline;
	font-size: 10px;
	margin-left: 10px;
}

#footernav ul li a, #footernav ul li a:visited {
	color: #fff;
	text-decoration: none;
} 
#footernav ul li a:hover, #footernav ul li a:active {
	text-decoration: underline;
} 
#poweredby {
	font-size: 9px;
	color: #ccc;
	margin-top: 0;
}
#poweredby a {
	color: #ccc;
}
.thumb {
/*	width: auto !important;*/
	display: inline-block;
	float: left;
	margin: 5px !important;
	padding: 0 !important;
}
.thumbs {
	margin-top: 40px;
	margin-right: 0 !important;
}
.thumb a {
	opacity: 0.8;
	transition: 1s;
	-webkit-transition: 1s;
}
.thumb a:hover {
	opacity: 1;
}
.rzimages {width: 206px !important; height: 147px; position: relative; }
.rzimages img {max-width: 206px; max-height:147px; position:absolute; top:0; bottom: 0; left: 0; right: 0;margin: auto; width: auto !important; /*height: auto !important;*/}

#navbar .row {margin-bottom: 0px !important;}

.four.columns.alpha.galerie-head {width: 180px; word-wrap: break-word;}
.four.columns.alpha.galerie-head h2, .four.columns.alpha.galerie-head h3, .four.columns.alpha.galerie-head h4 {margin: 40px 0px 20px !important;}


.fieldinfo {font-size:10px; line-height:14px; color:#999; padding:0px 60px 0px 0px; width:100% !important;}

		.intro {margin: 20px 0px 0px 30px !important;}
		.intro p {
			margin-top: 0 !important;

		}
		.form-container {

		}
		form label {
			font-weight: 300;
		}
		form input[type=text] {
			max-width: 190px;
		}
		.form-row {
			margin-bottom: 0px !important;
			padding: 0 !important;
		}
		.form-row p {
			margin: 0 !important;
			font-weight: 300;
		}
		.form-row textarea {
			min-width: 430px;
		}
		.form-submit-button input[type=submit] {
			float: right;
			margin-right: 20px;
			background-color: #666;
			font-size: 14px;
			font-weight: 600;
			border: none;
			color: #fff;
			text-shadow: none;
			border-radius: 0;
		}
.signup-form {
	margin-bottom: 0px;
	margin-top: 40px;
	display: none;
}
.signup {
	color: #fff;
}
.signup p {
	margin-left: 20px;
}
.signup form span {
	display: inline-block;
	margin-left: 20px;
}

.signup form input[type=text] {
	max-width: 150px;
	
}
.signup form input[type=submit] {
			background-color: #666;
			font-size: 14px;
			font-weight: 600;
			border: none;
			color: #fff;
			text-shadow: none;
			border-radius: 0;
}

/* #Misc Overrides
================================================== */

a {
	transition: 1s;
	-webkit-transition: 1s;
}

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}



	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		#navbar {
		background-color: #fff;
		width: 100%;
		min-height: 60px;
		}
		#logo {
		}
		#logo img {
			width: 90%;
			height: auto; /*90%;*/
		}
		#nav {
			padding-top: 30px;
			padding-bottom: 0;
			margin-bottom: 0;
		}
		#nav ul li {
		font-size: 12px;
		}
		#header {
			max-height: 287px;
		}
		#header h1 {
			margin-top:150px;
		}
		.right {
			float: right;
		}
		.thumb {
/*			width: auto !important;*/
			display: inline-block;
			float: left;
			margin: 5px !important;
			padding: 0 !important;
		}
		.thumbs {
			margin-top: 0px;
			margin-left: 18px !important;
			width: 100% !important;
			clear: both;
			margin-right: 0 !important;
		}
		.galerie-head {
			width: 80% !important;
			clear: both;
		}
		.four.columns.alpha.galerie-head h2 {margin: 10px 0px 0px !important;}

		form input[type=text] {
			max-width: 140px;
		}
		.form-row textarea {
			min-width: 335px;
		}
		.signup-form {
			margin-bottom: 0px;
			margin-top: 40px;
		}
		.signup {
			color: #fff;
		}
		.signup p {
			margin-left: 20px;
		}
		.signup form span {
			display: inline-block;
			margin-left: 20px;
		}

		.signup form input[type=text] {
			max-width: 130px;
			
		}

	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
iframe, .mapsframe {
	width: 100% !important;
	height: auto !important;
	max-width: 425px;
	min-height: 250px;
	max-height: 350px;
}
				#navbar {
		background-color: #fff;
		width: 100%;
		min-height: 60px;
		}
		#logo {
		}
		#logo img {
			width: 40%;
			height: auto; /*40%;*/
			margin-bottom: 0;
		}
		#nav {
			display: none;
		}
		#mobile-nav {
			display: inline;
		}
		#mobilemenu {
			display: none;
		}
		#mobile-nav ul {
			display: block;
			clear: both;
			
			text-align: center;
			max-width: 80%;
			margin: 0 auto;
			border-top: 1px solid #ddd;
			margin-top: 20px;
			padding-top: 10px;

		}
		#mobile-nav ul li {
			display: inline;
			font-size: 13px;
			font-weight: 600;
			margin-left: 10px;
		}
		#mobile-nav ul li a, #nav ul li a:visited {
			text-decoration: none;
			display: inline-block;
			height: 26px;
			background: transparent;
		}

		#mobile-nav ul li a.active, #mobile-nav ul li a:hover, #mobile-nav ul li a:active {
			background-image: url(../../images/site/hover-bg.png);
			background-repeat: repeat-x;
		}
		#mobile-nav img {
			width: 10%;
			height: 10%;
			float: right;
			margin-top:30px;
		}
		#header {
			max-height: 160px;
		}
		#header h1 {
			margin-top: 80px;
			margin-right: 40px;
			font-size: 20px;
			line-height: 24px;
			max-width: 290px;
		}
		#company-info {
			display: inline-block;
			float: left;
			font-size: 12px;
			width: 150px !important;
		}
		.right {
			width: 150px !important;
			padding: 0;
			padding-right: 30px;
			padding-top: 40px;
			margin: 0;
			float: left;
			display: inline-block;
		}
		#footernav ul li {
			display: block;
			height: 10px;
			margin: 0;
			margin-top: 3px;
		}
		#poweredby {
			margin-top: 5px;
		}
		.thumb {
/*			width: auto !important;*/
			display: inline-block;
			float: left;
			margin: 5px !important;
			padding: 0 !important;
		}
		.thumbs {
			margin-top: 0px;
			margin-left: 48px !important;
			width: 100% !important;
			clear: both;
			margin-right: 0 !important;
		}
		.galerie-head {
			width: 100% !important;
			clear: both;
		}
		.four.columns.alpha.galerie-head h2 {margin: 10px 0px 0px !important;}

		.form-row {
			padding: 0 40px !important;
		}
		form input[type=text] {
			max-width: 190px;
		}
		.form-row textarea {
			min-width: 330px;
		}
		.form-item {
			display: inline-block !important;
			clear: none !important;
			float: left;
		}
		.form-submit-button input[type=submit] {
			float: left;
			margin-right: 20px;
			background-color: #666;
			font-size: 14px;
			font-weight: 600;
			border: none;
			color: #fff;
			text-shadow: none;
			border-radius: 0;
		}
		.signup-form {
			margin-bottom: 0px;
			margin-top: 40px;
			margin-left: 40px;
		}
		.signup {
			color: #fff;
		}
		.signup p {
			margin-left: 0px;
		}
		.signup form span {
			display: inline-block;
			margin-left: 0px;
		}

		.signup form input[type=text] {
			max-width: 130px;
			
		}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
				#navbar {
		background-color: #fff;
		width: 100%;
		min-height: 60px;
		}
		#logo {
		}
		#logo img {
			width: 40%;
			height: auto; /*40%;*/
			margin-bottom: 0;
		}
		#nav {
			display: none;
		}
		#mobile-nav {
			display: inline;
		}
		#mobilemenu {
			display: none;
		}
		#mobile-nav ul {
			display: block;
			clear: both;
			
			text-align: center;
			max-width: 80%;
			margin: 0 auto;
			border-top: 1px solid #ddd;
			margin-top: 20px;
			padding-top: 10px;

		}
		#mobile-nav ul li {
			display: inline;
			font-size: 13px;
			font-weight: 600;
			margin-left: 10px;
		}
		#mobile-nav ul li a, #nav ul li a:visited {
			text-decoration: none;
			display: inline-block;
			height: 26px;
			background: transparent;
		}

		#mobile-nav ul li a.active, #mobile-nav ul li a:hover, #mobile-nav ul li a:active {
			background-image: url(../../images/site/hover-bg.png);
			background-repeat: repeat-x;
		}
		#mobile-nav img {
			width: 10%;
			height: 10%;
			float: right;
			margin-top:30px;
		}
		#header {
			max-height: 160px;
		}
		#header h1 {
			margin-top: 80px;
			margin-right: 40px;
			font-size: 20px;
			line-height: 24px;
			max-width: 280px;
		}
		#content div.holder {/*margin: 40px 0px !important;*/}
		#company-info {
			display: inline-block;
			float: left;
			font-size: 12px;
			width: 150px !important;
		}
		.right {
			width: 150px !important;
			padding: 0;
			padding-right: 30px;
			padding-top: 40px;
			margin: 0;
			float: left;
			display: inline-block;
		}
		#footernav ul li {
			display: block;
			height: 10px;
			margin: 0;
			margin-top: 3px;
		}
		#poweredby {
			margin-top: 5px;
		}
		.thumb {
/*			width: 100% !important;*/
			display: block;
			float: left;
			margin: 10px 0px !important;
		}
		.thumb img {
			width: 80% !important;
			margin-left: 65px !important
		}
		.rzimages {width: 100% !important;} /* height: 100% !important;*/
		.thumb a {
			opacity: 1;
		}
		.w80 {width:80% !important;}
		.fieldinfo {margin:-15px 0px 10px 0px !important;}

		.thumbs {
			margin-top: 0px;
			margin-left: 5px !important;
			width: 100% !important;
			clear: both;
			margin-right: 0 !important;
		}
		.galerie-head {
			width: 80% !important;
			clear: both;
		}
		.form-row {
			padding: 0 40px !important;
		}
		form input[type=text] {
			max-width: 190px;
		}
		.form-row textarea {
			min-width: 330px;
		}
		.form-item {
			display: inline-block !important;
			clear: none !important;
			float: left;
		}
		.form-submit-button input[type=submit] {
			float: left;
			margin-right: 20px;
			background-color: #666;
			font-size: 14px;
			font-weight: 600;
			border: none;
			color: #fff;
			text-shadow: none;
			border-radius: 0;
		}
		.signup-form {
			margin-bottom: 0px;
			margin-top: 40px;
			margin-left: 40px;
		}
		.signup {
			color: #fff;
		}
		.signup p {
			margin-left: 0px;
		}
		.signup form span {
			display: inline-block;
			margin-left: 0px;
		}
		.signup form span:nth-child(2n) {
			margin-left: 20px;
		}

		.signup form input[type=text] {
			max-width: 130px;
			
		}
		.signup form span:nth-child(3n) {
			display: block;
		}

	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		#navbar {
		background-color: #fff;
		width: 100%;
		min-height: 60px;
		}
		
		.holder {
			margin:20px 0px !important;	
		}
		
		#content div.holder>p {margin: 0px 40px !important;}
		
		h2 {font-size: 22px !important; line-height: 26px !important;margin: 20px 40px !important;}
		.w80 {width:80% !important;}
		.fieldinfo {margin:-15px 0px 10px 0px !important;}

		.galerie-head {margin: 0px 40px !important; width: 220px !important;}
		.galerie-head h2 {font-size: 22px !important; line-height: 26px !important; padding: 0px !important; margin: 0px !important;}
		
		#logo {
		}
		#logo img {
			width: 40%;
			height: auto; /* 40% */
			margin-bottom: 0;
		}
		#nav {
			display: none;
		}
		#mobile-nav {
			display: inline;
		}
		#mobilemenu {
			display: none;
		}
		#mobile-nav ul {
			display: block;
			clear: both;
			
			text-align: center;
			max-width: 80%;
			margin: 0 auto;
			border-top: 1px solid #ddd;
			margin-top: 20px;
			padding-top: 10px;

		}
		#mobile-nav ul li {
			display: inline;
			font-size: 13px;
			font-weight: 600;
			margin-left: 10px;
		}
		#mobile-nav ul li a, #nav ul li a:visited {
			text-decoration: none;
			display: inline-block;
			height: 26px;
			background: transparent;
		}

		#mobile-nav ul li a.active, #mobile-nav ul li a:hover, #mobile-nav ul li a:active {
			background-image: url(../../images/site/hover-bg.png);
			background-repeat: repeat-x;
		}
		#mobile-nav img {
			width: 10%;
			height: 10%;
			float: right;
			margin-top:30px;
		}
		#header {
			max-height: 100px;
		}
		#header h1 {
			margin-top: 40px;
			margin-right: 40px;
			font-size: 15px;
			line-height: 24px;
			max-width: 280px;
		}
		#content div.holder {margin: 40px !important;}

		.rzimages img {width: 100% !important;}
		#company-info {
			display: inline-block;
			float: left;
			font-size: 12px;
			width: 150px !important;
		}
		.right {
			padding: 0;
			margin: 0 auto;
			padding-left: 40px;
			width: 100%;
			text-align: left;
			display: block;
		}
		#footernav ul li {
			display: block;
			height: 10px;
			margin: 0;
			margin-top: 3px;
		}
		#poweredby {
			margin-top: 5px;
		}
		#social a {
			display: inline;
			margin-left: 0;
			margin-right: 10px;
			opacity: 1;
		}
				.form-row {
			padding: 0 40px !important;
		}
		form input[type=text] {
			max-width: 190px;
		}
		.form-row textarea {
			min-width: 170px;
		}
		.form-item {
			display: inline-block !important;
			clear: none !important;
			float: left;
		}
		.form-submit-button input[type=submit] {
			float: left;
			margin-right: 20px;
			background-color: #666;
			font-size: 14px;
			font-weight: 600;
			border: none;
			color: #fff;
			text-shadow: none;
			border-radius: 0;
		}
		.signup-form {
			margin-bottom: 0px;
			margin-top: 40px;
			margin-left: 40px;
		}
		.signup {
			color: #fff;
		}
		.signup p {
			margin-left: 0px;
		}
		.signup form span {
			display: block;
			margin-left: 0px;
		}

		.signup form input[type=text] {
			max-width: 130px;
			
		}
	}