/*
Theme Name: 	Mayhem Theme
Theme URI: 		
Description: 	A theme for "Control Management Startegies" Website
Version: 		1.0
Author: 		7th Media Design Studio
Author URI: 	http://www.7th-media.com
Tags: 			responsive, mobile, html5, css3
*/

/* Import */

@import url("css/normalize.css");
@import url("css/main.css");

/* Control the Mayhem Stylesheet */

/* Fonts */
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic,300,300italic,100,100italic);

/* Global */

html, body {
	margin:0;
	padding:0;
	overflow-x:hidden;
	font-family: 'Montserrat', sans-serif;
}

*, *:before, *:after {
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box;
 }
 
img {
	border:0px;
}

h1, h2, h3, h4, h5, h6, p {
	padding:0px;
	margin:0px;
}

b {
	font-weight:700;
}

em {
	font-style:italic;
}

a {
	text-decoration:none;
}

.container {
	width:1262px;
	margin:0 auto;
	display:block;
	position:relative;
}

/* Header */

#head-wrap {
	background-color:#050b16;
	position:relative;
	width:100%;
	height:738px;
}

.head-img {
	background:url('img/header.jpg') no-repeat top left;
	width:1600px;
	height:738px;
	position:absolute;
	left:50%;
	margin-left:-800px;
	top:0;
}

header {
	padding:15px 0px;
	z-index:2;
}

#logo {
	float:left;
	background:url('img/logo.png') no-repeat top left;
	width:405px;
	height:51px;
	display:block;
	color:white; 
	font-size:1.2em;
}

/* Page Header */

#page-wrap {
	background-color:#050b16;
	position:relative;
	width:100%;
	height:424px;
}

#header-img {
	background-color:#ffffff;
	position:relative;
	min-height: 100%;
	height: auto !important; /*min-height hack*/
	height: 100%;            /*min-height hack*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.comp {
	background:url('img/header/company.jpg') no-repeat center center fixed;
}

.sol {
	background:url('img/header/solutions.jpg') no-repeat center center fixed;
}

.cert {
	background:url('img/header/certificate.jpg') no-repeat center center fixed;
}

.res {
	background:url('img/header/resources.jpg') no-repeat center center fixed;
}

.cont {
	background:url('img/header/contact.jpg') no-repeat center center fixed;
}



/* Page Header Title */

#page-wrap h1 {
	*zoom: 1;
	margin:110px auto 60px;
	text-align:center;
	visibility:hidden;
}

#page-wrap h1 span {
	font:50px 'Montserrat', sans-serif;
	color:#ffffff;
	padding:30px 35px;
	border:5px solid #08a0ce;
	border-collapse: separate;
}

#page-wrap h3 {
	font:20px 'Roboto', sans-serif;
	font-weight:300;
	color:#ffffff;
	text-align:center;
	visibility:hidden;
}

#page-wrap h3.wow { text-align:left; }

nav {
	float:right;
}

.navclick {
	display: none;
}

/* Navigation */

nav {
	margin:16px 0px 0px;
}

nav ul {
	padding:0px;
	margin:0px;
}

nav ul li {
	float:left;
	display:block;
	margin-right:25px;
}

nav ul li a {
	color:#fff;
	font-size:14px;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	text-decoration:none;
	padding-bottom:50px;
}

nav ul li a:hover {
	color:#08a0ce;
}

nav ul li:hover > a {
	color:#08a0ce;
	cursor:pointer;
}

li.login {
	margin-right:0px;
	text-transform:uppercase;
}

span.cog {
	background:url('img/cog.png') no-repeat top left;
	vertical-align:middle;
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
	display:inline-block;
	width:18px;
	height:18px;
	margin-right:8px;
}

nav ul li:hover ul.sub-menu {
	visibility:visible;
	opacity:1;
	top:100%;
}

ul.sub-menu {
	position:absolute;
	top:90%;
	left:45%;
	padding: 0px 1000em;
    margin:0 -1000em;
	background-color:#08a0ce;
	visibility:hidden;
	opacity:0;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}

ul.sub-menu li {
	padding:10px 20px;
	margin:0;
	-webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}

ul.sub-menu li:hover {
	background-color:#0588b0;
}

ul.sub-menu li:hover a {
	color:#fff;
}

/* Featured Section */

.featured {
	padding:95px 80px 0px 54px;
	color:#fff;
	position:relative;
}

.content {
	width:100%;
	float:left;
}

.content h1 {
	font-size:55px;
	color:#fff;
	line-height:60px;
	font-weight:400;
	margin-bottom:70px;
}

.content ul {
	padding: 14px 4px 4px 14px;
	margin-right:400px;
	margin-bottom:27px;
	margin-top:-15px;
	background-image: url("img/overlay.png");
	background-repeat:repeat;
	max-width:600px;
}

.content ul li {
	font:20px 'Roboto', sans-serif;
	color:#fff;
	line-height:22px;
	font-weight:300;
	background:url('img/list.png') no-repeat left 5px;
	list-style:none;
	padding:0px 0px 0px 30px;
	margin:0 0 10px;
}

