/* Master layout */

/************************************************************
Embedded fonts */

@font-face {
	font-family:FjallaOne;
	src:url('../fonts/fjallaone-regular-webfont.eot'); /* IE8- */
	src:url('../fonts/fjallaone-regular-webfont.eot?iefix') format('embedded-opentype'), /* IE9 */
		url('../fonts/fjallaone-regular-webfont.ttf') format('truetype'); /* The rest of the world */
}


/************************************************************
Global styles */

html {
	/*background:#c8f622 url('../images/site/texture-circles.png') repeat center top;*/
	background:#3d4044;
	padding:92px 0 70px;
}
body {
	margin:0;
	padding:0;
	font:10.5pt/1.25 Arial,Helvetica,sans-serif;
	color:#fff;
	/*background:#000 url('../images/site/bg-caps.jpg') repeat fixed center top;*/
	/*box-shadow:inset 250px 0 200px -200px #000, inset -250px 0 200px -200px #000;*/
	background:#000 url('../images/backgrounds/machine.jpg') no-repeat fixed right top;
	min-width:1024px;
}

/* Links */
a:link,
a:visited,
a:hover,
a:active {
	color:#c8f622;
	text-decoration:none;
}
a img {
	border:none;
}
a[href^="tel:"] {
	color:inherit !important;
	cursor:default;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	font:italic 12pt/1.1 FjallaOne,Arial,Helvetica,sans-serif;
	letter-spacing:1px;
	margin:0.4em 0 0.2em;
	text-transform:uppercase;
	font-style: oblique;
}
h1 {
	font-size:28pt;
}
h2 {
	font-size:22.5pt;
}
h3 {
	font-size:13.5pt;
}


/* Block-level */
p {
	margin:1em 0;
}
address {
	margin:1em 0;
	font-style:normal;
}


/* Inline-level */
strong {
	font-weight:inherit;
	color:#c8f622;
}


/************************************************************
Layout: Header */

body>header {
	position:fixed;
	z-index:100;
	width:100%;
	left:0;
	top:0;
	height:70px;
	padding:7px 0;
	border-top:8px solid #c8f622;
	background:#000 url('../images/site/texture-squares.png') repeat center center;
}
body>header:before {
	content:' ';
	position:absolute;
	width:800px;
	height:7px;
	left:50%;
	top:100%;
	margin:0 0 0 -450px;
	background:radial-gradient(ellipse farthest-side at center top, rgba(0,0,0,0.5), rgba(0,0,0,0));
}



/* Logo */
#logo {
	position:absolute;
	margin:5px 0 0 -486px;
	left:50%;
}
#logo a {
	display:block;
	text-indent:-9999px;
	outline:none;
	width:180px;
	height:60px;
	background:transparent url('../images/site/plasticorp-logo.png') no-repeat center center;
}


/* Navigation */
#main-nav {
	width:970px;
	margin:0 272px 0 auto;
	text-align:right;
	
}
#main-nav ul {
	list-style:none;
	margin:0;
	padding:0;
	color:#c8f622;
}
#main-nav li {
	display:inline;
	vertical-align:middle;
}
#main-nav a {
	position:relative;
	display:inline-block;
	padding:1.7em 1em;
	font:italic normal 12pt/1 FjallaOne,Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#fff;
}
#main-nav li.sel>a:after {
	content:' ';
	position:absolute;
	border-top:6px solid #c8f622;
	border-left:7px solid transparent;
	border-right:7px solid transparent;
	margin:0 0 0 -6px;
	left:50%;
	top:-0.5em;
}

.certified{
	float:right;
	margin-top: -65px;
	margin-right: 193px;
}

/************************************************************
Layout: Content sections */

body>section {
	position:relative;
	text-align:center;
	padding:2em 0 1em;
}

body>section>header {
	width:960px;
	margin:0 auto;
	text-align:left;
}


#content {
	text-align:center;
	width:970px;
	margin:0 auto;
	padding:2em 0 1em;
}
#content .col.main {
	width:645px;
	margin:2em 0;
	padding:1px 1.2em;
}
#content .col.side {
	width:240px;
	margin-left:45px;
}



/************************************************************
Layout: Footer */

body>footer {
	position:fixed;
	background:#000;
	color:#dfdcd8;
	padding:20px 0 0;
	height:50px;
	width:100%;
	bottom:0;
	left:0;
}
body>footer:before {
	content:' ';
	position:absolute;
	width:800px;
	height:7px;
	left:50%;
	bottom:100%;
	margin:0 0 0 -450px;
	background:radial-gradient(ellipse farthest-side at center bottom, rgba(0,0,0,0.5), rgba(0,0,0,0));
}

body>footer p {
	position:absolute;
	left:50%;
	margin:0.5em 0 0 -486px;
	font-size:10pt;
}
body>footer p a {
	color:#dfdcd8 !important;
	font-size:90%;
}


/* Connect With Us */
#connect {
	position:absolute;
	right:50%;
	margin:0 -486px 0 0;
}
#connect h3 {
	display:inline;
	vertical-align:text-bottom;
	font-size:12pt;
	font-style:normal;
	margin:0;
	line-height:32px;
}
#connect ul {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}
#connect li {
	display:inline;
	margin:0 0.2em;
}
#connect a {
	display:inline-block;
	vertical-align:text-bottom;
	text-indent:-9999px;
	text-align:left;
	outline:none;
	width:32px;
	height:32px;
	background:transparent url('../images/icons/social.png') no-repeat center center;
}
#connect li.fb a { background-position:1px center; }
#connect li.li a { background-position:-36px center; }



/************************************************************
Buttons / links */

.button {
	display:inline-block;
	background:#000 url('../images/site/texture-squares.png') repeat center center;
	font:italic normal 12.5pt/1.3 FjallaOne,Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#fff !important;
	padding:0.9em 1.7em;
	border:none;
	cursor:pointer;
}

.button.alt {
	/*background-color:#c8ff00;*/
	background:#c8f622;
	color:#23262b !important;
}

/* Arrows */
.arrow {
	font:italic normal 12.5pt/1.3 FjallaOne,Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
}
.arrow:after,
.button:after {
	content:' ';
	display:inline-block;
	vertical-align:middle;
	border-left:6px solid #c8f622;
	border-top:7px solid transparent;
	border-bottom:7px solid transparent;
	margin:0 0 0 0.7em;
}


/************************************************************
Miscellaneous */

/* Text alignment */
.left { text-align:left !important; }
.center { text-align:center !important; }
.right { text-align:right !important; }

/* Font sizes */
small { font-size:90%; }
big { font-size:115%; }

/* Padding */
.pad { padding:1em; }
.topPad { padding-top:1em; }
.bottomPad { padding-bottom:1em; }
.leftPad { padding-left:1em; }
.rightPad { padding-right:1em; }

/* Columns */
.col {
	display:inline-block;
	vertical-align:top;
	text-align:left;
}


/* Dividing lines */
hr {
	border:none;
	margin:2.5em 0;
	padding:0;
	width:auto;
}
hr:after {
	content:'////////////////////////////////////////////////////////////////////////////';
	font:italic bold 10pt/0.2 FjallaOne,Arial,Helvetica,sans-serif;
	letter-spacing:4px;
	display:block;
	color:#23282d;
}



/* Fix extra button padding in Firefox */
input[type="submit"]::-moz-focus-inner {
	border:none;
	padding:0;
	line-height:1;
}