/* @override 
	http://messagenetsystems.com/new/wp-content/themes/message/style.css
	http://www.messagenetcommunicationsystems.com/wp-content/themes/message/style.css */

/*
Theme Name: MessageNet
Theme URI: http://fatatominternetmarketing.com/
Description: Theme designed/developed by Fat Atom Internet Markteting for MessageNet Systems.
Author: Fat Atom
Version: 1.0
License: GNU General Public License
License URI: license.txt
*/

/* Website Credits START

Coded by:
Daniel Waltz - Fat Atom Internet Marketing

Designed by:
Steven Musngi - Fat Atom Internet Marketing

Please feel free to use any helpful code, as long as credit is given.

Website Credits END */

/* @group Page Default */

* {
	margin: 0;
	padding: 0;
	font-family: inherit;
	line-height: 1.4;
}
::-moz-selection {
	background: #000000;
	color: #ffffff;
}
::selection {
	background: #000000;
	color: #ffffff;
}

@font-face {
	font-family: 'Oswald';
	src: url('fonts/Oswald.eot'); /* IE9 Compat Modes */
	src: url('fonts/Oswald.ttf') format('truetype'),
		 url('fonts/Oswald.eot?#iefix') format('embedded-opentype');
}

.block, #block, .display, #display { display: block; }
.none, #none, .hide, #hide { display: none; }
.clearboth, #clearboth, .clear, #clear { clear: both; }
.textaligncenter, #textaligncenter { text-align: center; }
.aligncenter, #aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft, #alignleft, .floatleft, #floatleft { float: left; }
.alignright, #alignright, .floatright, #floatright { float: right; }
section, aside, article, nav { display:	block; }

p, ul, ol, table, dl, h1, h2, h3, h4, h5, h6, div, section, aside, article, nav {
	color: #5e5c5c;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	color: #20b0af;
	font-weight: normal;
	font-family: Oswald, Arialnarrow, Arial, sans-serif;
}
h1 {
	font-size: 26px;
}
h2 {
	font-size: 22px;
}
h3 {
	font-size: 18px;
}
.home-col3 .widget-title {
	
}
h4 {
	font-size: 16px;
}
h5 {
	font-size: 15px;
}
h6 {
	font-size: 13px;
}

hr {
	border-top: 1px solid #9f9d9d;
	border-bottom: 0;
}

p, ul, ol, h1, h2, h3, h4, h5, h6, dl, hr { margin: 13px 0; }
p:first-child, ul:first-child, ol:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, dl:first-child, hr:first-child { margin: 0 0 13px 0; }
p:last-child, ul:last-child, ol:last-child, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, dl:last-child, hr:last-child { margin: 13px 0 0 0; }

ul, ol, dd { padding-left: 25px; }
li { padding: 3px 0; }

a {
	color: #1fb0af;
	text-decoration: none;
}
a:hover { text-decoration: underline; }

a.decnone, a.decmin {
	color: inherit;
	text-decoration: none;
}
a.decnone:hover {
	color: inherit;
	text-decoration: none;
}
a.decmin:hover{
	text-decoration: underline;
}

a img { border: 0; }

img { max-width: 100%; height: auto; }

input[type=text], input[type=email], textarea {
	padding: 2px;
	width: 98%;
	color: #5e5c5c;
	font-size: 13px;
	border: 1px solid #c4c4c4;
	outline: none;
	
	-webkit-box-shadow: inset 0 -2px 2px #cccccc;
	-moz-box-shadow: inset 0 -2px 2px #cccccc;
	-ms-box-shadow: inset 0 -2px 2px #cccccc;
	-o-box-shadow: inset 0 -2px 2px #cccccc;
	box-shadow: inset 0 -2px 2px #cccccc;
}
input[type=text]:focus, input[type=email]:focus, textarea:focus {
	outline: none;
	
	-webkit-box-shadow: inset 0 2px 2px #cccccc;
	-moz-box-shadow: inset 0 2px 2px #cccccc;
	-ms-box-shadow: inset 0 2px 2px #cccccc;
	-o-box-shadow: inset 0 2px 2px #cccccc;
	box-shadow: inset 0 2px 2px #cccccc;
}
input[type=button], input[type=submit], .button {
	display: block;
	background: #1fb0af;
	margin: 0;
	padding: 3px 20px;
	border: 1px solid #c4c4c4;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	
	-webkit-box-shadow: inset 0 0 10px #1ea4a4;
	-moz-box-shadow: inset 0 0 10px #1ea4a4;
	-ms-box-shadow: inset 0 0 10px #1ea4a4;
	-o-box-shadow: inset 0 0 10px #1ea4a4;
	box-shadow: inset 0 0 10px #1ea4a4;
}
input[type=button]:hover, input[type=submit]:hover, .button:hover {
	background: #929395;
	text-decoration: none;
	
	-webkit-box-shadow: inset 0 0 10px #c4c4c4;
	-moz-box-shadow: inset 0 0 10px #c4c4c4;
	-ms-box-shadow: inset 0 0 10px #c4c4c4;
	-o-box-shadow: inset 0 0 10px #c4c4c4;
	box-shadow: inset 0 0 10px #c4c4c4;
}
.captcha input {
	max-width: 100px;
}