.image {
	width:486px;
	height:522px;
	background:url('img/head-01.jpg') no-repeat top left;
	display:block;
	position:absolute;
	right:80px;
	top:176px;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	visibility:hidden;
}

.image:hover {
	background:url('img/head-02.jpg') no-repeat top left;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

span.shadow {
	background:url('img/shadow.png') no-repeat top left;
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
	display:block;
	z-index:1;
	width:808px;
	height:20px;
	position:absolute;
	bottom:-10px;
	left:-162px;
}

/* Strategy */

#strategies {
	margin-top:125px;
}

#effects {
	max-width:938px;
	margin: 0 auto;
}

.column {
	background-color:#fff;
	margin-top:80px;
	margin-bottom:80px;
}

.column > h1 {
	font:35px 'Montserrat', sans-serif;
	font-weight:700;
	color:#08a0ce;
	text-align:center;
	text-transform:uppercase;
	line-height:40px;
	margin-bottom:10px;
	word-spacing: 10px;
}

.column > p {
	margin-left:50px;
	margin-right:50px;
}

.column h3 {
	font:20px 'Roboto', sans-serif;
	line-height:35px;
	font-weight:300;
	color:#7d7d7d;
	text-align:center;
	word-wrap:break-word;
}

.column p {
	font:20px 'Roboto', sans-serif;
	line-height:35px;
	font-weight:300;
	color:#7d7d7d;
	word-wrap:break-word;
}

.column ul {
	padding:0px;
	margin:0px;
	text-align:center;
}

.column ul li {
	font:18px 'Roboto', sanserif;
	color:#2b2b2b;
	font-weight:300;
	list-style:none;
	padding:0px;
	margin:0 0 30px;
}

.services {
	margin-top:55px;
}

.services h1 {
	font:25px 'Roboto', sans-serif;
	font-weight:700;
	color:#08a0ce;
	text-align:center;
	margin:30px 0px 20px;
	text-transform:uppercase;
}

.services p {
	font:18px 'Roboto', sans-serif;
	font-weight:300;
	color:#7d7d7d;
	text-align:center;
}

.services div{
	float:left;
	width:300px;
	display:block;
	margin-right:18px;
}

.services div:last-child {
	margin-right:0px;
}

/* Overlay */

.services .img {
	position:relative;
	margin-bottom:30px;
	
}

.services .img:hover .overlay {
	visibility:visible;
	opacity:1;
	cursor:pointer;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.overlay {
	background:rgba(22,40,116, 0.4);
	width:300px;
	height:352px;
	position:absolute;
	top:0;
	left:0;
	visibility:hidden;
	opacity:0;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.overlay .expand {
	background:url(img/cross.png) no-repeat;
	width:33px;
	height:33px;
	display:block;
	position:absolute;
	left:134px;
	top:0px;
	overlay:0;
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.services .img:hover .expand {
	overlay:1;
	top:165px;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

/* Optimization */

#optimization {
	background-color:#e8ebed;
	height:730px;
	position:relative;
}

#optimization .img {
	position:absolute;
	top:25px;
	left:0;
}

#optimization .container > div {
	float:right;
	width:710px;
	padding:95px 0px 0px;
}

#optimization h1 {
	font-size:55px;
	color:#242424;
	font-weight:400;
	line-height:63px;
	padding:0;
}

#optimization h2 {
	font:32px 'Roboto', sans-serif;
	color:#b0b0b0;
	font-weight:700;
	padding:0 0 60px;
}

#optimization ul {
	padding:0px;
	margin:0px;
}

#optimization ul li {
	font:18px 'Roboto', sanserif;
	color:#2b2b2b;
	font-weight:300;
	background:url('img/list.png') no-repeat left 5px;
	list-style:none;
	padding:0px 0px 0px 30px;
	margin:0 0 30px;
	line-height:22px;
}

/* Videos */

#videos {
	margin-top:100px;
	margin-bottom:100px;
}

#videos > div:first-child {
	float:left;
	width:621px;
	display:block;
	margin-right:20px;
	background-color:#191919;
	border:none;
	overflow:hidden;
}

#videos > div:last-child {
	float:left;
	width:621px;
	display:block;
	background-color:#191919;
	border:none;
	overflow:hidden;
}

#videos > div:hover {
	border:5px solid #d1d2d4;
}

#videos > div:hover img {
	margin:-5px;
}

.vid {
	display:block;
	height:360px;
	width:621px;
	position:relative;
}

.vid img {
	border:none;
	overflow:hidden;
}

span.play {
	position:absolute;
	top:150px;
	left:250px;
	width:121px;
	height:121px;
	margin:0;
	background:url('img/play.png') no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
}

.vid-content {
	background-color:#191919;
	display:block;
	padding:30px;
	text-align:center;
}

