/*   
Theme Name: The HTML5 Reset Theme
Theme URI: http://html5reset.org
Description: A style-free theme to get you started on an HTML5-based Wordpress theme of your own.
Author: Monkey Do!
Author URI: http://monkeydo.biz
Version: 1
*/

/*
	HTML5 Reset Wordpress Theme :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
	Special thanks: The Wordpress theme owes its start to an empty theme authored 
		by Chris Coyier & Jeff Starr: http://digwp.com
	
-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers. 
   There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */
img,
object,
embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}
blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align:middle; *vertical-align: middle;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 75%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  

fieldset{
	/*border:1px solid #000;*/
	padding:0;
	width:300px;
	display:inline-block;
	vertical-align:top;
	margin:.6em;
}
legend{
	font-weight:bold;
	padding-bottom:2em;
	padding-top:2em;
	font-size:120%;
}


/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */
body {font: 13px Helmet, Freesans, sans-serif; background-color:#333; overflow-x:hidden;}

/* using local fonts? make sure to read up on Paul Irish's 
	Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */

/* we like off-black for text */
body, select, input, textarea {color: #333;}

a {color: #33abff;}
a:hover {color: #52cdfe;}

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

.clear {
	clear: both;
}
.right {
	float: right;
}
.left {
	float: left;
}



/* And here begins the Wordpress fun.
-------------------------------------------------------------------------------*/
#quicklinks-bar{
	background-color:#333;
	height:25px;
}
#quicklinks{
	text-align:right;
	width:300px;
	float:right;
	font-size:12px;
	line-height:25px;
	text-transform:uppercase;
}
#quicklinks a{
	color:#CCC;
	text-decoration:none;
}
#quicklinks span#phone{
	/*margin-right:40px;*/
	color:#CCC;
	background-image:url(img/quicklinks-phone.png);
	background-position:0 -4px;
	background-repeat:no-repeat;
	padding-left:20px;
	height:25px;
}
#quicklinks span#client-login{
	background-image:url(img/quicklinks-login.png);
	background-position:0px -3px;
	background-repeat:no-repeat;
	padding-left:20px;
	height:25px;
	display:none;
}
header#header{
	background-color:#084c7c;
	height:70px;
}
#main-content{
	position:relative; 
}
#callout{
	color:#FFFFFF;
	/*
	top: 50px;
	max-width:400px;
	min-height:500px;
	margin-top:45px;
	font-family:Georgia, "Times New Roman", Times, serif;*/
	font-family:Tahoma, Geneva, sans-serif;
	margin-left:20px;
	position: relative;
}
.opaque{
	opacity:1;
}
a.slide-link{
	text-decoration:none;
}
#caption{
	background-color:#084c7c;
}
#callout #headline{
	padding-top:15px;
	opacity:1;
	padding-right:20px;
	font-size: 5.9vw;
	font-style:italic;
	/*
	border-left:7px solid #5babe4;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	*/
}
#callout #headline {
    padding-top: 15px;
    opacity: 1;
    padding-right: 20px;
    font-size: 2vw;
    font-style: italic;
}

#callout #body{
	padding:5vw 0;
	opacity:1;