fieldset { padding: 0 18px 18px; }
legend { font-weight: bold; }
blockquote {
	background: #1fb0af;
	padding: 10px;
	border: 1px solid #c4c4c4;
	color: #ffffff;
	font-style: italic;
}
blockquote p:first-child { margin: 0; }
blockquote p { margin: 13px 0 0; color: #ffffff; }

/* @end */


/* @group Body/Wrapper */

.home .page-content {
	display: none;
}
.home .banner {
	border: 0;
}
.home .main {
	padding: 0;
}

html, body {
	
}

html {
	
}
body {
	background: #ebebeb;
}
.wrap {
	background: #ffffff url(images/wrap-bg.jpg) repeat left top;
	margin: 0 auto;
	width: 900px;
	text-align: left;
	
	-webkit-box-shadow: 0 0 9px #c4c4c4;
	-moz-box-shadow: 0 0 9px #c4c4c4;
	-ms-box-shadow: 0 0 9px #c4c4c4;
	-o-box-shadow: 0 0 9px #c4c4c4;
	box-shadow: 0 0 9px #c4c4c4;
}
.inner-wrap {
	background: transparent url(images/wrap-gradient.jpg) repeat-x left top;
	padding: 20px 30px 0;
}

/* @end */


/* @group Header */

.header {
	margin: 0 0 5px;
}

.logo {
	float: left;
	background: transparent url(images/logo_mod_lighter_white_sm.png) no-repeat left top;
	width: 289px;
	height: 60px;
	text-decoration: none;
	text-indent: -9999px;
	margin-left: 15px;
	margin-bottom: 15px;
}

.header-right {
	float: right;
	margin: 25px 0 15px 0;
}
.header-right div {
	color: #ffffff;
	font-size: 1.8em;
	font-weight: normal;
	text-align: right;
	line-height: 1;
	margin-right: 15px;
	font-style: italic;
	text-shadow: 0 0 0 #dd5500;
	transition: color 3000ms ease-out 500ms, text-shadow 2500ms ease-in 200ms;
}
#body.loaded .header-right div {
	color: #178582;
	text-shadow: 0 0 300px #ff9944;
}
.header-right div .phone {
	color: #000000;
	font-size: 28px;
	line-height: 1;
}

.topleftlink {
	position: absolute;
	top: 0;
	left: 0;
	padding: 25px 10px;
}

.nav {
	padding: 0;
	background-color: #178582;
	border-radius: 7px 7px 0px 0px;

	-webkit-box-shadow: 0 0 6px #afafaf;
	-moz-box-shadow: 0 0 6px #afafaf;
	-ms-box-shadow: 0 0 6px #afafaf;
	-o-box-shadow: 0 0 6px #afafaf;
	box-shadow: 0 0 6px #afafaf;
}
.nav ul,
.nav li {
	margin: 0 !important;
	padding: 0;
	list-style: none;
}
.nav li,
.nav li a {
	position: relative;
	float: left;
	white-space: nowrap;
	z-index: 999;
}
.nav li:hover {
	z-index: 999;
}
.nav li a {
	margin: 0 7px;
	padding: 4px 26px;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	line-height: 1;
}
.nav li a:hover,
.nav li:hover > a {
	color: #6ff;
	text-decoration: none;
	margin-bottom: -1px;
	z-index: 999;
	/*background-color: #20b0b0;*/
}
.nav .sub-menu {
	display: none;
	position: absolute;
	top: 20px;
	left: 23px;
	background: #20b0b0;
	width: 200px;
	z-index: 999;
	
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.3);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,.3);
	-ms-box-shadow: 1px 1px 3px rgba(0,0,0,.3);
	-o-box-shadow: 1px 1px 3px rgba(0,0,0,.3);
	box-shadow: 1px 1px 3px rgba(0,0,0,.3);
}
.nav li:hover .sub-menu {
	display: block;
}
.nav .sub-menu li,
.nav .sub-menu a {
	float: none;
	display: block;
	margin: 0;
	white-space: normal !important;
}
.nav .sub-menu a {
	padding: 8px 10px;
	color: #ffffff;
}
.nav .sub-menu a:hover,
.nav .sub-menu li:hover > a {
	/*background: #54534a;*/
	background-color: #178582;
	margin: 0;
	border: 0;
	color: #ffffff;
}
.nav .sub-menu ul.sub-menu {
	display: none;
	left: 175px;
	top: 0;
}
.nav .sub-menu li:hover ul.sub-menu {
	display: block;
}
.nav .sub-menu ul.sub-menu ul.sub-menu {
	display: none;
}
.nav .sub-menu ul.sub-menu li:hover ul.sub-menu {
	display: block;
}

/* @end */


/* @group Banner */