.vid-content h2 {
	text-transform:uppercase;
	font:25px 'Roboto', sans-serif;
	color:#1ab0de;
	font-weight:700;
}

.vid-content p {
	font:18px 'Roboto', sans-serif;
	color:white;
	font-weight:300;
	line-height:28px;
}

/* Certification */

#certification {
	background:url('img/pattern-heads.jpg');
	height:480px;
	width:100%;
	padding:95px 0px;
}

#certification h1 {
	font:35px 'Montserrat', sans-serif;
	font-weight:400;
	color:#1ab0de;
	line-height:55px;
	text-align:center;
	text-transform:uppercase;
}

#certification h2 {
	font:25px 'Roboto', sans-serif;
	font-weight:300;
	color:#fff;
	line-height:30px;
	text-align:center;
}

ul.logo-company {
	padding:0px;
	margin:115px auto 0px;
	display:block;
	width:1125px;
}

ul.logo-company li {
	float:left;
	display:inline-block;
		*display:inline; /* ie7 fix */
	height:90px;
	position:relative;
}

ul.logo-company li:first-child {
		margin-right:119px;
}

ul.logo-company li:nth-child(5n+2) {
		margin-right:147px;
}

ul.logo-company li:nth-child(5n+3) {
		margin-right:125px;
}

ul.logo-company li:nth-child(5n+3) img {
	margin-top:-25px;
}

ul.logo-company li:nth-child(5n+4) {
		margin-right:63px;
}

ul.logo-company li:last-child {
	margin-right:0px;
}

/* Request Analysis */

#request {
	background-color:#242b33;
	padding:65px 0px;
}

#request h1 {
	font:35px 'Montserrat', sans-serif;
	font-weight:400;
	color:#fff;
	text-transform:uppercase;
	line-height:46px;
	padding:0px;
	text-align:center;
}

#request h2 {
	font:25px 'Roboto', sans-serif;
	font-weight:300;
	color:#dadada;
	margin-bottom:48px;
	padding:0px;
	text-align:center;
}

#request ul {
	padding:0px;
	margin:0px;
}

#request ul li {
	float:left;
	margin-right:25px;
	list-style:none;
}

#request ul li:last-child{
	margin-right:0px;
}

#request form {
	background-color:rgba(0,0,0,0.2);
	padding:25px;
	-moz-box-shadow:    inset 0 0 5px #191e24;
	-webkit-box-shadow: inset 0 0 5px #191e24;
	box-shadow:         inset 0 0 5px #191e24;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	margin:0 auto;
	width:1065px;
}

#request input {
	background-color:#ffffff;
	padding:13px 12px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	border:none;
	width:260px;
}

#request .wpcf7 img.ajax-loader {
	position:absolute;
	bottom:40px;
}

#request .wpcf7-submit {
	background-color:#1ab0de;
	text-align:center;
	padding:10px 0;
	width:160px;
	color:#ffffff;
	font:18px 'Roboto', sans-serif;
	font-weight:700;
	text-transform:uppercase;
	border:none;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	-webkit-transition: background 0.5s ease-out;
	-moz-transition: background 0.5s ease-out;
	-ms-transition: background 0.5s ease-out;
	-o-transition: background 0.5s ease-out;
	transition: background 0.5s ease-out;
}

#request .wpcf7-response-output {
	color:#ffffff !important;
}

#request button:hover {
	background-color:#189fc8;
}

/***************** Pages *****************/
/* About Page */

#about-col2 {
	width:100%;
	margin:0;
	padding:0;
}

#about-col2 div {
	float:left;
	width:50%;
}

#about-col2 div:first-child {
	color:#fff;
	padding:120px 55px 0px 200px;
	font-family:'Roboto', sans-serif;
	font-weight:300;
	min-height:510px;

	background: #242b33; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMjQyYjMzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzYlIiBzdG9wLWNvbG9yPSIjMzU0MjRiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(-45deg,  #242b33 0%, #35424b 76%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#242b33), color-stop(76%,#35424b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #242b33 0%,#35424b 76%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #242b33 0%,#35424b 76%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #242b33 0%,#35424b 76%); /* IE10+ */
	background: linear-gradient(135deg,  #242b33 0%,#35424b 76%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242b33', endColorstr='#35424b',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

#about-col2 div:last-child {
	max-height:510px;
	height:510px;
	background-color:#242b33;
}

#about-col2 h1 {
	font-size:55px;
	font-weight:300;
	line-height:70px;
}

#about-col2 p {
	font-size:24px;
	line-height:40px;
}

span.img-col2 {
	width:100%;
	height:600px;
	display:block;
}

h1.title {
	background:#08a0ce;
	width:100%;
	color:#fff;
	text-align:center;
	font:35px 'Montserrat' sans-serif;
	text-transform:uppercase;
	padding:30px 0px;
	position:relative;
}

h1.title:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(8, 160, 206, 0);
	border-top-color: #08a0ce;
	border-width: 20px;
	margin-left: -20px;
}