/*	padding-left:30px;
	padding-right:20px;
*/	font-size: 2vw;
	line-height:3vw;
	/*
	border-left:7px solid #5babe4;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	*/
}
#callout #body {
    padding: 1.5vw 0;
    opacity: 1;
    font-size: 1.5vw;
    line-height: 2.5vw;
}
#callout #body {
    padding: 1vw 0;
    opacity: 1;
    font-size: 1.2vw;
    line-height: 2.2vw;
}
#callout #body p{
	margin-top:10px;
}
#callout #body p a{
	color:#CCC;
	font-size:12px;
	text-decoration:none;
	font-style:italic;
}
#callout #button{
	background-color:#084c7c;
	padding:15px;
	opacity:0.9;
	margin-top:15px;
	padding-left:30px;
	padding-right:20px;
	font-size:14px;
	border-left:7px solid #5babe4;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
}
#callout #button a{
	color:#CCC;
	font-size:12px;
	text-decoration:none;
	font-style:italic;
}
#callout #body p a:hover, #callout #button a:hover{
	text-decoration:underline;
}
.wpcf7-list-item{
	display:block;
}
#stats-bar{
	position:relative;
	background-color:#FFF;
	display:block;
	padding:20px;
}
#stats-bar #intro{
	position:relative;
	width:450px;
	display:inline-block;
	vertical-align:top;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#stats-bar #intro a{
	color:#084c7c;
	text-decoration:none;
	font-style:italic;
}
#stats-bar #intro a:hover{
	text-decoration:underline;
}
#stats-bar #intro h2{
	position:relative;
	font-size:22px;
	font-weight:bold;
	text-transform:capitalize;
	margin-top:15px;
	white-space: nowrap;
}
#stats-bar #intro p{
	position:relative;
	font-size:13px;
	line-height:20px;
}
#stats{
	width:500px;
	display:inline-block;
}
#stats span.stat{
	width:140px;
	height:110px;
	display:inline-block;
	position:relative;
	padding:10px;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
}
#stats span.borders{
	border-left:2px dotted #CCC;
	border-right:2px dotted #CCC;
}
.stat em{
	font-size:42px;
	font-style:normal;
	color:#084c7c;
	line-height:100px;
}
.stat p{
	vertical-align:baseline;
}
footer#footer{
	background-color:#333;
	width:100%;
	
}
#social-media{
	margin-top:10px;
}
#social-media a{
	text-decoration:none;
	display:block;
	height:29px;
	width:29px;
}
#social-media span.eco a{
	text-decoration:none;
	display:block;
	height:29px;
	width:240px;
}
#social-media a span{
	display:none;
}
#social-media span.sm{
	height:29px;
	width:29px;
	display:inline-block;
}
#social-media span.eco{
	height:29px;
	width:240px;
	display:inline-block;
}
#social-media span#ig{
	background-image:url(img/social-media-eco-icons.png);
	background-repeat:no-repeat;
	background-position:0 0;
	
}
#social-media span#fb{
	background-image:url(img/social-media-eco-icons.png);
	background-repeat:no-repeat;
	background-position:-29px 0;
	
}
#social-media span#yt{
	background-image:url(img/social-media-eco-icons.png);
	background-repeat:no-repeat;
	background-position:-58px 0;
	
}
#social-media span#li{
	background-image:url(img/social-media-eco-icons.png);
	background-repeat:no-repeat;
	background-position:-87px 0;
	
}
#social-media span#tw{
	background-image:url(img/social-media-eco-icons.png);
	background-repeat:no-repeat;
	background-position:-116px 0;
	
}
#social-media span#eco{
	background-image:url(img/social-media-eco-icons.png);
	background-repeat:no-repeat;
	background-position:-145px 0;
	
}
#page-wrap, .page-wrap {width: 960px; margin: 0px auto;}
#logo{
	background-image:url(img/m3glass-logo.png);
	width:176px;
	height:76px;
	display:inline-block;
	position:relative;
	top:-5px;
	margin-left:95px;
	z-index:1000;
}
#logo-icon{
	background-image:url(img/m3-logo.png);
	width:116px;
	height:111px;
	margin-top:-20px;
	display:inline-block;
	position:absolute;
	z-index:1000;
	background-size: contain;
}
#logo-icon a{
	display:block;
	width: 116px;
	height: 100px;
	text-decoration:none;
}
#logo a{
	display:block;
	height: 70px;
	margin-top: 5px;
	text-decoration:none;
}
#main-nav{
	padding-top:25px;
	float:right;
}
#main-nav li{
	display:inline;
	padding-left:10px;
}
#main-nav li a{
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
}
#main-nav li a:hover{
	color:#5babe4;
}
#main-nav li.current-menu-item a{
	color:#5babe4;
}
/*  FOOTER NAV  */
#footer-nav{
	display:inline-block;
	position:relative;
}
#aux-contact{
	display:inline-block;
	vertical-align: top;
	float:right;
}
.slides{
	z-index:50;
}
.slides #caption{
	z-index:100;
}
#slider-nav{
	float:right;
}
.slides #page-wrap{
}
#footer-logo-wrapper{
	float:left;
	display:inline-block;
}
#footer-nav #main,#footer-nav #aux,#footer-nav #legal,#footer-nav #clients{
	margin-top:10px;
}
#footer-nav #main li,#footer-nav #aux li,#footer-nav #legal li,#footer-nav #clients li{
	display:inline;
}
#footer-nav #main li a,#footer-nav #aux li a,#footer-nav #legal li a,#footer-nav #clients li a{
	color:#666;
	text-decoration:none;
	text-transform:uppercase;
	font-size:10px;
	font-weight:bold;
}
#footer-nav #main li a:hover,#footer-nav #aux li a:hover,#footer-nav #legal li a:hover,#footer-nav #clients li a:hover{
	color:#999
}
#footer-nav #main li.current-menu-item a,#footer-nav #aux li.current-menu-item a,#footer-nav #legal li.current-menu-item a,#footer-nav #clients li.current-menu-item a{
	color:#999;
}
/*#main-nav li:before{ content:" | "; color:#ccc; padding-right:10px;}*/
#footer-nav #main li:before,#footer-nav #aux li:before,#footer-nav #legal li:before{ content:" | "; color:#666; padding-left:5px; padding-right:5px;}
#footer-nav #main .menu-item-17:before, #footer-nav #aux .menu-item-30:before,#footer-nav #legal .menu-item-38:before { content:""; padding-left:0px;}
#footer-nav #clients li{
	padding-left:5px;
}

