/* ---------------------
title: Furness Plastics stylesheet
author: Simon Tweedale
created: 18/03/11
version: 1.0
--------------------- 

Perfect Blue = #243189

 -----------------------------------------------------------------------------
   generic styles */

/* reset everything, including pseudo elements. Apply the border-box model (http://css-tricks.com/box-sizing/) */
*,
*:before,
*:after {
	margin: 0;
	border: none;
	padding: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* this helps windows phones and IE with media queries */
@-ms-viewport{
	width: device-width;
}

/* make me font nice webkit */
/*
html {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
*/

body {
   	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 80%;
	font-weight: 300;
	color: #666;
	line-height: 1.5;
	/* background: url(https://furnessplastics.co.uk/img/bg.jpg) center top no-repeat #d8d8d8; */
	background: white;
	}

p, address	{
	padding-bottom: .7em;
	font-style: normal;
	}
	
a {
  outline: none;
  color: #243189;
  -webkit-transition: Color 0.3s ease;
	-moz-transition: Color 0.3s ease;
	-ms-transition: Color 0.3s ease;
	-o-transition: Color 0.3s ease;
	transition: Color 0.3s ease;
	}

a:hover	{
	color: #000;
	text-decoration: none;
	}

:focus {
  	-moz-outline-style: none;
	}
	
iframe	{
	margin-top: 5px;
	-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); 
	-moz-border-radius: 5px;
	border-radius: 5px; 
	width: 100%;
	}
	 	
/* -----------------------------------------------------------------------------   generic layout style */
   
#nav-wrapper	{
	background: #333;
	z-index: 200;
	-moz-border-radius: 10px;
	border-radius: 5px; 
	margin-bottom: 15px;
	}
	
#nav-wrapper:after, #content:after, #wrapper:after {
  	content: "";
  	display: table;
  	clear: both;
}

#wrapper	{
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 20px;
	position: relative;
	}
	
#content	{
	margin-bottom: 35px;
	position: relative;
	}
	
body.content #nav-wrapper	{
	margin-bottom: 0;
	}
	
/* -----------------------------------------------------------------------------   nav style */	
	
ul#nav li.phone	{
	position: absolute;
	top: 53px;
	right: 20px;
	padding: 0;
	background: none;
	}
	
ul#nav li.phone a	{
	display: inline;
	font-size: 100%;
	color: #666;
	padding: 0;
	}
	
ul#nav li.phone a:hover	{
	color: #243189;
	}

ul#nav {
	list-style: none;
	margin: 0 auto;
	background: url(../images/elements/nav-sep.png) left 45% no-repeat #333;
}
ul#nav li {
	float: left;
	padding: 0 5px;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
	background: url(../images/elements/nav-sep.png) right 45% no-repeat;
}
ul#nav li.last	{
	background: none;
	}
ul#nav li a{
	padding: 10px 8px;
	color: #ccc;
	line-height: 1;
	display: block;
	text-decoration: none;
	/* float: left; */
}
ul#nav li a:hover{
	color: #fff;
}

ul#nav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 15px;
	float: right;
	background: url(../images/elements/subnav_btn.gif) no-repeat center top;
}

ul#nav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul#nav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 32px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid #111;
	z-index: 400;
}
ul#nav li ul.subnav li{
	margin: 0; 
	padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
html ul#nav li ul.subnav li a {
	float: left;
	line-height: 1.5;
	width: 100%;
	background: #333 url(../images/elements/dropdown_linkbg.gif) no-repeat 10px 16px;
	padding-left: 20px;
}
html ul#nav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(../images/elements/dropdown_linkbg.gif) no-repeat 10px 16px;
}

a.open-panel, a.close-panel {
	display: none;
	padding: 34px 10px 34px 41px;
	position: absolute;
	top: 0;
	right: 0;
	background: #bbb;
	color: #fff;
	font-size: 12px;
	line-height: 1;
	font-weight: bold;
	text-decoration: none;
	z-index: 10;
	text-transform: uppercase;
	background-position: 15px 50%;
	background-repeat: no-repeat;
}

#nav > li.has-children > a	{
	position: relative;
	padding-right: 24px; /* give a little room for the drop-down arrow - this value may need to be overidden */
}