#biography {
	background:url('img/about-heads.jpg') repeat;
	padding:60px 0px;
}

#biography > div > div {
	float:left;
}

#biography > div > div:first-child {
	width:380px;
	margin-right:80px;
}

#biography > div > div:last-child {
	width:800px;
	font-family:'Roboto', sans-serif;
}

#biography h1 {
	font-size:40px;
	font-weight:700;
	color:#08a0ce;
	line-height:45px;
}

#biography h2 {
	font-size:25px;
	font-weight:700;
	color:#7d7d7d;
}

#biography p {
	padding:30px 0px 0px;
	font-size:16px;
	font-weight:300;
	color:#585858;
}

#biography ul {
	padding:30px 0px 0px;
	margin:0 0 0 17px;
}

#biography ul li {
	font-size:18px;
	font-weight:300;
	color:#585858;
}

/* Solutions */

.col-sol {
	background-color:#fff;
	margin-top:127px;
	margin-bottom:80px;
}

.col-sol > h1 {
	font:55px 'Montserrat', sans-serif;
	font-weight:700;
	color:#b0b0b0;
	text-align:center;
	text-transform:uppercase;
	line-height:84px;
	margin-bottom:40px;
	border-bottom:3px solid #e2e2e2;
}

.col-sol p {
	font:20px 'Roboto', sans-serif;
	line-height:35px;
	font-weight:300;
	color:#7d7d7d;
	text-align:left;
	word-wrap:break-word;
}

.col-sol b {
	font:20px 'Roboto', sans-serif;
	font-weight:500;
	color:#000000;
}

.col-sol ul {
	padding:0px;
	margin:28px 0px 0px;
}

.col-sol ul li {
	font:20px 'Roboto', sanserif;
	color:#7d7d7d;
	font-weight:300;
	background:url('img/list.png') no-repeat left 5px;
	list-style:none;
	padding:0px 0px 0px 30px;
	margin:0 0 10px;
	word-wrap:break-word;
}


.hol-sol {
	background-color:#fff;
	margin-top:127px;
	margin-bottom:40px;
}

.hol-sol > h1 {
	font:55px 'Montserrat', sans-serif;
	font-weight:700;
	color:#b0b0b0;
	text-align:center;
	text-transform:uppercase;
	line-height:84px;
	margin-bottom:40px;
	border-bottom:3px solid #e2e2e2;
}

.hol-sol p {
	font:20px 'Roboto', sans-serif;
	line-height:35px;
	font-weight:300;
	color:#7d7d7d;
	text-align:left;
	word-wrap:break-word;
}

.hol-sol b {
	font:20px 'Roboto', sans-serif;
	font-weight:500;
	color:#000000;
}

.hol-sol ul {
	padding:0px;
	margin:28px 0px 0px;
}

.hol-sol ul li {
	font:20px 'Roboto', sanserif;
	color:#7d7d7d;
	font-weight:300;
	background:url('img/list.png') no-repeat left 5px;
	list-style:none;
	padding:0px 0px 0px 30px;
	margin:0 0 10px;
	word-wrap:break-word;
}

.solution-col2 {
	width:100%;
	margin:0;
	padding:0;
}

.solution-col2 div {
	float:left;
	width:50%;
}

.solution-col2 div:first-child {
	color:#fff;
	padding:40px 66px 0px 63px;
	font-family:'Roboto', sans-serif;
	font-weight:300;
	min-height:510px;

	background: #232a32; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMjMyYTMyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI5MzIzYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg,  #232a32 0%, #29323b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#232a32), color-stop(100%,#29323b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #232a32 0%,#29323b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #232a32 0%,#29323b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #232a32 0%,#29323b 100%); /* IE10+ */
	background: linear-gradient(135deg,  #232a32 0%,#29323b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232a32', endColorstr='#29323b',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

.solution-col2 div:last-child {
	max-height:510px;
	height:510px;
	background-color:#242b33;
}

.solution-col2 h1 {
	font-size:45px;
	font-weight:400;
	line-height:60px;
}

.solution-col2 h2 {
	font-size:24px;
	line-height:40px;
	font-weight:300;
	padding:0 0 30px;
	word-spacing: 5px;
}

.solution-col2 p {
	font-size:18px;
	font-weight:300;
	padding:20px 0px;
	border-top:1px dashed #3c4550;
	word-wrap:break-word;
}

#sol-info {
	width:100%;
	padding:0;
	margin:55px 0 0;
}

#sol-info.telecom {
	background-color:#e9f3f6;
}

#sol-info.mobility {
	background-color:#f0ece2;
}

#sol-info.freight {
	background-color:#e5e9ed;
}

#sol-info.hardware {
	background-color:#f6f6f6;
}

#sol-info div {
	float:left;
	width:50%;
	font-family:'Roboto', sans-serif;
}

#sol-info div:last-child {
	padding:50px 205px 0px 0px;
}

#sol-info h1 {
	font-size:45px;
	font-weight:300;
	color:#08a0ce;
	text-transform:uppercase;
}

