/* Website Setup Styling */

	/* Fonts */
	@import url('https://fonts.googleapis.com/css?family=Dosis:200,400,500,600');

	/* Default Styles */
	body, html													{ margin: 0% 0% 0% 0%; padding: 0% 0% 0% 0%; width: 100%; height: 100%; }
	h1, h2, h3, h4, h5, h6, p, ul, ol, li, span					{ margin: 0% 0% 0% 0%; padding: 0% 0% 0% 0%; }
	input, select, textarea										{ margin: 0% 0% 0% 0%; padding: 0% 0% 0% 0%; resize: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
	table, tr, th, td											{ margin: 0% 0% 0% 0%; padding: 0% 0% 0% 0%; border-spacing: 0; border-collapse: collapse; vertical-align: top; }
	a, img														{ border: none; outline: 0; color: inherit; text-decoration: none; }
	.loading													{ background-image: url('../images/zoomloader.gif'); background-repeat: no-repeat; background-position: center center; }

	body														{ background-color: #EBEBEB; }

	div.page													{ margin: auto; padding: 0%; background-color: #FFFFFF; }
	div.page *													{ font-family: 'Dosis', sans-serif; }
	div.offset													{ margin: 0% auto; padding: 0% 20px; width: auto; max-width: 1100px; clear: both; z-index: 500; }
	div.content													{ margin: 0% auto; padding: 2em 0px; width: auto; }

	header.main													{ margin: auto; padding: 0%; width: 100%; clear: both; background-color: #FFFFFF; box-shadow: 0px 0px 7px 10px #F4F4F4; }
	header.main .fixed_block									{ background-color:#ffffff; }
	header.main .fixed_block.fixed								{ margin: 0px auto 0px; padding: 10px 25px 0 25px; width: auto; left: 0; right: 0; top: 0; box-shadow: 0px 0px 7px 10px #F4F4F4; z-index: 10000; position: fixed; }
	header.main .fixed_block.fixed .offset						{ max-width: 1100px; }
	header.main div.header-logo									{ margin: 0%; padding: 10px 0% 10px 0%; width: 100%; text-align: center; }
	header.main div.header-logo a								{ font-size: 14px; color: #808080; }
	header.main div.header-info									{ margin: 0 auto; padding: 0px 0%; width: 86%; max-width: 940px; }
	header.main div.header-info p								{ font-size: 14px; color: #B3B3B3; }
	header.main div.header-info .info-tile						{ margin: 0%; padding: 0%; width: 33.33%; float: left; }
	header.main div.header-info .info-tile.logo					{ text-align: center; }
	header.main div.header-info .info-tile.icons				{ text-align: right; }
	header.main div.header-info .info-tile.icons img			{ margin-left: 4%; width: 8%; }

	nav.main 													{ margin: 0 auto; padding: 1% 0% 6px 0%; text-align: center; }
	nav.main * 													{ font-family: 'Dosis', sans-serif; }
	nav.main ul 												{ margin: 0% auto; padding: 2px 0% 0% 0%; width: auto; list-style-type: none; display: inline; position: relative; background-color: #FFFFFF; }
	nav.main ul li												{ margin: 0% 1.5%; padding: 0% 0% 0% 0%; width: auto; text-align: center; display: inline-block; background-color: #FFFFFF; }
	nav.main ul li a											{ margin: 0% 0% 0% 0%; padding: 0% 0% 0% 0%; width: 100%; font-size: 15px; line-height: 16px; text-transform: uppercase; text-align: left; color: #808080; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; }
	nav.main ul li a:hover										{ color: #505050; }
	nav.main ul li:hover ul.drop								{ display: block; }
	nav.main ul li ul.drop										{ margin: 0% 0% 0% -16px; padding: 10px 13px 5px 13px; width: 170px; display: none; list-style-type: none; line-height: 24px; float: none; position: absolute; background-color: #FFFFFF; z-index: 999999; }
	nav.main ul li ul.drop li									{ margin: 0%; padding: 5px 0%; width: 100%; font-size: 16px; border-bottom: 1px solid #F4F4F4; vertical-align: bottom; display: list-item; text-align: left; }
	nav.main ul li ul.drop li a									{ margin: 0% 0% 0% 0%; padding: 0% 0% 0% 0%; width: 100%; font-size: 14px; line-height: 100%; font-weight: normal; text-transform: none; text-align: left; color: #888888; }
	nav.main ul li div.deco-line								{ margin: 5px 0%; padding: 0%; width: 120px; height: 2px; text-align: center; background-color: #E6E6E6; }
	nav.main ul li.current a									{ color: #111111; }
	nav.main ul li.current a:hover								{ color: #505050; }

	#mobile-nav													{ display: none; }

	section.main												{ margin: 0%; padding: 0%; width: 100%; }

	section.main div.content h1									{ margin: 0%; padding: 0%; font-size: 1.25em; font-weight: normal; color: #888888; }
	section.main div.content h2									{ margin: 0%; padding: 0%; font-size: 1em; font-weight: normal; color: #009078; }
	section.main div.content p									{ margin: 0.75em 0%; padding: 0%; font-size: 0.875em; line-height: 1.75em; font-weight: normal; color: #888888; }
	section.main div.content a									{ color: #BEBEBE; }
	section.main div.content ul									{ margin: 0% 0% 0% 12px; }
	section.main div.content li									{ margin: 6px 0%; padding: 0%; font-size: 0.875em; line-height: 1.75em; font-weight: normal; color: #888888; }
	section.main div.content a:hover							{ text-decoration: underline; }

	section.main div.content.home h1							{ font-size: 1.5em; }
	section.main div.content.home h2							{ font-size: 1.25em; }
	section.main div.content.home p								{ font-size: 1em; }

	section.main div.enquiry									{ margin: 0% auto; width: 50%; }
	section.main div.enquiry label								{ padding: 0% 0% 16px 0%; width: 100%; font-family: 'Dosis', sans-serif; font-size: 0.875em; line-height: 1.4375em; color: #888888; display: block; }
	section.main div.enquiry label.thanks						{ text-align: center; }
	section.main div.enquiry input								{ padding: 1% 2%; width: 100%; font-size: 1em; line-height: 1.75em; border: 1px solid #ABADB3; font-family: Arial, sans-serif; -o-transition: border 0.3s ease 0s; -ms-transition: border 0.3s ease 0s; -moz-transition: border 0.3s ease 0s; -webkit-transition: border 0.3s ease 0s; transition: border 0.3s ease 0s; }
	section.main div.enquiry input[type=submit]					{ margin: 2px 0% 0% 0%; padding: 2% 3%; width: 50%; background-color: #888888; color: #FFFFFF; text-transform: uppercase; border: 0; -o-transition: background-color 0.3s ease 0s; -ms-transition: background-color 0.3s ease 0s; -moz-transition: background-color 0.3s ease 0s; -webkit-transition: background-color 0.3s ease 0s; transition: background-color 0.3s ease 0s; }

	section.main div.enquiry textarea							{ padding: 1% 2%; width: 100%; border: 1px solid #ABADB3; -o-transition: border 0.3s ease 0s; -ms-transition: border 0.3s ease 0s; -moz-transition: border 0.3s ease 0s; -webkit-transition: border 0.3s ease 0s; transition: border 0.3s ease 0s; }

	section.main div.enquiry div.captcha						{ margin: 6px 0% 0% 0%; padding: 0%; width: 100%; }
	section.main div.enquiry input.email-input					{ margin: 10px 0% 0% 0%; padding: 1% 2%; width: 72%; }
	section.main div.enquiry input.captcha-input				{ margin: 0%; padding: 1% 2%; width: 40%; float: left; }
	section.main div.enquiry img.enquiry-captcha				{ margin: 0% 6px 0% 0% !important; max-width: 120px; float: left; }

	section.main div.enquiry input:hover						{ border: 1px solid #6FBBDF; }
	section.main div.enquiry textarea:hover						{ border: 1px solid #6FBBDF; }
	section.main div.enquiry input:focus						{ border: 1px solid #6FBBDF; }
	section.main div.enquiry textarea:focus						{ border: 1px solid #6FBBDF; }
	section.main div.enquiry input[type=submit]:hover			{ background-color: #666666; border:0;}
	footer.main													{ margin: 0%; padding: 4% 0% 4% 0%; width: 100%; background-color: #EBEBEB; }
	footer.main p												{ font-size: 0.75em; color: #888888; line-height: 1.625em; }
	footer.main p img											{ padding: 0% 0% 3px 0%; height: 14px; vertical-align: middle; }
	footer.main p a												{ font-weight: inherit; color: #888888; font-family: inherit; }

	footer.main div.footer-tile									{ margin: 0%; padding: 0%; width: 33.33%; float: left; }
	footer.main div.footer-tile h3								{ margin: 0% 0% 2% 0%; padding: 0% 0% 4px 0%; font-weight: normal; color: #888888; }
	footer.main div.footer-tile p								{ margin: 0%; padding: 4px 0%; color: #888888; }
	footer.main div.footer-tile img								{ padding: 0%; max-width: 24px; }

	footer.main div.footer-tile.left							{ text-align: left; }
	footer.main div.footer-tile.middle							{ text-align: center; }
	footer.main div.footer-tile.right							{ text-align: right; }

	footer.main div.newsletter-signup							{ margin: 0%; padding: 0%; width: 100%; }
	footer.main div.newsletter-signup div.captcha				{ margin: 6px 0% 0% 0%; padding: 0%; width: 100%; text-align: right; }
	footer.main div.newsletter-signup input.email-input			{ margin: 10px 0% 0% 0%; padding: 1% 2%; width: 72%; }
	footer.main div.newsletter-signup input.captcha-input		{ margin: 0%; padding: 1% 2%; width: 40%; float: right; }
	footer.main div.newsletter-signup img.newsletter-captcha	{ margin: 0% 6px 0% 0%; max-width: 98px; }
	footer.main div.newsletter-signup input[type=submit]		{ margin: 2px 0% 0% 0%; padding: 2% 3%; width: 50%; background-color: #888888; color: #FFFFFF; text-transform: uppercase; border: 0; -o-transition: background-color 0.3s ease 0s; -ms-transition: background-color 0.3s ease 0s; -moz-transition: background-color 0.3s ease 0s; -webkit-transition: background-color 0.3s ease 0s; transition: background-color 0.3s ease 0s; }
	footer.main div.newsletter-signup input[type=submit]:hover	{ background-color: #666666; }

	br.clear													{ height: 0%; overflow: hidden; }
	.clear														{ clear: both; }
	.error														{ color: #990000 !important; }

	.mobile-element												{ display: none; }


/* Resolution-Specific Behaviour */
	@media only screen and (min-width: 0px) and (max-width: 1166px) {

		div.container											{ margin: 0 auto; padding: 0% 25px; width: auto; max-width: 1100px; background-color: #FFFFFF; border: 0; border-bottom: 1px solid #E5E5E5; }

	}

	@media only screen and (min-width: 0px) and (max-width: 1020px) {

		nav.main ul li a										{ font-size: 14px; }
		nav.main ul li div.deco-line							{ margin: 5px 0%; padding: 0%; width: 50px; height: 2px; text-align: center; background-color: #E6E6E6; }

	}

	@media only screen and (min-width: 0px) and (max-width: 800px) {

		header.main												{ padding: 0% 0% 26px 0%; }
		header.main div.header-caption 							{ text-align:center; width:100%; margin:0.2em 0 1em 0; }
		header.main div.header-info								{ margin: 0%; padding: 0%; width: 100%; }
		header.main div.header-logo								{ margin: 0% auto; padding: 16px 0% 0% 0%; width: 50%; text-align: center; }
		header.main div.header-logo img							{ width: 100%; max-width: 249px; }
		header.main div.header-menu								{ margin: 0%; padding: 0%; width: 50%; float: left; text-align: left; }
		header.main div.header-contact							{ margin: 0%; padding: 0%; width: 50%; float: right; text-align: right; }
		header.main div.header-contact img						{ margin: 0% 0% 0% 5%; width: 20%; max-width: 30px; display: block; float: right; }
		header.main .fixed_block.fixed							{ margin: auto; padding: 10px 25px; max-width: 1100px; border-bottom: 1px solid #E5E5E5; }

		header.main div.mobile-menu								{ width: 100%; float: left; }
		header.main div.mobile-menu img							{ margin: 0%; max-width: 30px; display: block; }

		nav.main												{ display: none; }

		#mobile-nav												{ display: block; }
		#menu-container											{ margin: 10px 0% 0% 0%; width: 100%; z-index: 1000; left: 0; right: 0; position: absolute; }
		#menu-container *										{ font-family: 'Dosis', sans-serif; }
		#menu-container ul										{ padding: 0em 0em 0em 0em; background-color: #888888; border-top: 2px solid #EBEBEB; }
		#menu-container ul li									{ margin: 0em 0em 0em 0em; height: auto; border-bottom: 2px solid #EBEBEB; list-style-type: none; }
		#menu-container ul li a									{ font-weight: 300; }

		div.container											{ padding: 0%; border: 0; }

		section.main div.content h1								{ font-size: 1.75em; }
		section.main div.content h2								{ font-size: 1.25em; }
		section.main div.content p								{ font-size: 1.125em; line-height: 1.75em; }
		section.main div.content li								{ font-size: 1.125em; line-height: 1.75em; }
		section.main div.content img							{ margin: 18px 0% !important; width: 100% !important; height: auto !important; display: block; }

		section.main div.enquiry								{ width: 100%; }

		footer.main												{ margin: 46px auto 0px auto; padding: 24px 25px 48px 25px; box-sizing: border-box; }
		footer.main p											{ font-size: 1.1em; line-height: 1.5em; font-weight: 300; color: #FFFFFF; }

		footer.main div.footer-tile								{ margin: 0%; padding: 0%; width: 100%; float: none; }

		footer.main div.footer-tile.left						{ text-align: center; }
		footer.main div.footer-tile.right						{ text-align: center; }

		footer.main div.newsletter-signup div.captcha			{ text-align: left; }
		footer.main div.newsletter-signup input.email-input		{ margin: 10px 0% 0% 0%; padding: 1% 2%; width: 100%; }

		.desktop-element										{ display: none; }
		.mobile-element											{ display: block; }

	}

	@media only screen and (min-width: 0px) and (max-width: 600px) {


	}

	@media only screen and (min-width: 0px) and (max-width: 400px) {


	}