/******** start homepage banner version 2 ********/
.home .banner-v2 {
	border-bottom: solid 1px #9f9d9d;
}
.home .banner-media-v2 {
	float: left;
	width: 350px;
	height: 225px;
	margin: 10px;
}
.home .banner-content-v2 {
	float: left;
	width: 310px;
	margin: 10px 10px 10px 0;
}
.home .banner-content-v2 p {
	margin: 5px 0 0;
	color: #34302c;
	font-size: 18px;
	line-height: 1.8;
	font-family: Oswald, Arialnarrow, Arial, sans-serif;
}
.home .banner-content-v2 a {
	display: none;
}
.home .banner-content-v2 .excerpt p {
	color: #178582;
	/*color: rgb(32, 176, 175);*/
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.4;
	font-family: Helvetica, Arial, sans-serif;
	text-shadow: 0 0 3px #ffffff;
}
/******** end homepage banner version 2 ********/

.banner {
	border-bottom: solid 1px #9f9d9d;
}
.home .banner {
	background: #eee;
/*	min-height: 350px;*/
}
.banner-content {
	float: left;
	width: 230px;
	margin: 20px 0px 20px 15px;
}
.home .banner-content {
	float: left;
	width: 310px;
	margin: 20px 0px 20px 15px;
}
.banner-content h1 {
	margin: 0;
	font-size: 20px;
}
.banner-content p {
	margin: 5px 0 0;
	color: #34302c;
	font-size: 18px;
	line-height: 1.8;
	font-family: Oswald, Arialnarrow, Arial, sans-serif;
}
.banner-content a {
	display: none;
}
.home .banner-content .excerpt p {
	/*color: #178582;*/
	color: rgb(32, 176, 175);
	/*color: #555;*/
	font-size: 1.8em;
	font-weight: normal;
	line-height: 1.4;
	font-family: Helvetica, Arial, sans-serif;
	text-shadow: 0 0 15px #ffffff;
}
.banner-media {
	float: right;
	width: 560px;
	/* position: relative !important; */
	/* z-index: 0 !important; */
}
.home .banner-media {
	float: right;
	/*width: 480px;*/
	width: 360px;
	/* position: relative !important; */
	/* z-index: 0 !important; */
}
.home .banner-media {
	/*height: 300px;*/	/* to match the video height exactly, but only for homepage */
	height: 225px;
	padding-top: 10px;
}
.banner-image, .banner .wp-post-image {
	display: block;
	margin: 0 0 0 auto;
}

.anythingSlider, .anythingWindow, .anythingSlider .panel, .anythingSlider .content {
	height: 304px !important;
	border: 0 !important;
}
.anythingSlider {
	background: #d9d9d9;
	margin: 0 0 0 auto !important;
	padding: 12px !important;
}
ul.anythingSlider {
	padding: 0 !important;
	width: 9999px !important;
}
.anythingControls {
	background: #d9d9d9 !important;
	margin: 0 !important;
	padding: 0 !important;
	height: auto !important;
}
.anythingControls:after,
.anythingControls ul:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}
.anythingControls li {
	float: left;
	height: 87px;
	padding: 0 !important;
}
.anythingControls a {
	/*background: #272727 !important;*/
	background: none !important;
	margin: 5px 5px 5px 0 !important;
	padding: 0 !important;
	height: auto !important;
	color: #ffffff !important;
	font-family: Arial, sans-serif !important;
	
	/*-webkit-border-radius: 50px !important;
	-moz-border-radius: 50px !important;
	-ms-border-radius: 50px !important;
	-o-border-radius: 50px !important;
	border-radius: 50px !important;*/
	
	-webkit-box-shadow: 0 3px 1px rgba(0,0,0,.25);
	-moz-box-shadow: 0 3px 1px rgba(0,0,0,.25);
	-ms-box-shadow: 0 3px 1px rgba(0,0,0,.25);
	-o-box-shadow: 0 3px 1px rgba(0,0,0,.25);
	box-shadow: 0 3px 1px rgba(0,0,0,.25);
}
.anythingControls a img {
	display: block;
	background: #272727 !important;
	padding: 5px;
}
.anythingControls a.cur {
	/*background-color: #20b0af !important;*/
	
	-webkit-box-shadow: inset 0 3px 1px rgba(0,0,0,.25);
	-moz-box-shadow: inset 0 3px 1px rgba(0,0,0,.25);
	-ms-box-shadow: inset 0 3px 1px rgba(0,0,0,.25);
	-o-box-shadow: inset 0 3px 1px rgba(0,0,0,.25);
	box-shadow: inset 0 3px 1px rgba(0,0,0,.25);
}
.anythingControls a.cur img {
	background: #20b0af !important;
}

/* @end */


/* @group Main */

.main {
	background: #ffffff;
	padding: 1px 0 1px;
	
	-webkit-box-shadow: 0 0 6px #afafaf;
	-moz-box-shadow: 0 0 6px #afafaf;
	-ms-box-shadow: 0 0 6px #afafaf;
	-o-box-shadow: 0 0 6px #afafaf;
	box-shadow: 0 0 6px #afafaf;
}
.home .main,
.page .main {
	padding-top: 0;
}
.page-template-plainpage-php .main,
.page-template-videogallery-php .main {
	padding-top: 1px;
}
.page-content {
	margin: 20px 30px;
}
.half-width-left {
	float: left;
	width: 47%;
	padding-right: 24px;
	border-right: 1px solid #9f9d9d;
}
.half-width-right {
	float: right;
	width: 47%;
}
.blog #container {
	float: left;
	width: 70%;
}
.widget-area {
	float: right;
	width: 25%;
}