#sol-info h3 {
	font-size:24px;
	font-weight:300;
	color:#7d7d7d;
	line-height: 40px;
}

#sol-info p {
	font-size:18px;
	font-weight:300;
	color:#6d6d6d;
	line-height:38px;
	margin-bottom:20px;
}

span.img-col3 {
	width:100%;
	height:570px;
	display:block;
}

span.img-col4 {
	width:100%;
	height:385px;
	display:block;
}

#sol-pages-wrap {
	padding:85px 0px;
	
	background: #222a45; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMyMjJhNDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMGExMTIxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-radial-gradient(center, ellipse cover,  #222a45 0%, #0a1121 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#222a45), color-stop(100%,#0a1121)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #222a45 0%,#0a1121 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #222a45 0%,#0a1121 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #222a45 0%,#0a1121 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #222a45 0%,#0a1121 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222a45', endColorstr='#0a1121',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

#sol-pages-wrap > div > h1 {
	font:35px 'Montserrat', sans-serif;
	font-weight:700;
	color:#ffffff;
	text-transform:uppercase;
	text-align:center;
}

/*** Solution Page Navigation ***/

.sol-pages {
	width:960px;
	padding:0;
	margin:65px auto 0;
}

.sol-pages div {
	font-family:'Roboto', sans-serif;
	width:320px;
	height:240px;
	position:relative;
	display:inline-block;
	float:left;
	padding:25px 26px;
	-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;
	z-index:1;
}

.sol-pages div h1 {
	font-size:25px;
	text-transform:uppercase;
	line-height:32px;
	font-weight:500;
	color:#ffffff;
	margin-bottom:5px;
	word-wrap:break-word;
}

.sol-pages div a {
	text-decoration:none;
	display:block;
	height:100%;
}

.sol-pages div p {
	font-size:14px;
	color:#ffffff;
	font-weight:300;
	line-height:20px;
	visibility:hidden;
	opacity:0;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.sol-pages:hover > div.activate {
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	z-index:1;
}

.sol-pages:hover > div:hover {
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	z-index:999;
	-webkit-box-shadow:inset 0 0 0 10px rgba(255,255,255,0.3);
	box-shadow:inset 0 0 0 10px rgba(255,255,255,0.3);
}

.sol-pages div:hover p {
	visibility:visible;
	opacity:1;
}

.sol-pages .activate {
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	z-index:998;
	-webkit-box-shadow:inset 0 0 0 10px rgba(255,255,255,0.3);
	box-shadow:inset 0 0 0 10px rgba(255,255,255,0.3);
}

.sol-pages .activate p {
	visibility:visible;
	opacity:1;
}

.sol-pages .active p {
	visibility:visible;
	opacity:1;
}

.sol-pages div span {
	position:absolute;
	right:26px;
	bottom:25px;
}

.sol-pages div:first-child {
	background-color:#8abe5e;
}

.sol-pages div:nth-child(4n+2) {
	background-color:#ffbb42;
}

.sol-pages div:last-child {
	background-color:#dd2741;
}

.sol-pages div:last-child p {
	padding-right:50px;
}

span.telecoms {
	background:url('img/sprite.png') no-repeat 0 0;
	width:49px;
	height:76px;
	display:block;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
}

span.mobilitys {
	background:url('img/sprite.png') no-repeat -63px 0;
	width:76px;
	height:76px;
	display:block;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
}

span.gear {
	background:url('img/sprite.png') no-repeat -157px 0;
	width:76px;
	height:76px;
	display:block;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
}

span.logistics {
	background:url('img/sprite.png') no-repeat -244px 0;
	width:63px;
	height:76px;
	display:block;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
}

/* Certifications Page */

.cert-list {
	font-family:'Roboto', sans-serif;
	width:960px;
	padding:0;
	margin:0 auto 40px;
}

.cert-list div {
	float:left;
}

.cert-list div:first-child {
	width:370px;
	border-top:3px solid #1ab0de;
}

.cert-list div:last-child {
	width:590px;
	padding:36px 0px 0px 33px;
	border-top:1px solid #c0c0c0;
}

.cert-list p {
	font-size:18px;
	font-weight:300;
	color:#6d6d6d;
	line-height:34px;
}

.cert-list h1 a{
	font:25px 'Montserrat', sans-serif;
	font-weight:400;
	color:#b0b0b0;
	line-height:30px;
	text-decoration:none;
}

.cert-list span.download {
	background:url('img/download.png') no-repeat 0 0;
	width:43px;
	height:150px;
	display:inline-block;
	float:left;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	margin:10px 15px 0 0;
}

.cert-list span.download.arrow {
	background:url('img/spacer.gif') repeat 0 0;
}

.cert-list p.parrow {
	width:100%;
	display:block;
}

.cert-list span.yarrow {
	background:url('img/yarrow.png') no-repeat 0 0;
	width:43px;
	height:43px;
	margin:10px 15px 0 0;
	float:right;
}

/* Case Studies Page */

.case {
	margin-top:0px;
}

.case > div:last-child {
	border-bottom:none;
}

.case-list {
	font-family:'Roboto', sans-serif;
	width:100%;
	margin:0;
	padding:75px 0px;
	border-bottom:1px dashed #9e9e9e;
}

.case-list div {
	float:left;
}

.case-list div:first-child {
	width:665px;
}

.case-list div:last-child {
	width:595px;
	margin-top:-15px;
}

.case-list h1 a{
	font-size:45px;
	font-weight:300;
	color:#08a0ce;
	text-transform:uppercase;
	text-decoration:none;
}

.case-list h3 {
	font-size:24px;
	font-weight:700;
	color:#7d7d7d;
	text-align:left;
}

.case-list p {
	font-size:18px;
	font-weight:300;
	color:#6d6d6d;
	line-height:38px;
	margin-bottom:20px;
}

.blog-post {
	padding:30px 0px;
	font-family:'Roboto', sans-serif;
}

.blog-post h1 {
	font-size:45px;
	font-weight:300;
	color:#08a0ce;
	text-transform:uppercase;
	text-decoration:none;
}

.blog-post h3 {
	font-size:24px;
	font-weight:700;
	color:#7d7d7d;
	text-align:left;
}

.blog-post time {
	font-size:14px;
	margin:6px 0 20px 0;
	display:block;
	color:#c5c5c5;
}

.blog-post p {
	font-size:18px;
	font-weight:300;
	color:#6d6d6d;
	line-height:38px;
	margin-bottom:20px;
}

hr {
   display: block;
   position: relative;
   padding: 0;
   margin: 8px auto;
   height: 0;
   width: 100%;
   max-height: 0;
   font-size: 1px;
   line-height: 0;
   clear: both;
   border: none;
   border-bottom: 1px dashed #9e9e9e;
}

#pagination {
	width:100%;
	margin:10px 0 0 0;
	padding:0;
}

