/*	META STYLES ........................................................................................................................................ */	

@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Lato:400,300,700,900);
* { margin: 0; padding: 0; outline: none; }
.preload, .preload img, .hidden { display: none; visibility: hidden; }
img, a img, :link img, :visited img { border: none; }
img { vertical-align: middle; }
body { color: #4f4f4f; text-align: center; font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 15px; font-weight: 400; }
p { margin: 0em 0em 1em 0em; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 .25em 0; font-family: 'franklin_gothic_fs_cdbold', sans-serif; font-weight: normal !important; text-transform: uppercase; line-height: 100%; }
.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both; }
.cf { *zoom:1;
}
h1 { font-size: 40px; }
h1 a { }
h2 { font-size: 30px; }
h3 { font-size: 22px; }
h4 { font-size: 115%; }
ol, ul, dd { margin: 0 0 1em 20px; padding: 0; }
ol li { margin-left: 12px; }
ul { list-style-type: none; }
ul li { background: url(assets/images/01/arrow-grey-5h.gif) no-repeat left 7px; margin: 0 0 5px 0; padding: 0 0 0 10px; line-height: 125%; }
ul.inline { list-style: none; margin: 0; padding: 0; white-space: nowrap; }
ul.inline li { display: inline; list-style-type: none; margin: 0; padding: 0; }
ul, ul.list { list-style-type: none; }
ul li, ul.list li { background: url(assets2/images/arrow-grey-5h.png) left 7px no-repeat; margin: 0 0 5px 0; padding: 0 0 0 10px; line-height: 125%; }
span.bul { margin: 0; background: url(imgs/arrow-grey-8h.png) no-repeat left 11px; padding: 0 0 0 10px; line-height: 125%; width: auto; }
span.bulup { margin: 0; background: url(assets/images/01/arrow-grey-8h-up.png) no-repeat left 6px; padding: 0 0 0 10px; line-height: 125%; width: auto; }
table { margin: 0 auto; }
td, th { text-align: left; vertical-align: top; display: table-cell; }
div { margin-left: auto; margin-right: auto; display: block; clear: none; text-align: left; height: auto; width: auto; }
blockquote { margin: 20px 40px; }
blockquote p { margin-bottom: 5px; }
/* hyperlinks */
a:link, a:visited, a:active { color: #3e72b8; text-decoration: none; }
a:hover { color: #073372; text-decoration: none; }
a:link.a, a:visited.a, a:active.a { padding: 0 0 0 10px; background: url(assets/images/01/arrow-grey-8h.png) no-repeat left 6px; color: #3e72b8; }
a:hover.a { color: #073372; }
a:active.menu, a:link.menu, a:visited.menu { color: #4f4f4f; }
a:hover.menu { text-decoration: underline; }
a:active.menuw, a:link.menuw, a:visited.menuw { color: #ffffff; }
a:hover.menuw { text-decoration: underline; }
a:link.menub, a:visited.menub { color: #4f4f4f; }
a:active.menub, a:hover.menub { color: #3b73b9; }
.fw300 { font-weight: 300; }
.fw400 { font-weight: 400; }
.fw700 { font-weight: 700; }
.fw900 { font-weight: 900; }
/*	GLOBAL SITE STRUCTURE ........................................................................................................................................ */	
#topbar { width: 100%; height: 7px; background-color: #8f9193; }
#header, #wrapper, #nav, #banner, #bunker, #footer { width: 960px; }
#header { padding: 0; height: 20px; visibility: hidden; display: none; }
#header img { float: left; margin: 0 0 0 40px; }
#header #talk { float: right; margin: 0 30px 0 0; }
#wrapper { background-color: #ffffff; padding: 15px 0 15px 0; }
#intro { height: 80px; padding-top: 7px; }
#nav { clear: both; height: 31px; background-color: #f5f5f5; border: 1px solid #dbdbdb; -moz-border-radius: 15px 15px 15px 15px; -webkit-border-radius: 15px 15px 15px 15px; /*-webkit-box-shadow:rgba(0,0,0,.15) 0 1px 3px;
	   -moz-box-shadow:rgba(0,0,0,.15) 0 1px 3px;
	        box-shadow:rgba(0,0,0,.15) 0 1px 3px;
	        box-shadow:rgba(0,0,0,.15) 0 1px 6px \0/IE9;*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-weight: bold; }
#intro #i0 { float: left; margin: 0px 0px 0px 35px; position: relative; top: -3px; }
#intro #i0 img { vertical-align: baseline; position: relative; bottom: -9px; margin: 0 5px 0 0; }
#intro #i1 { float: right; line-height: normal; text-align: right; overflow: hidden; margin: 14px 30px 0 0; position: relative; bottom: 5px; font-family: 'franklin_gothic_fs_cdbold', sans-serif; font-size: 20px; }
#intro #i1 a { font-size: 16px; color: #3b73b9; font-family: 'Lato', Helvetica, Arial, sans-serif; font-weight: bold; }
#intro #i1 a:hover { color: #4f4f4f; }
span.p { margin-right: -2px; }
#i1 p { margin: 0; position: relative; bottom: 5px; }
#content { clear: both; min-height: 350px; height: auto !important; height: 350px; padding: 20px 40px 10px 40px; width: 882px; font-size: 16px; line-height: 120%; }
#content .subtitle { font-size: 22px; line-height: 135%; color: #6f6f6f; }
#pagetitle { margin-bottom: 10px; }
#footer { text-align: center; clear: both; font-size: 12px; color: #a5a49f; padding: 28px 0 0 0; margin-bottom: 50px; height: 20px; }
#footer p { margin: 5px 0 18px 0; }
#footer img { margin: 0 2px; }
#footer a { color: #a5a49f; }
#footer a:hover { color: #908f8b; }
#footer #f0 { float: left; width: 600px; margin: 0 0 0 40px; }
#footer #f1 { float: right; width: 250px; margin: 0 27px 0 0; text-align: right; }
/*	FRONT PAGE ........................................................................................................................................ */	
.frontpage h2 { margin: 40px 0 5px 0; }
#h2a { margin-top: 10px; }
#banner { height: 310px; padding: 25px 0 0 0; }
#banner h1 { font-size: 35px; line-height: 110%; padding: 20px 0 0 0; margin: 0 0 8px 0; }
#banner h1 span { font-size: 50px; color: #3c74b6; }
#banner img { float: right; }
#banner p { font-size: 22px; }
#services { height: 125px; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; padding: 10px 0 10px 0; background: #f4f4f4 url(imgs2/arrows.png) no-repeat 210px 18px; border: 1px solid #dbdbdb; }
#services ul { margin-bottom: 0; clear: both; }
.larger { font-size: 17px; }
#services div { width: 239px; float: left; height: 125px; text-align: center; }
#services div h3 { font-size: 28px; margin: 0 auto; }
#services ul { text-align: center; background-image: none; margin-left: 55px; margin-bottom: 0; }
#services ul li { background-image: none; margin: 0 0 4px 0; line-height: 100%; padding: 0; font-size: 15px; font-weight: bold; text-align: left; white-space: nowrap; }
#services .u1 { margin-left: 57px; }
#services .u2 { margin-left: 30px; }
#services .u3 { margin-left: 50px; }
.adcap { height: 23px; padding: 0 0 20px 0; }
.adcap div { height: 23px; width: 240px; float: left; line-height: 23px; text-align: center; font-size: 15px; font-weight: bold; }
.adrow { height: 272px; }
.adrow div { width: 240px; float: left; }
.adrow2 { margin: 43px 0 22px; }
.adrow2 div { width: 240px; float: left; }
.adrow3 { margin-bottom: 62px; }
.adrow3 div { width: 240px; float: left; }
#bunker { }
/* inline elements */
.clearfloat { clear: both; height: 0; font-size: 1px; line-height: 0px; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.red { color: #9f001d; }
.bluedk { color: #013472; }
.bluelt { color: #3b73b9; }
.s80 { font-size: 80%; }
.s90 { font-size: 90%; }
.photo { -moz-box-shadow: 0px 0px 11px rgba(0, 0, 0, .7); -webkit-box-shadow: 0px 0px 11px rgba(0, 0, 0, .7); box-shadow: 0px 0px 11px rgba(0, 0, 0, .7); border: 1px solid #adadad; }
.shadow { -moz-box-shadow: 0px 0px 11px rgba(0, 0, 0, .7); -webkit-box-shadow: 0px 0px 11px rgba(0, 0, 0, .7); box-shadow: 0px 0px 11px rgba(0, 0, 0, .7); }
.photoR { -moz-box-shadow: 0px 0px 11px rgba(0, 0, 0, .7); -webkit-box-shadow: 0px 0px 11px rgba(0, 0, 0, .7); box-shadow: 0px 0px 11px rgba(0, 0, 0, .7); border: 1px solid #adadad; float: right; margin: 5px 0 10px 20px; }
.noshadow { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; }
.right { float: right; margin: 0 0 10px 20px; }
.left { float: left; margin: 0 20px 10px 0; }
hr.hr100,div.hr100 { margin: 2em auto 2em auto; width: 100%; height: 1px; border-bottom: 2px solid #efefef; clear: both; }
#pagetitle { margin-bottom: 10px; }
#pagecontent { background: white none; text-align: left; width: 844px; }
/* Drop Shadow and Striped table */
table.tables { border: 1px solid silver; -moz-box-shadow: 0px 0px 11px rgba(0, 0, 0, .7); -webkit-box-shadow: 0px 0px 11px rgba(0, 0, 0, .7); box-shadow: 0px 0px 11px rgba(0, 0, 0, .7); }
table.tables tr:nth-of-type(even) { background-color: #f5f5f5; }
table.tables tr:nth-of-type(odd) { background-color: #fff; }
.lc { text-transform: lowercase; }
/*	NAVIGATION ....................................................................................................................... */	
		
#main-nav a { -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -o-transition: color .2s ease-in-out, opacity .2s ease-in-out, border-color .3s ease-in-out; transition: all .2s ease-in-out; text-decoration: none; }
#main-nav li { background-image: none; }
#main-nav a:active { position: relative; top: 1px; }
#main-nav a:hover, #main-nav a:active { outline: none; }
#main-nav a:hover, #main-nav a:focus { color: #d6af5d; }
#main-nav { margin: 0; font-size: 1em; text-shadow: none; display: table-cell; vertical-align: middle; }
#main-nav > ul { margin: 0; float: right; }
/* Set horizontal top level spacing */	
#main-nav li { float: left; margin-left: 1px; position: relative; display: block; }
#main-nav a { display: block; padding: 5px 11px; border: 1px solid transparent; }
#main-nav .current_page_item a { }
#main-nav a { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
/* Set transitions for menu links, except for opera, because versions 11.01 and below have a bug with transitioning 
     * the background property, if it hasn't been set before 
     */
#main-nav a { -moz-transition: all .1s ease-in-out; -webkit-transition: all .1s ease-in-out; -o-transition: none; transition: all .1s ease-in-out; }
/* DROPDOWN */
#main-nav .sub-menu { position: absolute; margin: 0; z-index: 9999; left: -9999px; display: none /* Hide off-screen when not needed (this is more accessible than display:none;) */ }
#main-nav .sub-menu { opacity: 0; /* Set initial state to transparent */ }
#main-nav .sub-menu li { border-top: 1px solid transparent; margin-left: 0; float: none;  /* Introducing a padding between the li and the a give the illusion spaced items */ }
#main-nav .sub-menu a { font-size: 1em; white-space: nowrap; /* Stop text wrapping and creating multi-line dropdown items */ }
#main-nav li ul { -moz-transition: opacity .1s ease-in-out; -webkit-transition: opacity .1s ease-in-out; -o-transition: opacity .1s ease-in-out; transition: opacity .1s ease-in-out; }
#main-nav li:hover ul { /* Display the dropdown on hover */ left: 0; display: block /* Bring back on-screen when needed */ }
#main-nav li:hover ul { opacity: 1; /* Fade to opaque */ }
#main-nav li:hover ul a { -moz-transition: -moz-transform 0.075s linear; -webkit-transition: -webkit-transform 0.075s linear; -o-transition: -o-transform 0.075s linear; transition: transform 0.075s linear; -moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, .2); -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, .2); box-shadow: 0px 0px 7px rgba(0, 0, 0, .2); }
#main-nav li:hover ul li a:hover { /* Set styles for dropdown when items are hovered */ background: #505659; background: rgba(80, 80, 80, .9); border: 1px solid transparent; color: #fff; -moz-box-shadow: 0px 0px 11px rgba(0, 0, 0, .0); -webkit-box-shadow: 0px 0px 11px rgba(0, 0, 0, .0); box-shadow: 0px 0px 11px rgba(0, 0, 0, .0); }
#main-nav li:hover ul li a:hover { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
/* Navigation Menu */
#main-nav a { color: #4f4f4f/*#889397*/; }
#main-nav a:visited { color: #4f4f4f; }
#main-nav a:hover, #main-nav a:active, #main-nav li:hover a { color: #4f4f4f/*#929da1*/; }
#main-nav li:hover a { /* Set styles for top level when dropdown is hovered */ background: #f9f9f9; }
#main-nav li:hover ul a { /* Override some top level styles when dropdown is hovered */ background: #f9f9f9; }
#main-nav .menu li:hover a, #main-nav .sub-menu a { border: 1px solid #d0d7d8; }
#main-nav .sub-menu li { margin-bottom: 0; }
/* PAGE SPECIFIC  ....................................................................................................................... */	
.side { background-color: #f5f5f5; /*-moz-box-shadow: 0px 0px 11px rgba(0, 0, 0, .3);
-webkit-box-shadow: 0px 0px 11px rgba(0, 0, 0, .3);
box-shadow: 0px 0px 11px rgba(0, 0, 0, .3);*/ -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; width: 220px; margin: 0 0 10px 30px; float: right; padding: 15px 0 10px 0; position: relative; z-index: 5; right: -10px; border: 1px solid #dbdbdb; }
.side ul { margin: 0 10px; }
.side ul li { margin-bottom: 9px; }
/* BLOG  ....................................................................................................................... */	
#bloglead { color: #4f4f4f; font-size: 17px; margin-bottom: .5em; }
/* LEGACY ....................................................................................................................... */	
#pgfoot img { margin: 0 3px 0 0; }
#pgfoot span img { margin: 0 3px 2px 0; }
#arl-content, .arl-content { margin: 0 auto; text-align: left; }
#arl-mainContent, .arl-mainContent { margin: 0 0 0 0; }
#arl-mainContent5r { margin: 0 5px 0 0; }
#arl-sidebar1 { float: right; width: 195px; font-size: 10pt; padding: 0; text-align: left; margin: 50px 0 0 25px; background: #f3f3f3; }
#arl-sidebar2 { float: right; width: 175px;/* since this element is floated,a width must be given */ padding: 0;/* top and bottom padding create visual space within this div */ text-align: center; margin: 0 0 0 15px; }
#arl-sidebar1 p { line-height: 110%; }
.wwd { list-style-type: none; margin: 25px 10px 5px 25px; padding-left: 0px; font-size: 130%; }
.wwd li { background: url(assets2/images/arrow-grey-8h.png) no-repeat left 8px; margin: 0 0 25px 0; padding: 0 0 0 10px; line-height: 125%; text-align: left; }
.twocol { width: 550px; }
.twocol .rc { width: 275px; float: right; }
.center { text-align: center; }
.clear { clear: both; }
.twocolL { width: 370px; float: left; margin: 0; }
.twocolR { width: 370px; float: right; margin: 0; }
.clientquote2 { font-size: 12pt; background: url('assets2/images/quotestart.png') no-repeat scroll left top; padding: 40px 10px 1.5em 10px; width: 90%; margin: 0 auto 1.5em auto; color: #333333; font-style: italic; border-bottom: 1px solid #9f9f9f; }
.clientquote p { margin-bottom: 5px; }
.clientquote2 .name { font-style: normal; font-weight: bold; font-size: 10pt; }
.clientquote { font-size: 14pt; background: url('assets2/images/quotestart.png') no-repeat scroll left top; padding: 40px 10px 10px 7px; width: 90%; margin: 0 auto 1em auto; color: #333333; }
.clientquote p { margin-bottom: 5px; }
.contactforms { width: 573px; }
.contactformsTop { text-align: center; background-image: url('../images/new-form-box.png'); background-repeat: no-repeat; background-attachment: scroll; background-position: center top; padding-top: 12px; }
.contactformsTop table { width: 500px; height: auto; margin-top: 17px; }
.contactformsTop form { text-align: center; }
.contactformsTop form td { vertical-align: middle; }
.contactforms .formcheck { margin-bottom: 3px; }
.contactformsBot { background-image: url('../images/new-form-box.png'); background-repeat: no-repeat; background-position: center bottom; height: 19px; }
#iframeform { width: 600px; background: white none repeat; text-align: left; }
#contactform { width: 620px; float: left; padding-top: 20px; }
#ecomr { width: 260px; margin: 0px 0px 0px 50px; padding: 0 0 0 0; float: right; text-align: center; }
#retainer { width: 250px; float: right; margin: 10px 0 10px 25px; border: 2px dashed #cccccc; padding: 10px; }
#wd { width: 300px; text-align: center; float: right; margin: 0px 0px -50px 35px; position: relative; z-index: 1; }
#wd0 { position: relative; top: -60px; left: 50px; z-index: 10000; font-size: 12pt; font-weight: bold; }
#wd0 img { margin: 0 0 0 0px; }
#web-design { z-index: 1000; top: 0px; right: 20px; position: absolute; }
#wd2 { width: 300px; text-align: center; float: right; margin: 0px 0px 0px 35px; position: relative; z-index: 1; }
#wd02 { position: relative; top: 0px; z-index: 1000; font-size: 12pt; font-weight: bold; }
#wd02 img { margin: 0 0 0 50px; }
.stepcarousel { position: relative; /*leave this value alone*/ border: 0px solid black; overflow: scroll; /*leave this value alone*/ width: 300px; /*Width of Carousel Viewer itself*/ height: 370px; /*Height should enough to fit largest content's height*/ }
.stepcarousel .belt { position: absolute; /*leave this value alone*/ left: 0; top: 0; z-index: 1; }
.stepcarousel .panel { float: left; /*leave this value alone*/ overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ margin: 10px; /*margin around each panel*/ width: 280px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ }
#webdesign .h2expand, #webdesign .conexpand { position: relative; z-index: 5; }
#emailc { width: 630px; font-size: 9pt; }
#emailc td { border: 1px solid #9a9a9a; padding: 7px; text-align: center; vertical-align: middle; }
#emailc .dkgreybg { background-color: #9a9a9a; color: white; font-weight: bold; }
#emailc td.ar { text-align: right; }
#emailc tr.f5 { background-color: #f5f5f5; }
#ppemail { width: 225px; float: right; margin: 0 50px 10px 30px; text-align: center; }
table.s27 { width: 550px; border: 1px solid #d9d9d9; margin: 10px auto 2em auto; font-size: 10pt; }
table.s27 td, table.s27 th { width: 50%; border: 1px solid #d9d9d9; padding: 5px; vertical-align: top; }
table.s27 th { background-color: #f5f5f5; text-align: center; }
#wuu { background: url(../images/body-bot-bg.png) no-repeat top; height: 140px; position: relative; z-index: -1; top: -210px; }
#w0 { width: 795px; height: 79px; margin-top: 20px; color: #a5a49f; }
#w1 { float: left; width: 150px; height: 79px; }
#w1 h2 { margin: 47px 0 0 0; }
#w2 { float: left; width: 645px; height: 79px; }
#w2 img { margin: 35px 0 0 25px; }
.lm { position: absolute; z-index: 1000; top: 100px; right: 10px; margin: 0 10px; font-size: 10pt; font-weight: bold; }
.prowH { width: 844px; /*height: 21px;*/ clear: none; }
.prowH p { margin-bottom: 15px; }
.prowH h2 { font-size: 12pt; }
.prowH0 { width: 261px; float: left; padding: 0 0 2px 0; margin: 0 10px; border-bottom: 1px solid #dddddd; height: 21px; clear: none; }
.prow { width: 844px; height: 204px; margin: 10px 0 0 0; clear: none; }
.prow0 { width: 261px; height: 215px; float: left; padding: 0 0 7px 0; margin: 0 10px; border-bottom: 0px solid #dddddd; clear: none; }
.prow0 img { border: 1px solid #dcdcdc; -moz-box-shadow: 0px 0px 11px rgba(0, 0, 0, .4); -webkit-box-shadow: 0px 0px 11px rgba(0, 0, 0, .4); box-shadow: 0px 0px 11px rgba(0, 0, 0, .4); }
.prow0 p { font-size: 9pt; margin: 5px 0; }
.prowE { width: 844px; height: 356px; margin: 10px 0 0 0; clear: none; }
.prow0E { width: 261px; height: 367px; float: left; padding: 0 0 7px 0; margin: 0 10px; border-bottom: 0px solid #dddddd; clear: none; }
.prow0E img { border: 1px solid #dcdcdc; -moz-box-shadow: 0px 0px 11px rgba(0, 0, 0, .4); -webkit-box-shadow: 0px 0px 11px rgba(0, 0, 0, .4); box-shadow: 0px 0px 11px rgba(0, 0, 0, .4); }
.prow0E p { font-size: 9pt; margin: 5px 0; }
.code { background-color: #f1f1f1; color: #474747; font-family: monospace; }
.ml30 { margin-left: 30px; }
#facebook { width: 90px; margin-top: 5px; }
.googlead { width: 728px; height: 90px; margin: 20px auto; }
.sm { list-style: none; width: 100px; height: 16px; display: block; overflow: hidden }
.sm li { float: left; display: inline; overflow: hidden }
#clientsamp { height: 230px; width: 800px; overflow: auto; margin-bottom: 1em; }
#clientsamp img { margin: 0 100px 0 0; }
.ti { margin-left: 12px; margin-right: 8px; }
div.hr100mt0 { margin: 0 auto 1em auto; width: 100%; height: 1px; border-bottom: 1px solid #9f9f9f; clear: both; }
#marketinggoals #model { float: right; margin: 0 15px -40px 40px; position: relative; top: -40px; }
.benefits { width: auto !important; border: 1px solid #9d9d9d; }
table#gs { width: 780px; border: none; margin-left: 20px; }
table#gs td { padding: 10px; }
.servcol, .bencol { font-size: 112%; background-color: #9d9d9d; color: white; font-weight: bold; }
.benefits td { padding: 5px; }
.benefits .bencol { padding: 5px 5px 5px 44px; }
.benefits ul { margin-left: 10px; }
.benefits .grey { background-color: #f5f5f5; }
#marketinggoals .wwd li { background: url(../images/arrow-grey-8h.png) no-repeat left 8px; margin: 0 0 7px 0; padding: 0 0 0 10px; line-height: 125%; text-align: left; }
.arnext { float: right; margin: 9px 25px 0 0; }
.p1 { text-align: center; height: auto; width: 279px; margin-right: 27px; margin-bottom: 0px; float: left; font-weight: bold; font-size: 80%; }
.p1 p { margin: 0px; }
.p2 { text-align: center; height: auto; width: 162px; margin-left: 20px; margin-bottom: 5px; float: right; font-weight: bold; font-size: 80%; }
.p2 p { margin: 0px; }
.inset { margin: 0px 31px 0px 31px; text-align: center; }
#dc1 { float: left; text-align: center; width: 263px; height: auto; margin: 5px 20px 0 0; }
#dc1 p { line-height: 115%; margin: 0 0 2px 0; }
#dc2 { float: right; width: 165px; font-size: 14pt; color: #666666; text-align: left; height: auto; margin: 10px 0px 20px 30px; background: url('../images/quotestart.png') no-repeat scroll left top; padding: 40px 10px 10px 7px; }
#web-print-pricing ul { margin-bottom: 1em; margin-top: -.5em; }
table.rate { border: 1px solid #CCCCCC; width: 240px; height: auto; font-size: 10pt; }
table.rate td { text-align: center; width: 50% }
table.rate2 { border: 1px solid #CCCCCC; width: 500px; height: auto; font-size: 10pt; margin: 2px auto 7px auto; }
table.rate2 td { text-align: center; width: 25%; }
.mspb { margin: 0 20px 10px 20px; }
.rl-subscribe { float: right; margin: 0 0 0 20px; width: 235px; }
table.rate2 { border: 1px solid #CCCCCC; width: 500px; height: auto; font-size: 10pt; margin: 2px auto 7px auto; }
table.rate2 td { text-align: center; width: 25%; }
.wsbg { background-color: #f5f5f5; }
#web-print-pricing #service-rates { width: 700px; margin: 0 auto; }
#web-print-pricing #srl { float: left; width: 350px; padding: 0; }
#web-print-pricing #srr { margin: 0 0 0 350px; padding: 0; }
#freshbooks { font-size: 10pt; margin: 7px 0 12px 0; }
#freshbooks p { margin: 0 0 2px 0; text-align: center; }
#freshbooks label { text-align: right; width: 65px; float: left; padding: 2px 2px 0 0; }
#freshbooks input { margin: 3px 0 0 3px; vertical-align: middle; font-family: Arial, sans-serif; }
#freshbooks .submit_but { text-align: left; margin-left: 60px; width: 90px; font-size: 9pt; vertical-align: middle }
#freshbooks #freshlogin { text-align: left; }
#hostemail { margin-top: 5px; margin-bottom: -15px; }
#copywriting2 { margin-top: 5px; margin-bottom: -40px; }
.z1 { position: relative; z-index: 1; }
.whylovel { clear: both; margin: 40px 10px 0px 0px; }
img.wll { float: left; margin: 0px 30px 20px 20px; }
.whylover { clear: both; margin: 40px 0px 0px 10px; }
img.wlr { float: right; margin: 0px 20px 20px 30px; }
img.pb { border: 1px solid #999999; }
.s120 { font-size: 120%; }
#checkit { z-index: 100000000; top: -910px; left: 620px; position: relative; }
/*Wordpress styles*/
#secondary li { list-style: none; list-style-image: none; }
table.sitemap td { padding: 0 0 7px 0; }
.adrow div span, .adrow2 div span, .adrow3 div span { color: #4f4f4f; display: block; font-size: 15px; font-weight: bold; text-align: center; padding-top: 2px; }
.client-logo ul { padding-top: 10px; margin-bottom: 22px }
.client-logo ul li { background: none; display: inline-block; margin: 0; padding: 0 76px 40px 0; }
.client-logo ul :nth-child(5) { padding-right: 0 }
.client-logo ul :nth-child(6) { padding-right: 50px }
.client-logo ul :nth-child(7) { padding-right: 32px }
.client-logo ul :nth-child(10) { padding-right: 95px; padding-bottom: 0 }
.client-logo ul :nth-child(9), .client-logo ul :nth-child(13) { padding-right: 0px }
.client-logo ul :nth-child(10), .client-logo ul :nth-child(11), .client-logo ul :nth-child(12), .client-logo ul :nth-child(13) { padding-bottom: 0px }
.social-media a { width: 24px; display: inline-block; height: 24px; margin: 0 2px; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s }
/*a.fb-icon{background:url(imgs2/social-icon.png) no-repeat 0 0px;background-size:691% auto;}
a.fb-icon:hover{background:url(imgs2/social-icon.png) no-repeat 0 -29px;background-size:691% auto}

a.tw-icon{background:url(imgs2/social-icon.png) no-repeat  -52px 0px;background-size:692% auto}
a.tw-icon:hover{background:url(imgs2/social-icon.png) no-repeat -52px -29px;background-size:692% auto}

a.ld-icon{background:url(imgs2/social-icon.png) no-repeat  -26px 0px;background-size:704% auto}
a.ld-icon:hover{background:url(imgs2/social-icon.png) no-repeat -26px -29px;background-size:704% auto}

a.gplus-icon{background:url(imgs2/social-icon.png) no-repeat  -78px 0px;background-size:690% auto}
a.gplus-icon:hover{background:url(imgs2/social-icon.png) no-repeat -78px -28px;background-size:690% auto}

a.yt-icon{background:url(imgs2/social-icon.png) no-repeat  -105px 0px;background-size:690% auto}
a.yt-icon:hover{background:url(imgs2/social-icon.png) no-repeat -105px -29px;background-size:690% auto}

a.feed-icon{background:url(imgs2/social-icon.png) no-repeat  -130px 0px;background-size:690% auto}
a.feed-icon:hover{background:url(imgs2/social-icon.png) no-repeat -130px -29px;background-size:690% auto}*/

 
.services-arrow { display: none }
.inner-social a { margin: 0 3px }
.hi-icon-wrap { text-align: center; margin: 0 auto;/*padding: 2em 0 3em;*/ }
.hi-icon { display: inline-block; font-size: 0px; cursor: pointer; width: 90px; height: 90px; border-radius: 50%; text-align: center; position: relative; z-index: 1; color: #fff; }
.hi-icon:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.hi-icon:before { font-family: 'FontAwesome'; speak: none; font-size: 14px; line-height: 24px; color: #fff; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; display: block; -webkit-font-smoothing: antialiased; }
/* Effect 1 */
.hi-icon-effect-1 .hi-icon { background: #a5a49f; -webkit-transition: background 0.2s, color 0.2s; -moz-transition: background 0.2s, color 0.2s; transition: background 0.2s, color 0.2s; }
.hi-icon-effect-1 .hi-icon:after { top: -2px; left: -2px; padding: 2px; box-shadow: 0 0 0 2px #000; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transform: scale(.8); -moz-transition: -moz-transform 0.2s, opacity 0.2s; -moz-transform: scale(.8); -ms-transform: scale(.8); transition: transform 0.2s, opacity 0.2s; transform: scale(.8); opacity: 0; }
/* Effect 1a */
.hi-icon-effect-1a .hi-icon:hover { background: #3c70ba; color: #333333; }
.hi-icon-effect-1a .hi-icon:hover:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }
.prowE a, .prow a { display: block; position: relative }
.gamma-description { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); bottom: 0px; position: absolute; text-align: center; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; width: 100.6%; }
.prow a:hover .gamma-description, .prowE a:hover .gamma-description { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }
.gamma-description h3 { box-sizing: border-box; color: #ffffff; font-size: 16px; font-weight: 400; letter-spacing: 1px; padding: 10px 20px; text-transform: uppercase; width: 100%; }
.s-body > h2 { text-align: center; }
/* Table */

.table-wrapper { -webkit-overflow-scrolling: touch; overflow-x: auto; }
table { margin: 0 0 0 0; width: 100%; border: 1px solid #d9d9d9; padding-bottom: 0; }
table tbody tr { border: solid 1px; border-left: 0; border-right: 0; }
table td { padding: 0.75em 0.75em; }
table th { padding: 0 0.75em 0.75em 0.75em; text-align: left; text-transform: uppercase; font-size: 0.9em; font-family: "Raleway", Helvetica, sans-serif; font-weight: 700; }
table thead { border-bottom: solid 2px; }
table tfoot { border-top: solid 2px; }
table.alt { border-collapse: separate; }
table.alt tbody tr td { border: solid 1px; border-left-width: 0; border-top-width: 0; }
table.alt tbody tr td:first-child { border-left-width: 1px; }
table.alt tbody tr:first-child td { border-top-width: 1px; }
table.alt thead { border-bottom: 0; }
table.alt tfoot { border-top: 0; }
table tbody tr { border-color: #e6e6e6; }
table tbody tr:nth-child(2n + 1) { background-color: #f6f6f6; }
table th { color: #444; }
table thead { border-bottom-color: #e6e6e6; }
table tfoot { border-top-color: #e6e6e6; }
table.alt tbody tr td { border-color: #e6e6e6; }
hr { border-bottom: solid 1px; margin: 2em 0; border-color: #e2e2e2; background-color: transparent; color: transparent; }
.addthis_sharing_toolbox { margin: 20px 0 }
.prow0 a { color: #4f4f4f; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; display:table}
.prow0 a:hover { color: #3e72b8 }
.mfp-bottom-bar a { color: #f3f3f3; font-size: 15px; font-weight: 400; font-family: "Lato", ​Helvetica, ​Arial, ​sans-serif; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
.mfp-bottom-bar a:hover { color: #2DA1FF; }

.iframe {
	position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}
.iframe iframe,
.iframe object,
.iframe embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}