/* this give us the dropdown arrow, drawn in CSS - no need for images :) */
#nav > li.has-children > a:after	{
	content: "";
	position: absolute;
	top: 14px; /* sit the arrow centrally - this value may need to be overidden */
	right: 8px; /* pull the arrow in a bit from the right - this value may need to be overidden */
	height: 0;
	width: 0;
	display: block;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 7px solid #aaa;
}
	
	
/* -----------------------------------------------------------------------------	header styles */

#header 	{
	padding: 20px 0;
	overflow: hidden;
	}
	
#header h4	{
	float: left;
	padding: 0;
	}
	
#header h4 a	{
	display: block;
	width: 168px;
	height: 90px;
	background: url(../images/company/logo.png) 0 0 no-repeat;
	text-indent: -9999em;
	}
	
#header img	{
	display: none;
	}
	
#header ul	{
	float: right;
	list-style: none;
	}

#header li	{
	color: #abadb1;
	}
	
#header li strong {
	color: #243189;
	font-size: 170%;
	padding-left: 4px;
	}
	
#header li a		{
 	color: #78797a;
 	font-size: 130%;
 	padding-left: 4px;
 	}

/* -----------------------------------------------------------------------------	FEATURE PANEL styles */

div#feature-panel {
	position: relative;
}

div#feature-panel ul {
	list-style: none;
}

.panels_nav {
	top: 40%;
	position: absolute;
	z-index: 10;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #eee;
	display: block;
	text-indent: -9999em;.
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.panels_nav.next {
	right: 0;
}

.panels_nav:before {
	content: "";
	position: absolute;
	top: 12px;
	left: 11px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 15.3px 8px 0;
	border-color: transparent #fff transparent transparent;
}

.panels_nav.next:before {
	border-width: 8px 0 8px 15.3px;
	left: 15px;
	border-color: transparent transparent transparent #fff;
}

.panels_nav:hover {
	background: #ccc;
}
	
ul#arrow {
	display: none !important;
	z-index: 15;
	position: relative;
	}
		
div#feature-panel ul#slides li {
	width: 910px;
	min-height: 335px ;
	background-position: top right !important;
	background-color: white !important;
	}
	
#slides h3, #slides p, #slides a {
	color: #999;
	width: 264px;
	padding-left: 65px;
	}

#slides h3	{
	font-size: 38px;
	line-height: 1.1;
	margin: 20px 0 0;
	font-weight: 300;
	}
	
#slides p	{
	font-size: 16px;
	padding-bottom: 5px;
	}
	
#slides a, .blog-list a.read-more	{
	color: #243189;
	font-weight: bold;
	text-decoration: none;
	}
	
#slides a:hover, .blog-list a.read-more:hover	{
	color: #333;
	}
	
.panels_tabs {
	clear: both;
	text-align: center;
	margin-bottom: 40px;
	position: relative;
	z-index: 40;
}

.panels_tabs li {
	display: inline-block;
}

.panels_tabs li a {
	display: block;
	text-decoration: none;
	height: 12px;
	width: 12px;
	border-radius: 50%;
	background: #ccc;
	margin: 0 10px;
	text-indent: -9999em;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.panels_tabs li a:hover {
	background: #666;
}

.panels_tabs li.panels_here a {
	background: #243189;
}

/* -----------------------------------------------------------------------------	stings styles */

#stings	{
	list-style: none;
	overflow: hidden;
	margin-bottom: 25px;
	clear: both;
	float: left;
	}

#stings li	{
	float: left;
	width: 15%;
  	margin-right: 2%;
	text-align: center;
	}
	
#stings li:last-child {
	margin-right: 0;
	}

#stings a	{
	text-decoration: none;
	display: block;
	}

#stings img	{
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); 
	margin-bottom: 12px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	width: 100%;
	display: block;
	height: auto;
	}
	
#stings a:hover img	{
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.75); 
	}
	
#stings strong, #stings span	{
	display: block;
	line-height: 1.15;
	}

#stings a:hover strong	{
	color: #243189;
	}
	
/* -----------------------------------------------------------------------------	homeblock styles */
	