#pagination a {
	color:#474747;
	text-transform:uppercase;
}

#pagination a:hover {
	color:#189fc8;
}

a.prev {
	background: url('img/chev-left.png') no-repeat 0 6px;
	padding-left: 13px;
}

a.next {
	background: url('img/chev-right.png') no-repeat right 6px;
	padding-right: 13px;
}

#pagination .next {
	float:right;
	display:block;
}

#pagination .prev {
	float:left;
	display:block;
}

.blog-post a {
	font-family:'Montserrat', sans-serif;
	font-size:14px;
	color:#474747;
	text-transform:uppercase;
}

.blog-post a:hover {
	color:#189fc8;
}

/* PDF Download Page */

.pdf-download {
	width:960px;
	margin:0 auto 30px;
	padding:0;
}

.pdf-download div {
	background-image: url("img/laptopv.png"); 
	background-repeat: no-repeat; 
	background-position: center top;
	padding: 28px 50px; 
	width:320px;
	padding:30px;
	float:left;
	position:relative;
	margin: 0 auto;
}

.pdf-download a {
	text-decoration:none;
}

.pdf-download span.category {
	font:18px 'Roboto', sans-serif;
	font-weight:300;
	color:#555555;
	text-transform:uppercase;
	line-height:30px;
}

.pdf-download h1 {
	font:25px 'Montserrat', sans-serif;
	font-weight:400;
	color:#b0b0b0;
	line-height:34px;
}

.pdf-download span.downloads {
	background:url('img/download.png') no-repeat -46px 0;
	width:43px;
	height:43px;
	display:block;
	position:relative;
	margin-top:44px;
	float:right;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
}

.pdf-download a:hover span.downloads {
	background:url('img/download.png') no-repeat 0 0;
}

.pdf-download span.yarrow {
	background:url('img/yarrow.png') no-repeat -46px 0;
	width:43px;
	height:43px;
	display:block;
	position:relative;
	margin-top:44px;
	float:right;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
}

.pdf-download a:hover span.yarrow {
	background:url('img/yarrow.png') no-repeat 0 0;
}

span.img-col5 {
	width:560px;
	height:375px;
	display:block;
}

/* Contact Us Page */

#contact-us {
	padding:40px 0;
}

#contact-us h1 {
	font:25px 'Montserrat', sans-serif;
	font-weight:700;
	line-height:47px;
	color:#08a0ce;
	text-transform:uppercase;
	text-align:center;
}

#contact-us h6 {
	font:16px 'Roboto', sans-serif;
	font-weight:700;
	color:#7d7d7d;
	text-transform:uppercase;
	text-align:center;
	margin-bottom:10px;
}

#contact-us p {
	font:20px 'Roboto', sans-serif;
	font-weight:300;
	color:#7d7d7d;
	text-align:center;
}

#contact-us a {
	font:20px 'Roboto', sans-serif;
	font-weight:300;
	color:#1ab0de;
}

#contact-us form {
	margin:60px 0 0;
	width:100%;
}