.newsletter-signup {
	width: 100%;
}
.newsletter-signup td {
	padding: 2px 0;
}
.newsletter-signup input[type=text], .newsletter-signup input[type=email] {
	width: 95%;
}

.wpcf7-not-valid-tip,
.wpcf7-response-output {
	background: #ffffff;
	text-align: center;
	margin: 0 !important;
	color: #333333;
	font-weight: normal;
	
	-webkit-box-shadow: 1px 1px 3px #54534a;
	-moz-box-shadow: 1px 1px 3px #54534a;
	-ms-box-shadow: 1px 1px 3px #54534a;
	-o-box-shadow: 1px 1px 3px #54534a;
	box-shadow: 1px 1px 3px #54534a;
}
.wpcf7-not-valid-tip {
	font-size: 12px !important;
	width: 165px !important;
}
.wpcf7-response-output {
	font-size: 16px;
	padding: 10px !important;
}

.back-to-top {
	float: right;
}

.form-wrap {
	float: right;
	background: #20b0af;
	margin: 0 0 20px 20px;
	padding: 3px;
	max-width: 317px;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
.form-wrap h3 {
	color: #ffffff;
	margin: 0;
	padding: 10px 5px;
	font-size: 23px;
	text-align: center;
}
.inner-form-wrap {
	background: #cacaca;
	padding: 10px 35px;
	
	-webkit-border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
	-ms-border-radius: 0 0 8px 8px;
	-o-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
}
.form-wrap p {
	color: #178582;
	font-weight: bold;
	font-style: italic;
}

.page-template-videogallery-php .entry-content {
	float: left;
}
.video-sidebar {
	float: right;
	width: 230px;
}

.gallerycontainer {
	float: left;
	width: 528px;
	margin: 0 -12px 0 0;
}
.galleryitem {
	float: left;
	width: 120px;
	margin: 0 12px 12px 0;
}
.galleryitem a,
.galleryitem img {
	display: block;
}
.gallerymeta {
	
}
.gallerymeta small {
	display: block;
}

/* @end */


/* @group Home */

.grey-bar {
	position: relative;
	z-index: 10;
	background: #272727;
	margin: 0 auto;
	width: 900px;
	height: 28px;
	
	-webkit-box-shadow: 0 0 9px #c4c4c4;
	-moz-box-shadow: 0 0 9px #c4c4c4;
	-ms-box-shadow: 0 0 9px #c4c4c4;
	-o-box-shadow: 0 0 9px #c4c4c4;
	box-shadow: 0 0 9px #c4c4c4;
}

.home-columns {
	background: #ffffff;
	margin: 0 auto;
	padding: 1px 15px;  /* if changing this left-right value, remember to double it and subtract the result from 840px for width below */
	width: 810px;
	
	/*-webkit-box-shadow: 0 0 9px #c4c4c4;
	-moz-box-shadow: 0 0 9px #c4c4c4;
	-ms-box-shadow: 0 0 9px #c4c4c4;
	-o-box-shadow: 0 0 9px #c4c4c4;
	box-shadow: 0 0 9px #c4c4c4;*/
}
.inner-home-columns {
	max-width: 100%;
	margin: 0 auto;
}
/*
.home-col1, .home-col2, .home-col3 {
	float: left;
	width: 260px;
	margin: 20px 0;
	padding: 0;
}
*/

.home-col1, .home-col2, .home-col3 {
	float: left;
	width: 29%;
	margin: 0;
}
.home-col1 {
	margin: 20px 10px 20px 0;
	padding: 0 20px 0 0;
	border-right: 1px solid #9f9d9d;
}
.home-col2 {
	margin: 20px 20px 20px 0;
	padding: 0 20px 0 0;
	border-right: 1px solid #9f9d9d;
}
.home-col3 {
	margin: 20px 0;
}

.home-col2 h5,
.home-col2 p {
	margin: 16px 0;
}

.home-col2 a,
.home-col3 li a {
	color: #5E5C5C;
}
.home-col2 a:hover,
.home-col3 li a:hover {
	color: #1FB0AF;
}

.home-columns form table {
	/* background: #929395; */
	width: 100%;
	/* padding: 10px; */
}
.home-columns form table td {
	/* padding: 4px; */
	/* color: #ffffff; */
	font-size: 12px;
	font-weight: bold;
}
.home-columns form table .first-cell {
	width: 65px;
}
.home-columns form input[type=submit] {
	margin: 13px auto 0;
	width: 125px;
}

.home-col1.widget-title {
	margin-right: -10px;
}

/* @end */


/* @group Footer */

.footer {
	background: #1fb0af;
	width: auto;
	margin: 0 0 -30px;
	padding: 30px 30px 50px;
}
.inner-footer {
	width: 776px;
	margin: 0 auto;
}
.footer-col1, .footer-col2, .footer-col3 {
	float: left;
}
.footer-col1 {
	width: 220px;
	margin: 0 80px 0 0;
}
.footer-col2 {
	width: 80px;
	margin: 0 90px 0 0;
}
.footer-col3 {
	width: 300px;
	margin: 0 0 0 0;
}
.footer-logo {
	display: block;
	background: url(images/logos.png) bottom left;
	width: 195px;
	height: 60px;
	text-decoration: none;
	text-indent: -9999px;
}
.footer * {
	color: #ffffff;
}
.footer h3 {
	margin: 0 !important;
	text-transform: uppercase;
}
.footer p {
	color: #ffffff;
	font-size: 12px;
}
.footer .copyright {
	font-size: 10px;
}
.footer ul {
	list-style: none;
	margin: 5px 0 0 !important;
	padding: 0;
}
.footer ul li {
	padding: 0;
	font-size: 12px;
}

.footer-col2 .children {
	display: none;
}

.social-icon {
	float: left;
	background: transparent url(images/social-icons.png) no-repeat left bottom;
	margin: 5px 5px 0 0;
	width: 30px;
	height: 30px;
}
.rss:hover {
	background-position: left top;
}
.facebook {
	background-position: -30px bottom;
}
.facebook:hover {
	background-position: -30px top;
}
.twitter {
	background-position: -60px bottom;
}
.twitter:hover {
	background-position: -60px top;
}
.youtube {
	background-position: -90px bottom;
}
.youtube:hover {
	background-position: -90px top;
}
.linkedin {
	background-position: -120px bottom;
}
.linkedin:hover {
	background-position: -120px top;
}

/* @end */


/* @group Wordpress Styles */

.post:first-child,
article:first-child {
	margin: 0;
	padding: 0;
	border: 0;
}
.post,
article {
	margin: 18px 0 0;
	padding: 15px 0 0;
	border-top: 1px solid #999999;
}

.post .alignleft,
article .alignleft { margin: 15px 15px 15px 0; }
.post .alignright,
article .alignright { margin: 15px 0 15px 15px; }
.post .aligncenter,
article .aligncenter { margin: 15px auto; }

.single .entry-title,
.blog .entry-title {
	margin-bottom: 0 !important;
}
.entry-title a {
	text-decoration: none;
}

.page h1.entry-title {
	color: black;
}

.entry-meta {
	font-size: 11px;
	margin-bottom: 13px;
}
.entry-utility {
	clear: both;
	text-align: center;
	margin: 13px 0;
}

#entry-author-info {
margin: 15px 0;
	padding: 20px;
	background: #5e5c5c;
}
#entry-author-info .photo {
	float: left;
	margin: 0 15px 15px 0;
}
#entry-author-info h2, #entry-author-info p, #entry-author-info a, #entry-author-info div {
	color: #ffffff;
}
#entry-author-info h2 {
	margin: 0 0 5px 0;
}
#entry-author-info #author-link a {
	float: right;
	margin: 5px 0 0;
}

