/*Import the fonts */
@import url(http://fonts.googleapis.com/css?family=Pathway+Gothic+One);

/*Over all styles */
div.header {background:#ffffff url(../img/headerbg.png) top left repeat-x;}
h1.logo a {display:block; float:left; background:url(../img/logo.png) top left no-repeat; width:183px; height:64px; text-indent:-9999px;}
h1.logo {margin:0!important; font-size:12px; line-height:normal;}
ul.header-info {float:right; margin:0;}
ul.header-info li {list-style-type:none; float:left;}
li.hph {font-size:22px; color:#7d9293;}
a.hfb {display:Block; width:17px; height:17px; background:url(../img/hfb.png) top left no-repeat; text-indent:-9999px; margin:10px 10px 0 ;}
a.htw {display:Block; width:17px; height:13px; background:url(../img/htw.png) top left no-repeat; text-indent:-9999px; margin:12px 10px 0 0;}
a.hli {display:Block; width:16px; height:17px; background:url(../img/hli.png) top left no-repeat; text-indent:-9999px; margin:10px 10px 0 0;}
a.hyt {display:Block; width:14px; height:17px; background:url(../img/hyt.png) top left no-repeat; text-indent:-9999px; margin:10px 0 0 0;}
a.hfb:hover, a.htw:hover, a.hli:hover, a.hyt:hover {background-position:bottom left;}
ul.navigation {float:right; clear:right; margin:0; z-index:2; position:relative;}
ul.navigation li {float:left;list-style-type:none; }
ul.navigation li a {display:block; text-align:center; line-height:40px; font-family: 'Pathway Gothic One', sans-serif; color:#29383c; text-transform:uppercase; font-size:22px;}
a.navhp {width:100px; height:43px;}
a.navhp:hover, a.navhp.on {background:url(../img/navhp.png) top left no-repeat; color:#fff;}
a.navse{width:121px; height:43px;}
a.navse:hover, a.navse.on {background:url(../img/navse.png) top left no-repeat; color:#fff;}
a.navcs{width:154px; height:43px;}
a.navcs:hover, a.navcs.on {background:url(../img/navcs.png) top left no-repeat; color:#fff;}
a.navab{width:140px; height:43px;}
a.navab:hover, a.navab.on {background:url(../img/navab.png) top left no-repeat; color:#fff;}
a.navco{width:127px; height:43px;}
a.navco:hover, a.navco.on {background:url(../img/navco.png) top left no-repeat; color:#fff;}
h4 {font-family: 'Pathway Gothic One', sans-serif; color:#2a97d2; font-weight:normal; font-size:26px; }
 h3 {font-family: 'Pathway Gothic One', sans-serif; color:#2a97d2; font-weight:normal; font-size:26px;}
  h1 {font-family: 'Pathway Gothic One', sans-serif; color:#2a97d2; font-weight:normal; font-size:26px;}
#morestuff {clear:both; display:none; padding:0 0 50px;}
button#more {text-align:center; margin:0; border-radius:5px; background:#dedede; border:3px solid #e3e3e3;  transition: all 500ms linear; box-shadow:0 5px 5px #d1d1d1; font-family: 'Pathway Gothic One', sans-serif; color:#2a97d2; font-size:30px; padding:2px 20px; height:40px; font-weight:normal; float:right;}
button#more:hover {background:#c3c3c3; color:#2f75b4; border:3px solid #cacaca;}
 div.morecontainer {margin:0 -0.9375em 50px!important;}
 /*Internal Page Styles*/
.pagetitle {background:url(../img/titlebg.png) top left repeat-x; max-height:65px; overflow:hidden;}
.pagetitle h2{text-transform:uppercase; line-height:normal; letter-spacing:1px; color:#fff; font-family: 'Pathway Gothic One', sans-serif; font-size:34px;}
.subnav {padding-top:20px;}
.subnav ul {clear:both; line-height:normal;}
.subnav ul li {list-style-type:none; margin:0 0 10px 0;}
.subnav ul li a  {color:#3f525b; line-height:normal;}
.subnav ul li a:hover {color:#2a97d2;}
.pagecontent {background:url(../img/contentbg.png) top left repeat-y; padding-top:20px; padding-left:3em; padding-right:0.9375em; padding-bottom:50px;}
.pagecontent h3 {color:#535353;}

ol {
	padding-left: 20px;
}

/*footer*/
div.footer {background:#f5f5f5; border-top:1px solid #dedede; padding:20px 0;}
.footer-nav {float:left;}
.footer-nav a {margin:0 40px 0 0;}
.footer a {color:#237aa3;}
.footer a:hover {color:#29383c;}
.creds {font-size:11px; clear:both; color:#424242;}
.creds a {margin:0 5px;}
a.ffb {display:Block; width:17px; height:17px; background:url(../img/hfb.png) top left no-repeat; text-indent:-9999px; margin:0 10px 0 ;}
a.ftw {display:Block; width:17px; height:13px; background:url(../img/htw.png) top left no-repeat; text-indent:-9999px; margin:2px 10px 0 0;}
a.fli {display:Block; width:16px; height:17px; background:url(../img/hli.png) top left no-repeat; text-indent:-9999px; margin:0px 10px 0 0;}
a.fyt {display:Block; width:14px; height:17px; background:url(../img/hyt.png) top left no-repeat; text-indent:-9999px; margin:0px 0 0 0;}
a.ffb:hover, a.ftw:hover, a.fli:hover, a.fyt:hover {background-position:bottom left;}
input.websiteurl {width:48%; margin:0 4% 0 0; float:left;}
select.budget {width:48%; float:left;}
textarea.aboutproject {height:90px;}
button.footerstarted {width:100%; text-align:center; border-radius:5px; background:#dedede; border:3px solid #e3e3e3;  transition: all 500ms linear; box-shadow:0 5px 5px #d1d1d1; font-family: 'Pathway Gothic One', sans-serif; color:#2a97d2; font-size:30px; padding:2px 0; height:40px; font-weight:normal;}
button.footerstarted:hover {background:#c3c3c3; color:#2f75b4; border:3px solid #cacaca;}

/* Homepage */
div.promoarea {background:url(../img/promo.jpg) top center no-repeat; height:400px; top:-5px; position:relative; z-index:1;}
div.promoarea div.row {position:relative;}
div.promotext {float:Right;}
div.promotext h3 {text-transform:uppercase; color:#fff; font-size:48px; font-family: 'Pathway Gothic One', sans-serif; margin:20px 0 0 0; }
div.promotext p {font-size:18px; color:#d3f2f3; line-height:30px;}
div.getstarted {clear:both; width:380px; padding:5px; background:url(../img/formbg.png) top left repeat; border-radius:10px;  position:absolute;  right:0px; bottom:-210px;}
div.getstartedinside {background:#fff; border-radius:10px; padding:10px;}
div.getstartedinside h4 {font-family: 'Pathway Gothic One', sans-serif; color:#137dbd; text-transform:uppercase; font-size:30px; font-weight:normal;}
div.promoarea div.row {height:400px;}
input[type="text"], select, textarea {background:#f3f3f3 url(../img/inputbg.png) top left repeat-x; color:rgba(0, 0, 0, 0.75); padding: 0.5em; border:3px solid #e3e3e3; border-radius:10px; height:40px;}
button.getstarted {display:block; background:url(../img/getstarted.png) top left no-repeat; width:236px; height:54px; text-indent:-9999px; border:none;}
button.getstarted:hover {background-position:bottom left;}
a.seo {display:block; width:90px; height:88px; background:url(../img/seo.png) top left no-repeat; float:left; text-indent:-9999px; margin:0 15px 0 0;}
a.ppc {display:block; width:90px; height:88px; background:url(../img/ppc.png) top left no-repeat; float:left; text-indent:-9999px; margin:0 15px;}
a.google{display:block; width:90px; height:88px; background:url(../img/google.png) top left no-repeat; float:left; text-indent:-9999px;margin:0 15px;}
a.pr{display:block; width:90px; height:88px; background:url(../img/pr.png) top left no-repeat; float:left; text-indent:-9999px; margin:0 15px;}
a.seo:hover, a.ppc:hover, a.google:hover, a.pr:hover {background-position:bottom left;}
div.homepage-tools {background:url(../img/homepage-tools.png) top left repeat; position:Relative; top:-6px; margin:0 0 30px 0;}
div.homepage-social {float:left; width:70px; margin:15px 15px 0;}
a.twitter {display:block; width:28px; height:29px; background:url(../img/twitter.png) top left no-repeat; float:left; margin:0 5px 3px 0; text-indent:-9999px;}
a.youtube {display:block; width:29px; height:29px; background:url(../img/youtube.png) top left no-repeat; float:left; margin:0 0 3px 0; text-indent:-9999px;}
a.pinterest {display:block; width:29px; height:29px; background:url(../img/pinterest.png) top left no-repeat; float:left; margin:0 5px 0 0; text-indent:-9999px;}
a.facebook {display:block; width:29px; height:29px; background:url(../img/facebook.png) top left no-repeat; float:left; margin:0 0 0 0; text-indent:-9999px;}
a.twitter:hover, a.youtube:hover, a.pinterest:hover, a.facebook:hover {background-position:bottom left;}
div.hptabs h3{ float:left;}
div.hptabs p.title {background:#d8d8d8; border-radius:10px 10px 0 0; font-size:26px; font-family: 'Pathway Gothic One', sans-serif; color:#666666; height:45px!important; text-transform:uppercase;}
div.hptabs p.title a {padding:5px 40px!important;}
div.hptabs p.tab1 {margin:0 0 0 195px;}
div.hptabs p.tab2 {margin:0 0 0 203px;}
div.hptabs p.tab3 {margin:0 0 0 208px;}
div.hptabs div.content {background-color:#f5f5f5!Important;}
section.active a {background-color:#f5f5f5!important; border-radius:10px;}
.portfolio-block-2 {float:left; padding:0 0 0 10px; text-align:justify; margin:3px 0 0 0; width:49%;}
.portfolio-block-l {float:left; padding:0 10px 0 0; text-align:justify; margin:3px 0 0 0; width:49%; border-right:1px solid #d8d8d8;}
.portfolio-block-l img,.portfolio-block-2 img {margin:0 0 10px 0!important; width:100%; height:auto;}
div.clear {clear:both;}
.quotes {margin:100px 0 0 0; border:1px solid #d8d8d8; width:360px; float:right; background:#f5f5f5; overflow:hidden; padding:0 20px;}
.quote {background:#f5f5f5 url(../img/quote.png) top left no-repeat; }
.quote img {border:1px solid #e1e1e1; float:left; padding:2px; background:#fff; max-width:90px; height:auto; margin:50px 20px 0 0;}
.orbit-container {background:none!important;}
.orbit-container .orbit-prev, .orbit-container .orbit-next {
    background-color:transparent;
    bottom: 10px;
    color: transparent;
    line-height: 50px;
    margin-top: 0;
    position: absolute;
    text-indent: -9999px !important;
    width: 50px;
    z-index: 10;
	top:auto;
}
.orbit-container .orbit-next > span  {border-color:transparent;}
.orbit-container .orbit-next:hover > span {border-left-color:transparent; }
.orbit-container .orbit-prev > span {border-color: transparent;}
.orbit-container .orbit-prev:hover > span {border-right-color:transparent; }
.orbit-container .orbit-next {background:url(../img/quoteright.png) top left no-repeat; width:50px; height:51px!important;}
.orbit-container .orbit-prev{background:url(../img/quoteleft.png) top left no-repeat; width:50px; height:51px!important;}
.orbit-container .orbit-next:hover, .orbit-container .orbit-prev:hover {background-position:bottom left;}
.orbit-container .orbit-prev {left: auto; right: 60px;}
.orbit-container .orbit-slide-number,.orbit-container .orbit-timer  {display:none;}

/* Services */
.servicelinks a {display:Block; background:#f5f5f5; color:#b8b8b8; text-align:center; border:1px solid #b8b8b8; font-size:38px; font-family: 'Pathway Gothic One', sans-serif; padding:20px 0; margin-bottom:30px; transition: all 300ms linear;}
.servicelinks a:hover {background:#e4eef2; color:#6d6d6d; box-shadow:0 0 8px #a2a2a2;}
.servicelinks {margin:20px 0 0!important; overflow:hidden; box-shadow:0 0 0 #fff;}

/* Case Studies */
.casestudy a {display:Block; color:#fff; transition: background 500ms linear; }
.casestudy  img {width:100%; height:auto; }
.casestudy a p {color:#fff;}
.casestudy {position:relative;}
.casestudy a:hover {background:#4c4c4c; color:#fff;}
.casestudy a .csstat {transition: display 1000ms linear;}
.csstat {display:none; background#4c4c4c; position:Absolute; padding:10px; font-size:39px; font-family: 'Pathway Gothic One', sans-serif;}
.csstat a{display:block; background#4c4c4c; color:#fff!important;}
.casestudy a:hover  .csstat {display:block;}
.casestudy a:hover  img {opacity:.25;}
.csdetails {padding:10px; display:Block;}
.csdetails {color:#4c4c4c;}
.casestudy a:hover .csdetails {color:#fff;}
.csdetails p {color:#fff; margin:5px 0 0; font-size:14px; line-height:18px;}
.casestudiesgrid {margin:0 0 20px 0!important;}

/* Contact */

.subnav ul.contact-info li {list-style-type:none; margin:0 0 0 0;}
.subnav ul.contact-info li.cihead {text-transform:uppercase; color:#565656; font-weight:bold; letter-spacing:1px;}
a.cli {display:block; width:87px; height:87px; background:url(../img/cli.png) top left no-repeat; text-indent:-9999px; float:left; margin:0 10px 0 0 ;} 
a.cyt {display:block; width:87px; height:87px; background:url(../img/cyt.png) top left no-repeat; text-indent:-9999px; float:left; margin:0 10px 0 0 ;} 
a.cgp {display:block; width:87px; height:87px; background:url(../img/cgp.png) top left no-repeat; text-indent:-9999px; float:left; margin:0 10px 0 0 ;} 
a.crss {display:block; width:87px; height:87px; background:url(../img/crss.png) top left no-repeat; text-indent:-9999px; float:left; margin:0 10px 0 0 ;} 
a.cfb {display:block; width:87px; height:87px; background:url(../img/cfb.png) top left no-repeat; text-indent:-9999px; float:left; margin:0 10px 0 0 ;} 
a.ctu {display:block; width:87px; height:87px; background:url(../img/ctu.png) top left no-repeat; text-indent:-9999px; float:left; margin:0 10px 0 0 ;} 
a.ctw {display:block; width:87px; height:87px; background:url(../img/ctw.png) top left no-repeat; text-indent:-9999px; float:left; margin:0 10px 0 0 ;} 
a.cli:hover, a.cyt:hover, a.cgp:hover, a.crss:hover, a.cfb:hover, a.ctu:hover, a.ctw:hover {background-position:bottom left;}
div.bigcontact {clear:left; margin:30px 0;}
div.contactsocial {overflow:hidden;}
input.cwebsiteurl {width:64%; margin:0 2% 0 0; float:left;}
select.cbudget {width:33%; float:left;}
textarea.caboutproject {height:179px;}
button.cfooterstarted {width:50%; text-align:center; border-radius:5px; background:#dedede; border:3px solid #e3e3e3;  transition: all 500ms linear; box-shadow:0 5px 5px #d1d1d1; font-family: 'Pathway Gothic One', sans-serif; color:#2a97d2; font-size:30px; padding:2px 0; height:40px; font-weight:normal; float:right;}
button.cfooterstarted:hover {background:#c3c3c3; color:#2f75b4; border:3px solid #cacaca;}


/*---:[ media queries ]:---*/
@media all and (max-width: 1015px) {
	div.hptabs p.tab1 {margin: 0 0 0 125px;}
	div.hptabs p.tab2 {margin: 0 0 0 130px;}
	div.hptabs p.tab3 {margin: 0 0 0 135px;}
}
@media all and (max-width: 950px) {
	div.hptabs p.tab1 {margin: 0 0 0 85px;;}
	div.hptabs p.tab2 {margin: 0 0 0 90px;}
	div.hptabs p.tab3 {margin: 0 0 0 95px;}
}
@media all and (max-width: 930px) {
	a.pr {margin-right: -5px;}
	a.seo {margin-right: -5px;}
	a.ppc {margin-right: -5px;}
	a.google {margin-right: -5px;}
	.section-container.tabs {width: 90%;}
}
@media all and (max-width: 855px) {
	a.pr {margin-right: -15px;}
	a.seo {margin-right: -15px;}
	a.ppc {margin-right: -15px;}
	a.google {margin-right: -15px;}
	div.homepage-social {margin-right: -15px;}
	div.hptabs p.title a {padding: 5px 30px!important;}
}
@media all and (max-width: 800px) {
	ul.navigation li a {font-size: 20px;line-height: 36px;}
	a.navhp {width:70px;height:35px;}
	a.navhp:hover, a.navhp.on {background: url(../img/navhp2.png) top left no-repeat;color: #fff;}
	a.navse{width:86px; height:35px;}
	a.navse:hover, a.navse.on {background:url(../img/navse2.png) top left no-repeat; color:#fff;}
	a.navcs{width:114px; height:35px;}
	a.navcs:hover, a.navcs.on {background:url(../img/navcs2.png) top left no-repeat; color:#fff;}
	a.navab{width:70px; height:35px;}
	a.navab:hover, a.navab.on {background:url(../img/navab2.png) top left no-repeat; color:#fff;}
	a.navco{width:80px; height:35px;}
	a.navco:hover, a.navco.on {background:url(../img/navco2.png) top left no-repeat; color:#fff;}
	div.getstarted {width: 250px;bottom: -100px;height: 360px;}
	div.promotext h3 {font-size: 35px;}
	div.promotext p {line-height: 22px;font-size: 16px;}
	a.pr {background: url(../img/pr2.png) top left no-repeat;height: 73px;width: 75px;}
	a.seo {background: url(../img/seo2.png) top left no-repeat;height: 73px;width: 75px;}
	a.ppc {background: url(../img/ppc2.png) top left no-repeat;height: 73px;width: 75px;}
	a.google {background: url(../img/google2.png) top left no-repeat;height: 73px;width: 75px;}
	div.homepage-social {margin: 6px 15px 0;width: 65px;}
	input[type="text"], select, textarea {height: 30px;}
	button.getstarted {background: url(../img/getstarted2.png) top left no-repeat;width: 215px;height: 49px;}
}
@media all and (max-width: 750px) {
	a.pr {margin-right: -5px;}
	a.seo {margin-right: -5px;}
	a.ppc {margin-right: -5px;}
	a.google {margin-right: -5px;}
	div.homepage-social {margin-right: -5px;}
}
@media all and (max-width: 690px) {
	button.getstarted {background: url(../img/getstarted3.png) top left no-repeat;width: 150px;height: 34px;}
}
@media all and (max-width: 650px) {
	a.pr {background: url(../img/pr3.png) top left no-repeat;height: 38px;width: 40px;}
	a.seo {background: url(../img/seo3.png) top left no-repeat;height: 38px;width: 40px;}
	a.ppc {background: url(../img/ppc3.png) top left no-repeat;height: 38px;width: 40px;}
	a.google {background: url(../img/google3.png) top left no-repeat;height: 38px;width: 40px;}
	div.homepage-social {margin: 1px 15px 0;width: 40px;}
	a.twitter {width: 17px;height: 17px;background: url(../img/twitter2.png) top left no-repeat;}
	a.youtube {width: 17px;height: 17px;background: url(../img/youtube2.png) top left no-repeat;}
	a.pinterest {width: 17px;height: 17px;background: url(../img/pinterest2.png) top left no-repeat;}
	a.facebook {width: 17px;height: 17px;background: url(../img/facebook2.png) top left no-repeat;}
	div.promotext h3 {font-size: 20px;}
	div.promotext p {line-height: 16px;font-size: 12px;}
	div.getstarted {width: 230px;bottom: -60px;}
	.subnav {width: 20%;}
	.pagecontent {width: 80%;}
	li.hph {font-size: 16px;}
	h1.logo a {background: url(../img/logo2.png) top left no-repeat;width: 160px;height: 56px;}
}
@media all and (max-width: 550px) {
	li.hph {font-size: 14px;}
	h1.logo a {background: url(../img/logo3.png) top left no-repeat;width: 110px;height: 39px;}
}
@media all and (max-width: 533px) {
	a.pr {background: url(../img/pr3.png) top left no-repeat;height: 38px;width: 40px;margin-right: -5px;}
	a.seo {background: url(../img/seo3.png) top left no-repeat;height: 38px;width: 40px;margin-right: -5px;}
	a.ppc {background: url(../img/ppc3.png) top left no-repeat;height: 38px;width: 40px;margin-right: -5px;}
	a.google {background: url(../img/google3.png) top left no-repeat;height: 38px;width: 40px;margin-right: -5px;}
	div.homepage-social {margin: 1px 15px 0;width: 40px;margin-right: -5px;}
	a.twitter {width: 17px;height: 17px;background: url(../img/twitter2.png) top left no-repeat;}
	a.youtube {width: 17px;height: 17px;background: url(../img/youtube2.png) top left no-repeat;}
	a.pinterest {width: 17px;height: 17px;background: url(../img/pinterest2.png) top left no-repeat;}
	a.facebook {width: 17px;height: 17px;background: url(../img/facebook2.png) top left no-repeat;}
	div.promotext h3 {font-size: 20px;}
	div.promotext p {line-height: 16px;font-size: 12px;}
	div.getstarted {width: 230px;bottom: -60px;}
	.subnav {width: 15%;font-size: 15px;}
	.pagecontent {width: 85%;}
	.subnav ul.contact-info li {font-size: 14px;}
	div.hptabs p.title a {padding: 5px 20px!important;}
}
@media all and (max-width: 485px) {
	li.hph {font-size: 12px;}
	h1.logo a {background: url(../img/logo4.png) top left no-repeat;width: 95px;height: 34px;}
	a.pr {background: url(../img/pr4.png) top left no-repeat;height: 33px;width: 35px;margin-right: -10px;}
	a.seo {background: url(../img/seo4.png) top left no-repeat;height: 33px;width: 35px;margin-right: -10px;}
	a.ppc {background: url(../img/ppc4.png) top left no-repeat;height: 33px;width: 35px;margin-right: -10px;}
	a.google {background: url(../img/google4.png) top left no-repeat;height: 33px;width: 35px;margin-right: -10px;}
	div.homepage-social {margin: 1px 15px 0;width: 35px;margin-right: -10px;}
	a.twitter {width: 15px;height: 15px;background: url(../img/twitter3.png) top left no-repeat;}
	a.youtube {width: 15px;height: 15px;background: url(../img/youtube3.png) top left no-repeat;}
	a.pinterest {width: 15px;height: 15px;background: url(../img/pinterest3.png) top left no-repeat;}
	a.facebook {width: 15px;height: 15px;background: url(../img/facebook3.png) top left no-repeat;}
	div.getstarted {width: 200px;bottom: -45px;}
	div.promotext h3 {font-size: 18px;}
	div.promotext p {line-height: 14px;}
	ul.navigation li a {font-size: 18px;line-height: 31px;}
	a.navhp {width:50px;height:30px;}
	a.navhp:hover, a.navhp.on {background: url(../img/navhp3.png) top left no-repeat;color: #fff;}
	a.navse{width:65px; height:30px;}
	a.navse:hover, a.navse.on {background:url(../img/navse3.png) top left no-repeat; color:#fff;}
	a.navcs{width:90px; height:30px;}
	a.navcs:hover, a.navcs.on {background:url(../img/navcs3.png) top left no-repeat; color:#fff;}
	a.navab{width:50px; height:30px;}
	a.navab:hover, a.navab.on {background:url(../img/navab3.png) top left no-repeat; color:#fff;}
	a.navco{width:60px; height:30px;}
	a.navco:hover, a.navco.on {background:url(../img/navco3.png) top left no-repeat; color:#fff;}
	a.hfb {width: 13px;height: 13px;background: url(../img/hfb2.png) top left no-repeat;text-indent: -9999px;margin: 5px 10px 0;}
	a.htw {width: 16px;height: 13px;background: url(../img/htw2.png) top left no-repeat;text-indent: -9999px;margin: 5px 10px 0 0;}
	a.hli {width: 16px;height: 12px;background: url(../img/hli2.png) top left no-repeat;text-indent: -9999px;margin: 5px 10px 0 0;}
	a.hyt {width: 10px;height: 12px;background: url(../img/hyt2.png) top left no-repeat;text-indent: -9999px;margin: 5px 0 0 0;}
	a.hfb:hover, a.htw:hover, a.hli:hover, a.hyt:hover {background-position:bottom left;}
	a.ffb {width: 13px;height: 13px;background: url(../img/hfb2.png) top left no-repeat;text-indent: -9999px;margin: 5px 10px 0;}
	a.ftw {width: 16px;height: 13px;background: url(../img/htw2.png) top left no-repeat;text-indent: -9999px;margin: 5px 10px 0 0;}
	a.fli {width: 16px;height: 12px;background: url(../img/hli2.png) top left no-repeat;text-indent: -9999px;margin: 5px 10px 0 0;}
	a.fyt {width: 10px;height: 12px;background: url(../img/hyt2.png) top left no-repeat;text-indent: -9999px;margin: 5px 0 0 0;}
	a.ffb:hover, a.ftw:hover, a.fli:hover, a.fyt:hover {background-position:bottom left;}
}
@media all and (max-width: 400px) {
	li.hph {font-size: 10px;}
	h1.logo a {background: url(../img/logo5.png) top left no-repeat;width: 65px;height: 23px;}
	a.hfb {margin-left: -5px;}
	a.htw {margin-left: -5px;}
	a.hli {margin-left: -5px;}
	a.hyt {margin-left: -5px;}
	div.hptabs h3 {font-size: 22px;}
	div.hptabs p.title a {padding: 5px 10px!important;}
}
@media all and (max-width: 360px) {
	div.getstarted {width: 180px;bottom: -45px;}
	ul.navigation li a {font-size: 13px;line-height: 25px;}
	a.navhp {width: 35px;height:25px;}
	a.navhp:hover, a.navhp.on {background: url(../img/navhp4.png) top left no-repeat;color: #fff;}
	a.navse {width: 50px;height:25px;}
	a.navse:hover, a.navse.on {background:url(../img/navse4.png) top left no-repeat; color:#fff;}
	a.navcs {width: 70px;height:25px;}
	a.navcs:hover, a.navcs.on {background:url(../img/navcs4.png) top left no-repeat; color:#fff;}
	a.navab {width: 35px;height:25px;}
	a.navab:hover, a.navab.on {background:url(../img/navab4.png) top left no-repeat; color:#fff;}
	a.navco {width: 45px;height:25px;}
	a.navco:hover, a.navco.on {background:url(../img/navco4.png) top left no-repeat; color:#fff;}
	p {font-size: 12px;line-height: 14px;}
	h1 {font-size: 20px;}
	.servicelinks a {font-size: 18px;width: 75%;padding: 10px 0;margin-bottom: 10px;}
	h3 {font-size: 20px;}
	ul, ol, dl {font-size: 12px;}
	.subnav {width: 25%;}
	.subnav ul.contact-info li {font-size: 12px;}
	.pagecontent {width: 75%;}
	.footer-nav a {margin: 0 -15px 0 0;}
	.footer a {font-size: 10px;}
	.footer-nav {width: 70%;}
	.quotes {width: 100%;}
	.orbit-container .orbit-prev {background: url(../img/quoteleft2.png) top left no-repeat;width: 25px;height: 26px!important;right: 30px;}
	.orbit-container .orbit-next {background: url(../img/quoteright2.png) top left no-repeat;width: 25px;height: 26px!important;}
	.pagetitle h2 {font-size: 24px;}
	.csstat {font-size: 25px;}
	div.getstartedinside h4 {font-size: 16px;}
	div.getstarted {width: 180px;bottom: -3px;height: auto;}
	button.getstarted {background: url(../img/getstarted4.png) top left no-repeat;width: 110px;height:25px;}
	div.hptabs h3 {font-size: 18px;}
	div.hptabs p.tab1 {margin: 0 0 0 65px;}
	div.hptabs p.tab2 {margin: 0 0 0 75px;}
	div.hptabs p.tab3 {margin: 0 0 0 85px;}
}
@media all and (max-width: 240px) {
	h1.logo a {background: url(../img/logo6.png) top left no-repeat;width: 40px;height: 20px;}
	li.hph {font-size: 8px;}
	ul.navigation li a {font-size: 12px;line-height: 25px;}
	a.navhp {width: 35px;height:25px;}
	a.navhp:hover, a.navhp.on {background-color:#146D9E;background-image:none;color:#FFF;}
	a.navse {width: 40px;height:25px;}
	a.navse:hover, a.navse.on {background-color:#146D9E;background-image:none;color:#FFF;}
	a.navcs {width: 60px;height:25px;}
	a.navcs:hover, a.navcs.on {background-color:#146D9E;background-image:none;color:#FFF;}
	a.navab {width: 35px;height:25px;}
	a.navab:hover, a.navab.on {background-color:#146D9E;background-image:none;color:#FFF;}
	a.navco {width: 35px;height:25px;}
	a.navco:hover, a.navco.on {background-color:#146D9E;background-image:none;color:#FFF;}
	div.promotext {margin-top: -20px;}
	.quote {background: #f5f5f5 url(../img/quote2.png) top left no-repeat;}
	div.hptabs p.title a {padding: 5px 5px!important;}
	.section-container.tabs > section > .title a, .section-container.tabs > .section > .title a {font-size: 16px;}
	div.hptabs p.tab1 {margin: 0 0 0 55px;}
	div.hptabs p.tab2 {margin-left: 65px;}
	div.hptabs p.tab3 {margin-left: 75px;}
	.subnav ul.contact-info li {font-size: 10px;}
}