.inputs div {
	float:left;
	margin:0 13px 37px 0;
	width:335px;
}

#contact-us form .message {
	float:none;
	width:100%;
}

#contact-us form .captcha {
	float:right;
	width:335px;
	margin:31px 0px;
}

#contact-us .right {
	float:right;
	width:119px;
	margin:31px 0px;
}

#contact-us .wpcf7 input[type="captchar"]{
	max-width: 100px;
}

#contact-us .wpcf7-submit {
	background-color:#1ab0de !important;
	padding:10px 30px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	font:16px 'Roboto', sans-serif;
	font-weight:700;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	display:inline-block;
	border:none;
	-webkit-transition: background 0.5s ease-out;
	-moz-transition: background 0.5s ease-out;
	-ms-transition: background 0.5s ease-out;
	-o-transition: background 0.5s ease-out;
	transition: background 0.5s ease-out;
}


.inputs div:nth-child(2n+2) {
	margin-right:0px;
}

#contact-us label {
	font:16px 'Roboto', sans-serif;
	font-weight:700;
	color:#7d7d7d;
	line-height:30px;
	text-transform:uppercase;
	width:100%;
	display:block;
}

#contact-us input {
	width:100%;
	background-color:#eaeaea;
	border-color: #cbcbcb;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	padding:10px;
}

#contact-us input:focus {
	background-color:#f7f5f5;
	border-bottom:2px solid #46b8da;
	outline:none;
}

#contact-us textarea {
	width:100%;
	background-color:#eaeaea;
	border-color: #cbcbcb;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	padding:10px;
}

#contact-us textarea:focus {
	background-color:#f7f5f5;
	border-bottom:2px solid #46b8da;
	outline:none;
}

#contact-us > div {
	float:left;
}

#contact-us > div:first-child {
	width:716px;
	padding-right:25px;
}

#contact-us > div:last-child {
	width:507px;
	border-left:2px solid #e2e2e2;
}

#contact-us > div:last-child div {
	padding:35px 0;
	border-bottom:2px solid #e2e2e2;
}

#contact-us > div:last-child div:first-child {
	padding-top:0;
}

/* Login Page */

#login {
	padding:150px 0px;
}

.login-table {
	width:500px;
}

#login input[type="text"] {
	width:100%;
	background-color:#eaeaea;
	border-color: #cbcbcb;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	padding:10px;
}

#login input[type="password"] {
	width:100%;
	background-color:#eaeaea;
	border-color: #cbcbcb;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	padding:10px;
}

#login input[type="submit"] {
	background-color:#1ab0de;
	padding:8px 15px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	font:16px 'Roboto', sans-serif;
	font-weight:300;
	color:#fff;
	text-decoration:none;
	display:inline-block;
	border:0;
	margin-right:10px;
	-webkit-transition: background 0.5s ease-out;
	-moz-transition: background 0.5s ease-out;
	-ms-transition: background 0.5s ease-out;
	-o-transition: background 0.5s ease-out;
	transition: background 0.5s ease-out;
}

#login input[type="reset"] {
	background-color:#959595;
	padding:8px 15px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	font:16px 'Roboto', sans-serif;
	font-weight:300;
	color:#fff;
	text-decoration:none;
	display:inline-block;
	border:0;
	-webkit-transition: background 0.5s ease-out;
	-moz-transition: background 0.5s ease-out;
	-ms-transition: background 0.5s ease-out;
	-o-transition: background 0.5s ease-out;
	transition: background 0.5s ease-out;
}

#login input[type="text"]:focus {
	background-color:#f7f5f5;
	border-bottom:2px solid #46b8da;
	outline:none;
}

#login input[type="password"]:focus {
	background-color:#f7f5f5;
	border-bottom:2px solid #46b8da;
	outline:none;
}


/* Buttons */

.btn {
	background-color:#1ab0de;
	padding:12px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	font:16px 'Roboto', sans-serif;
	font-weight:300;
	color:#fff;
	text-decoration:none;
	display:inline-block;
	-webkit-transition: background 0.5s ease-out;
	-moz-transition: background 0.5s ease-out;
	-ms-transition: background 0.5s ease-out;
	-o-transition: background 0.5s ease-out;
	transition: background 0.5s ease-out;
}

.btn:hover {
	background-color:#189fc8;
}

.btn-bold {
	background-color:#1ab0de;
	padding:10px 30px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	font:16px 'Roboto', sans-serif;
	font-weight:700;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	display:inline-block;
	-webkit-transition: background 0.5s ease-out;
	-moz-transition: background 0.5s ease-out;
	-ms-transition: background 0.5s ease-out;
	-o-transition: background 0.5s ease-out;
	transition: background 0.5s ease-out;
}

.btn-bold:hover {
	background-color:#189fc8;
}

