@charset "UTF-8";



@font-face {font-family:"Frank Regular"; src: url('/fonts/Frank-Regular.ttf'); }
@import url(http://fonts.googleapis.com/css?family=Arimo);
@import url(http://fonts.googleapis.com/css?family=Mako);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,300,500,600);




body {



font: 100% Arial, Helvetica, sans-serif;



background-color: #FFFFFF;



margin: 0;



padding: 0;



text-align: center;



color: #000000;



}

h1, h2, h3, h4, h5, h6 {
  font-family: Mako, san-serif;
}

#container {



width: 970px;



margin: 0 auto;



text-align: left;



}



#header {



height:133px;



width: 970px;



margin: 0 auto;



}



#header h1 {



margin: 0; 



padding: 10px 0;



}



#homeboxes {



width:970px;



margin:0 auto;



overflow: hidden;



}



div.fadehover {



position: relative;



}



img.a {



position: absolute;



left: 0;



top: 0;



z-index: 10;



}



img.b {



position: absolute;



left: 0;



top: 0;



}



#contact {



text-align:left;



}



#contact h4 {



font-family:Georgia, "Times New Roman", Times, serif;



font-size:24px;



padding-bottom:3px;



color:#FFFFFF;



text-align:left;



}



#contact p {



color:#FFFFFF;



text-align:left !important;



font-size:12px !important;



}



.form-box {



border: #111111 1px solid;



height:20px;



width:240px;



margin-bottom:5px;



padding-left:3px;



}



.form-textarea {



border: #111111 1px solid;



height:70px;



font: 100% Arial, Helvetica, sans-serif;



width:270px;



margin-bottom:5px;



resize: none;



}



#contact-right {



text-align:left;



padding-left:27px;



}



#contact-right h4 {



font-family:Georgia, "Times New Roman", Times, serif;



font-size:24px;



padding-bottom:3px;



color:#000000;



text-align:left;



}



#contact-right p {



color:#000000;



text-align:left !important;



font-size:12px !important;



padding-bottom:0px;



padding-top:10px;



}



.form-box-right {



border-bottom: #111111 1px dotted;



border-right:0px;



border-left:0px;



border-top:0px;  



height:20px;



width:200px;



margin-bottom:5px;



padding-left:3px;



}



.form-textarea-right {



border: #CCC 1px solid;



height:70px;



font: 100% Arial, Helvetica, sans-serif;



width:220px;



margin-bottom:5px;



resize: none;



}



#commentbox1 {



border: 1px dashed #B8B8B8;



height: 486px;



margin: -1px 0 30px;



padding: 0 0 0 15px;



width: 202px;



}



#commentbox1 h1 {



color:#dc0000;



font-family:Arial, Helvetica, sans-serif;



font-size:20px;



font-weight:normal;



margin-left:-15px;



text-align:center;



margin-top:4px;



}



#commentbox1 p {



color:black;



font-family:Arial, Helvetica, sans-serif;



font-size:12px;



}





#commentbox-popup {



border: 1px dashed #B8B8B8;



height:auto;



margin: -1px 0 30px;



padding: 0 0 0 15px;



width:auto;



}



#commentbox-popup h1 {



color:#dc0000;



font-family:Arial, Helvetica, sans-serif;



font-size:20px;



font-weight:normal;



margin-left:-15px;



text-align:center;



margin-top:4px;



}



#commentbox-popup p {



color:black;



font-family:Arial, Helvetica, sans-serif;



font-size:12px;



}







#commentbox2  



{



border: 1px dashed #B8B8B8;



height: 546px;



margin: -1px 0 30px;



padding: 0 0 0 15px;



width: 502px;



font-size: 14px;



}



#commentbox2 h1 {



color:#dc0000;



font-family:Arial, Helvetica, sans-serif;



font-size:20px;



font-weight:normal;



margin-left:-15px;



text-align:center;



margin-top:4px;



}



#commentbox2 p {



color:black;



