@charset "utf-8";
/* CSS Document */
body {
	color:#333333;
	background-image:url("images/banner-background.jpg");background-repeat:repeat-x;
	background-attachment:fixed;
	background-color:#CCCCCC;
	font-family: 'Oswald', sans-serif;
	font-size:11.5pt;
	margin:0px;}
	
h1 {font-family:'Oleo Script Swash Caps', cursive;font-size:40px;margin:0px;color:#e4182d;}
h2{font-size:16pt;color:#e4182d;font-family:'Arvo', serif; margin:0px;}
h3{font-size:14pt;color:#ffffff;font-family:'Arvo', serif;margin:0px;}
h4{font-size:19pt;color:#ffffff;font-family:'Arvo', serif;margin:0px;text-shadow:5px 5px 5px #000000;}
h5 {font-family:'Oleo Script Swash Caps', cursive;font-size:25px;margin:0px;color:#e4182d;}

.style1 {}
.style2 {text-transform: capitalize;font-size:20pt;color:#ffffff;font-family:'Arvo', serif;}
.style3 {font-size:17pt;color:#666666;font-family:'Arvo', serif;}
.style4 {font-size:20pt;font-weight:bold;color:#fff;font-family:'Arvo', serif;}

a.dottedlink {color: #2572fe;border-bottom:1px dotted #2572fe;text-decoration:none;}
a.dottedlink:link {color: #2572fe;border-bottom:1px dotted #2572fe;text-decoration:none;}
a.dottedlink:visited {color: #2572fe;border-bottom:1px dotted #2572fe;text-decoration:none;}
a.dottedlink:hover {color: #1656a5;border-bottom:1px dotted #1656a5;text-decoration:none;}
a.dottedlink:active {color: #1656a5;border-bottom:1px dotted #1656a5;text-decoration:none;}

a.regular:link {color: #2572fe;text-decoration: underline;}
a.regular:visited {text-decoration: none;color: #2572fe;}
a.regular:hover {olor: #1656a5;border-bottom:1px dotted #1656a5;text-decoration:none;}
a.regular:active {olor: #1656a5;border-bottom:1px dotted #1656a5;text-decoration:none;}

a{color: #fff;}
a:link {color: #fff;text-decoration:none;}
a:visited {color: #ffffff;text-decoration: none;}
a:hover {color:#9CFEEB;text-decoration:none;}
a:active {color:#9CFEEB;text-decoration:none;}

.highlite {background-color: #FFFF33;}
.list{font-family:'Arvo', serif;font-size:18pt;font-weight:bold;text-shadow:5px 5px 5px #000000;list-style-image: url("images/list.png");}
.questions{font-weight:bold;}
.headline {font-size:14pt;font-weight:bolder;color:#000000;}

#navigation {font-family:'Arvo', serif;width: 610px;font-size: 13pt;float:right;margin-top:12px;text-shadow:5px 5px 5px #000000;}
#navigation ul {list-style-type:none;margin:0;padding:0;overflow:hidden;}
#navigation li {float:left;padding:5px;}
#navigation a:link,#navigation a:visited {font-weight:bold;color:#FFFFFF;text-align:center;padding-top:5px;padding-bottom:0px;padding-left:7px;padding-right:7px;text-decoration:none;text-transform:uppercase;}
#navigation a:hover,#navigation a:active {color:#1656a5;padding-top:5px;padding-bottom:0px;padding-left:7px;padding-right:7px;}

.wrapper {background-color:#ffffff;width: 960px;height: auto;margin:0 auto;}
.header-wrapper {width: 960px;height:106px;margin:0 auto;-webkit-box-shadow: 0 12px 6px -6px black;
	   -moz-box-shadow: 0 12px 6px -6px black;
	        box-shadow: 0 12px 6px -6px black;background-image:url("images/banner-background.jpg");background-repeat:repeat-x;}
.header-shadow{width: 960px;height:5px;
-moz-box-shadow: 5px 5px 5px #000;-webkit-box-shadow: 5px 5px 5px #000;box-shadow: 5px 5px 5px #000;}
.right-column{width:370px;float:right;margin-right:20px;}
.template-container{float:left;width:960px;background-color:#ffffff;margin-top:110px;-moz-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;}
.home-page-container{float:left;width:960px;background-color:#ffffff;margin-top:10px;-moz-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;}
.top-container{width:100%;position:fixed;background-image:url("images/banner-background.jpg");background-repeat:repeat-x;z-index:100;margin:0px;height:105px;}
.full-container{width:100%;margin:0px;}
.logo{width:310px;float:left;margin:15px 30px 0px 0px;}
.phonenumber-container{width:180px;float:right;margin-top:25px;font-size:25px;font-weight:bold;color:#fff;text-shadow:5px 5px 5px #000000;}
.headline-container{width:380px;float:left;margin-top:20px;margin-left:20px;}
.slider {width:960px;float:left;}
.webredo-container{color:#fff;width:320px;padding:10px;float:left;margin-top:70px;margin-left:40px;margin-right:20px;background-image:url("images/wood-background.jpg");-moz-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;}
.inside-container{border:thin solid #fff;padding:10px;font-size:14pt;}
.roi-container{background-image:url("images/wood-background-green.jpg");width:920px;margin-top:10px;padding:20px;float:left;-moz-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;color:#fff;font-size:14pt;}
.side-container{color:#fff;font-size:18pt;width:280px;padding:20px;float:left;margin-top:70px;margin-left:40px;margin-right:20px;-moz-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;background-image:url("images/paid_background.jpg");}
.client-container{width:340px;padding:15px;float:right;margin-top:40px;margin-left:40px;border-left:thin dotted #ffffff; margin-bottom:40px;-moz-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;font-size:12pt;}
.year-end-container{width:320px;padding:20px;float:left;margin-top:10px;-moz-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;}
.copy-container{width:510px;float:left;padding:10px;margin-left:10px;margin-top:20px;margin-right:20px;margin-bottom:10px;-moz-border-radius:5px;border-radius:5px;background:#ffffff;}
.footer{width: 960px;margin:0 auto;}
.footer-container{width:205px;float:left;margin:10px 10px 10px 0px;padding:10px;font-size:10pt;}
.footer-container-media{width:415px;float:left;margin:10px 10px 10px 0px;padding:10px;font-size:10pt;}
.footer-container-right{width:220px;float:left;margin:10px 0px 10px 10px;padding:10px;font-size:10pt;}
.icon-container{width:40px;float:left;margin:5px 0px 5px 0px;}




/*start css tile containers*/




.display-container{width:960px;height:450px;float:left;margin-top:110px;}
.container {width: 320px;height:450px;overflow:visible;position:relative;float:left;background-image:url("images/web_updates.jpg");}
.button1 {width: 320px;height: 450px;background-image: url("assets/photo.png");background-repeat: no-repeat;background-position: center;position:relative;float: left;overflow: visible;-ms-transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;filter: grayscale(100%);-webkit-filter: grayscale(100%);-o-filter: grayscale(100%);-ms-filter: grayscale(100%);-moz-filter: grayscale(100%);}
.button1 .overlay {width: 320px;height: 450px;position: absolute;opacity: 0;background-color: rgba(0,0,0,.7);-ms-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;overflow:hidden;}
.button1 .overlay .text{width: 260px;height: 410px;font-family: 'Titillium Web', sans-serif;font-size:20pt;font-weight:bold;color:#fff;font-family:'Arvo', serif;text-align: center;margin: 0px auto;-ms-transition: all .7s ease-in-out;text-shadow:5px 5px 5px #000000;
-webkit-transition: all .7s ease-in-out;-moz-transition: all .7s ease-in-out;-o-transition: all .7s ease-in-out;transition: all .7s ease-in-out;-webkit-transition-delay: .5s;-moz-transition-delay: .5s;-ms-transition-delay: .5s;-o-transition-delay: .5s;transition-delay: .5s;padding:20px;}
.button1 p {font-size:14px;line-height: 28px;}
.button1:hover {box-shadow: inset 0px 0px 10px #000000;filter: grayscale(0%);-webkit-filter: grayscale(0%);-o-filter: grayscale(0%);-ms-filter: grayscale(0%);-moz-filter: grayscale(0%);}
.button1:hover .overlay {width: 295px;height: 180px;margin-left: 13px;margin-top: 250px;opacity: 1}
.button1:hover .text {margin-top: 15px;}

.container2{width:320px;height:225px;background-image:url("images/web_advertising_down_to_a_science.jpg");overflow:visible;position:relative;float:left;background-color:#993333;}
.button2 {width: 320px;height: 225px;background-image: url("assets/photo.png");background-repeat: no-repeat;background-position: center;position:relative;float: left;overflow: visible;-ms-transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;filter: grayscale(100%);-webkit-filter: grayscale(100%);-o-filter: grayscale(100%);-ms-filter: grayscale(100%);-moz-filter: grayscale(100%);}
.button2 .overlay2 {width: 300px;height: 215px;position: absolute;opacity: 0;background-color: rgba(0,0,0,.7);-ms-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;overflow:hidden;}
.button2 .overlay2 .text2{width:270px;height:195px;font-family: 'Titillium Web', san-serif;font-size:25px;color:#FFFFFF;text-align: center;margin: 0px auto;-ms-transition: all .7s ease-in-out;padding:10px;text-shadow:5px 5px 5px #000000;
-webkit-transition: all .7s ease-in-out;-moz-transition: all .7s ease-in-out;-o-transition: all .7s ease-in-out;transition: all .7s ease-in-out;-webkit-transition-delay: .5s;-moz-transition-delay: .5s;-ms-transition-delay: .5s;-o-transition-delay: .5s;transition-delay: .5s;}
.button2 p {font-size:14px;line-height: 28px;}
.button2:hover {box-shadow: inset 0px 0px 10px #000000;filter: grayscale(0%);-webkit-filter: grayscale(0%);-o-filter: grayscale(0%);-ms-filter: grayscale(0%);-moz-filter: grayscale(0%);}
.button2:hover .overlay2 {width:290px;height:195px;margin-left: 13px;margin-top: 13px;opacity: 1}
.button2:hover .text2 {margin-top: 15px;}

.container3{width:320px;height:225px;background-image:url("images/web_advertising.jpg");overflow:visible;position:relative;float:left;background-color:#993333;}
.button3 {width:320px;height:225px;background-image: url("assets/photo.png");background-repeat: no-repeat;background-position: center;position:relative;float: left;overflow: visible;-ms-transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;filter: grayscale(100%);-webkit-filter: grayscale(100%);-o-filter: grayscale(100%);-ms-filter: grayscale(100%);-moz-filter: grayscale(100%);}
.button3 .overlay3 {
	width:320px;
	height:225px;
	position: absolute;
	opacity: 0;
	background-color: rgba(0,0,0,.7);
text-shadow:5px 5px 5px #000000;
-ms-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;								overflow:hidden;
}
.button3 .overlay3 .text3{width:270px;height:195px;font-family: 'Titillium Web', san-serif;font-size:25px;color:#FFFFFF;text-align: center;margin: 0px auto;-ms-transition: all .7s ease-in-out;padding:10px;
-webkit-transition: all .7s ease-in-out;-moz-transition: all .7s ease-in-out;-o-transition: all .7s ease-in-out;transition: all .7s ease-in-out;-webkit-transition-delay: .5s;-moz-transition-delay: .5s;-ms-transition-delay: .5s;-o-transition-delay: .5s;transition-delay: .5s;}
.button3 p {font-size:14px;line-height: 28px;}
.button3:hover {box-shadow: inset 0px 0px 10px #000000;filter: grayscale(0%);-webkit-filter: grayscale(0%);-o-filter: grayscale(0%);-ms-filter: grayscale(0%);-moz-filter: grayscale(0%);}
.button3:hover .overlay3 {width:290px;height:195px;margin-left: 13px;margin-top: 13px;opacity: 1}
.button3:hover .text3 {margin-top: 15px;}


.container4{width:320px;height:225px;overflow:visible;position:relative;float:left;background-color:#993333;background-image:url("images/we_do_it_all.jpg");}
.button4 {width:320px;height:225px;background-image: url("assets/photo.png");background-repeat: no-repeat;background-position: center;position:relative;float: left;overflow: visible;-ms-transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;filter: grayscale(100%);-webkit-filter: grayscale(100%);-o-filter: grayscale(100%);-ms-filter: grayscale(100%);-moz-filter: grayscale(100%);}
.button4 .overlay4 {width:320px;height:225px;position: absolute;opacity: 0;background-color: rgba(0,0,0,.7);-ms-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;overflow:hidden;}
.button4 .overlay4 .text4{width:270px;height:195px;font-family: 'Titillium Web', san-serif;font-size:25px;color:#FFFFFF;text-align: center;margin: 0px auto;-ms-transition: all .7s ease-in-out;padding:10px;text-shadow:5px 5px 5px #000000;
-webkit-transition: all .7s ease-in-out;-moz-transition: all .7s ease-in-out;-o-transition: all .7s ease-in-out;transition: all .7s ease-in-out;-webkit-transition-delay: .5s;-moz-transition-delay: .5s;-ms-transition-delay: .5s;-o-transition-delay: .5s;transition-delay: .5s;}
.button4 p {font-size:14px;line-height: 28px;}
.button4:hover {box-shadow: inset 0px 0px 10px #000000;filter: grayscale(0%);-webkit-filter: grayscale(0%);-o-filter: grayscale(0%);-ms-filter: grayscale(0%);-moz-filter: grayscale(0%);}
.button4:hover .overlay4 {width:290px;height:195px;margin-left: 13px;margin-top: 13px;opacity: 1}
.button4:hover .text4 {margin-top: 15px;}

.container5{width:320px;height:225px;overflow:visible;position:relative;float:left;background-image:url("images/jj-glass.jpg");}
.button5 {width:320px;height:225px;background-image: url("assets/photo.png");background-repeat: no-repeat;background-position: center;position:relative;float: left;overflow: visible;-ms-transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;filter: grayscale(100%);-webkit-filter: grayscale(100%);-o-filter: grayscale(100%);-ms-filter: grayscale(100%);-moz-filter: grayscale(100%);}
.button5 .overlay5 {width:320px;height:225px;position: absolute;opacity: 0;background-color: rgba(0,0,0,.7);-ms-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;overflow:hidden;}
.button5 .overlay5 .text5{width:270px;height:195px;font-family: 'Titillium Web', san-serif;font-size:25px;color:#FFFFFF;text-align: center;margin: 0px auto;-ms-transition: all .7s ease-in-out;text-shadow:5px 5px 5px #000000;
-webkit-transition: all .7s ease-in-out;-moz-transition: all .7s ease-in-out;-o-transition: all .7s ease-in-out;transition: all .7s ease-in-out;-webkit-transition-delay: .5s;-moz-transition-delay: .5s;-ms-transition-delay: .5s;-o-transition-delay: .5s;transition-delay: .5s;padding:10px;}
.button5 p {font-size:14px;line-height: 28px;}
.button5:hover {box-shadow: inset 0px 0px 10px #000000;filter: grayscale(0%);-webkit-filter: grayscale(0%);-o-filter: grayscale(0%);-ms-filter: grayscale(0%);-moz-filter: grayscale(0%);}
.button5:hover .overlay5 {width:290px;height:195px;margin-left: 13px;margin-top: 13px;opacity: 1}
.button5:hover .text5 {margin-top: 15px;}
.clearfix::after{content:"";display:table;clear:both}