#footer-contact{
	position:relative;
	display:inline-block;
	margin-left:35px;
/*	background-image:url(img/footer-watermark.png);
	background-position:0 -2px;
	width:250px;
	height:200px;
	padding-left:30px;
	background-repeat:no-repeat;
	display:inline-block;
*/	vertical-align:top;
	background-clip:border-box;
	color:#999999;
	font-size:10px;
}
#footer-logo{
	background-image:url(img/footer-logo.png);
	width:128px;
	height:60px;
	background-repeat:no-repeat;
	margin-top:10px;
}
#footer-logo a{
	display:block;
	width:123px;
	height:48px;
}
#footer-logo a span{
	display:none;
}
#footer #tag{
	color:#33abff;
	text-align:center;
	font-size: 10px;
}
#footer-contact #phone-numbers{
	margin-top:10px;
}
#footer .phone-number{
	margin-right:10px;
}
#footer-contact #address{
	margin-top:10px;
}
#footer-contact #general-contact{
	margin-top:10px;
	color:#33abff;
}
#footer-contact #general-contact a{
	color:#33abff;
	text-transform:uppercase;
	text-decoration:none;
}
#copyright{
	margin-top:5px;
	margin-bottom:5px;
	text-transform:uppercase;
	color:#666;
}
/*  PAGE ELEMENTS  */
#page{
	background-image:url(img/page-back.png);
	background-repeat:repeat;
	z-index:50;
	position:relative;
	background-color:#eeeeee;
}
#page-content{
	position:relative;
	padding-top:30px;
	padding-bottom:20px;
	opacity:1;
}
*[id^=principal-]{
	clear:none;
	padding-left:0 !important;
}
#principal-image{
	float:left;
	padding-right:10px; 
}
#principal-name, #principal-title, #principal-more{
	padding-bottom:0 !important;
}
*[id^=bio-]:before
{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	right: -25px;
	border: 25px solid;
	border-color:transparent #666 #666 transparent ;
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg); /* IE 9 */
	-webkit-transform: rotate(-45deg); /* Safari and Chrome */
}
*[id^=bio-]:after
{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	right: -20px;
	border: 20px solid;
	border-color: transparent #fff #fff transparent;
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg); /* IE 9 */
	-webkit-transform: rotate(-45deg); /* Safari and Chrome */
	top:25px;	
}
.principal div a{
	color:#7A7777;
}
*[id^=bio-]{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	border: 5px solid #666;
	min-height: 4em;
}
.no-height{
	height:0 !important;
	padding:0 !important;
	line-height:0 !important;
}
#product-title{
	font-size:20px;
	font-weight:bold;
	border-bottom:1px solid #000;
}
#product-title a{
	text-decoration:none;
	color:#084c7c;
}
#product-description{
	margin-top:10px;
	line-height: 18px;
	margin-left:10px;
}
#product-thumbs{
	text-align:left;
	float:left;
    width: 100%;
    background-size: cover;
	background-position:center;
	}