font-family:Arial, Helvetica, sans-serif;



font-size:12px;



}



.form-box-01 {



border-bottom: 1px dashed #C9CCC9;



border-color: -moz-use-text-color -moz-use-text-color #C9CCC9;



border-style: none none dashed;



color: black;



font-family: arial;



margin-left: 0;



text-transform:;



width:170px;



}





.form-box-popup {



border-bottom: 1px dashed #C9CCC9;



border-color: -moz-use-text-color -moz-use-text-color #C9CCC9;



border-style: none none dashed;



color: black;



font-family: arial;



margin-left: 25px;



text-transform:;



width:245px;



}







.form-box-02 {



background-color:#DC0000;



border:none;



color:white;



cursor:pointer;



font-family:arial;



font-size:30px;



margin:7px 0 0 34px;



padding:4px;



}



.form-box-03 {



background-color:#DC0000;



border:none;



color:white;



cursor:pointer;



font-family:arial;



font-size:30px;



margin:7px 0 0 19px;



padding:4px;



}



.form-box-04 {



border-bottom: 1px inset #C9CCC9;



border-color: -moz-use-text-color -moz-use-text-color #C9CCC9;



border-style: none none inset;



color: black;



font-family: arial;



font-size: 14px;



margin-left: 10px;



text-transform: uppercase;



width: 454px;



}



.logo {



height:109px;



width:109px;



background-image:url(/images/wow-internet.jpg);



background-repeat:no-repeat;



margin-top:12px;



float:left;



}



.social {



float:left;



height:25px;



text-align:right;



width:861px;



margin-top:10px;



}



.menu {



height:40px;



margin-top:45px;



margin-left:60px;



float:left;



}



#headergrey {



padding-top:20px;



background-color: #e3e3e3;



overflow: hidden;



}



#headergrey h2 {



font-family:Georgia, "Times New Roman", Times, serif;



color:#000;



text-align:left;



font-size:18px;



line-height:24px;



font-weight:400;



}



.headerstrip {



margin-top:12px;



height:318px;



background-image:url(/wow/images/header-background.png);



background-position:bottom;



background-repeat:no-repeat;



width:970px;



margin:0 auto;





}



.headerleft {



width:681px;



height:;

float:left;





}



.headerright {



width:244px;



height:;









float:left;



padding:20px 20px 20px 25px;





}



.headerright h1 {



font-family:Georgia, "Times New Roman", Times, serif;



color:#000;



text-align:left;



font-size:23px;



line-height:30px;



font-weight:400;



}



#mainContent {



background: #FFFFFF;



padding:15px 0px;



min-height:760px;



}



.content {



width:661px;



}



.wpposts {



font-family:'mako', sans-serif;



color:#656565;



font-size:12px;



}



.wpposts h3 {



color:#000000;



font-size:18px;



padding-bottom:5px;



}



.wppost {



padding-bottom:10px;



}



.right {



float:right;



width:289px;



}



h1, h2, h3, h4, ul, ol, li, p {



margin:0;



}



ol, ul, p {



font-size:12px;



color:#333;



line-height:16px;



padding-bottom:20px;



}



h1 {



font-size:28px;



color:#000;



line-height:28px;



padding-bottom:3px;



}



h2 {



font-family:'Mako',sans-serif;



color:#dc0000;



text-align:left;



font-size:18px;



line-height:24px;



font-weight:400;



padding-bottom:10px;



}



h3 {
    color: #000000;
    font-family: 'Mako',sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    padding-bottom: 20px;
    text-align: left;
}


#homebox {



margin-bottom:5px; 



border:10px solid #FFFFFF;



}



#homebox:hover {



border:10px solid #CCC;



}



img {



border:0;



}



.contentpaneopen,.contentpaneopen tr, .contentpaneopen td {



border:none;



border-collapse: collapse;



border:0;



border-width: 0 0 0px 0px;



border-style:none;



padding: 0px;



margin: 0px;



}



