/* Fonts */
	@import url('//fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,700,700italic');

	/* 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; }
	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; }
	a															{ color: #5993C5; }

	/* Page Styles */
	html														{ background-color: #6B9ECC; font-family: 'Open Sans', 'Arial', serif; }

	div.page													{ margin: auto auto auto auto; padding: 0% 0% 0% 0%; background-color: #ffffff; }

	header.main													{ margin: auto auto auto auto; padding: 0% 0% 0% 0%; width: 100%; background-color: #6B9ECC; clear: both; z-index: 10000; position: fixed; }
	header.main div.offset										{ margin: 0% auto 0% auto; width: 100%; max-width: 1200px; clear: both; position: relative; }
	header.main div.header-logo									{ width: 70%; float: left; max-width: 705px;}
	header.main div.header-logo img								{ margin: 0% 0% 0% 0%; width: 100%; max-width: 705px; display: block; }

	header.main div.social										{ margin: 1.5% 1% 0% 0%; width: 29%; float: right; font-weight: normal; text-transform: none; text-align: right; color: #3E4449; }
	header.main div.social p									{ font-size: 14px; color:#FFFFFF; }
	header.main div.social a									{ margin: 0% 0% 0% 0.5%; font-size: 14px; color:#FFFFFF;}
	header.main div.social a:hover								{ margin: 0% 0% 0% 0.5%; font-size: 14px; color:#cdcee8;}	
	header.main div.social h2									{ margin:10px 0px 0px 0px; padding:0px; font-size: 14px; color:#FFFFFF; font-weight:normal;}	
	header.main div.social h2 span.phone						{ font-size: 24px; color:#FFFFFF;  font-weight:normal;}		
	header.main span.social-logos								{ width: 21px; height: 17px; margin-left:10px; vertical-align: bottom; display: inline-block; }


	header.main span.twitter-logo								{ background-image: url('../images/shapwick-twitter-top.png');  background-repeat:no-repeat; background-position:bottom; background-size: 21px 17px;}
	header.main span.twitter-logo:hover							{ background-image: url('../images/shapwick-twitter-top-pon.png');  background-repeat:no-repeat; background-position:bottom; background-size: 21px 17px;}
	header.main span.facebook-logo								{ background-image: url('../images/shapwick-facebook-top.png');  background-repeat:no-repeat; background-position:bottom; background-size: 8px 17px;}
	header.main span.facebook-logo:hover						{ background-image: url('../images/shapwick-facebook-top-pon.png');  background-repeat:no-repeat; background-position:bottom; background-size: 8px 17px;}	
	header.main span.video-logo									{ background-image: url('../images/shapwick-video-top.png');  background-repeat:no-repeat; background-position:bottom; background-size: 27px 17px;}
	header.main span.video-logo:hover							{ background-image: url('../images/shapwick-video-top-pon.png');  background-repeat:no-repeat; background-position:bottom; background-size: 27px 17px;}	
	

	header.main div.social a img								{ margin: -0.3% 0% 0% 0%; float: none; vertical-align: middle; }


	nav.main													{ margin: auto auto auto auto; padding: 0% 0% 0% 0%; width: 100%; background-color: #001D2F; clear: both; }
	nav.main div.offset											{ margin: 0% auto 0% auto; width: 100%; max-width: 1200px; clear: both; position: relative; }
	nav.main ul													{ margin: 0% 0% 0% 0%; padding: 0% 0% 0% 0%; width: 100%; list-style-type: none; position: relative; }
	nav.main ul li												{ margin: 0% 0% 0% 0%; padding: 0% 0% 0% 0%; width: auto; background-image: url('../images/menu-divider.png'); background-repeat: no-repeat; background-position: left center; text-align: center; display: inline-block; float: left; }
	nav.main ul li:first-child									{ padding: 0% 0% 0% 0%; background-image: none; }
	nav.main ul li a											{ margin: 0% 0% 0% 0%; padding: 12px 10px 12px 10px; font-size: 100%; line-height: 100%; font-weight: normal; text-transform: none; text-align: left; color: #FFFFFF; display: block; }
	nav.main ul li:hover a										{ background-color: #003D62; }
	nav.main ul li:hover + li									{ background-image: none; }	
	nav.main ul li.current a									{ background-color: #002D48; }
	nav.main ul li .dummy										{ display: none; }
	nav.main ul li:hover .dummy									{ display: block; }	
	nav.main ul li.current + li									{ background-image: none; }		
	nav.main ul li .drop										{ margin: 0% auto; padding: 0% 0% 0% 0%; width: 100%; max-height: 0; max-width: 1200px; left: 0; background-color: #003D62; overflow: hidden; position: absolute; z-index: 1;  float: none;  transition: max-height 0.3s ease-in 0s, opacity 0.3s ease-in 0s, visibility 0.3s ease-in 0s; }
	nav.main ul li:hover .drop									{ max-height: 300px; opacity: 1; visibility: visible; }
	

	nav.main ul.drop div.offset									{ margin: 0% auto 0% auto; padding: 1% 0% 3% 0%; width: 100%; max-width: 1200px; clear: both; position: relative; }
	nav.main ul li:hover div.drop								{ display: block;}
	nav.main ul li div.drop div.drop-column						{ margin: 0% 0% 0% 0%; padding: 1% 0%; width: 20%; float: left; }
	nav.main ul li div.drop li									{ margin: 0% 10% 0% 0%; padding: 10px 0% 10px 0%; width: 90%; background-image: none; border-bottom: 1px solid #001D2F; display: list-item; text-align: left; }
	nav.main ul li div.drop li a								{ margin: 0% 0% 0% 0%; padding: 0% 0% 0% 0%; width: 100%; font-size: 100%; line-height: 100%; font-weight: normal; text-transform: none; background-color: transparent; text-align: left; }
	nav.main ul li div.drop li a:hover							{ color:#B7D0E6; }

		
	nav.main form.search										{ margin: 0.5% 0% 0% 0%; width: 20%; font-size: 75%; line-height: 100%; font-weight: normal; text-transform: none; text-align: right; display: block; float: right; }
	nav.main form.search input[type=button]						{ display: none; }
	nav.main form.search input[type=text]						{ margin: 0% 0% 0% 0%; padding: 4% 0% 4% 0%; width: 0%; height: 1em; display: inline-block; background-color: #FFFFFF; border: none; font-size: 110%; line-height: 100%; font-weight: normal; text-transform: none; text-align: left; color: #5B84C2; vertical-align: top; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
	nav.main form.search input[type=submit]						{ margin: 0% 3% 0% 0%; padding: 4% 4% 4% 4%; width: 19%; height: auto; display: inline-block; background-color: #5B84C2; border: none; font-size: 110%; line-height: 100%; font-weight: normal; text-transform: none; text-align: center; color: #FFFFFF; vertical-align: top; border-radius: 3px; background-image: url('../images/graphic-icon-search.png'); background-position: center; background-size: auto 60%; background-repeat: no-repeat; }

	nav.sub														{ margin: 0% auto auto auto; padding: 0% 0% 0% 0%; width: 100%; clear: both; }
	nav.sub h2													{ padding: 9% 0% 9% 5%; font-size: 20px; line-height: 1.35em; font-weight: normal; color: #003C62; background-color: #B7D0E6; text-transform:uppercase;}
	nav.sub h2 a												{ color: inherit; }
	nav.sub ul													{ margin: 0% 0% 0% 0%; padding: 5% 0% 5% 5%; width: 95%; font-weight: bold; text-transform: none; text-align: left; display: block; list-style-type: none; }
	nav.sub ul li												{ margin: 0% 0% 0% 0%; padding: 0% 0% 0% 0%; width: auto; display: list-item; text-align: left; position: relative; }
	nav.sub ul li a												{ margin: 0% 0% 0% 0%; padding: 4% 0% 4% 3%; width: 97%; font-size: 16px; line-height: 100%; font-weight: normal; text-transform: none; color: #003C62; border-bottom: 1px solid #B8B8B8; text-align: left; display: block; }
	nav.sub ul li:hover											{ background-color: #E4E4E4; }
	nav.sub ul li.current										{ background-color: #E4E4E4; }

	section.main												{ margin: 0% auto 0% auto; padding: 130px 0% 0% 0%; width: 100%; }
	section.main div.offset										{ padding: 0px; }
	section.main div.child-selection							{ float: right; }
	section.main div.child-selection p							{ font-size: 14px; line-height: 1em; color: #003C62; }
	section.main div.child-selection select						{ font-size: 14px; line-height: 1em; color: #003C62; }

	section.main div.home-offset								{ padding: 0% 2%; width:96%; margin: 0 auto; max-width: 1150px;}	
	section.main div.homeleft									{ float: left; width:72%; margin: 0% 2% 0% 0%;}	
	section.main div.homeleft	div.home-welcome				{ width:94%; padding: 2% 3%; margin: 2% 0 2% 0; background-color:#efefef; }		
	section.main div.homeleft img								{ max-width: 400px; width:49%;}		
	
	section.main div.homeright									{ float: right; width:26%;}	
	section.main div.homeright img								{ max-width: 298px; width:100%;}			
	
	section.main div.content									{ margin: 0% 0% 0% 0%; padding: 0% 0% 0% 0%; }
	section.main div.content h1									{ margin: 1% 0% 2% 0%; padding: 0% 0% 0% 0%; font-size: 1.5em; line-height: 1em; font-weight: normal; text-transform: none; text-align: left; color: #003C62; }
	section.main div.content h2									{ margin: 0px 0% 2% 0%; padding: 0% 0% 0% 0%; font-size: 1.25em; line-height: 1.35em; font-weight: normal; text-transform: none; text-align: left; color: #5993C5; }
	section.main div.content h3									{ margin: 2% 0% 1.5% 0%; padding: 0% 0% 1% 0%; font-size: 1.125em; line-height: 1.35em; font-weight: normal; text-transform: none; text-align: left; color: #003C62; width:100%; border-bottom: 1px #cccccc solid;}
	section.main div.content h4									{ margin: 2% 0% 1.5% 0%; padding: 0% 0% 0% 0%; font-size: 1.125em; line-height: 1.25em; font-weight: normal; text-transform: none; text-align: left; color: #21201e; }
	section.main div.content p									{ margin: 0% 0% 2% 0%; padding: 0% 0% 0% 0%; font-size: 0.9375em; line-height: 1.4em; font-weight: normal; text-transform: none; text-align: left; color: #21201e; }
	section.main div.content a									{ color: #5993C5; text-decoration: none; }
	section.main div.content h3 a								{ color: inherit; text-decoration: none; }	
	section.main div.content ul									{ margin: 1% 0% 2% 0%; padding: 0% 0% 0% 0%; line-height: 1.3em; font-weight: bold; text-transform: none; text-align: left; color: #21201e; list-style-type: disc; }
	section.main div.content ol									{ margin: 0% 0% 4% 0%; padding: 0% 0% 0% 0%;  line-height: 1.3em; text-align: left;  }	
	section.main div.content ul li								{ margin: 1% 0% 1% 4%; padding: 0% 0% 0% 2%; font-size: 0.9375em; line-height: 1.4em; font-weight: normal; text-transform: none; text-align: left; color: #21201e; }
	section.main div.content ol li								{ margin: 1% 0% 1% 4%; padding: 0% 0% 0% 2%; font-size: 0.9375em; line-height: 1.4em; font-weight: normal; text-transform: none; text-align: left; color: #21201e; }	
	section.main div.content img								{ max-width: 100%; height: auto !important; }
	section.main div.content div.latest-article-summary			{ margin: 0% 3% 3% 0%; float:left; width:47%; min-height:110px;}
	section.main div.content div.latest-article-summary div.article-thumb		{ float:left; margin-right:5%; width:36%; max-width:150px;}	
	section.main div.content div.latest-article-summary div.article-headline	{ float:left;  width:59%;}				
	section.main div.content div.latest-article-summary img		{ margin-bottom:2%; width:100%; max-width:150px;}		
	section.main div.content div.latest-article-summary h3		{ margin: 0% 0% 1.5% 0%; line-height: 1.25em; font-size: 1.0em;}	
	section.main div.content div.latest-article-summary p		{ margin: 0% 0% 3% 0%; padding: 0% 0% 0% 0%; font-size: 0.8em; line-height: 1.4em; font-weight: normal; text-transform: none; text-align: left; color: #21201e; }	
	section.main div.content div.latest-article-summary p span.highlight	{ color: #5993C5; }		
	
	section.main div.content div.video							{ margin: 0% 3% 3% 0%; float:left; width:47%; min-height:190px;}	
	section.main div.content div.video div.video-thumb			{ float:left; margin-right:5%; width:50%; max-width:287px; min-height:190px;}		
	section.main div.content div.video div.video-title			{ float:left;  width:45%; min-height:190px;}		
	section.main div.content div.video img						{ padding: 0% 0% 1.5% 0%; }		
	section.main div.content div.video h3						{ padding: 0% 0% 1.5% 0%; line-height: 1.25em; font-size: 1.0em;}		
	section.main div.content div.video p						{ margin: 0% 0% 3% 0%; padding: 0% 0% 0% 0%; font-size: 0.8em; line-height: 1.4em; font-weight: normal; text-transform: none; text-align: left; color: #21201e; }	
	
	section.main div.homeright div.content h2					{ margin: 0px 0% 10px 0%; padding: 0% 0% 5px 0%; font-size: 20px; line-height: 1.35em; font-weight: normal; text-transform: none; text-align: left; color: #001d2f; width:100%; border-bottom: 1px #001d2f solid;}


	section.main div.content div.policy-listing					{ margin: 0% 3% 3% 0%; float:left; width:30%;}		
	section.main div.content div.publication-listing			{ margin: 0% 3% 3% 0%; float:left; width:25%; height:200px; max-width:200px;}	
	section.main div.content div.publication-listing	div.publication-icon		{ height:150px; }		
	
	section.main div.content blockquote							{ margin: 0% 0% 1% 0%; padding: 1.5% 2.5% 2% 2.5%; width: 43%; position: relative; float: right; clear: right; background-color: #E8E8E9; border-radius: 5px; }
	section.main div.content blockquote:before					{ margin: -3.5% 0% 0% -4%; font-size: 250%; color: #CCCCCC; position: absolute; content: "\201C"; display: block; }
	section.main div.content blockquote:after					{ margin: 1% 0% -1% 0%; font-size: 250%; color: #CCCCCC; position: absolute; content: "\201D"; display: block; right: 1%; }
	section.main div.content blockquote blockquote				{ margin: 1% 0% 2% 0%; padding: 1.5% 2.5% 2% 2.5%; width: 95%; font-size: 80%; background-color: #F6F6F6; }
	section.main div.content blockquote blockquote:before		{ content: ""; }
	section.main div.content blockquote blockquote:after		{ content: ""; }

	section.main div.content table								{ margin: 0% 0% 0% 0%; padding: 0% 0% 0% 0%; border: 0; width: 100%; }
	section.main div.content table tr							{ margin: 0% 0% 0% 0%; padding: 0% 0% 0% 0%; border: 0; }
	section.main div.content table th							{ margin: 0% 0% 0% 0%; padding: 0% 2% 0% 2%; text-align: left; vertical-align: middle; }
	section.main div.content table td							{ margin: 0% 0% 0% 0%; padding: 1% 2% 1% 2%; text-align: left; vertical-align: top; border: 3px solid #ffffff; background-color:#eeeeee;}
	
	section.main div.content table.one 							{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; vertical-align: top; }	
	section.main div.content table.one th						{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 2px solid #ffffff; background-color:#dddddd;}
	section.main div.content table.one th	p					{ text-align:center; font-size:1.125em; font-weight:bold; margin-top:2%;}			
	section.main div.content table.one td						{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 2px solid #ffffff; background-color:#eeeeee;}	
	section.main div.content table.one td	P					{ margin: 10px 0px 0px 0px!important; padding: 5px; }			

	section.main div.content div.content-table					{ margin: 0% 0% 0% 0%; padding: 0% 0% 0% 0%; border: 0; width: 100%; display: table; }
	section.main div.content div.content-table-row				{ margin: 0% 0% 0% 0%; padding: 0% 0% 0% 0%; border: 0; display: table-row; }
	section.main div.content div.content-table-cell				{ margin: 0% 0% 0% 0%; padding: 0% 2% 0% 2%; text-align: left; vertical-align: top; display: table-cell; }

	section.main div.content table.document-list th				{ padding: 0% 0% 2% 0%; }
	section.main div.content table.document-list td				{ padding: 1% 0% 1% 0%; }

	section.main table.document-list th.document-icon			{ width: 3%; }
	section.main table.document-list th.document-name			{ width: 75%; }
	section.main table.document-list th.document-date			{ width: 19%; }
	section.main table.document-list th.document-type			{ width: 3%; }

	section.main table.document-list td.document-type img		{ width: 100%; }

	section.main.slider											{ margin: auto auto 1% auto; padding: 12.5% 0% 0% 0%; width: 100%; height: 0; float: none; overflow: hidden; }
	section.main.slider div.offset								{ position: relative; max-width: 100%; margin: -12.5% 0% 0% 0%; }
	section.main.slider div.slide								{ padding: 0% 0% 0% 0%; width: 100%;  background-size: contain; background-repeat: no-repeat; position: absolute;}
	section.main.slider div.slide div.content					{ margin: 0% 0% 0% 0%; padding: 0.5% 1.5% 0.5% 1.5%; width: 97%; bottom: 0; background-image: url('../images/slider-text-bgd.png'); background-repeat: repeat; position: absolute; }
	section.main.slider div.slide div.content div.offset		{ margin: 0% auto 0% auto; width: 100%; max-width: 1200px; }
	section.main.slider div.slide div.content h3				{ margin: 0% 0% 0% 0%; padding: 0% 0% 0% 0%; font-size: 1.125em; line-height: 1.125em; font-weight: normal; font-style: italic; text-transform: none; text-align: center; color: #FFFFFF; border:0;}
	section.main.slider div.slide div.content p					{ margin: 0% 0% 2% 0%; padding: 0% 0% 0% 0%; font-size: 100%; line-height: 120%; font-weight: normal; text-transform: none; text-align: left; color: #FFFFFF; }
	section.main.slider div.slide div.content a					{ color: #5B84C2; text-decoration: none; }
	section.main.slider div.slide div.content a.cta				{ margin: 0% 0% 0% 0%; padding: 1% 5.6% 1.2% 1.4%; font-size: 100%; line-height: 100%; font-weight: normal; text-transform: none; text-align: left; color: #FFFFFF; text-decoration: none; background-color: #913C8A; background-image: url('../images/graphic-icon-cta.png'); background-position: right center; background-size: auto 80%; background-repeat: no-repeat; border-radius: 3px; }
	section.main.slider div.pips								{ margin: 34% 1% 0% 0%; width: 99%; text-align: right; position: absolute; z-index: 1; }
	section.main.slider div.pips a.pip							{ margin: 0% 0.8% 0% 0%; padding: 0.5% 0.75% 0.5% 0.75%; background-image: url('../images/graphic-icon-clear.png'); background-size: contain; background-repeat: no-repeat; font-size: 60%; line-height: 100%; font-weight: normal; text-transform: none; text-align: center; color: transparent; }
	section.main.slider div.pips a.pip.current					{ background-image: url('../images/graphic-icon-red.png'); }

	section.main div#gallery ul li															{ margin: 0% 0% 0% 0%; padding: 0% 20px 0% 20px; text-align: center; }
	section.main div#gallery div.album div.photograph-album									{ margin: 0% 1% 2% 1%; text-align: center; float: left;  }
	section.main div#gallery div.album div.photograph-album		p							{ text-align:center; font-size:0.750em; padding: 0 6px;}	
	section.main div#gallery div.album div.photograph-album div.photograph-container		{ margin: 0%; max-width: 212px; max-height: 197px; }
	section.main div#gallery div.album div.photograph-album div.photograph-container img	{ max-width: 200px; max-height: 150px; text-align: center; padding: 6px 6px 6px 6px; background-color: #FFFFFF; box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.08);}
	section.main div#gallery div.album div.photograph										{ margin: 0% 1% 2% 1%; float: left; }
	section.main div#gallery div.album div.photograph img									{ padding: 6px 6px 6px 6px; background-color: #FFFFFF; box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.08); display: block; }
	section.main div#gallery div.album-mobile												{ display: none; }



	section.main div.standard-menu-left							{ margin: 0% 3% 0% 0%; width: 17%; float: left; clear: both; }
	section.main div.standard-menu-mid							{ margin: 2.5% 3% 0% 0%; width: 49%; float: left; }	
	section.main div.standard-menu-mid		img					{ width: 32%; margin-right:1%  }		
	section.main div.standard-menu-right						{ margin: 2.5% 2% 0% 0%; width: 26%; float: left; }
	section.main div.standard-menu-right		img				{ width: 100%;  }	
	
	section.main div.standard-menu-mid2							{ margin: 2.5% 1% 0% 0%; width: 79%;  float: left; }	
	section.main div.standard-menu-mid2		img					{ width: 32%; max-width: 300px; margin-right:1%  }			
	section.main div.standard-menu-right2						{ margin: 2.5% 2% 0% 0%; width: 3%; float: left; }	
	section.main div.standard-menu-right2		img				{ width: 100%;  }		

	footer.main													{ margin: auto auto auto auto; padding: 0% 0% 0% 0%; width: 100%; height: 0; background-color: #6B9ECC; clear: both; }
	footer.main div.offset										{ margin: 0% auto 2% auto; width: 100%; max-width: 1134px; clear: both; position: relative; }
	footer.main div.footer-top									{ padding: 1% 1.5% 3% 1.5%; }
	footer.main div.footer-column								{ width: 25%; float: left; }
	footer.main img												{ margin: 0% 0% 0% 0%; }
	footer.main h3												{ margin: 4% 0% 0% 1%; font-size: 14px; line-height: 1.7em; font-weight: normal; color: #003C62; }
	footer.main p.h3-style										{ margin: 4% 0% 0% 1%; font-size: 14px; line-height: 1.7em; font-weight: normal; color: #003C62; text-align: left; }
	footer.main p												{ margin: 0% 0% 0% 1%; font-size: 13px; line-height: 1.85em; font-weight: normal; color: #FFFFFF; }
	footer.main p a												{ color: inherit; }
	footer.main div.footer-bottom								{ padding: 2% 0% 0% 0%; border-top: 1px solid #B5CDE3; clear: both; }
	footer.main div.footer-bottom p								{ width: 72%; font-size: 12px; line-height: 2em; float: left; }
	footer.main div.footer-bottom div.footer-associations		{ margin: 0% 1% 0% 0%; width: 26%; float: right; }
	footer.main div.footer-bottom div.footer-associations img	{ margin: 0% 0% 0% 7%; float: right; }

	section.main form											{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width:80%; background-color:#e2e2e2; }
	
	section.main form label										{ padding: 3px 0px 3px 0px; width: 16%; text-transform: none; background-color: transparent;  float: left; font-family: 'Open Sans' ;  font-size:14px; line-height:normal; color:#505050;  margin: 1% 0% 0% 1%; font-weight: 400}
	section.main form label.clear							{ clear:both;}
	section.main form hr									{ clear:both; background-color:#FFFFFF; border:0; height:10px; margin:0px 0px;}
	section.main form input[type=submit]					{ margin: 20px 13px 10px 0px; padding: 6px 20px 6px 6px; font-size:1rem; background-color:#5993C5; color:#FFFFFF; 	border-radius: 0; border: none; display: block; clear: both; float: right;   -webkit-appearance: none; }
	section.main form input[type=text]						{ margin: 1% 0% 0% 1%; padding: 5px 3px 5px 3px; width: 29%; font-size: 1rem; line-height: 1.3rem; font-weight: normal; text-transform: none; background-color: #FFFFFF; color: #2E2E2E; border: 1px #e8e8e8 solid; float: left; }
	section.main form textarea.address						{ margin: 1% 0% 0% 1%; padding: 5px 3px 5px 3px; width: 29%; font-size: 1rem; line-height: 1.3rem; font-weight: normal; text-transform: none; background-color: #FFFFFF; color: #2E2E2E; border: 1px #e8e8e8 solid;  float: left; }
	section.main form textarea								{ margin: 1% 0% 0% 1%; padding: 5px 3px 5px 3px; width: 70%; font-size: 1rem; line-height: 1.3rem; font-weight: normal; text-transform: none; background-color: #FFFFFF; color: #2E2E2E; border: 1px #e8e8e8 solid;  float: left; }
	section.main form select								{ margin: 1% 0% 0% 1%; padding: 5px 3px 5px 3px; width: 20%; font-size: 1rem; line-height: 1.3rem; font-weight: normal; text-transform: none; background-color: #FFFFFF; color: #2E2E2E; border: 1px #e8e8e8 solid;  float: left; }

	section.main form div.captcha-img						{ float:left; margin: 1% 0% 0% 1%; }
	
	br.clear													{ height: 0%; overflow: hidden; }

	.clear														{ clear: both; }
	.error														{ color: #FFFFFF !important; background-color: #B01858 !important; }

	.mobile-element												{ display: none; }
	
	@media only screen and (min-width: 0px) and (max-width: 1300px) {
	section.main div.content div.policy-listing					{ margin: 0% 3% 3% 0%; float:left; width:45%;}				
	}	
	
	@media only screen and (min-width: 0px) and (max-width: 1024px) {

	section.main div.home-offset								{ padding: 0% 2%; width:96%;  margin: 0 auto; max-width: 1000px;}	
	section.main div.homeleft									{ float: left; width:72%; margin: 0% 2% 0% 0%;}	
	section.main div.homeleft	div.home-welcome				{ width:94%; padding: 2% 3%; margin: 2% 0 2% 0; background-color:#efefef; }			
	section.main div.homeleft img								{ max-width: 400px; width:49%;}	
	
	section.main div.homeright									{ float: right; width:26%;}		
	section.main div.content div.policy-listing					{ margin: 0% 3% 3% 0%; float:left; width:45%;}			

	nav.main													{ margin: auto auto auto auto; padding: 0% 0% 0% 0%; width: 100%; background-color: #001D2F; clear: both; }
	nav.main div.offset											{ margin: 0% auto 0% auto; width: 100%; max-width: 1000px; clear: both; position: relative; }
	nav.main ul													{ margin: 0% 0% 0% 0%; padding: 0% 0% 0% 0%; width: 100%; list-style-type: none; position: relative; }
	nav.main ul li												{ margin: 0% 0% 0% 0%; padding: 0% 0% 0% 0%; width: auto; background-image: url('../images/menu-divider.png'); background-repeat: no-repeat; background-position: left center; text-align: center; display: inline-block; float: left; }
	nav.main ul li:first-child									{ padding: 0% 0% 0% 0%; background-image: none; }
	nav.main ul li a											{ margin: 0% 0% 0% 0%; padding: 12px 6px 12px 6px; font-size: 90%; line-height: 100%; font-weight: normal; text-transform: none; text-align: left; color: #FFFFFF; display: block; }
	nav.main ul li:hover a										{ background-color: #003D62; }
	nav.main ul li:hover + li									{ background-image: none; }	
	nav.main ul li.current a									{ background-color: #003D62; }
	nav.main ul li.current + li									{ background-image: none; }
	nav.main ul li ul.drop										{ margin: 0% 0% 0% 0%; padding: 0% 0% 1px 0%; width: 100%; left: 0; background-color: #003D62; display: none; position: fixed; z-index: 1; list-style-type: none; float: none; }
	nav.main ul.drop div.offset									{ margin: 0% auto 0% auto; padding: 1% 0% 3% 0%; width: 100%; max-width: 1200px; clear: both; position: relative; }
	nav.main ul li:hover ul.drop								{ display: block; }
	nav.main ul li ul.drop div.drop-column						{ margin: 0% 0% 0% 0%; width: 30%; float: left; }
	nav.main ul li ul.drop li									{ margin: 0% 0% 0% 0%; padding: 10px 0% 10px 0%; width: 100%; background-image: none; border-bottom: 1px solid #6B9ECC; 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: 100%; line-height: 100%; font-weight: normal; text-transform: none; background-color: transparent; text-align: left; }
	nav.main form.search										{ margin: 0.5% 0% 0% 0%; width: 20%; font-size: 75%; line-height: 100%; font-weight: normal; text-transform: none; text-align: right; display: block; float: right; }
	nav.main form.search input[type=button]						{ display: none; }
	nav.main form.search input[type=text]						{ margin: 0% 0% 0% 0%; padding: 4% 0% 4% 0%; width: 0%; height: 1em; display: inline-block; background-color: #FFFFFF; border: none; font-size: 110%; line-height: 100%; font-weight: normal; text-transform: none; text-align: left; color: #5B84C2; vertical-align: top; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
	nav.main form.search input[type=submit]						{ margin: 0% 3% 0% 0%; padding: 4% 4% 4% 4%; width: 19%; height: auto; display: inline-block; background-color: #5B84C2; border: none; font-size: 110%; line-height: 100%; font-weight: normal; text-transform: none; text-align: center; color: #FFFFFF; vertical-align: top; border-radius: 3px; background-image: url('../images/graphic-icon-search.png'); background-position: center; background-size: auto 60%; background-repeat: no-repeat; }

	section.main div.content h1									{ margin: 1% 0% 2% 0%; padding: 0% 0% 0% 0%; font-size: 1.5em; line-height: 1em; font-weight: normal; text-transform: none; text-align: left; color: #003C62; }
	section.main div.content h2									{ margin: 0px 0% 2% 0%; padding: 0% 0% 0% 0%; font-size: 1.25em; line-height: 1.35em; font-weight: normal; text-transform: none; text-align: left; color: #5993C5; }
	section.main div.content h3									{ margin: 2% 0% 1.5% 0%; padding: 0% 0% 1% 0%; font-size: 1.0em; line-height: 1.35em; font-weight: normal; text-transform: none; text-align: left; color: #003C62; width:100%; border-bottom: 1px #cccccc solid;}
	section.main div.content h4									{ margin: 2% 0% 1.5% 0%; padding: 0% 0% 0% 0%; font-size: 1.125em; line-height: 1.25em; font-weight: normal; text-transform: none; text-align: left; color: #21201e; }
	section.main div.content p									{ margin: 0% 0% 2% 0%; padding: 0% 0% 0% 0%; font-size: 0.9375em; line-height: 1.4em; font-weight: normal; text-transform: none; text-align: left; color: #21201e; }
	section.main div.content a									{ color: #5993C5; text-decoration: none; }
	section.main div.content h3 a								{ color: inherit; text-decoration: none; }	
	section.main div.content ul									{ margin: 1% 0% 2% 0%; padding: 0% 0% 0% 0%; line-height: 1.3em; font-weight: bold; text-transform: none; text-align: left; color: #21201e; list-style-type: disc; }
	section.main div.content ol									{ margin: 0% 0% 4% 0%; padding: 0% 0% 0% 0%;  line-height: 1.3em; text-align: left;  }	
	section.main div.content ul li								{ margin: 1% 0% 1% 4%; padding: 0% 0% 0% 2%; font-size: 0.9375em; line-height: 1.4em; font-weight: normal; text-transform: none; text-align: left; color: #21201e; }
	section.main div.content ol li								{ margin: 1% 0% 1% 4%; padding: 0% 0% 0% 2%; font-size: 0.9375em; line-height: 1.4em; font-weight: normal; text-transform: none; text-align: left; color: #21201e; }	

	section.main div.content div.latest-article-summary			{ margin: 0% 3% 3% 0%; float:left; width:47%; min-height:110px;}
	section.main div.content div.latest-article-summary div.article-thumb		{ float:left; margin-right:5%; width:36%; max-width:150px;}	
	section.main div.content div.latest-article-summary div.article-headline	{ float:left;  width:59%;}				
	section.main div.content div.latest-article-summary img		{ margin-bottom:2%; width:100%; max-width:150px;}		
	section.main div.content div.latest-article-summary h3		{ margin: 0% 0% 1.5% 0%; line-height: 1.0em; font-size: 0.9em;}	
	section.main div.content div.latest-article-summary p		{ margin: 0% 0% 3% 0%; padding: 0% 0% 0% 0%; font-size: 0.8em; line-height: 1.4em; font-weight: normal; text-transform: none; text-align: left; color: #21201e; }	

	section.main div.content div.video							{ margin: 0% 3% 3% 0%; float:left; width:47%; min-height:190px;}	
	section.main div.content div.video	img						{ width:100%; }		

	section.main div.standard-menu-left			img				{ width: 95%; }
	
	section.main div#gallery ul li															{ margin: 0% 0% 0% 0%; padding: 0% 20px 0% 20px; text-align: center; }
	section.main div#gallery div.album div.photograph-album									{ margin: 0% 3% 2% 3%; text-align: center; float: left; }
	section.main div#gallery div.album div.photograph-album		p							{ text-align:center; font-size:0.8125em;}	
	section.main div#gallery div.album div.photograph-album div.photograph-container		{ margin: 0px 0px 10px 0px; max-width: 200px; max-height: 185px; }
	section.main div#gallery div.album div.photograph-album div.photograph-container img	{ max-width: 200px; max-height: 150px; text-align: center; padding: 6px 6px 6px 6px; background-color: #FFFFFF; box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.05);}
	section.main div#gallery div.album div.photograph										{ margin: 0% 1% 2% 1%; float: left; }
	section.main div#gallery div.album div.photograph img									{ padding: 6px 6px 6px 6px; background-color: #FFFFFF; box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1); display: block; }
	section.main div#gallery div.album-mobile												{ display: none; }	

	footer.main div.footer-bottom								{ padding: 2% 0% 0% 0%; border-top: 1px solid #B5CDE3; clear: both; }
	footer.main div.footer-bottom p								{ width: 73%; font-size: 11px; line-height: 2em; float: left; }
	footer.main div.footer-bottom div.footer-associations		{ margin: 0% 0% 0% 0%; width: 26%; float: right; }
	footer.main div.footer-bottom div.footer-associations img	{ margin: 0% 0% 0% 7%; float: right; width:30%;}

	}	
	

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

		footer.main div.footer-column							{ width: 50%; }

	}

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

	section.main div.home-offset								{ padding: 0% 2%; width:96%; margin: 0 auto; max-width: 768px;}	
	section.main div.homeleft									{ float: none; width:100%; margin: 0% 0% 0% 0%;}	
	section.main div.homeleft	div.home-welcome				{ width:94%; padding: 2% 3%; margin: 2% 0 2% 0; background-color:#efefef; }		
	section.main div.homeleft img								{ max-width: 400px; width:49%;}		
	
	section.main div.homeright									{ float: none; width:80%; margin: 0% 10%;}	
	section.main div.homeright img.top							{ width:64%; float:none; margin: 0% 18%;}	
	section.main div.homeright img.bot							{ width:50%; float:none; margin: 0% 25%;}			
	section.main div.homeright div.latest-news					{ float:left; width: 65%; margin-left:5%;}				

	header.main													{ margin: auto auto auto auto; padding: 0% 0% 0% 0%; width: 100%; background-color: #001D2F; clear: both; z-index: 10000; position: relative; }
	header.main p												{ font-size: 1.5em; }
	header.main div.offset										{ margin: 0% auto 0% auto; width: 100%; max-width: 800px; clear: both; position: relative; }
	header.main div.header-logo									{ width: 70%; float: left; }
	header.main div.social										{ margin: 5% 3% 0% 0%; width: 27%; float: right; font-weight: normal; text-transform: none; text-align: right; color: #3E4449; }		
	header.main div.header-parent								{ width: 100%; padding: 4% 0% 0% 0%; float: none; }
	header.main div.header-parent p								{ color: #6B9ECC; text-align: center; }
	header.main span.social-logos								{ width: 37px; height: 23px; margin-left:10px; vertical-align: bottom; display: inline-block; }		
	header.main span.twitter-logo								{ background-image: url('../images/shapwick-twitter-top.png');  background-repeat:no-repeat; background-position:bottom; background-size: 29px 23px;}
	header.main span.twitter-logo:hover							{ background-image: url('../images/shapwick-twitter-top-pon.png');  background-repeat:no-repeat; background-position:bottom; background-size: 29px 23px;}
	header.main span.facebook-logo								{ background-image: url('../images/shapwick-facebook-top.png');  background-repeat:no-repeat; background-position:bottom; background-size: 11px 23px;}
	header.main span.facebook-logo:hover						{ background-image: url('../images/shapwick-facebook-top-pon.png');  background-repeat:no-repeat; background-position:bottom; background-size: 11px 23px;}	
	header.main span.video-logo									{ background-image: url('../images/shapwick-video-top.png');  background-repeat:no-repeat; background-position:bottom; background-size: 37px 23px;}
	header.main span.video-logo:hover							{ background-image: url('../images/shapwick-video-top-pon.png');  background-repeat:no-repeat; background-position:bottom; background-size: 37px 23px;}			

	nav.main													{ padding: 0% 0% 0% 0%; background-image: none; }
	nav.main div.offset											{ margin: 0% 0% 0% 0%; }

	nav.main ul													{ margin: 12% 0% 0% 0%; padding: 0% 0% 0% 0%; width: 100%; display: none; list-style-type: none; float: left; }
	nav.main ul li												{ margin: 0% 0% 0% 0%; padding: 2% 0% 2% 0%; width: 100%; display: list-item; text-align: center; float: none; background-color: #555E64; border: 0 solid #292D31; border-width: 0 0 thin 0; }
	nav.main ul li a											{ margin: 0% 0% 0% 0%; padding: 0% 0% 0% 0%; width: 100%; font-size: 200%; color: #FFFFFF; }

	nav.main ul li ul.drop										{ margin: 0% 0% 0% 0%; padding: 1% 0% 1% 0%; width: 100%; display: none; list-style-type: none; background-image: none; border-bottom-left-radius: 0; position: relative; }
	nav.main ul li ul.drop li									{ margin: 0% 0% 0% 0%; padding: 1% 0% 1% 0%; width: auto; display: list-item; text-align: center; background-color: #555E64; border-width: 0 0 0 0; }
	nav.main ul li ul.drop li a									{ margin: 0% 0% 0% 0%; padding: 0% 0% 0% 0%; width: 100%; font-size: 180%; color: #FFFFFF; }


	#mobile-nav													{ width: 100%; z-index: 100000; position: absolute; }

	nav.sub														{ }

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

	section.main div.offset										{ }

	section.main.slider div.slide div.content					{ margin: 0%; }
	section.main.slider div.slide div.content h3				{ margin: 0% 0% 0% 0%; padding: 1% 0% 1% 0%; font-size: 1.6em; line-height: 1.6em; font-weight: normal; font-style: italic; text-transform: none; text-align: center; color: #FFFFFF; border:0;}

	section.main.slider.home									{ margin: 0% 0% 2% 0%; }

	section.main div.content h1									{ font-size: 1.5em; line-height: 1.35em; clear: both; }
	section.main div.content h2									{ font-size: 1.25em; line-height: 1.35em; }
	section.main div.content h3									{ font-size: 1.125em; line-height: 1.35em; }
	section.main div.content h4									{ font-size: 1.125em; line-height: 1.35em; }
	section.main div.content p									{ font-size: 0.9375em; line-height: 1.35em; }
	section.main div.content ul									{ padding: 0% 0% 0% 7%; }
	section.main div.content ol									{ padding: 0% 0% 0% 7%; }		
	section.main div.content ul li								{ font-size: 0.9375em; line-height: 1.35em; }
	section.main div.content ol li								{ font-size: 0.9375em; line-height: 1.35em; }
	
	section.main div.standard-menu-left							{ float: none; display:none;  }
	section.main div.standard-menu-mid							{ margin: 2.5% 3% 0% 3%; width: 94%; float: none; }	
	section.main div.standard-menu-right						{ margin: 0% 0% 0% 0%; width: 100%; float: none; }
	section.main div.standard-menu-right		img				{ width: 100%;  }	
	
	section.main div.standard-menu-mid2							{ margin: 2.5% 3% 0% 3%; width: 94%;  float: left; }	
	section.main div.standard-menu-right2						{ margin: 0% 0% 0% 0%; width: 100%; float: none; }	
	section.main div.standard-menu-right2		img				{ width: 100%;  }	

	section.main form											{ margin: 0px 0px 0px 0px; padding: 0% 0% 3% 0%; width:100%; background-color:#e2e2e2; clear:both;}
	
	section.main form label										{ padding: 3px 0px 3px 0px; width: 94%; text-transform: none; background-color: transparent;  float: left; font-family: 'Open Sans' ;  font-size:14px; line-height:normal; color:#505050;  margin: 1% 0% 0% 2%; font-weight: 400}
	section.main form label.clear							{ clear:both;}
	section.main form hr									{ clear:both; background-color:#FFFFFF; border:0; height:10px; margin:0px 0px;}
	section.main form input[type=submit]					{ margin: 2% auto 5% auto; padding: 6px 20px 6px 6px; font-size:1rem; background-color:#5993C5; color:#FFFFFF; border: none; 	border-radius: 0; display: block; clear: both; float: none;  -webkit-appearance: none;}
	section.main form input[type=text]						{ margin: 1% 0% 0% 2%; padding: 5px 3px 5px 3px; width: 94%; font-size: 1rem; line-height: 1.3rem; font-weight: normal; text-transform: none; background-color: #FFFFFF; color: #2E2E2E; border: 1px #e8e8e8 solid; float: left; }
	section.main form textarea.address						{ margin: 1% 0% 0% 2%; padding: 5px 3px 5px 3px; width: 94%; font-size: 1rem; line-height: 1.3rem; font-weight: normal; text-transform: none; background-color: #FFFFFF; color: #2E2E2E; border: 1px #e8e8e8 solid;  float: left; }
	section.main form textarea								{ margin: 1% 0% 0% 2%; padding: 5px 3px 5px 3px; width: 94%; font-size: 1rem; line-height: 1.3rem; font-weight: normal; text-transform: none; background-color: #FFFFFF; color: #2E2E2E; border: 1px #e8e8e8 solid;  float: left; }
	section.main form select								{ margin: 1% 0% 0% 2%; padding: 5px 3px 5px 3px; width: 30%; font-size: 1rem; line-height: 1.3rem; font-weight: normal; text-transform: none; background-color: #FFFFFF; color: #2E2E2E; border: 1px #e8e8e8 solid;  float: left; }

	section.main form div.captcha-img						{ float:none; clear:both; margin: 5% auto; padding: 5% 0%; text-align:center;}
	
	section.main div.content div.content-table					{ margin: 0% 0% 0% 0%; padding: 0% 0% 0% 0%; border: 0; width: 100%; display: block; }
	section.main div.content div.content-table-row				{ margin: 0% 0% 0% 0%; padding: 0% 0% 0% 0%; border: 0; display: block; }
	section.main div.content div.content-table-cell				{ margin: 0% 0% 0% 0%; padding: 0% 2% 0% 2%; width: 96%; text-align: left; vertical-align: top; display: block; }

	section.main div.landing-message							{ width: 100%; float: none; }
	section.main div.landing-child								{ margin: 0% 0% 0% 0%; width: 100%; float: none; }

	section.main div.landing-box h2								{ font-size: 2em; line-height: 1.35em; }

	section.main div.landing-notices h3							{ font-size: 2em; line-height: 1.35em; }

	section.main div.landing-letters							{ width: 100%; float: none; }
	section.main div.landing-fixtures							{ width: 100%; float: none; }

	section.main div.landing-letters ul li						{ font-size: 1.5em; }
	section.main div.landing-letters ul li a					{ font-size: 1.875rem; }

	section.main div.landing-fixtures table						{ font-size: 1.875em; }

	section.main div.standard-menu-left							{ margin: 0% 0% 0% 0%; width: 100%; float: none; clear: both; }
	section.main div.standard-menu-right						{ width: 100%; float: none; }


	nav.articles												{ display: none; }

	footer.main													{ padding: 8% 0% 4% 0%; text-align: center; }
	footer.main img												{ width: auto; }
	footer.main h3												{ margin: 4% 0% 0% 0%; font-size: 1.125em; }
	footer.main p												{ margin: 0% 0% 0% 0%; width: 100%; font-size: 0.9375em; }
	footer.main div.footer-column								{ width: 100%; }
	footer.main p.h3-style										{ margin: 0% 0% 0% 0%; font-size: 0px; line-height: 0em; font-weight: normal; color: #003C62; text-align: left; }
	footer.main div.footer-bottom								{ padding: 2% 1.5% 0% 1.5%; }
	footer.main div.footer-bottom p								{ width: 100%; font-size: 0.9375em; line-height: 1.5em; float: none; }
	footer.main div.footer-bottom div.footer-associations		{ margin: 2% 0% 2% 0%; width: 100%; max-height:48px; float: none; }
	footer.main div.footer-bottom div.footer-associations img	{ margin: 0% 2.5% 0% 2.5%; float: none; width:auto;}

	div.pips													{ display: none; }

	section.main div#gallery div.album						{ display: none; }
	section.main div#gallery div.album-mobile				{ display: block; }

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

	}

	@media only screen and (min-width: 0px) and (max-width: 600px) {
	
	section.main div.home-offset								{ padding: 0% 2%; width:96%; margin: 0 auto; max-width: 768px;}	
	section.main div.homeleft									{ float: none; width:100%; margin: 0% 0% 0% 0%;}	
	section.main div.homeleft	div.home-welcome				{ width:94%; padding: 2% 3%; margin: 2% 0 2% 0; background-color:#efefef; }		
	section.main div.homeleft	div.home-welcome	img			{ width:90%;  }		
	section.main div.homeleft img								{ max-width: 400px; width:49%;}		
	
	section.main div.homeright									{ float: none; width:94%; padding: 2% 3%; margin:0%;}	
	section.main div.homeright img.top							{ width:94%; float:none; margin: 0% 3%;}	
	section.main div.homeright img.bot							{ width:50%; float:none; margin: 0% 25%;}			
	section.main div.homeright div.latest-news					{ float:left; width: 65%; margin-left:5%;}		
	
	
	section.main div.content div.latest-article-summary			{ margin: 0% 0% 3% 0%; float:left; width:100%; min-height:110px;}
	section.main div.content div.latest-article-summary div.article-thumb		{ float:left; margin-right:5%; width:36%; max-width:150px;}	
	section.main div.content div.latest-article-summary div.article-headline	{ float:left;  width:59%;}				
	section.main div.content div.latest-article-summary img		{ margin-bottom:2%; width:100%; max-width:150px;}		
	section.main div.content div.latest-article-summary h3		{ margin: 0% 0% 1.5% 0%; line-height: 1.0em; font-size: 0.9em;}	
	section.main div.content div.latest-article-summary p		{ margin: 0% 0% 3% 0%; padding: 0% 0% 0% 0%; font-size: 0.8em; line-height: 1.4em; font-weight: normal; text-transform: none; text-align: left; color: #21201e; }	
	
	section.main.slider div.slide div.content h3				{ margin: 0% 0% 0% 0%; padding: 1% 0% 1% 0%; font-size: 1.125em; line-height: 1.125em; font-weight: normal; font-style: italic; text-transform: none; text-align: center; color: #FFFFFF; border:0;}
	

	section.main div.content div.video							{ margin: 0% 0% 3% 0%; float:left; width:100%; min-height:190px;}	
	section.main div.content div.video	img						{ width:100%; }	
	
	footer.main													{ padding: 8% 0% 4% 0%; text-align: center; }
	footer.main img												{ width: auto; }
	footer.main h3												{ margin: 4% 0% 0% 0%; font-size: 1.75em; }
	footer.main p												{ margin: 0% 0% 0% 0%; width: 100%; font-size: 1.5em; }
	footer.main div.footer-column								{ width: 100%; }
	footer.main p.h3-style										{ margin: 0% 0% 0% 0%; font-size: 0px; line-height: 0em; font-weight: normal; color: #003C62; text-align: left; }
	footer.main div.footer-bottom								{ padding: 2% 1.5% 0% 1.5%; }
	footer.main div.footer-bottom p								{ width: 100%; font-size: 1em; line-height: 2em; float: none; }
	footer.main div.footer-bottom div.footer-associations		{ margin: 0% 0% 0% 0%; width: 100%; float: none; }
	footer.main div.footer-bottom div.footer-associations img	{ margin: 0% 2.5% 0% 2.5%; float: none; }	
	
}

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

		header.main p												{ font-size: 1.5em; }

		section.main div.content h1									{ font-size: 1.5em; line-height: 1.35em; clear: both; }
		section.main div.content h2									{ font-size: 1.25em; line-height: 1.35em; }
		section.main div.content h3									{ font-size: 1.125em; line-height: 1.35em; }
		section.main div.content h4									{ font-size: 1.125em; line-height: 1.35em; }
		section.main div.content p									{ font-size: 0.9375em; line-height: 1.35em; }
		section.main div.content ul									{ padding: 0% 0% 0% 7%; }
		section.main div.content ol									{ padding: 0% 0% 0% 7%; }		
		section.main div.content ul li								{ font-size: 0.9375em; line-height: 1.35em; }
		section.main div.content ol li								{ font-size: 0.9375em; line-height: 1.35em; }

		section.main div.content form label							{ font-size: 1.875em; }
		section.main div.content form select						{ font-size: 1.875em; }
		section.main div.content form textarea						{ font-size: 1.875em; }
		section.main div.content form input							{ font-size: 1.875em; }
		section.main div.content form input[type=submit]			{ font-size: 1.875em; }

		section.main div.landing-box h2								{ font-size: 2em; }
		section.main div.landing-notices h3							{ font-size: 2em; }

		section.main div.landing-letters ul li						{ font-size: 1.25em; }
		section.main div.landing-letters ul li a					{ font-size: 1.875rem; }

		section.main div.landing-fixtures table						{ font-size: 1.875em; }

		footer.main h3												{ font-size: 1.375em; }
		footer.main p												{ font-size: 1.25em; }
		footer.main div.footer-bottom p								{ font-size: 0.875em; }
	}

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

		header.main p												{ font-size: 1.25em; }

		section.main div.content h1									{ font-size: 1.5em; line-height: 1.35em; clear: both; }
		section.main div.content h2									{ font-size: 1.25em; line-height: 1.35em; }
		section.main div.content h3									{ font-size: 1.125em; line-height: 1.35em; }
		section.main div.content h4									{ font-size: 1.125em; line-height: 1.35em; }
		section.main div.content p									{ font-size: 0.9375em; line-height: 1.35em; }
		section.main div.content ul									{ padding: 0% 0% 0% 7%; }
		section.main div.content ol									{ padding: 0% 0% 0% 7%; }		
		section.main div.content ul li								{ font-size: 0.9375em; line-height: 1.35em; }
		section.main div.content ol li								{ font-size: 0.9375em; line-height: 1.35em; }
		
		header.main div.offset										{ margin: 0% auto 2% auto; width: 100%; max-width: 450px; clear: both; position: relative; }		
		header.main span.social-logos								{ width: 21px; height: 17px; margin-left:10px; vertical-align: bottom; display: inline-block; }
	
		header.main div.header-logo									{ width: 64%; margin: 2% 0% 0% 1%; float: left; }
		header.main div.social										{ margin: 5% 3% 0% 0%; width: 32%; float: right; font-weight: normal; text-transform: none; text-align: right; color: #3E4449; }		

		header.main span.twitter-logo								{ background-image: url('../images/shapwick-twitter-top.png');  background-repeat:no-repeat; background-position:bottom; background-size: 21px 17px;}
		header.main span.twitter-logo:hover							{ background-image: url('../images/shapwick-twitter-top-on.png');  background-repeat:no-repeat; background-position:bottom; background-size: 21px 17px;}
		header.main span.facebook-logo								{ background-image: url('../images/shapwick-facebook-top.png');  background-repeat:no-repeat; background-position:bottom; background-size: 8px 17px;}
		header.main span.facebook-logo:hover							{ background-image: url('../images/shapwick-facebook-top-on.png');  background-repeat:no-repeat; background-position:bottom; background-size: 8px 17px;}	
		header.main span.video-logo									{ background-image: url('../images/shapwick-video-top.png');  background-repeat:no-repeat; background-position:bottom; background-size: 27px 17px;}
		header.main span.video-logo:hover							{ background-image: url('../images/shapwick-video-top-on.png');  background-repeat:no-repeat; background-position:bottom; background-size: 27px 17px;}			

		section.main div.content form label							{ font-size: 1.2em; }
		section.main div.content form select						{ font-size: 1.2em; }
		section.main div.content form textarea						{ font-size: 1.2em; }
		section.main div.content form input							{ font-size: 1.2em; }
		section.main div.content form input[type=submit]			{ font-size: 1.2em; }

		section.main div.landing-box h2								{ font-size: 1.75em; }
		section.main div.landing-notices h3							{ font-size: 1.75em; }

		section.main div.landing-letters ul li						{ font-size: 1.125em; }
		section.main div.landing-letters ul li a					{ font-size: 1.625rem; }

		section.main div.landing-fixtures table						{ font-size: 1.625em; }

		footer.main h3												{ font-size: 1.25em; }
		footer.main p												{ font-size: 1.125em; }
		
		.mobile-menu img											{ width:16%; margin: 1% auto 0% auto; }		

	}

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

		header.main p												{ font-size: 1.125em; }

		section.main div.content h1									{ font-size: 1.3em; line-height: 1.35em; clear: both; }
		section.main div.content h2									{ font-size: 1.085em; line-height: 1.35em; }
		section.main div.content h3									{ font-size: 1.125em; line-height: 1.35em; }
		section.main div.content h4									{ font-size: 0.975em; line-height: 1.35em; }
		section.main div.content p									{ font-size: 0.9375em; line-height: 1.35em; }
		section.main div.content ul									{ padding: 0% 0% 0% 7%; }
		section.main div.content ul li								{ font-size: 0.9375em; line-height: 1.35em; }

		section.main div.content form label							{ font-size: 1.1em; }
		section.main div.content form select						{ font-size: 1.1em; }
		section.main div.content form textarea						{ font-size: 1.1em; }
		section.main div.content form input							{ font-size: 1.1em; }
		section.main div.content form input[type=submit]			{ font-size: 1.1em; }

		section.main div.landing-box h2								{ font-size: 1.5em; }
		section.main div.landing-notices h3							{ font-size: 1.5em; }

		section.main div.landing-letters ul li						{ font-size: 1em; }
		section.main div.landing-letters ul li a					{ font-size: 1.375rem; }

		section.main div.landing-fixtures table						{ font-size: 1.375em; }

		footer.main h3												{ font-size: 1.125em; }
		footer.main p												{ font-size: 1em; }
		footer.main div.footer-bottom p								{ font-size: 0.75em; }

	}

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

		header.main p												{ font-size: 1em; }

		section.main div.content h1									{ font-size: 1.5em; line-height: 1.35em; clear: both; }
		section.main div.content h2									{ font-size: 1.25em; line-height: 1.35em; }
		section.main div.content h3									{ font-size: 1.125em; line-height: 1.35em; }
		section.main div.content h4									{ font-size: 1.125em; line-height: 1.35em; }
		section.main div.content p									{ font-size: 0.9375em; line-height: 1.35em; }
		section.main div.content ul									{ padding: 0% 0% 0% 7%; }
		section.main div.content ol									{ padding: 0% 0% 0% 7%; }		
		section.main div.content ul li								{ font-size: 0.9375em; line-height: 1.35em; }
		section.main div.content ol li								{ font-size: 0.9375em; line-height: 1.35em; }	

		section.main div.content form label							{ font-size: 1.2em; }
		section.main div.content form select						{ font-size: 1.2em; }
		section.main div.content form textarea						{ font-size: 1.2em; }
		section.main div.content form input							{ font-size: 1.2em; }
		section.main div.content form input[type=submit]			{ font-size: 1.2em; }

		section.main div.landing-box h2								{ font-size: 1.375em; }
		section.main div.landing-notices h3							{ font-size: 1.375em; }

		section.main div.landing-letters ul li						{ font-size: 1.5em; }
		section.main div.landing-letters ul li a					{ font-size: 1.25rem; }

		section.main div.landing-fixtures table						{ font-size: 1.25em; }

		footer.main h3												{ font-size: 1em; }
		footer.main p												{ font-size: 0.875em; }

	}

	@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13/10), only screen and (min-resolution: 120dpi) {



	}