#homeblock-holder	{
	float: left;
	margin-bottom: 25px;
	}

.homeblock	{
	width: 32%;
	float: left;
	margin-right: 2%;
	background: url(../images/elements/boxshade-mid.png) 0 bottom no-repeat;
	padding-bottom: 15px;
	background-size: 100% 16px;
	}
	
.homeblock.last{
	margin: 0;
}
	
.homeblock h2	{
	color: #aaa;
	}
	
.homeblock p + h2 {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #e1e2e3;
}
	
.homeblock div	{
	padding: 22px;
	background: #fafafa;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	min-height: 315px;
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); 
	}
	
.services-list	{
	list-style: none;
	}
	
.services-list li	{
	padding-bottom: 10px;
	clear: both;
	overflow: hidden;
	}
	
.services-list li:last-child {
	padding-bottom: 0;
}
	
.services-list a	{
	text-decoration: none;
	display: block;
	color: #8a8c90;
	font-size: 14px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
	
.services-list a:hover	{
	color: #243189;
	background: #e1e2e3;
	}

.services-list a img	{
	display: inline-block;
	vertical-align: middle;	
	margin-right: 10px;
	}

.services-list a span	{

	}
	
.blog-list	{
	list-style: none;
	}
	
.blog-list h3	{
	color: #243189;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	padding-bottom: 5px;
	}

.blog-list p 	{
	max-height: 80px;
	overflow: hidden;
	text-overflow: ellipsis;
	}
	
.blog-list li	{
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #e1e2e3;
	overflow: hidden;
	}
	
.view-all	{
	text-decoration: none;
	color: #999;
	padding: 0 15px 0 0;
	background: url(../images/elements/arrow.png) right 2px no-repeat;
	}
	
.view-all:hover	{
	color: #243189;
	}
	
ul.social	{
	list-style: none;
	overflow: hidden;
	margin-bottom: 20px;
	}
	
ul.social li	{
	float: left;
	margin-right: 10px;
	}
	
	
.homeblock input.email:focus	{
	color: #666;
	background: #e3e3e3; 
	}
	
/* -----------------------------------------------------------------------------	content styles */
	
#info-box	{
	width: 355px;
	margin-top: 30px;
	float: left;
	}
	
#info, #content-nav	{
	-moz-border-radius: 5px;
	border-radius: 5px; 
	-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1); 
	text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.2);
	padding: 20px;
	overflow: hidden;
	background: #fafafa;
	}
	
 #content-nav {
 	margin-top: 14px;
 }
	
#info ol {
	counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}

#info ol > li {
	  position:relative; /* Create a positioning context */
    margin:0 0 0 1.5em; /* Give each list item a left margin to make room for the numbers */
    padding:4px 0 4px 4px; /* Add some spacing around the content */
    list-style:none; /* Disable the normal item numbering */
    line-height: 1.35;
}

#info ol > li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top:5px;
    left:-2em;
    width:1.5em;
    height: 1.5em;
    line-height: 1.5em;
    border-radius: 50%;
    margin-right:8px;
    color:#fff;
    text-align: center;
    background:#666;
    font-size: 10px;
}	

#content-nav	{
	padding: 5px 10px;
	}
	
#content-nav ul	{
	background: url(../images/elements/hr-vert.png) center 0 repeat-y;
	overflow: hidden;
	list-style: none;
	}
	
#content-nav li.previous	{
	float: left;
	}
	
#content-nav li.next	{
	float: right;
	}
	
#content-nav li a	{
	display: block;
	height: 40px;
	background: blue;
	text-decoration: none;
	line-height: 40px;
	font-size: 120%;
	width: 94px;
	font-size: 100%;
	color: #666;
	}
	
#content-nav li a:active	{
	position: relative;
	top: 1px;
	}

#gallery	{
	float: right;
	width: 60%;
	margin-top: 30px;
	}
	
#gallery img {
	max-width: 100%;
	height: auto;
}
	
#content-nav li.next a	{
	padding-right: 40px;
	background: url(../images/elements/arrow-right.png) right 50% no-repeat;;
	text-align: right;
	}
	
