@charset "utf-8";img{border:0;}
body{padding:0;margin:0;background-color:#004B34;font-size:1em;line-height:1.5em;}/*font-size:1.1em;line-height:1.4em;*/
body,#mpage,#ipage,#bg2{background:url(/imgs/JPEG/bggr.jpg) 0 120px;}
#logo,#hlinks:after,#htabs,.htabOn,a.htab:hover,#boxTR form,#boxTR form:before,#boxTR form:after,.mtit,.mtit:before,.mtit:after{background:url(/imgs/PNG/headerF.png) 0 0 repeat-x;}
#logo div,#hlinks:before,#linksTR a,#linksTR a:hover,.htabOn:before,#boxTR input[type=submit],.llist a,.nav a,.nav li:before,.points li:before,#title:before,#title:after,.fbb .swl,.spons,.bullet li,.boxed li{background:url(/imgs/PNG/sw.png) 0 0 no-repeat;}
#bg2:after,#cbox,#cbox:before,#cbox:after,#title,.bt{background:url(/imgs/PNG/horF.png) 0 -138px repeat-x;}
#con,#pgcon,#headerT,#hlinks,#htabs,#mpage,#ipage,.divL,.divR{position:relative;width:100%;}
#con{background:rgba(0, 59, 41, 0.7);font-size:85%;}/*font-size:62.5%;*/
#headerT{font-size:80%;} #menuL,#footer{font-size:90%;}
#pgcon{color:#000;font-size:1em;}
#mpage,#ipage{background-position:0 55px;display:block;text-align:justify;border-top:2.4em solid #009876;}
#headerT{position:fixed;z-index:20;}
#hlinks,#hl{height:2.4em;background-color:#009876;min-height:30px;line-height:22px;}
#hlinks:before,#hlinks:after,#bg2:after,#cbox:before,#cbox:after{content:"";position:absolute;display:block;left:0;}
#hlinks:before{height:32px;width:50px;top:0;z-index:2;}
#hlinks:after{width:100%;height:11px;bottom:0;z-index:1;}
#hlinks a{margin:0 6px;}
#hlinks a:first-child{margin:0 8px 0 0;height:20px;width:40px;bottom:-6px;vertical-align:bottom;position:relative;display:inline-block;z-index:4;}
#htabs,#dt{height:2.4em;background-position:0 -290px;background-color:#EFEEED;min-height:30px; overflow:hidden;}
#htabs a:first-child{margin-left:60px;border-left:1px solid #CCC;}
.htab,.htabOn{display:block;height:100%;line-height:1.55em;position:relative;float:left;margin:0; vertical-align:central;padding:0 0.8em;border-right:1px solid #CCC;font-size:1.6em;color:#666;min-height:30px;z-index:9;}
.htabOn{background-position:0 -324px;}
a.htab:hover{background-position:0 -256px;}
.htabOn:before{background-position:-6px -202px;content:"";position:relative;display:block;width:22px;height:10px;left:0;top:-9px;margin:0 auto -10px;z-index:6;}
#logo{position:relative;clear:left;height:86px;background-position:0 -359px;z-index:5;}
#logo div{position:absolute;width:290px;height:76px;bottom:21px;background-position: 0 -36px;}
#bg2{position:absolute;display:block;left:0;height:40px;background-position:0 55px;width:100%;bottom:-20px;z-index:6;}
#bg2:after{width:100%;height:70px;bottom:-20px;background-position: 0 -124px;}
#header,#cbox{position:relative;width:100%;margin:0;padding:0;}
#headerI{position:relative;top:75px;left:0;height:240px;width:100%;margin:0;z-index:6;}
.hd1{background:url(/imgs/PNG/web-design.png) center center no-repeat;}
#cbox{background-color:#FFF;border:0 solid #FFF;border-width:1px 0;z-index:5;}
#cbox:before,#cbox:after{width:100%;background-position: 0 -124px;}
#cbox:before{height:14px;top:-14px;}#cbox:after{height:55px;bottom:-14px;background-position:0 -3px;}
#content{margin:60px 0 42px;padding:0 6%;}
#linksTR{position:absolute;float:right;right:8px;bottom:94px;width:107px;height:41px;z-index:6;text-align:center;line-height:1em;}/*bottom:90px;width:171px;*/
#linksTR a{height:37px;width:33px;background-position:0 -123px;margin:0;padding:0;display:block;float:left;}#linksTR a:hover{background-position:0 -161px;}
#linksTR a.ico2{background-position:-33px -123px;} #linksTR a.ico2:hover{background-position:-33px -161px;}
#linksTR a.ico3{background-position:-66px -123px;} #linksTR a.ico3:hover{background-position:-66px -161px;}
#linksTR a.ico4{background-position:-99px -123px;} #linksTR a.ico4:hover{background-position:-99px -161px;}
#linksTR a.ico5{background-position:-132px -123px;} #linksTR a.ico5:hover{background-position:-132px -161px;}
#linksTR a:last-child{width:35px;}
#boxTR,#social{position:absolute;float:right;height:37px;width:120px;z-index:10;}
#boxTR{bottom:34px;right:10px;}
#boxTR form{position:relative;float:left;display:block;width:110px;height:40px;margin:0;background-position:0 -12px;}
#boxTR form:before, #boxTR form:after{background-repeat:no-repeat;position:absolute;content:"";height:40px;width:8px;top:0;}
#boxTR form:before{background-position:0 -51px;float:left;margin-left:-8px;left:0;}
#boxTR form:after{background-position:0 -90px;float:right;margin-right:-8px;right:0;}
#boxTR #frmAsk{width:200px;}
#boxTR input[type=text]{height:30px;font-size:10px;width:80px;padding:0;margin-left:3px;outline:none;}
#boxTR #frmAsk input[type=text]{width:170px;}
#boxTR input[type=submit]{border:0;width:34px;height:34px;cursor:pointer;font-size:0;margin:2px 0;position:absolute;float:right;right:-4px;z-index:11;background-position:-217px -118px;}#boxTR #btnS{background-position:-250px -118px;right:-7px;}
#social{width:220px;top:18px;right:22px;vertical-align:top;line-height:20px;}/*top:158px;*/
#fbbox{position:relative;height:70px;display:block;z-index:11;}
.fbb{margin-left:20px;width:150px;line-height:normal;}
#boxCTR{float:right;position:relative;width:345px;right:-10px;}
.points{counter-reset:item;margin:20px 0;} 
.points li,.nav li{display:block;list-style-position:outside;padding:2px 0;margin:0.5em 0 0 5px;font-size:1em;}
.points p{padding:0;margin:5px 0 1em;font-size:1em;}
.points li:before{position:absolute;content:counter(item);counter-increment:item;float:left;display:block;margin:-4px -14px 0 -50px;height:34px;width:34px;background-position:-171px -122px;padding:4px 0 0 12px;font-size:21px;font-weight:bold;line-height:27px;}
.points h1,.points h2{padding:0;margin:0 0 15px;}
#title{position:absolute;z-index:6;left:15px;top:250px;}
.bt{position:relative;float:left;left:-10px;}
#title{display:block;height:50px;margin-left:27px;background-position:0 -73px;font-size:16px;font-weight:bold;line-height:48px;text-transform:uppercase;}
#title:before,#title:after{position:absolute;content:"";height:50px;top:0;}
#title:before{background-position:-172px -160px;float:left;width:19px;margin-left:-19px;left:0;}
#title:after{background-position:-197px -160px;float:right;width:24px;margin-right:-24px;right:0;}
.cl{clear:left;}.cb{clear:both;}.cb:last-child{height:20px;}
body,.inpI{font-family:Verdana,Trebuchet,"Trebuchet MS",Arial,sans-serif;}
h1,h2,h3,.htab,.htabOn,A.tlk,.btnTR,#menuL .mtit,#menuL .hd,.menuBox .tt,.bt,#title,.points li:before,.blueT,.nav{font-family:Trebuchet,"Trebuchet MS",Cambria,Verdana,Arial,sans-serif;}
h1,h2,h3{letter-spacing:-.02em;font-weight:normal;clear:left;}
h1,h2{font-size:1.8em;padding:.15em 0;margin:.4em 0;}/*2em*/
#mpage h1{font-size:1.9em;}
h3{font-size:1.5em;padding:.2em 0 0;margin:.3em 0;}/*1.6em*/
h2.bl{font-size:1.6em;}/*1.7em*/
h4{font-size:1.3em;padding:.1em 0 .2em;margin:.15em 0;}/*1.4em*/
h2.bl,h3.bl{background-color:#D5E3F0;padding:0.2em 1%;clear:left;margin:.5em 0 0;width:auto;overflow:hidden;}
.gbg,.gbg a{background-color:#E4F1E9;color:#066;}
LI LI, LI P,BLOCKQUOTE P{font-size:1em;}
.bluebox {clear:left;background-color:#C9DBED;padding:2px 10px 10px 10px;}
p,hr,li{margin:1.3em 0;padding:0;}
li{margin:0.8em 0;}
#content p, #content li{font-size:1em;}
.inp,.input,.input2{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;border:#333366 1px solid;}
.inpI{font-size:15px;background:none;border:none;margin-top:3px;}
.htab,.htabOn,#title,a:hover,h2 a,h4 a,.bluedk,.blue,.red,.whitesub,.menuT a,.green a,#hlinks,#hlinks a,.nav a,#footer a,#menuL a,.fbb a,.btnTR{text-decoration:none;}
a.redlk,a.blue:hover,.fbb a:hover{text-decoration:underline;}
h3,.bluedk,.blue,.red,.bluesub,.blueT,.green,.btn,.swlk a,.grb span,.orb span,.error{font-weight:bold;}
.nav a,.mtit{white-space:nowrap;}
.text,a.htab:hover,.mtit a:hover{color:#000;}
.btnTR,.mtit,.mtit a{color:#333;}
h3,h3 a,.nav a, .nav li{color:#555;}.inpI{color:#CCC;}
.grb a,.grb span{color:#066;}
#hlinks{color:#007258;}
#hlinks span,#hlinks a,#footerB,#footerB a{color:#AEFFED;}
#footerBox a,#footerR{color:#6C9;text-shadow:1px 1px 2px #004b34, 0px 4px 7px #033;}
#footerBox a:hover,#footerB a:hover,.bt,#title{color:#d9d2e9;}
.fu,.fu a,.redlk,.red,a.redlk:hover,a.red:hover,.bluebox a:hover,.redL,.error{color:#CC0755;}
a,h4,.blueT,.blue,.bluelk,a.bluesub:hover,.blueH,a.link:hover,.input{color:#336;}
#mpage h2,.divR h2,h2 a,h6,.blH,.bl,h2.bl,h3.bl{color:#336;}/*0077BB*/
h1,h2,#mpage .points h2, a:hover,h3.gr,h5,.htabOn,a.htabOn:hover,.link,.green,.swlk a:hover{color:#009874;}
.bluedk,.bluesub,.btn{color:#003367;}
.mrow a:hover{color:#CFC;}
.pur{color:#99C;}#footerBox,.bt:hover,#title:hover{color:#EFEFEF;}#hlinks a:hover{color:#FFE;}
.imgR{float:right;margin:0 0 12px 12px;}
.imgL{float:left;margin:0 12px 12px 0;}
ul.bullet,.boxed ul{list-style:none;margin:0;padding:0;}
.bullet li,.boxed li{font-size:1em;margin-left:0px;padding-left:25px;background-position:-300px -107px;}
.fbb a{display:block;float:left;font-size:11px;}.fbb a:hover{color:#069;}
.fbb .swl{height:40px;width:40px;background-position:-250px -160px;margin-right:10px;}
.fbb .swn{height:35px;width:100px;}
.fbb span{font-family:Tahoma, Geneva, sans-serif;font-size:14px;font-weight:bold;}
.shd{text-shadow: 1px 1px 3px rgba(0,0,0,0.3);}
.nav a{background-position:-298px -2px;}
.nav a{line-height:26px;font-size:1.1em;}
.nav a{position:relative;display:inline-block;min-width:180px;padding:2px 10px 4px 30px;}
.spons{background-position:center -215px;display:block;padding:15px 0;margin:5px 0 -5px;}
#shrbox{margin:0 0 0 14px;z-index:9;height:24px;}
#shrbox>a,#shrbox div,#social div, #social2 div{display:inline-block;position:relative;line-height:1px;vertical-align:baseline;padding:0;margin:0;min-width:60px;}


.boxed,.msec{display:block;padding:0;margin:0;position:relative;width:98%;height:100%;background:#FFF;z-index:8;border:1px solid #EFEEED; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.07) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.07) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.07) inset; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius: 8px;}
.boxed{width:91%;padding:2% 4%;}
#menuL{width:100%;margin:20px 0;}
/*border-spacing:1.3em;margin:3em -2% 0 -1%;font-size:11px;line-height:14px;}*/
/*.msec{margin:4em 0 2em 1.2%;padding:0.7em 0.8em;line-height:1.7em; vertical-align:top;}
.msec.last{padding:0.7em 0.2em 0.7em 0}min-width:300px;*/
#menuL p{margin:0 1em 1em;}
.msec.cl{margin-left:0;width:auto;}
.msec{margin:2.2em 0 -2.2em;text-align:left;}
.mtbox{height:1px;position:relative;display:block;}
.mtit{height:2.2em;position:absolute;top:-2.2em;left:6px;margin:0 7px;padding:0 7px;background-position:0 -132px;text-align:center;font-size:1.1em;line-height:2.5em;z-index:6;display:table-cell;vertical-align:bottom;}
.mtit:before,.mtit:after{height:2.2em;width:8px;background-repeat:no-repeat;}
.mtit:before{content:"";background-position:0 -172px;float:left;margin-left:-8px;position:absolute;left:0;top:0;}
.mtit:after{content:"";background-position:0 -212px;float:right;margin-right:-8px;position:absolute;right:0;top:0;}
.llist{line-height:1.3em;z-index:7;}.llist a{background-position:-292px -62px;} 
.llist a,.llist div a,.llist .p{display:block;padding:0.1em 0.1em 0.15em 2.3em;margin-bottom:2px;text-align:left;}
.llist a{color:#009874;}.llist a:hover{color:#000; background-color:#F0F0F0;}
.llist div a{background:none;color:#000;}
.llist div div a{padding-left:3.2em;color:#666;}
.menuBox{line-height:1.5em;display:block;}
#menuL .menuBox{margin:-2px -6px 0;}
.menuBox a,.menuBox div a,.menuBox .p{display:block;padding:0.1em 0.1em 0.15em 0.5em;margin-bottom:2px;text-decoration:none;text-align:left;}
.menuBox>div{padding:0;margin:0;}
#footer,#footerBox,#footerB{position:relative;clear:both;display:block;width:100%;}
#footer{padding:0 0 50px;}
#footer>div{padding:0 2%;width:96%;}
#social2,#footerR,#footerB{position:absolute;display:block;float:left;}
#footerL{height:22px;}
#social2{height:20px;top:-30px;right:3%;line-height:20px;z-index:5;}
#footerBox{font-size:0.95em;line-height:1.5em;z-index:10;}
#footerBox div{margin:0;padding:0 0 10px;float:left;display:block;text-align:left;}
#footerB{background:rgba(0, 152, 118, 0.3);bottom:0;margin:0;line-height:1.1em;font-size:0.9em;z-index:6;}
#footerB div{position:relative;display:block;float:left;text-align:center;width:100%;padding:6px 0;z-index:11;}#footerB div:first-child{padding-bottom:0;}
.ar{text-align:right;}
.folio{position:relative;float:left;width:45%;padding:0;margin:0 15px 15px 0;display:block;text-align:center;}
.folio img{position:relative; margin:0 2px 2px;}
.folio.imgL{width:450px;}
.box2{width:100%;margin:0;padding:0;min-width:500px;max-width:1000px;}
.box2 img{padding:0;margin:0;}
img.lim{width:100%;}

@media only all{
	#footerBox{display:grid;justify-content:center;grid-template-columns:48% 48%;grid-gap:0 2%;margin:0 auto;}
	#menuL{display:grid;grid-template-columns:100%;grid-gap:45px 0;width:101%;}
}
@media only all and (min-width:320px) {
	img.lim{width:220px;}
}
@media only all and (min-width:500px) {
	#boxTR{width:170px;}#boxTR form{width:160px;}#boxTR input[type=text]{font-size:1em;width:130px;}
	#menuL{display:grid;grid-template-columns:49.5% 49.5%;grid-gap:45px 2%;width:100%;}
	#social2{left:3%;}
	.boxed{width:92%}
	.boxed.nav {display:grid;grid-template-columns:49.5% 49.5%;grid-gap:0 2%; padding:1% 2.5%; width:95%;}
	.boxed.nav a{font-size:1.12em;}
	img.lim{width:220px; float:right; margin-left:20px;}
}
@media only all and (min-width:45em) {
	#footer{height:160px;padding:0;}
	#footerB{height:30px;}#footerB div{width:40%;float:right;white-space:nowrap;text-align:right;margin-top:0;padding:7px 0;}#footerB div:first-child{float:left;text-align:left;padding-bottom:7px;}
	#footerB{position:absolute;float:left;}
	#footerBox{grid-template-columns:24% 24% 24% 24%;grid-column-gap:0.5em;}
}
@media only all and (min-width:880px){
	#footerBox{max-width:880px;}
}
@media only all and (min-width:1000px){
	#content{padding:0 3%;}
.divL{float:left;width:50%;margin:0 0 10px;}
.divR{float:right;width:47%;right:0;margin:25px 0 20px 3%;}
#footerBox{max-width:1000px;}
	#menuL{grid-template-columns:24% 24% 24% 24%;grid-gap:1.5% 1.5%;}
	.boxed.nav {grid-template-columns:33% 33% 33%;}
	.boxed.nav a{font-size:1.2em;}
}
@media only all and (max-width:560px){
	.hd1{background-position:3px center;background-size:auto calc(6% + 37vw);}
}
@media only all and (min-width:560px) and (max-width:900px){
	.hd1{background-position:5px center;}
}

@media only all and (min-width:1100px){
	img.lim{width:300px;}
}