.nav-previous {
	float: left;
}
.nav-next {
	float: right;
}

#comments .commentlist {
	display: block;
	background: #eee;
	margin: 0;
	padding: 10px;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
#comments-title,
#reply-title {
	margin-top: 20px;
	padding-top: 18px;
	border-top: 1px solid #999999;
}
#comments .comment {
	display: block;
}
#comments .avatar {
	width: 16px;
	height: 16px;
}
#comments .comment-author {
	font-weight: bold;
}
#comments .comment-meta {
	font-size: 10px;
	line-height: 1;
	margin-bottom: 10px;
}
#comments #author,
#comments #email,
#comments #url,
#comments #comment {
	width: 98%;
}
#comments .form-submit input {
	margin: 0 0 0 auto;
}
#comments .form-allowed-tags {
	display: none;
}

.xoxo,
.xoxo li.widget-container { display: block; margin: 0; padding: 0; list-style: none; }

.xoxo li.widget-container:first-child {
	margin: 0;
}
.xoxo li.widget-container {
	display: block;
	margin: 13px 0;
}
.xoxo h3 {
	margin-bottom: 0;
}
.xoxo ul {
	list-style-type: disc;
}

/* @end */

@-webkit-keyframes zombiehandgrope {
	from {
		left: 0;
	}
	to {
		left: -100px;
	}
}
@-moz-keyframes zombiehandgrope {
	from {
		left: 0;
	}
	to {
		left: -100px;
	}
}
@-ms-keyframes zombiehandgrope {
	from {
		left: 0;
	}
	to {
		left: -100px;
	}
}
@keyframes zombiehandgrope {
	from {
		left: 0;
	}
	to {
		left: -100px;
	}
}
.page-template-zombielandingpage-php .wrap,
.page-template-zombielandingpage-php .inner-wrap {
	background-image: none;
	padding: 0;
}
.page-template-zombielandingpage-php .header {
	margin: 0;
}
.page-template-zombielandingpage-php .logo {
	background: transparent url(zombielandingpage/logo.png) no-repeat left top;
	margin: 8px 0 8px 20px;
	width: 176px;
	height: 55px;
}
.page-template-zombielandingpage-php .header-right {
	background: transparent url(zombielandingpage/zombie-head.png) no-repeat left top;
	width: 360px;
	height: 71px;
	margin: 0;
}
.page-template-zombielandingpage-php .header-right .phone-wrap {
	float: right;
	margin: 15px 20px 0 0;
	color: #1fb0af;
	font-size: 28px;
	font-weight: normal;
	font-family: Oswald, Arialnarrow, Arial, sans-serif;
}
.page-template-zombielandingpage-php .nav,
.page-template-zombielandingpage-php .banner-content h1,
.page-template-zombielandingpage-php .banner-media {
	display: none;
}
.page-template-zombielandingpage-php .banner,
.page-template-zombielandingpage-php .banner-content {
	float: none;
	border: 0;
	width: 1024px;
	height: 576px;
}
.page-template-zombielandingpage-php .banner-content p {
	margin: 0;
}
.page-template-zombielandingpage-php .banner-content iframe {
	display: block;
}
.page-template-zombielandingpage-php .banner {
	background: #c5c5c5;
	margin: 0 0 0 -62px;
	
	-webkit-box-shadow: 0 0 6px #afafaf;
	-moz-box-shadow: 0 0 6px #afafaf;
	-ms-box-shadow: 0 0 6px #afafaf;
	-o-box-shadow: 0 0 6px #afafaf;
	box-shadow: 0 0 6px #afafaf;
}
.page-template-zombielandingpage-php .banner-content,
.page-template-zombielandingpage-php .banner-content p {
	margin: 0;
}
.page-template-zombielandingpage-php .banner-content .view-more-wrap {
	margin: 0 auto;
	width: 900px;
}
.page-template-zombielandingpage-php .banner-content .view-more-wrap .dripping-blood {
	float: left;
	background: transparent url(zombielandingpage/dripping-blood.png) no-repeat left top;
	width: 171px;
	height: 162px;
}
.page-template-zombielandingpage-php .banner-content .view-more-wrap h3 {
	margin: 50px 0 0;
	font-size: 27px;
	text-align: center;
}
.page-template-zombielandingpage-php .banner-content .videothumb {
	float: right;
	background: #c5c5c5;
	margin: 15px 15px 0 0;
	width: 220px;
	height: 124px;
}
.page-template-zombielandingpage-php .main {
	background-image: url(zombielandingpage/content-blood-splatter.png);
	background-repeat: no-repeat;
	background-position: bottom left;
}
.page-template-zombielandingpage-php .main .page-content {
	margin-top: 180px;
	margin-bottom: 80px;
}
.page-template-zombielandingpage-php .main h1 {
   background: transparent url(zombielandingpage/title-text.png) no-repeat left top;
   margin: 0 auto;
   width: 714px;
   height: 78px;
   text-indent: -9999px;
}
.page-template-zombielandingpage-php .main .social-wrap {
	margin: 20px 0 20px -15px;
	width: 870px;
}
.page-template-zombielandingpage-php .main .facebook-bloody {
	float: left;
}
.page-template-zombielandingpage-php .main .twitter-bloody {
	float: right;
}
.page-template-zombielandingpage-php .main .infograph-wrap,
.page-template-zombielandingpage-php .main .infograph-wrap p {
	font-size: 50px;
	text-align: center;
}
.page-template-zombielandingpage-php .main .infograph-wrap {
	/*padding: 20px 0 70px;*/
}
.page-template-zombielandingpage-php .main .infograph-wrap .zombie-hand {
	position: absolute;
	left: 0;
	background: transparent url(zombielandingpage/zombie-hand.png) no-repeat left top;
	width: 240px;
	height: 144px;
	text-indent: -9999px;

	-webkit-animation: zombiehandgrope 5s infinite alternate ease;
	-moz-animation: zombiehandgrope 5s infinite alternate ease;
	-ms-animation: zombiehandgrope 5s infinite alternate ease;
	animation: zombiehandgrope 5s infinite alternate ease;
}
.page-template-zombielandingpage-php .main .conversion-area {
	
}
.page-template-zombielandingpage-php .main .conversion-area h3 {
	float: left;
	margin: 0;
	width: 395px;
	font-size: 21px;
	font-weight: normal;
}
.page-template-zombielandingpage-php .main .conversion-area .zombie-lp-form-wrap {
	float: right;
	width: 407px;
}
.page-template-zombielandingpage-php .main .conversion-area .zombie-lp-form-wrap p {
	position: relative;
	margin: 0;
}
.page-template-zombielandingpage-php .main .conversion-area .zombie-lp-form-wrap .wpcf7 {
	background: transparent url(zombielandingpage/form-bg.jpg) no-repeat right bottom;
	padding: 15px;
	border: 3px solid #1fb0af;
	clear: both;
	
	-ms-border-radius: 3px;
	border-radius: 3px;
}
.page-template-zombielandingpage-php .main .conversion-area .hand {
	float: right;
	background: transparent url(zombielandingpage/bloody-handprint.jpg) no-repeat left top;
	width: 108px;
	height: 70px;
	margin: -70px 2px 0 0;
}
.page-template-zombielandingpage-php .main .conversion-area .input-wrap {
	margin: 0 0 15px;
	width: 175px;
}
.page-template-zombielandingpage-php .main .conversion-area .input-wrap-left {
	float: left;
}
.page-template-zombielandingpage-php .main .conversion-area .input-wrap-right {
	float: right;
}
.page-template-zombielandingpage-php .main .conversion-area .input-wrap span {
	display: block;
}
.page-template-zombielandingpage-php .main .conversion-area input[type=text] {
	background: #f0f0f0;
	width: 163px;
	padding: 3px 6px;
	
	-webkit-box-shadow: inset 2px 2px 4px rgba(33,30,30,.2);
	-moz-box-shadow: inset 2px 2px 4px rgba(33,30,30,.2);
	-ms-box-shadow: inset 2px 2px 4px rgba(33,30,30,.2);
	box-shadow: inset 2px 2px 4px rgba(33,30,30,.2);
}
.page-template-zombielandingpage-php .main .conversion-area .wpcf7-submit {
	background: transparent url(zombielandingpage/submit.jpg) no-repeat left top;
	margin: 0 auto 10px;
	border: 0;
	width: 112px;
	height: 28px;
	text-indent: -9999px;
	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
}
.page-template-zombielandingpage-php .main .conversion-area .ajax-loader {
	position: absolute;
	bottom: 10px;
	left: 10px;
}
.page-template-zombielandingpage-php .footer {
	background: #1fb0af url(zombielandingpage/footer-blood-splatter.jpg) no-repeat bottom right;
}