#content-nav li.previous a	{
	padding-left: 40px;
	background: url(../images/elements/arrow-left.png) left 50% no-repeat;;
	text-align: left;
	}
 
#info-box.stickit {
	margin-left: 0;
	position: fixed;
	top: 0;
}

#info-box.stickit-end {
	left: 0;
	bottom: -30px;
	position: absolute;
}
 
	
/* -----------------------------------------------------------------------------	footer styles */

#footer	{
	clear: both;
	margin: 25px 0 0;
	border-top: 1px solid #e1e2e3;
	padding: 15px 0 70px;
	overflow: hidden;
	font-size: 13px;
	float: left;
	width: 100%;
	}
	
.message	{
	display: none;
	}
	
.legal	{
	float: right;
	padding-top: 14px;
	}
	
.iso	{	
	float: left;
	}
	
.iso img	{
	float: left;
	clear: both;
	padding-bottom: 15px;
	}

.iso p	{
	float: left;
	padding-right: 15px;
	}
	
.clear	{
	clear: both;
	}

/* -----------------------------------------------------------------------------	heading styles */

h1,h2,h3,h4,h5,h6	{
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	z-index: 5;
	line-height: 1.15;
	padding-bottom: 14px;
	}
	
h1	{
	color: #243189;	
	font-size: 36px;
	}

#info-box h2	{
	margin: 20px 0 0;
	}
	
h2 {
	font-size: 22px;
	}

h3 {
	font-size: 16px;
	}
	
h2 span	{
	color: #243189;
	}
	
/* -----------------------------------------------------------------------------	form styles */
	
input,textarea,select	{
	background: #e1e2e3;
	padding: 10px;
	color: #666;
	width: 70%;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	
input.error,textarea.error,select.error	{
	background-color: #FFDFDD;
	}
	
input.success,textarea.success,select.success	{
	background-color: #CDDC39 !important;
	}
	
input.submit	{
	color: #e1e2e3;
	background: #666;
	text-decoration: none;
	float: right;
	width: 27%;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}
	
input.submit:hover {
	background-color: #243189;
	color: #fff;
}


/* -----------------------------------------------------------------------------    responsive break - tablet portrait display  */

@media screen and (max-width: 1023px)	{

	#slides h3, #slides p, #slides a {
	width: auto;
	}
	
	#page {
		overflow: hidden;
	}
	
	li.phone {
		display: none;
	}
	
	.openNav #page {
		overflow: visible;
	}
	
	div#feature-panel ul {
		width: 100% !important;
		height: auto !important;
	}
	
	/*
html.openNav body  {
		background: black;
	}
*/

	/* Move nav off screen, setup transitions */
	ul#nav {
		width: 70%;
		position: absolute;
		right: -70%;
		top: 0;
		height: 100%;
		background: #333;
	}
	
	#nav > li.has-children > a:after {
		top: 21px; /* sit the arrow centrally - this value may need to be overidden */
		right: 18px; /* pull the arrow in a bit from the right - this value may need to be overidden */
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-top: 10px solid #999;
	}

	/* Display nav items vertically */

	ul#nav li {
		float: none;
		width: 100%;
		text-align: left;
		padding: 0;
		box-sizing: border-box;
		background: none;
		border-bottom: 1px solid #888;
	}

	ul#nav li a {
		padding: 18px 20px;
		font-size: 16px;
	}

	
	ul#nav li ul.subnav {
		position: static;
		width: auto;
		border: none;
		float: none;
	}
	
html ul#nav li ul.subnav li a {
  width: 100%;
  font-size: 14px;
  padding-left: 30px;
  background: black;
  background-image: none;
  color: white;
}

html ul#nav li ul.subnav li a:hover {
	background: black;
}