.single #product-thumbs{
	height:350px;
    width: 100%;
	
	}
#product-thumbs img{
	padding: 10px 10px 10px 0;
	background-color:transparent !important;
}
#product-points{
	margin-top:10px;
}
#detail-link{
/*	float: right;
	margin-top:-30px;
*/
margin-bottom:6vh;
margin-left:10px;
}
#detail-link a{
	color:#fff;
}
#productJump{
	display:block;
	/*float:right;*/
}
#productJumpForm select{
	font-size:12px;
}
#product-points div{
	/*display: inline-block;*/
	vertical-align: top;
	margin-right: 20px;
	margin-left:10px;
	/*min-width: 120px;
	border-right: 2px dotted #999;
	min-height:100px;*/
}
#product-points li{
	/*margin-left:10px;
	list-style:disc;*/
	list-style-position:inside;
	text-transform:capitalize;
	font-size:14px;
	display:inline-block;
	margin-left:4px;
}
#product-points li:before{
	content:"| ";
}
#product-points li:first-child:before{
	content:"";
	margin-left:-4px;
}
#product-points ul{
	margin-bottom:10px;
	margin-top: 5px;
	padding-right: 5px;
}
#product{
	padding-bottom:20px;
	margin-top:20px;
}
#product .learn-more{
	top:20px;
}
#product #docs{
	clear:left;
	width: 300px;
	float:left;
}
#product #docs div.button{
	margin-top: 10px;
	/*float: right;
	clear: right;
	margin-right: 460px;*/
}
#product #docs header, #galleries header, #gallery header, #products header, #project-docs header{
	margin-top:20px;
	font-size:16px;
	font-weight:bold;
}
#galleries header, #gallery header, #project-docs header{
	margin-bottom:10px;
}
#galleries{
/*	width:590px;
	float:right;
*/}
#galleries h4, #ez-plugin-portfolio-wrapper h4{
	font-size:14px !important;
	font-weight:bold;
}
#gallery h4{
	display:none;
}
#gallery, #products, #project-docs{
	display:inline-block;
	vertical-align:text-top;
	padding-left:20px;
	padding-right:20px;
	width:300px;
}
#gallery{
	padding-left:0px;
	width:270px;
}
#products{
	padding-right:0px;
}

#products ul{
	margin-top:10px;
}

/*  GALLERY HACKS  */
.ngg-galleryoverview{
overflow: hidden;
margin-top: 90px !important;
width: 600px !important;
display: block !important;
right: -60px !important;
position: relative !important;
clear:none !important;
}


ul.filterable-grid li {
margin-right: 60px !important;
}
.filterable-grid{
	padding-left:30px;
}

/*  END PAGE ELEMENTS  */