.page-template-digitalsignagelandingpage-php .inner-wrap {
	padding: 20px 32px 0;
}
.page-template-digitalsignagelandingpage-php .main {
	position: relative;
	padding-top: 1px;
}
.page-template-digitalsignagelandingpage-php .banner,
.page-template-digitalsignagelandingpage-php .banner-content {
	float: none;
	margin: 0;
	border: 0;
	width: auto;
}
.page-template-digitalsignagelandingpage-php .banner {
	position: absolute;
	left: 0;
	top: 0;
	background: transparent url(digitalsignagelandingpage/banner.jpg) no-repeat left top;
	width: 836px;
	height: 276px;
}
.page-template-digitalsignagelandingpage-php .banner-content {
	float: right;
	margin: 127px 0 0;
	padding: 10px 30px;
	width: 370px;
}
.page-template-digitalsignagelandingpage-php .banner-content .lcd-tv {
	position: absolute;
	left: 38px;
	top: 23px;
}
.page-template-digitalsignagelandingpage-php .banner-content h1 {
	color: #ffffff;
	font-size: 30px;
}
.page-template-digitalsignagelandingpage-php .banner-content p {
	margin: 0;
	color: #ffffff;
}
.page-template-digitalsignagelandingpage-php .page-content {
	position: static;
	margin: 296px 30px 20px;
}
.page-template-digitalsignagelandingpage-php .page-content h2,
.page-template-digitalsignagelandingpage-php .page-content h3 {
	background: #1fb0af;
	padding: 10px 15px;
	color: #fff;
}
.page-template-digitalsignagelandingpage-php .sub-box {
	float: left;
	background: #ebebeb;
	margin: 0 25px 0 0;
	padding: 15px;
	width: 345px;
	height: 275px;
}
.page-template-digitalsignagelandingpage-php .sub-box-2 {
	margin: 0;
}
.page-template-digitalsignagelandingpage-php .sub-box h3 {
	margin: -15px -15px 10px;
}