button {
	background-color:#1ab0de;
	padding:10px 30px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	font:16px 'Roboto', sans-serif;
	font-weight:700;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	display:inline-block;
	border:none;
	-webkit-transition: background 0.5s ease-out;
	-moz-transition: background 0.5s ease-out;
	-ms-transition: background 0.5s ease-out;
	-o-transition: background 0.5s ease-out;
	transition: background 0.5s ease-out;
}

button:hover {
	background-color:#189fc8;
}

/* Footer */

footer {
	background-color:#141b23;
	padding:25px 0px;
}

footer div > div:first-child {
	float:left;
}

footer small {
	font:15px 'Roboto', sans-serif;
	color:#ffffff;
	font-weight:300;
	margin-top:20px;
	float:left;
}

footer div > div:last-child {
	float:right;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}


/* Home page Video */
.vidi {
	margin: 0px auto; 
	z-index: 100; 
	position: relative; 
	top: -14px; 
	background-image: url("img/laptop.png"); 
	background-repeat: no-repeat; 
	padding: 28px 50px; 
	width: 980px;
}

.vidh {
	padding:52px 33px 150px; 
	margin-left:70px; 
	z-index:100; 
	position:relative; 
	top:50px; 
	background-image:url('img/screen.png'); 
	background-repeat:no-repeat;
}

#vidh {
	top: 25px;
}

.hvid {
	margin: 0px auto; 
	z-index: 100; 
	position: relative; 
	background-image: url("img/laptop.png") !important; 
	background-repeat: no-repeat !important; 
	padding: 28px 50px !important;  
	width: 380px !important;
}

/* Certifications Video */
.vidc {
	padding: 50px 98px 62px; 
	margin:0 auto; 
	width:500px; 
	z-index: 100; 
	position: relative; 
	top: -90px; 
	margin-bottom:-200px; 
	background-image: url("img/laptops.png");
	background-repeat: no-repeat; 
}


.vidr {
	z-index: 100; 
	position: relative; 
	background-image:url('img/screen.png') !important;; 
	background-repeat:no-repeat !important;;
	margin-left: 40px !important; 
	padding: 52px 33px 150px !important; 
	width: 565px !important;;	
}

.vidv {
	z-index: 100; 
	position: relative; 
	background-image:url('img/screen.png') !important;; 
	background-repeat:no-repeat !important;;
	padding: 52px 33px 150px !important; 
	width: 565px !important;;	
	margin: -60px 0 -100px 0;
}

.vidt {
    background-image: url("img/laptops.png");
    background-repeat: no-repeat;
    padding: 50px 98px 62px;
    position: relative;
	margin: 0 auto;
    top: -60px;
    width: 500px;
    z-index: 100;
}

.vidb {
    background-image: url("img/laptop.png");
    background-repeat: no-repeat;
    margin: 0 auto -80px;
    padding: 28px 50px;
    position: relative;
    width: 380px;
    z-index: 100;
}

.twov {
	margin-left: 265px;
}

.vidd {
    background-image: url("img/laptops.png");
    background-repeat: no-repeat;
    float: left;
    margin: 0 auto;
    padding: 50px 98px 62px;
    position: relative;
    top: -60px;
    width: 500px;
    z-index: 100;
}

.vidm {
    background-image: url("img/laptops.png");
    background-repeat: no-repeat;
    float: left;
    margin: 0 auto -200px;
    padding: 50px 98px 62px;
    position: relative;
    top: -260px;
    width: 500px;
    z-index: 100;
}

.vids {
    background-image: url("img/laptops.png");
    background-repeat: no-repeat;
    float: left;
    margin: 0 auto;
    padding: 50px 98px 62px;
    position: relative;
    top: -60px;
    width: 500px;
    z-index: 100;
}


.twoh {
    margin: 0 auto 350px;
    position: relative;
    width: 500px;
}

.twol {
    margin: 0 auto 350px;
    position: relative;
    width: 1000px;
}

.twos {
    margin: 0 auto 350px;
    position: relative;
    width: 500px;
}

.vone {
    margin: 0 auto 120px;
    position: relative;
    width: 565px;
}

.notopb { border-top:none !important; }


.dpdf { 
	margin:0 auto; 
	width:75%;
}

.dpdf p { 
	display:block; 
	width:50%; 
	float:left;
}	

.dpdf p:nth-child(2n) {
	text-align:right;
}


    .youtube-container { display: block; margin: 0px auto; width: 222px; max-width: 222px; min-width: 222px; }
    .youtube-player { display: block; width: 100%; /* assuming that the video has a 16:9 ratio */ padding-bottom: 56.25%; overflow: hidden; position: relative; width: 100%; height: 100%; cursor: hand; cursor: pointer; display: block; }
    img.youtube-thumb { bottom: 0; display: block; left: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; height: auto }
    span.play-button { height: 72px; width: 72px; left: 50%; top: 50%; margin-left: -36px; margin-top: -36px; position: absolute; background: url("http://i.imgur.com/TxzC70f.png") no-repeat; }
    #youtube-iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }


.fax, .utf, .jsc { position: absolute; left:-9000px; }