/* BEGIN HEADER ELEMENTS  */
h1{
	font-size: 5.9vw;
	color:#666;
	font-weight:bold;
	padding-bottom:10px;
}
h2{
	font-size: 3.0vh;
	color:#666666;
	font-weight:bold;
	padding-bottom:10px;
	margin-top:15px;
}
h3{
	font-size: 2.5vh;
	color:#666;
	font-weight:bold;
	padding-bottom:10px;
	margin-top:15px;
}
h4{
	font-size: 2.2vh;
	color:#666;
	font-weight:bold;
	padding-bottom:10px;
	margin-top:15px;
}
#main-content p, .advanced_wp_column div{
	padding-bottom:1.1em;
	font-size: 2vmin;
	line-height: 1.6em;
}
li{
	font-size: 1.2em;
	/*padding:0.3em 0;*/
}
.page-id-9 li{
	list-style:disc;
}
h1,h2,h3,h4{
	color:#0bc0dc;
	margin-top:0.3em;
	font-size:2em;
	line-height: 2.7em;
}
/* END HEADER ELEMENTS  */
/* BEGIN NAV HACKS  */


/* END NAV HACKS  */


.hidden{
	visibility:hidden;
}
*{
	margin:0;
	padding:0;
}
#bg { 
	position: fixed;
	top: 0;
	left: 0;
	z-index:-100;
}
.post {}

#toTop
{
	width: 100px;
	border: 2px solid #f7f7f7;
	background: #f7f7f7;
	text-align: center;
	position: fixed;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
	display: none;
	color: #333;
	font-family: verdana;
	font-size: 11px;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 20px;
	-webkit-transition: all .25s linear;
	-moz-transition: all .25s linear;
	-o-transition: all .25s linear;
	transition: all .25s linear;
	padding: 5px;
}
#toTop:hover
{
	background: #b3b3b3;
	border: 2px solid #b3b3b3;
}​

.entry-content {}
.entry-content a {}
.entry-content a:hover {}

#meta {}
.postmetadata {}

#sidebar {}

.navgation {}
.next-posts {}
.prev-posts {}

#searchform {}
#s {}
#searchsubmt {}
	