a:link, a:visited {



color: #333;



text-decoration: none;



}



a:hover, a:active {



color: #333;



text-decoration: underline;



}



#headerboxes a:link, #headerboxes a:visited {



color: #000;



text-decoration: none;



}



#headerboxes a:hover, #headerboxes a:active {



color: #000;



text-decoration: underline;



}



#header a:link, #header a:visited {



color: #FFF;



text-decoration: none;



}



#header a:hover, #header a:active {



color: #FFF;



text-decoration: underline;



}



#footer a:link, #footer a:visited {



color: #FFF;



text-decoration: underline;



}



#footer a:hover, #footer a:active {



color: #FFF;



text-decoration: none;



}



.footertext {



width:970px;



margin:0 auto;



overflow: hidden;



}



.footertextright {



float:right;



}



.footertextleft {



float:left;



margin-top:8px;



}



#footer {



background-color: #000000;



overflow: hidden;



height:120px;



}



#footer p {



margin: 0; 



padding: 10px 0;



text-align:right;



color:#FFF;



font-size:10px;







}





.web-design {background:url(/images/web-design.jpg) no-repeat; width:970px; height:279px; padding:0; margin:0;}

.web-design-content {float:right; padding:0px 0 0 0px; margin:20px 80px 0 0; width:450px; text-align:right; }

.web-design-content h1 {font-size:68px; line-height:55px; color:#FFFFFF; font-family:"Frank Regular"; font-weight:normal; text-transform:uppercase;}

.web-design-content p {font-size:16px; color:#FFFFFF; padding:18px 0 20px 0px; line-height:20px;}

.web-design-content span {}


.xmas-header {background:url(/images/xmas_banner.jpg) no-repeat; width:970px; height:279px; padding:0; margin:0;}






.cro {background:url(/images/cro.jpg) no-repeat; width:970px; height:279px; padding:0; margin:0;}

.cro-content {float:right; padding:0px 0 0 0px; margin:15px 80px 0 0; width:600px; text-align:right;}

.cro-content h1 {font-size:60px; color:#FFFFFF; font-family:"Frank Regular"; font-weight:normal; text-transform:uppercase; line-height:53px;}

.cro-content p {font-size:15px; color:#FFFFFF; padding:3px 0 16px 0px; line-height:17px;}

.cro-content span {}





.social-media {background:url(/images/social-media.jpg) no-repeat; width:970px; height:279px; padding:0; margin:0;}

.social-media-content {float:left; padding:0px 0 0 0px; margin:20px 0px 0 80px; width:495px; text-align:left; }

.social-media-content h1 { font-size:68px; color:#FFFFFF; font-family:"Frank Regular"; font-weight:normal; text-transform:uppercase; line-height:55px;}

.social-media-content p {font-size:16px; color:#FFFFFF; padding:12px 0 20px 0px; line-height:20px;}

.social-media-content span {}





.seo {background:url(/images/sco.jpg) no-repeat; width:970px; height:279px; padding:0; margin:0;}

.seo-content {float:left; padding:0px 0 0 0px; margin:20px 0px 0 80px; width:495px; text-align:left; }

.seo-content h1 { font-size:68px; color:#FFFFFF; font-family:"Frank Regular"; font-weight:normal; text-transform:uppercase; line-height:55px;}

.seo-content p {font-size:16px; color:#FFFFFF; padding:12px 0 20px 0px; line-height:20px;}

.seo-content span {}


.video {background:url(/images/video.jpg) no-repeat; width:970px; height:279px; padding:0; margin:0;}

.video-content {float:left; padding:0px 0 0 0px; margin:20px 0px 0 80px; width:495px; text-align:left; }

.video-content h1 { font-size:68px; color:#FFFFFF; font-family:"Frank Regular"; font-weight:normal; text-transform:uppercase; line-height:55px;}

.video-content p {font-size:16px; color:#FFFFFF; padding:0px 0 60px 0px; line-height:20px;}

.video-content span {}