ul#nav li ul.subnav li {
  margin: 0;
  padding: 0;
  border-top: 1px solid #252525;
  border-bottom: 1px solid #444;
  clear: both;
  width: 100%;
}

	/* Reveal open/close buttons */
	a.open-panel {
		display: block;
		background-image: url(../images/elements/icon-menu.png);
		background-position: 10px 50%;
	}

	.openNav a.open-panel {
		display: none;
	}

	.openNav a.close-panel {
		background-image: url(../images/elements/icon-close.png);
		display: inline-block;
	}
	
	#top-wrap,#content,#footer, #header, #feature-panel, #stings, #homeblock-holder {
		-webkit-transition: opacity 0.3s ease;
		-moz-transition: opacity 0.3s ease;
		-ms-transition: opacity 0.3s ease;
		-o-transition: opacity 0.3s ease;
		transition: opacity 0.3s ease;
	}
	
	.openNav #top-wrap, .openNav #content, .openNav #footer, .openNav #header, .openNav #feature-panel, .openNav #stings, .openNav #homeblock-holder {
		opacity: 0.5;
	}

	.openNav #page {
		right: 0;
		-webkit-transform: translate3d(-70%, 0, 0);
		-moz-transform: translate3d(-70%, 0, 0);
		-ms-transform: translate3d(-70%, 0, 0);
		-o-transform: translate3d(-70%, 0, 0);
		transform: translate3d(-70%, 0, 0);
		-webkit-transition: -webkit-transform 500ms ease;
		-moz-transition: -moz-transform 500ms ease;
		-o-transition: -o-transform 500ms ease;
		transition: transform 500ms ease;
	}

	/* When the panel is closed, transition the page back to the right */
	#page {
		right: 0;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-transition: -webkit-transform 500ms ease;
		-moz-transition: -moz-transform 500ms ease;
		-o-transition: -o-transform 500ms ease;
		transition: transform 500ms ease;
	}
	
	.panels_nav {
		display: none;
	}
	
	#slides h3, #slides p, #slides a {
		padding: 5px 0;
		background: white;
		display: block;
	}
	
	#slides h3 {
		margin-top: 40%;
		display: inline-block;
		padding: 15px 15px 5px 0;
	}
	
	div#feature-panel ul#slides li {
		width: 100%;
		min-height: inherit;
		background-position: 100% top !important;
		background-size: cover !important;
	}
	
	.panels_tabs {
		margin: 20px 0 40px;
		float: left;
	}
	
	#header {
		padding: 10px 20px;
		margin: 0 -20px;
		border-bottom: 1px solid #e1e2e3;
		-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); 
	}
	
	#header h4 a	{
		width: 112px;
		height: 60px;
		background-size: cover;
	}
	
	

}

/* -----------------------------------------------------------------------------    responsive break - tablet landscape display  */

@media screen and (max-width: 960px)	{


	#gallery, #info-box {
		width: auto;
		float: none;
		clear: both;
	}
	
	#info {
	background: none;
	box-shadow: none;
	padding: 0;
	}
	
	#info-box.stickit, #info-box.stickit-end {
		margin-left: 0;
		position: static;
		top: auto;
	}
}


/* -----------------------------------------------------------------------------    responsive break - tablet landscape display  */

@media screen and (max-width: 850px)	{


	#footer > * {
		float: left;
		clear: both;
	}
	
	.homeblock {
		width: 47.5%;
		margin-right: 5%;
	}
	
	.homeblock:first-child {
		display: none;
	}	
	
}


/* -----------------------------------------------------------------------------    responsive break - tablet landscape display  */

@media screen and (max-width: 700px)	{

	#stings li	{
		width: 30%;
		margin-right: 5%;
		margin-bottom: 20px;
	}
	
	#stings li:nth-child(3n) {
		margin-right: 0;
	}
	
	h1	{	
	font-size: 28px;
	}

	
	#footer {
		padding: 15px 0 20px;
		margin: 0;
	}

}


/* -----------------------------------------------------------------------------    responsive break - tablet landscape display  */

@media screen and (max-width: 540px)	{

	.homeblock {
		width: 100%;
		margin-right: 0;
		float: none;
		margin-bottom: 35px;
	}

	#stings li	{
		width: 47.5%;
		margin-bottom: 20px;
	}
	
	#stings li:nth-child(3n) {
		margin-right: 5%;
	}
	
	#stings li:nth-child(odd) {
		clear: both;
	}
	
	#stings li:nth-child(even) {
		margin-right: 0;
	}
	
	#slides h3 {
		font-size: 24px;
	}
	
	#slides p {
		font-size: 14px;
	}

}

/* -----------------------------------------------------------------------------	end style sheet */