ol.commentlist {list-style: none;}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {border-bottom: 1px dotted #666; padding: 10px;}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {font-size: 10px;}
ol.commentlist li.comment div.comment-meta a {color: #ccc;}
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 11px;}
ol.commentlist li.comment div.reply a {font-weight: bold;}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {background: #fff;}
ol.commentlist li.odd {background: #f6f6f6;}
ol.commentlist li.parent {border-left: 5px solid #111;}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

/*  BUTTON STYLES */
.button a{
	text-decoration:none;
	color:#FFFFFF;
/*	background-image:url(img/play.png);
	background-repeat:no-repeat;
	background-position:right;
	padding-right: 20px;
*/}
.arrow-right a{
	background-image:url(img/play.png);
	background-repeat:no-repeat;
	background-position:right;
	padding-right: 20px;
}
.pdf a{
	background-image:url(img/pdf.png);
	background-repeat:no-repeat;
	background-position: left;
	padding: 2px 2px 2px 30px;
	background-size:contain;
}
.button, .button:visited {
    background: #222 url(overlay.png) repeat-x;
    padding: 5px 10px 5px;
    color: #fff;
    text-decoration: none;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
    position: relative;
    cursor: pointer
}
.small.button, .small.button:visited        { font-size: 11px}
.button, .button:visited, .medium.button, .medium.button:visited { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.button, .large.button:visited        { font-size: 14px; padding: 8px 14px 8px; }
.super.button, .super.button:visited        { font-size: 34px; padding: 8px 14px 8px; }

.pink.button, .magenta.button:visited   { background-color: #e22092; }
.pink.button:hover                  { background-color: #c81e82; }
.green.button, .green.button:visited    { background-color: #6f9301; }
.green.button:hover                     { background-color: #64810b; }
.red.button, .red.button:visited        { background-color: #e62727; }
.red.button:hover                   { background-color: #cf2525; }
.orange.button, .orange.button:visited  { background-color: #ff5c00; }
.orange.button:hover                { background-color: #d45500; }
.blue.button, .blue.button:visited              { background-color: #084c7c; }
.blue.button:hover                  { background-color: #2575cf; }
.yellow.button, .yellow.button:visited  { background-color: #ffb515; }
.yellow.button:hover                { background-color: #fc9200; }


/* Hero Slider styles!
-------------------------------------------------------------------------------*/
.flex-control-nav li {margin: 0 4px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 13px; height: 13px; display: block; background: #084c7c !important; border: 3px solid #fff; background: rgba(8,76,124,1) !important; /*background: rgba(0,0,0,0.5);*/ cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; /*-webkit-box-shadow: inset 0 0 3px rgba(255,255,255,1); -moz-box-shadow: inset 0 0 3px rgba(255,255,255,1); -o-box-shadow: inset 0 0 3px rgba(255,255,255,1); box-shadow: inset 0 0 3px rgba(255,255,255,1);*/ }
.flex-control-paging li a:hover { /*background: #333; background: rgba(0,0,0,0.7); */}
.flex-control-paging li a.flex-active { background: #0bc0dc !important; background: rgba(11,192,220,1) !important; cursor: default; }


.flex-control-nav {
	position:absolute;
	z-index: 10 !important;
	top:30px;
	right:30px;
}

/* Blog styles ***/
.blog #main-content, .single #main-content, .archive #main-content, .search #main-content {
	background: #fff;
	padding: 40px 0;
}
.single-product #main-content{
	padding:0;
}
body.blog, body.single, body.archive, body.search {
	background: #333;
}
.single #sidebar, .archive #sidebar, .search #sidebar  {
	float: right;
	width: 260px;

}
.blog .post, .single .post, .archive .post, .search .post {
	width: 600px;
	float:left;
}
.blog .post{
	padding-right:105px;
}
.mobile{
	display:none;
}
.page-id-9 #ez-plugin-portfolio-wrapper{
	margin-top:30px !important;
}
.page-id-9 #ez-plugin-portfolio-wrapper .filterable-grid{
	padding-left:0px !important;
}
.home #main-content{
	background-color:#084c7c;
}
#mammen{
	max-width:498px;
	max-height:400px;
	background-image:url(http://www.m3glass.com/wp-content/uploads/2013/04/m3glass.website.127-V1-e1443469359711.jpg);
	background-position:left;
	background-size:cover;
	width: 100%;
    height: 400px;
	margin-bottom:30px;
}
#capabilities-img{
	max-width:480px;
	max-height:360px;
	background-image:url(http://m3glass.com/wp-content/uploads/2013/11/m3glass.website.19-e1385536723599.jpg);
	background-position:left;
	background-size:cover;
	width: 100%;
    height: 360px;
	margin-bottom:30px;
}

/* Print styles!
-------------------------------------------------------------------------------*/
@media print {



}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen 
and (max-width: 1023px) {
	.mobile{
		display:block;
	}
	.desktop{
		display:none !important;
}
#stats-bar #intro, #stats{
	display:block;	
	margin:0 auto;	
	padding:20px;
}
#stats-bar {
	height:auto !important;
}
#page-wrap, .page-wrap{
	width:auto !important;
	padding: 0 2vw;
}
#stats-bar #intro {
    width: auto !important; 
}
#product-description {
    float: left;
}
#product-points {
    float: left;
}
#page-content{
	position:relative;
	padding-top:30px;
	padding-bottom:20px;
	opacity:1;
	width:auto !important;
}
textarea, input[type="text"]{
	width:100%;
}
h1{
	font-size: 5.9vw;
	color:#666;
	font-weight:bold;
	padding-bottom:10px;
}
h2{
	font-size: 3.0vh;
	color:#666666;
	font-weight:bold;
	padding-bottom:10px;
	margin-top:15px;
}
h3{
	font-size: 2.5vh;
	color:#666;
	font-weight:bold;
	padding-bottom:10px;
	margin-top:15px;
}
h4{
	font-size: 2.2vh;
	color:#666;
	font-weight:bold;
	padding-bottom:10px;
	margin-top:15px;
}
#main-content p, .advanced_wp_column div{
	padding-bottom:1.1em;
	font-size: 2vmin;
	line-height: 1.6em;
}
#callout #headline{
	padding-top:15px;
	opacity:1;
	padding-right:20px;
	font-size: 4vw;
	font-style:italic;
}
#callout #body {
    padding: 2.5vw 0;
    opacity: 1;
    font-size: 2.6vw;
    line-height: 4.2vw;
}
}

@media screen 
and (max-width: 768px) {
#callout #headline{
	padding-top:15px;
	opacity:1;
	padding-right:20px;
	font-size: 4.5vw;
	font-style:italic;
}
#callout #body {
    padding: 2.5vw 0;
    opacity: 1;
    font-size: 3.2vw;
    line-height: 4.2vw;
}
#stats {
    width: auto;
	text-align:center;
	font-size: 2.5vw;
	
}
#stats span.stat {
    width: auto;
    height: 110px;
    /* display: block; */
    position: relative;
    padding: 4vw;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}