/* DELETE ME WHEN NO LONGER DEVELOPING! */
.page-template-digitalsignagelandingpage-test-php .inner-wrap {
	padding: 20px 32px 0;
}
.page-template-digitalsignagelandingpage-test-php .main {
	position: relative;
	padding-top: 1px;
}
.page-template-digitalsignagelandingpage-test-php .banner,
.page-template-digitalsignagelandingpage-test-php .banner-content {
	float: none;
	margin: 0;
	border: 0;
	width: auto;
}
.page-template-digitalsignagelandingpage-test-php .banner {
	position: absolute;
	left: 0;
	top: 0;
	background: transparent url(digitalsignagelandingpage/banner.jpg) no-repeat left top;
	width: 836px;
	height: 276px;
}
.page-template-digitalsignagelandingpage-test-php .banner-content {
	float: right;
	margin: 127px 0 0;
	padding: 10px 30px;
	width: 370px;
}
.page-template-digitalsignagelandingpage-test-php .banner-content .lcd-tv {
	position: absolute;
	left: 38px;
	top: 23px;
	z-index: 50;
}
.page-template-digitalsignagelandingpage-test-php .banner-content .lcd-tv-content {
	position: absolute;
	left: 53px; /* frame is 15px thick on this axis (had to use 53 instead of 58, though, why?) (content width is 341px) */
	top: 43px; /* frame is 20px thick on this axis (content height is 173px) */
	z-index: 49
}
.page-template-digitalsignagelandingpage-test-php .banner-content h1 {
	color: #ffffff;
	font-size: 30px;
}
.page-template-digitalsignagelandingpage-test-php .banner-content p {
	margin: 0;
	color: #ffffff;
}
.page-template-digitalsignagelandingpage-test-php .page-content {
	position: static;
	margin: 296px 30px 20px;
}
.page-template-digitalsignagelandingpage-test-php .page-content h2,
.page-template-digitalsignagelandingpage-test-php .page-content h3 {
	background: #1fb0af;
	padding: 10px 15px;
	color: #fff;
}
.page-template-digitalsignagelandingpage-test-php .sub-box {
	float: left;
	background: #ebebeb;
	margin: 0 25px 0 0;
	padding: 15px;
	width: 345px;
	height: 275px;
}
.page-template-digitalsignagelandingpage-test-php .sub-box-2 {
	margin: 0;
}
.page-template-digitalsignagelandingpage-test-php .sub-box h3 {
	margin: -15px -15px 10px;
}
/* END DELETE ME */


