/* CSS Document DEB's CENTERING */
@charset "utf-8";

/*-----MAGIC MEDIA QUERY BOX----*/
body:before,body:after { position:fixed; background:#333; color:#fff; padding:1em 2em 1em 1em; z-index:99999ç; width:auto; border:.2em solid; }body:before{top:3em; right:0;}body:after { bottom:0; right:0;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;outline: 0}
a,
a[href*="mailto"] {color: #001a72;font-weight: bold;text-decoration: none;text-shadow: 1px 1px #000;}
img {width: 100%;height: auto;}
.clear {clear: both;}
.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}
.justify{text-align:justify;}
.rounded{-webkit-border-radius:.5em; -moz-border-radius:.5em;border-radius:.5em;behavior: url(pie/PIE.htc);}
.bold{font-weight:bold;}

h1{font-size:2em;margin:.67em 0;padding:0 0 0 1%;font-family:"zapf humanist 601 ultra bt";font-style:italic;text-shadow:1px 1px #fff;}
p{padding:1em;text-shadow:1px 1px #000;}
p.shadow-white{text-shadow:1px 1px 2px #e1e1e1;}
.slogan.shadow{text-shadow:2px 2px 2px #000;}

/*.outer {border: .2em dashed;}*/
.inner-lev-2.highlight {background: #FFFFCC; background:rgba(255,255,204,.3); border:white .2em dashed;}

.cmp{font-family: 'zapfhumnst_ult_btultra';color:#001a72; text-shadow:1px 1px #fff;font-style:italic;}
div.inner-lev-2 p span.cmp:nth-child(2),
div.inner-lev-2 p span.cmp:nth-child(3){font-size:1.2em;}

.icon-phone:before, .icon-anchor:before, .icon-email:before {color: #000033;}
.icon-phone:before, .icon-anchor:before {margin-right: 0.5em;}
.icon-email:before{margin-right: .2em;font-size:2em;}
.icon-quote-left:before {margin-right: .2em;font-style:italic;}
.icon-quote-right:before {margin-left: .2em;font-style:italic;}

.row-1{width:100%;float:none;/* border:2px blue dotted;*/}
.row-2{width:50%;float:left;/* border:2px white dotted;*/}

div.magic{height:1.5em;}
div.magic.spacer{display:none;}

div.header{height:33.333%;}

div.buttons{width:100%;}

h1 > p {color: #fff; width: 100%;}

div.photo-bar img{width:100%;}

html {
	border-color: #000;
	height: 100%;margin: 0;padding: 0;width: 100%;
	overflow-x: hidden;	overflow-y: auto;background-attachment:fixed;	
}
body {background: #eee;	/*border: .2em dotted green;*/
	height:100%;margin: 0;	min-height: 100%;
	padding: 0;	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;	line-height: 1.5;
	position: relative;
	-webkit-overflow-scrolling: touch;
	overflow-x: hidden;
	color: #000; overflow-y:auto;
	background: transparent url(../images/ocean-bg_1.jpg) no-repeat center center;
	background-attachment:fixed;
	background-size:cover;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
}
.ie8 html, ie8 body, ie8 div.site-wrap {height:auto;overflow:auto;}
.ie8 body {overflow:auto!important;}
ie8 div.buttons a[href*="mailto"]{width:45%; float:right;}

div.site-wrap {/*border: .3em dashed red;*//*height: 100%;*/
	margin: 0 auto;	min-height: 100%;padding: 0;
	position: relative;	width: 100%;height:auto;}
div.inner-wrap {/*border: 2px solid yellow;*/position: relative;width: 100%;/*background:pink;*/}
div.inner {/*border: .2em solid aqua;*/padding: 1%;
	width: 100%;/*height: 100%;*/position: relative;}
div.header {/*border: 1px dotted #000;*/color: #fff;
	height: auto;padding: 0;left: 0;position: relative;top: 0;
	width: 100%;z-index: 2;	line-height: 20px;}
div.header .row-1 {float: none;width: 100%; margin: 0 auto; font-size:1.5em;}
div.header p {/*border: 1px solid #fff; font-family: arial, sans-serif;*/
	color: #000;
	font-size: 1.2em;font-weight: 700;line-height: 20px;margin: 0 auto;width: 100%;position: relative}
div.header p.cmp {font-size: 1.5em;line-height: 100%;color: #001a72;text-align:center; padding:0 0 1em 0;margin:0 auto;line-height:85%;}

div.header .row-1 > p + p { font-size: 1em; line-height: 100%; padding: 0;
  text-shadow:1px 1px #fff; text-align:center;}
div.header .icon-email:before {font-size: 150%;}
div.header .row-1 > p + p:last-child { margin-bottom:1em;}

div.logo{width:100%;/*border:2px yellow solid;*/ padding:1%; margin:0 auto;}
div.logo img {width:100%; height:auto;/*border:2px red dotted;*/}

div.header a[href*="mailto"]{text-shadow:1px 1px #fff; border:.1em solid #000033; display:inline-block; padding:.4em .3em;margin:1em 0; font-size:.8em;width:100%;-webkit-border-radius:.5em; -moz-border-radius:.5em;border-radius:.5em;behavior: url(pie/PIE.htc);}

div.inner-lev-2.highlight {margin-bottom:1em; padding:.2em;}
div.inner-lev-2.highlight > p:first-child {
  margin: .5em auto; padding: 0;width:100%;font-size:1.3em; text-align:center;}
div.inner-lev-2.highlight p:nth-child(2){font-size:1.2em;padding:.5em;}
div.inner-lev-2.highlight img{width:100%; margin:0 auto;}

div.inner-lev-2.fb-plug {background: none;/*border: 2px dotted red;*/
	height: 50%;margin: 0 auto 1em;overflow-y: auto;padding: 1%;width: 100%;}

/*---ABOUT--*/
div.inner-lev-2.about {margin: 0 auto 1em;}
.touch div.inner-lev-2 p.about,
.no-touch div.inner-lev-2 p.about {font-size: 1.3em;text-shadow: 1px 1px 1px #e1e1e1;}

div.inner-lev-2 p span.cmp:first-child{margin:0 .5em 0 0;line-height:85%; text-align:left; font-size:1.5em;}
div.inner-lev-2 p span.cmp:nth-child(3),
div.inner-lev-2 p span.cmp:nth-child(4){font-size:1.2em;}


/*----VIDEO---*/
.col-3 div.inner-lev-2.video {background: none repeat scroll 0 0 #000033;margin:1em auto 1em;width:98%; padding:.5em;}
.col-3 div.inner-lev-2.video > p {color: #fff;padding:0 0 .5em; font-size:1.2em;}
.col-3 div.inner-lev-2.video > p:nth-child(2){padding:0;}
video {width:100%;margin:0 auto;}

/*---QUOTE----*/

/*----QUOTE---*/
div.inner-lev-2.rounded.quote,
.quote {border: 0.3em dotted #fff;color:#fff; font-weight:bold;text-shadow:1px 1px #222; font-size: 2em; text-shadow: 2px 2px 2px #000; clear:both; margin-bottom:1em; height:100%;}
div.inner-lev-2.quote p {font-size: 1.1em;text-shadow: 2px 2px 3px #000;line-height:100%;}


div.inner-lev-2.col-2.quote p {font-size:2.5em; font-family: 'zapfhumnst_ult_btultra'; color:#fff; text-shadow:2px 2px 2px #000; font-weight: bold;font-style: italic; font-variant:small-caps;font-stretch:condensed;display:inline-block; line-height:90%; }

.col-3 div.inner-lev-2.fb-plug {float: none; padding: .2em;width: 100%;}
div.inner-lev-2.fb-plug p{font-size: 1.5em;height: 100%;padding: 9%;text-shadow:1px 1px #e1e1e1;}
div.inner-lev-2.fb-plug p{margin:0 auto;padding: 2em;font-size:1.3em;}
div.inner-lev-2.fb-plug a {color: #fff;}
div.inner-lev-2.photo-bar {background: #000033; margin:0 auto; padding:2% 0;}
div.inner-lev-2.photo-bar img {border: .1em #000033; margin-bottom:0em;}


.col-3 div.inner-lev-2:nth-child(5){font-size:1.3em;margin-bottom:1em;}

div.wide {border: .2em solid #fff;padding:1%;margin-bottom:1em;
-webkit-border-radius:1em; -moz-border-radius:1em;border-radius:1em;
clear:both;behavior: url(pie/PIE.htc);}
div.wide img {width:100%; margin:1em auto; float:left;
-webkit-border-radius:.1em; -moz-border-radius:.1em;border-radius:.1em;
border:.1em solid #fff; behavior: url(pie/PIE.htc);} 

div.bottom-outside {border: 2px solid yellow;width: 100%;padding:1%; display:none;}
.inner-lev-2 > ul {list-style: circle inside;}

/*-----PRODUCTS----*/
#products {margin: 0 auto; padding: 1%; width: 80%;}
#products li {
  width: 100%;
  /*border: 1px solid black;*/
  padding: .2em;
  float: left;
  font-size: 1.2em;
  color: white;
  margin:.2em 0 1em 0;
  list-style:circle outside;
}
.slider li img {border: 1px white solid;}
#products li a {color: white;text-shadow: 1px 1px 1px #000;}
#products p.slogan {
  color: #fff;
  font-size: 1.8em;
  font-style: italic;
  font-variant: small-caps;
  font-weight: bold;
  float:right;
  clear:left;
}
div.bottom{border: .2em solid white;margin-bottom:1em;
-webkit-border-radius:.5em; -moz-border-radius:.5em;border-radius:.5em;
behavior: url(pie/PIE.htc);}


/* Tabs
/*------------------------------------------*/
ul.tabsmenu{ padding:0; position:relative; bottom:-1px;}
ul.tabsmenu li a {float: left; font-family: zapfhumnst_ult_btultra; margin: 0 2% 0 0; padding: 12px 0; text-align: center; width: 31.2%;  font-size: 1.3em;}
ul.tabsmenu li:last-child a{ float:right; margin:0 0 0 0;}
ul.tabsmenu li.active a{font-weight:bold;}
.tabcontent{ padding:5% 2%; clear:both; margin:0 0 10px 0; }



/*-----PHOTO GALLERY----*/
.col-3 div.inner-lev-2.photos {float: right;width: 100%;height:auto;margin:1em auto;}



/*----SERVICES----*/
#services .toggle_wrap_blog.marine {background-color: #29aae3;}
#services .toggle_wrap_blog.non-marine {background-color: #b4e4dc;}
#services .row-2.non-marine {float: left;padding-right: 0.5em;width: 47%;}
#services p{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; font-size:1.2em;text-shadow:1px 1px #000;}
div#services p.services {-webkit-column-count: 1;-moz-column-count: 1; column-count: 1; line-height:110%; width: 100%;padding:2%;margin-bottom:.5em;}
#services .non-marine p.left { float: left;width: 50%; clear:both;}
#services .non-marine ul.right {line-height: 230%;width: 40%;}
#services li {color:#fff;}
#services #servtab1 h3,
#services #servtab2 h3 {
  font-family: zapfhumnst_ult_btultra;
  color: #000a72;
   text-shadow: 1px 1px 1px #fff;
  font-size: 1.5em;
}
#services #servtab1 h3{float:right; text-align:right;font-size:1.5em;margin-left:1em;}
#services #servtab2 h3 {float: right; font-size: 1.25em;text-align: right;}

.sub > li {width: 75%;float: right; text-shadow:1px 1px #000;list-style:circle outside; font-size:1.5em;}
listing_detailed right non-marine row-2 right li{width:100%;}

/*---FURNITURE---*/
.furniture h3 {padding-left: 1em;}
.furniture img {border: 0.1em solid #fff; float: none; margin: 2%; width: 100%;}
/*----FOOTER----*/
div.footer-2.col-1{text-align:center;}
.row-1.center.address {width: 100%; float: none;}
div.footer p {font-size: 1.5em;padding: 0;}
div.footer p.cmp:first-of-type:first-letter{font-size:2em;}
div.footer p.slogan{font-family: 'zapfhumnst_ult_btultra'; color:#fff; text-shadow:2px 2px 2px #000;font-style: font-weight: bold;font-style: italic; font-variant:small-caps;font-stretch:condensed;display:inline-block; line-height:90%; border-top:.1em solid #fff;border-bottom:.1em solid #fff;margin:1.5em auto 1em;padding: .3em 0; max-width:75%;}

div.footer p.slogan {font-size: 2.7em;line-height: 120%; padding: 0;}
div.footer p.cmp {font-size: 1.5em;line-height: 120%;padding: 0 0 0 .5em;margin-bottom: 1em; text-align: left;}
div.footer span[class*=" icon-"]{font-family:'FontAwesome';}
.icon-phone:before{font-size:170%;}
div.buttons a[href*="tel"],
div.buttons a[href*="mailto"]{text-shadow:1px 1px #000033; font-size:2em; border:.1em solid #000033; display:inline-block; padding:.3em;-webkit-border-radius:.5em; -moz-border-radius:.5em;border-radius:.5em;behavior: url(pie/PIE.htc);}
div.buttons a[href*="mailto"]{margin:2em auto 0; padding:.4em 0; width:100%; font-size:1.2em;}
div.buttons a[href*="tel"],
div.buttons a[href*="mailto"] {margin: 1em 0 .2em; }
div.buttons a[href*="tel"]{width:90%;font-size: 1.6em;padding:.5em .7em;}
div.buttons a[href*="mailto"] {width:90%; padding:.7em .3em;border:.15em solid #000033;}
div.buttons a[href*="tel"], div.buttons a[href*="mailto"] {
  background: none repeat scroll 0 0 #fff;
  border: 0.1em solid #000033;
  border-radius: 0.5em;
  display: inline-block;
  font-size: 2em;
  padding: 0.7em;
  text-shadow: 1px 1px #444;
  color: #001a72;
}
div.buttons a[href*="tel"], div.buttons a[href*="mailto"] {
  font-size: 120%;font-weight: bold;width: 90%;letter-spacing:1px;}
  span.info{font-size:2em;}
div.footer img{width:96%; margin:0 auto;padding-top:.3em;}
div.footer p.tiny{font-size:.7em; margin-top:1em; text-align:center;}
div.footer-2.col-1{text-align:center;}
div.inner-lev-2.col-2 > p {color: black; text-align:center;}

/*-------MEDIA QUERIES----*/
/*----iPhone 4 P SAFARI CHROME OK----*/
@media only screen and (min-width : 320px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2){
div.header a[href*="mailto"]{padding-bottom:.1em;margin-bottom:1em; /*font-size:.7em;*/}
div.header p {font-size:1.2em;}
div.wide img {margin:1em auto;}
/*---FOOTER---*/
div.footer p.cmp {padding:0 0 0 .5em;}
div.buttons a[href*="mailto"] {font-size:1.1em; padding-bottom:1em;}
h1 > p {line-height:110%;}
#products p.slogan {font-size: 2.3em;width:100%;padding-left:.2em;line-height:110%;}

}



@media screen and (min-width: 480px){
body {background: transparent url(../images/ocean-bg_1.jpg) no-repeat center center;background-size:cover;overflow-y:auto;}

}
@media screen and (min-width: 480px) and (orientation:portrait){
	div.logo{width:100%; float:none;}
	div.header p.cmp{padding:.8em 0;font-size:1.1em;}

		
}
@media screen and (min-width: 480px) and (orientation:landscape){

div.logo{width:80%; float:none;}
div.header .row-1 {width: 75%;padding:0; }

div.inner-lev-2.highlight > p:first-child{font-size:1.5em; width:94%;}

div.header	p.cmp{padding:.3em 0;font-size:1.1em;}
.tabcontent{ padding:5% 4%;}
div.header a[href*="mailto"]{padding:.4em.2em;width:90%;margin:1em auto;letter-spacing:.1em;}
.slider li {float: none;margin: 1em auto;padding: 1%;}
.slider li p {float: left;width:30%; font-size:2em;line-height:100%;}
.slider li img{width:55%; float:right;}

#services .row-2.non-marine {padding-right:.5em;margin-right:1em;width: 35%; font-size:1.5em;}
#services p {font-size:1.5em}
#products p.slogan {font-size: 2.3em; max-width:90%; float:right;}

div#services p.services {-webkit-column-count: 2;-moz-column-count:2; column-count: 2;font-size: 1.1em;  }
.sub > li {width: 85%;}
	
/*div.inner-lev-2 p {float: left;font-size: 1.3em;padding: 1em 0.2em 0.2em 1em;text-shadow: 1px 1px 1px #e1e1e1;width: 98%;}*/
.touch div.inner-lev-2 p.about,
.no-touch div.inner-lev-2 p.about {float: left;font-size: 1.3em;padding: 1em 0.2em 0.2em 1em;text-shadow: 1px 1px 1px #e1e1e1;width: 98%;}
img.RISAA {width:50%;float:right;}

.furniture img {width:45%; float:left; padding:0;}

/*-----FOOTER ---*/
.row-1.center.address {width: 45%; float: left;}
div.buttons{width:55%; margin:0 auto;float:right;}
div.buttons a[href*="tel"]{font-size: 130%;}
div.buttons a[href*="mailto"] {font-size: 120%;}
div.inner-lev-2.col-2 > p {font-size: .9em; text-align:center;}
}


@media screen and (min-width:600px){
	/*.touch body:after { content:"min 600px TOUCH"; border:.2em solid orange;}*/
div.header .row-1 {float: none;width:65%;}

div.header .row-1 > p + p {text-align:right;}
div.wide img {width: 49%;}

div.header p.cmp {font-size: 1.8em;padding: 1em 0 0; margin-bottom:1em;}
div.header.row-1 > p + p {padding:.2em;}
div.header a[href*="mailto"]{font-size:1em;}

div.inner-lev-2.highlight > p:first-child{font-size:1.7em; width:75%;}
div.inner-lev-2.about p{-webkit-column-count:2;-moz-column-count:2; column-count:2;-webkit-column-gap:2em;-moz-column-gap:2em; column-gap:2em; font-size:1.3em;}

/*---VIDEO---*/
.col-3 div.inner-lev-2.video > p {font-size:1.3em; padding:.3em;}
.col-3 div.inner-lev-2.video > p:nth-child(2){ padding:.3em .3em 0;}

/*----PRODUCTS---*/
.slider li p {float: none;width:100%; font-size:2.2em;}


#products li{font-size:1.6em;}
#products p.slogan {font-size: 2.5em;max-width:70%;margin-top:0;}
#services #servtab2 h3 {float:none;font-size:1.5em;}
div.footer .row-1.center > p + p {margin: 0;padding: 0.2em;text-align: left;}
.col-3 div.inner-lev-2.video {width: 98%;margin:1em auto .8em; clear:both;}
video {width:100%; height:auto;}
.col-3 div.inner-lev-2:nth-child(5){margin-bottom:1em;}
div.inner-lev-2.quote{font-size: 1em; width:100%;}
#services p{font-size:1.4em;}
.sub > li {width:87%;}
#services .row-2.non-marine {padding-right: 1em;}

h1.services {-webkit-column-count:2;-webkit-column-gap:1em;}

.row-1.center.address {float: left;width: 45%;}
div.buttons {float: right;width: 55%;}
}
@media only screen and (min-width : 320px) and (min-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2){
	div.header .row-1{width:80%;}
div.header a[href*="mailto"]{padding:0em .2em.1em;width:100%;font-size: .9em;margin:1em auto;}
.slider li p {float: left;width:30%; font-size:2em;line-height:100%;}
div.inner-lev-2 p span.cmp:nth-child(2),
div.inner-lev-2 p span.cmp:nth-child(3){font-size:1.3em;}
/*----FOOTER---*/
div.footer p{text-align:left;}
div.footer p.slogan{font-size:2.8em;text-align:left;}
div.footer p.cmp {font-size: 1.6em;}
div.footer p.cmp:first-of-type:first-letter{font-size:2.5em;}
div.buttons a[href*="mailto"] {width: 100%;}
}
@media screen and (min-width: 600px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1.2) {
/*------LENNY NAB---*/
div.header p.cmp {font-size: 1.3em;}
#products p.slogan {font-size: 2.6em;max-width:73%; }
/*video {width:440px; height:320px;}*/
h1 > p {width: 55%;}
div.inner-lev-2.quote p{font-size: 1em; width:100%;}
.col-3 div.inner-lev-2.video {margin:0 0 2em;}
.col-3 div.inner-lev-2:nth-child(4){width:100%;}
video{width:100%; height:auto;}
}
@media screen and (min-width:800px){
/*.col-3 div.inner-lev-2 {float: left; width: 50%;}*/
.col-3 div.inner-lev-2.fb-plug {float: left;padding: 0.2em;width: 50%;}
.col-3 div.inner-lev-2.video {float: right;margin: 1em 0 0 0.8em;width: 48%;clear:none;}
div.inner-lev-2{width:100%;padding:.2em;}
div.inner{background:none;width:100%;height:40%;}
div.logo{width:40%; float:left;}
div.header .row-1 {float: right;width: 45%; display:block;}
div.header a[href*="mailto"]{width:90%;}  
div.inner-wrap{width:100%; padding:.2em; height:33.333%;}


img.RISAA {float:right;width:50%;}
div.bottom{height:33.333%;}
div.bottom{width: 100%;padding:1%;} 

.col-3 div.inner-lev-2:nth-child(5){width:100%; font-size:1.7em; line-height:132%}

.row-2{width:50%;float:left; border:2px white dotted;}
.col-2{-webkit-column-count:2;-moz-column-count:2;column-count:2;
	   -webkit-column-gap:2%;-moz-webkit-column-gap:2%;column-gap:2%; border:2px white solid;}
div.footer {padding:1%;;height:30%;}	


div.buttons a[href*="tel"], div.buttons a[href*="mailto"] {width: 100%;}
.col-3 div.inner-lev-2:nth-child(5){margin-bottom:1em;}


div.wide { clear: none;  width: 100%;  float: right;}

/*-----PHOTO GALLERY----*/
.col-3 div.inner-lev-2.photos {float: none;height: auto;margin: 1em auto;width: 100%;  clear: both;}
.slider li p {float: left;font-size: 2.2em;width: 40%;}
div.wide img {width: 47%;margin:1em;}
/*----PRODUCTS---*/
#products li { width: 100%;}
#products li, #services li{font-size:1.2em;}

.inner-lev-2.products {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;
}
#products p.slogan{max-width:97%;}
div#services p.services {-webkit-column-count: 1;-moz-column-count: 1; column-count: 1;font-size: 1.3em; width:45%;line-height:150%;}
div#services p.services:nth-child(3),div#services p.services:nth-child(4) {-webkit-column-count: 1-moz-column-count: 1;column-count: 1; font-size: 1.3em;width: 100%;}
.dotcom > img {float: right;width: 45%;}

.furniture img {float: left; margin: 2%; width: 45%;padding:0;}
}


@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 1) {
div.logo{width:80%; float:none;}
div.header .row-1 {width: 45%;}
div.header a[href*="mailto"] {width: 100%;font-size:.8em;}
.col-3 div.inner-lev-2.fb-plug {float: none; padding: .2em;width: 100%;margin-bottom:1em;font-size:1.3em;}
div.inner-lev-2:nth-child(3) {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  float: left; height: 48%; overflow-y: auto; padding: 1%; width: 49%;}
.col-3 div.inner-lev-2.video {float: right;margin: 1em auto 0.8em;width:100%;text-align:left; }
video {width:100%; height:auto;padding-bottom:27%;margin:0 auto;}
div.wide img {width: 46%;margin:2%;}
div#services p.services {-webkit-column-count: 1;-moz-column-count: 1; column-count: 1;font-size: 1.3em; width:45%;line-height:150%;}
div#services p.services:nth-child(3),div#services p.services:nth-child(4) {-webkit-column-count: 1-moz-column-count: 1;column-count: 1; font-size: 1.3em;width: 100%;}

.dotcom >img {float:right; width:55%;}

}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio: 1) {
div.logo{width:45%; float:left;}
div.header p.cmp{padding:1em 0;font-size:1.4em;}
div.header .row-1 > p + p {text-align:right;}
div.header a[href*="mailto"] {width: 100%;}
div.inner-lev-2.highlight {width:45%;float:right;}
div.inner-lev-2.highlight img {margin: 0 auto 1em;}
div.inner-lev-2.highlight p:nth-child(2) {font-size: 1.3em;padding-bottom:2em;}
div.inner-lev-2.about{width:55%; float:left;}
div.inner-lev-2.about p{-webkit-column-count:1;-moz-column-count:1; column-count:1;font-size:1.3em;}
.non-marine li {float: left;width: 99%;}
div.footer p.slogan{font-size:2.5em; width:65%;margin:0 auto 1em;}
div.footer p.cmp{font-size:2em;}
.col-3 div.inner-lev-2.video {float: right;margin: 1em 1% 1em 0; width: 48%;text-align:center;}
video {width:100%; height:auto;padding-bottom:27%;margin:0 auto;}
.col-3 div.inner-lev-2.photos {float: none;width: 100%;}
div#services p.services:nth-child(1){line-height:120%;}
.dotcom >img {float:right; width:55%;}
}

@media screen and (min-width:800px)and (orientation:portrait) {
	div.header a[href*="mailto"] {width: 100%;}
	.col-3 div.inner-lev-2{width:50%;}
	listing_detailed right non-marine row-2{margin-right:1em;}
	div.wide img{width:24%;}
	div.inner-lev-2.fb-plug p{width:100%;}
	div.wide img{width:100%;}
	touch .col-3 div.inner-lev-2:nth-child(5){margin:1em 0;}
	div.header a[href*="mailto"]{width:100%;}
	h1.services {-webkit-column-count:2em;-webkit-column-gap:1em;}
	.col-3 div.inner-lev-2:nth-child(5) {font-size: 1.7em;line-height: 132%;width: 33%;}
}

@media screen and (min-width:1200px){
	.inner{padding:0;}
	div.header p{font-size:1.4em;}
	div.header a[href*="mailto"]{width:72%;}
	
	.touch div.inner-lev-2.highlight{float:right;width: 40%;}
	.no-touch div.inner-lev-2.highlight,
	.col-3 div.inner-lev-2,
	.col-3 div.inner-lev-2:nth-child(5) {float:right;width: 37%;}

	.col-3 div.inner-lev-2 {float: left; width:32%;padding:.5em;margin-bottom:1em;}
	.col-3 div.inner-lev-2.about {float: left; width:60%;padding:.5em;margin-bottom:1em;margin-bottom: 1em;}
	.touch .col-3 div.inner-lev-2.about {width:57%;padding:.2em;}
	.no-touch .col-3 div.inner-lev-2.video {width: 48%;}
	.touch div.inner-lev-2 p.about, .no-touch div.inner-lev-2 p.about {font-size: .8em;}
	.col-3 div.inner-lev-2.fb-plug {float: left;padding: 0.2em;width: 24%;}
	.touch div.inner-lev-2.fb-plug p{width:100%;margin:0 0em 1em;padding:7% 5%;}
	.touch .col-3 div.inner-lev-2.video { width:33%;margin:1em .1em 0 0;padding-left:1em;}
	.no-touch video{width:100%; height:auto;}
	.no-touch .col-3 div.inner-lev-2.video {width: 35%;}
	.col-3 div.inner-lev-2:nth-child(5) {float: right;margin-bottom: 1em;width: 32%;}
	div.wide { clear: none;  width: 100%;  float: right;}
	div.wide img {float: left;padding: 0;width: 23%;}
	#products li { width: 19%; font-size:1.5em;}
	
	.slider li {float: left;margin: 1em auto;padding: 1%;width: 33%;}
	.slider li img {float: none;width: 100%;}
	.non-marine li {float: left;width: 99%;}
	div.header p.cmp {line-height: 160%; margin: 0 auto; text-align: center;}
	div.header .row-1 > p + p {text-align:right;width:66%;}
	div.inner-lev-2.photo-bar {margin:.5em 2em 0 0;}
	div.inner-lev-2.quote p {font-size: 1.2em;}
	#services .row-2.non-marine {padding-right: 0em;margin-right:1em;width: 30%;}
	#services p {font-size:1.4em;}
	#services #servtab2 h3 {font-size: 1.1em;padding-right:.5em;}
	#products li, #services li{font-size:1.4em;}

	#products p.slogan {font-size: 2.8em;width:100%; text-align:right; padding-right:10%;}
	.no-touch #products p.slogan{width:70%;}
	div.footer p.slogan {font-size: 2.7em;line-height: 120%; padding: 0;margin:0 auto 1.5em;}
	div.footer p.cmp{font-size:2em;}
	h1 > p {width: 40%;}
	#products{width:98%;}
	#products li{font-size:1.8em;}
	.no-touch #products li{font-size: 1.5em;margin-right: 0.5em;width: 23%;line-height: 100%;}
	.touch #products li{font-size: 1.3em;width:21%;}

div#services p.services {
  -webkit-column-count: 1;-moz-column-count: 1;column-count: 1;
  color: #000;
  font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
  font-size: 1.2em;
  text-shadow: 1px 1px 1px #fff;
  width: 45%;}
  
  .dotcom img {float: right;width: 45%;}
}

@media screen and (min-width:1366px){
	/*----HEADER---*/
	.touch div.header a[href*="mailto"] {font-size: .8em;}
	.touch div.inner-lev-2.highlight p:nth-child(2),
	div.inner-lev-2.highlight p:nth-child(2){font-size:.8em;}
	.touch div.inner-lev-2.fb-plug p{margin:0 0 1em 0;padding:7% 5%;width:100%;}
	div.inner-lev-2.fb-plug{padding:10%;}
	.touch div.inner-lev-2.about p,
	div.inner-lev-2.about p {font-size: .8em;}
	.col-3 div.inner-lev-2.video,
	.col-3 div.inner-lev-2.video > p {font-size: 1.5em;line-height: 1em;padding: .2em .5em .5em;text-align: left;font-size: 1.2em;}
.touch .slider li p,.no-touch .slider li p, .slider li p {float: none;width:100%; font-size:1.5em;line-height:100%;}
	div.inner-lev-2 p {font-size: 1.3em;margin-right:.5em;width:100%;}
	.col-3 div.inner-lev-2{width:25%;float:left;margin:0 0 0 1em;}
	.col-3 div.inner-lev-2,
	.col-3 div.inner-lev-2:nth-child(5){width:48%;margin:1em 0 1em 1em;}
	.touch .col-3 div.inner-lev-2.video {width:33%;float: right;padding:0;margin:0;}
	
	.div.wide{width:100%;}
	.div.wide img{width:100%;padding:0;padding-right:.5em;}
	div.inner-wrap .col-3{padding:0;}

	.touch #products li, #services li{font-size:1.2em;}
	div.buttons a[href*="tel"], div.buttons a[href*="mailto"] {width:60%;}
	div#services p.services:nth-child(3){-webkit-column-count: 1-moz-column-count: 1;column-count: 1; font-size: 1.3em;width: 50%;}
}

@media screen and (min-width:1400px){
	
	
	
	
}

@media screen and (min-width:1800px){
/*	.no-touch .col-3 div.inner-lev-2.video {float: right;width: 42%;}
	.col-3 div.inner-lev-2:nth-child(5) {width: 41%;}
	.col-3 div.inner-lev-2:nth-child(1) {width: 30%;}
	.col-3 div.inner-lev-2 {float: left; width:26%;}
	div.magic{display:block;}
	.no-touch .col-3 div.inner-lev-2.video { width:45%;}
	div.wide {bottom: 0;float: right;right: 0;width: 49%;clear:none;}
	div.wide img { width: 48%;margin:.5em;padding:0;}
	div.inner-lev-2 .fb-plug{padding:10%;width:25%:}
	.no-touch #products p.slogan{width:64%;}
	 .inner-lev-2.video > p {
  font-size: 1.5em; padding: 0.5em 1em 0 0; text-align: right;}
  .col-3 div.inner-lev-2,
  .col-3 div.inner-lev-2:nth-child(5) {clear: none;margin: 1em 0 1em 1em;width: 44%;}
  .col-3 div.inner-lev-2.video {margin: 1em 0 0 0.8em;width: 48%;}
  .col-3 div.inner-lev-2,div.inner-lev-2.photo-bar {margin-bottom:1em;}*/

}