#stats span.borders {
    border-left: none; 
    border-right: none;
}	
#stats-bar #intro h2 {
    white-space:normal;
}
h1,h2,h3,h4{
	color:#0bc0dc;
	line-height:normal;
	font-size: 2.8vw;
}
#main-content p {
    padding-bottom: 1.1em;
font-size: 2.5vw;
    line-height: 4vw;
	}
#productJumpForm select {
    font-size: 3vw;
}
.page-id-9 li {
    list-style: disc;
    padding: 0.6vw;
    font-size: 1.7vw;
	}
}
@media screen 
and (max-width: 480px) {
#callout #headline{
	padding-top:15px;
	opacity:1;
	padding-right:20px;
	font-size: 4.5vw;
	font-style:italic;
}
#callout #body {
    padding: 2.5vw 0;
    opacity: 1;
    font-size: 3.2vw;
    line-height: 4.2vw;
}
#stats {
    width: auto;
	text-align:center;
	font-size: 5vw;
	
}
#stats span.stat {
    width: auto;
    height: 110px;
    display: block;
    position: relative;
    padding: 10px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}
#stats span.borders {
    border-left: none; 
    border-right: none;
}	
#stats-bar #intro h2 {
    white-space:normal;
}
h1,h2,h3,h4{
	color:#0bc0dc;
	line-height:normal;
	font-size: 6vw;
}

#main-content p {
    padding-bottom: 1.1em;
    font-size: 4vw;
    line-height: 5.6vw;
}
#productJumpForm select {
    font-size: 3vw;
}
#footer-nav #main,#footer-nav #aux{
    display: none;
}
ul.filter li {
     display: block !important;
}
.filterable-grid {
    padding-left: 0;
}
.page-id-9 li {
    list-style: disc !important;
	font-size: 4vw;
}
#mammen {
    height: 45vh;
}
*[id^=bio-]{
	display:block !important;
		-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px; /* future proofing */
	-khtml-border-radius: 0px; /* for old Konqueror browsers */
	border: none !important;
	font-size: 4vw;
    line-height: 5vw;
    margin-bottom: 7vh;
}

*[id^=bio-]:before
{
	content: ' ';
	position: relative;
	width: 0;
	height: 0;
	left: 0px;
	border: none;
	border-color: transparent ;
	transform: none;
	-ms-transform: none; /* IE 9 */
	-webkit-transform: none; /* Safari and Chrome */
}
*[id^=bio-]:after
{
	content: ' ';
	position: relative;
	width: 0;
	height: 0;
	left: 0px;
	border: none;
	border-color: transparent;
	transform: none;
	-ms-transform: none; /* IE 9 */
	-webkit-transform: none; /* Safari and Chrome */
	top:25px;	
}
#principal-more{
	display:none;
}
/*div.pp_pic_holder {
    width: 90% !important;
	left:0 !important;
}
.pp_content{
	    width: 100% !important;
		height:100% !important;

}
#fullResImage{
	width:98% !important;
	height:80% !important;
}
.pp_hoverContainer{
	width:98% !important;
	height:80% !important;
}
*/}

@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
}