.rounded_corners {
    -moz-border-radius: 10px;		/* firefox */
    -webkit-border-radius: 10px;	/* safari, chrome (fork of kthml) */
    -khtml-border-radius: 10px;		/* KDE HTML layout engines */
    border-radius: 10px;		/* css3 */
}


/* @group Media Queries */
/*
@media only screen
and (min-width : 1650px) {
	p, ul, ol, table, dl, div, section, aside, article, nav {
		font-size: 14px;
	}
	input[type=text], input[type=email], textarea {
		padding: 5px;
		font-size: 14px;
	}
	.wrap {
		width: 1500px;
	}
	.inner-wrap {
		padding: 20px 50px 0;
	}
	.grey-bar {
		width: 1500px;
	}
	.home-columns {
		width: 1340px;
	}
	.header {
		margin: 0 0 30px;
	}
	.nav li a {
		font-size: 16px;
		margin: 0 36px;
	}
	.nav .sub-menu {
		margin-top: 0;
		top: 28px;
		left: 36px;
		width: 250px;
	}
	.nav .sub-menu ul.sub-menu {
		left: 250px;
	}
	.banner-content {
		width: 735px;
		margin: 40px 50px;
	}
	.page-content {
		margin: 40px 50px;
	}
	.half-width-left {
		padding-right: 38px;
	}
	.inner-home-columns {
		max-width: 1300px;
	}
	.home-col1, .home-col2, .home-col3 {
		width: 31%;
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.page-template-zombielandingpage-php .banner {
		margin: 0 auto;
	}
	.footer {
		padding-top: 40px;
		padding-bottom: 200px;
	}
	.inner-footer {
		width: 1300px;
	}
	.footer-col1, .footer-col2, .footer-col3 {
		width: 29%;
	}
}

@media only screen
and (max-width : 900px) {
	.nav li a {
		margin: 0 3px;
		padding: 6px 6px;
	}
	.nav .sub-menu {
		left: 3px;
	}
	.banner {
		padding-top: 1px;
	}
	.banner-content {
		float: none;
		width: auto;
	}
	.banner-media {
		background: #d9d9d9;
	}
	.banner-image, .banner .wp-post-image {
		margin: 0 auto;
	}
	.half-width-left, .home-col1, .home-col2 {
		border: 0;
	}
	.footer-col1 {
		margin-right: 25px;
	}
	.footer-col2 {
		margin-right: 25px;
	}
}

@media only screen
and (max-width : 480px) {
	.inner-wrap {
		padding: 10px 10px 0 10px;
	}
	.logo, .header-right {
		float: none;
		display: block;
		margin: 0 auto;
		text-align: center;
	}
	.logo {
		margin: 0 auto 10px;
	}
	.header-right div {
		text-align: center;
	}
	.nav {
		margin-top: 10px;
		padding: 0;
	}
	.nav li,
	.nav li a {
		float: none;
		display: block;
		background: none !important;
		margin: 0 !important;
		border: 0 !important;
		text-align: left;
	}
	.nav li:hover,
	.nav li a:hover,
	.nav li:hover > a,
	.nav .sub-menu li:hover > a {
		background: none !important;
		margin: 0 !important;
		border: 0 !important;
		color: #20b0b0 !important;
	}
	.nav li {
		
	}
	.nav li a {
		margin: 0;
		padding: 8px 10px;
	}
	.nav .sub-menu {
		display: block;
		position: static;
		top: 0;
		left: 0;
		background: transparent;
		margin: 0 0 0 20px !important;
		width: auto;
		
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-ms-box-shadow: none;
		-o-box-shadow: none;
		box-shadow: none;
	}
	.nav .sub-menu a {
		color: #54534a;
	}
	.nav .sub-menu a:hover {
		
	}
	.nav .sub-menu ul.sub-menu,
	.nav .sub-menu ul.sub-menu ul.sub-menu {
		display: block;
	}
	.banner {
		padding: 1px 0;
	}
	.banner-media {
		display: none;
	}
	.page-content {
		margin: 20px;
	}
	.half-width-left, .half-width-right {
		float: none;
		width: auto;
	}
	.half-width-right {
		margin: 20px 0;
	}
	.blog #container,
	.blog .widget-area {
		float: none;
		width: auto;
	}
	.home-columns {
		padding: 1px 20px;
	}
	.home-col1, .home-col2, .home-col3 {
		float: none;
		margin: 20px 0;
		padding: 0;
		width: auto;
	}
	.footer {
		padding: 20px;
	}
}
*/

/* @end */