@charset "utf-8";

body{
	margin:0;
	padding:0;
	background-image:url(../images/bk.jpg);
	max-width:479px;
	
	 height: 100%; 
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
/* masthead/ header */
#masthead{
	position:relative;
	left:auto;
	right:auto;
	height:65px;
	width:100%;
	border-bottom:1px solid #333;
	text-align:center;
}
#navigation_container{
	position:relative; 
	margin-left: auto;
	margin-right: auto;
	width:100%;
	height:65px;
	top:65px;
	border-bottom:1px solid #333;
	background-image:url(../images/top_trans1.png);
}
.nav-hover{
	position:relative;
	height:60px;
	width:16.6%;
	margin: 0;
	padding: 0;
	float:left;
	z-index:10000;
}
#nav-buttons {
	top:5px;
position:relative;
	height:60px;
	width:90%;
	padding: 0;
	margin: 0 auto;
}
.nav-but-text{
display:none;
}
.nav-logo{
	position:absolute;
	top:-60px;
	left:0;
	margin-left: auto; 
	margin-right: auto; 
	width:168px;
	height:80px;
}
#logo_container{
	margin-left: auto; 
	margin-right: auto; 
	background-image:url(../images/logo_bk.png);
	background-size:155px 149px;
	background-position: 0 -70px;
	background-repeat:no-repeat;
	width:155px;
	height:149px;
	top:-10px;
	display: block; 
	position: relative; 
}
#logo_container img{
	position:relative;
margin:auto;
display:block;
width:136px;
height:40px;
top:6px;
}
#logo_container h3, #logo_container h4{
display:none;
}
#call_button {
    position: absolute;
    top: -55px;
    right: 5px;
	/*background-image:url(../images/call_button.png);*/
	height:50px;
	width:180px;
	
	text-decoration:none;
	color:#FF0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:1.5em;
}
.nav-webdesign{
	height:60px;
	width:52px;
	background-image:url(../images/mobile_navigation_icons.png);
	background-position:  0 0;
}
.nav-webdesign:hover{
	background-image:url(../images/mobile_navigation_icons.png);
	background-position:  -55px 0;
}
#webdesignpage .nav-webdesign{
	background-image:url(../images/mobile_navigation_icons.png);
	background-position: -55px 0; 
}
.nav-webapps{
	height:60px;
	width:52px;
	background-image:url(../images/mobile_navigation_icons.png);
	background-position:  0 -60px;
}
.nav-webapps:hover{
	background-image:url(../images/mobile_navigation_icons.png);
	background-position: -55px -60px; 
}
#webappspage .nav-webapps{
	background-image:url(../images/mobile_navigation_icons.png);
	background-position: -55px -60px;  
}
.nav-seo{
	height:60px;
	width:52px;
	background-image:url(../images/mobile_navigation_icons.png);
	background-position:  0 -120px;
}
.nav-seo:hover{
	background-image:url(../images/mobile_navigation_icons.png);
	background-position: -55px -120px; 
}
#seopage .nav-seo{
	background-image:url(../images/mobile_navigation_icons.png);
	background-position: -55px -120px; 
}
.nav-portfolio{
	height:60px;
	width:52px;
	background-image:url(../images/mobile_navigation_icons.png);
	background-position:  0 -180px;
}
.nav-portfolio:hover{
	background-image:url(../images/mobile_navigation_icons.png);
	background-position: -55px -180px; 
}
#portfoliopage .nav-portfolio{
	background-image:url(../images/mobile_navigation_icons.png);
	background-position: -55px -180px; 
}
.nav-quote{
	height:60px;
	width:52px;
	background-image:url(../images/mobile_navigation_icons.png);
	background-position:  0 -240px;
}
.nav-quote:hover{
	background-image:url(../images/mobile_navigation_icons.png);
	background-position: -55px -240px; 
}
#internetmarketingpage .nav-contact{
	background-image:url(../images/mobile_navigation_icons.png);
	background-position: -55px -300px; 
}
.nav-contact{
	height:60px;
	width:52px;
	background-image:url(../images/mobile_navigation_icons.png);
	background-position:  0 -300px;
}
.nav-contact:hover{
	background-image:url(../images/mobile_navigation_icons.png);
	background-position: -55px -300px; 
}
#contactpage .nav-quote{
	background-image:url(../images/mobile_navigation_icons.png);
	background-position: -55px -240px; 
	}
/* masthead/ header */
#featured{
	position:relative;
	display:block;
	height: auto;
	width:100%;
	background-size:800px 400px; 
	border-bottom:1px solid #4d95fb;
	overflow:hidden;
}
#featured_sub{
	top:60px;
	position:relative;
	display:block;
	width:100%;
	height:auto;
	background-image:url(../images/gray2.jpg);
	background-size:800px 400px; 
	border-bottom:1px solid #4d95fb;
	overflow:hidden;
}
#featured img{
	top:0;
	width:100%;
	height: auto;
	display:block;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	z-index:1000;
}
.feature_top_spacing{
	top:60px;
}
#grey_layer{
	top:60px;
	position:relative;
	display:block;
	min-height:400px;
	width:100%;
	border-top:1px solid #666;
	-webkit-box-shadow: 0px 1px 1px #666;
	-moz-box-shadow: 0px 1px 1px #666;
	box-shadow: 0px 1px 1px #666;
	background-image:url(../images/gray1.jpg);
	margin-bottom:60px;
	font-family: 'Raleway', Helvetica, Arial, sans-serif;
}
.container_spacer{
	display:block;
	position:relative;
	margin-left:auto;	
	margin-right:auto;
	width:95%;
	overflow: hidden;
	margin-top:10px;
	margin-bottom:10px;
}

#bot_1{
	position:relative;
	display:block;
	width:100%;
	min-height:200px;
	border-bottom:1px solid #4d95fb;
	overflow: hidden;
	text-align:center;
}
#grey_layer p, #bot_1 p, #bot_2 p{
	font-family: 'Raleway', Helvetica, Arial, sans-serif;
	color:#FFF;
	font-size:1.5em;
	}
	#grey_layer a{
	color:#FF0;
	text-decoration:none;
}
#grey_layer a:hover{
	color:#26d6fe;
}
#grey_layer h1{
	font-family: 'Raleway', Helvetica, Arial, sans-serif;
	color:#CCC;
	font-size:2em;
	}
#grey_layer h2{
	font-family: 'Raleway', Helvetica, Arial, sans-serif;
	color:#26d6fe;
	font-size:1.5em;
	}
#bot_2{
	position:relative;
	display:block;
	min-height:300px;
	width:100%;
	border-bottom:1px solid #4d95fb;
	background-image:url(../images/black_trans.png);
}
#awards_container{
	display: block;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#awards_container img{
	margin:5px;	
}
/*services*/
#home_services{
	position:relative;
	display:block;
	width:100%;
	height:450px;
}
#home_services p {
	font-size:1.25em;
}
.services_column{
	position:relative;
	width:100%;
	min-height:225px;
	height:auto;
	text-align:center;
	float:left;
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:1em;
	font-weight:normal;
}
.services_column a{
	text-decoration:none;
}
#home_services h2{
	margin-top:25px;
	margin-bottom:20px;
	color:#FF0;!important
	font-family:Verdana, Geneva, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
}
.services_column span{
	position:relative;
	display:block;
	margin:10px;
	font-size:1.25em;
	font-family: 'Raleway', Helvetica, Arial, sans-serif;
}
#serv_icon_1{
	position:relative;
	top:8px;
		margin-left:auto;
	margin-right:auto;
	width:65px;
	height:65px;
	display:block;
	background-image:url(../images/service_icons.png);
			background-position: 0 0;
-webkit-transition: background-position .3s linear;
			-moz-transition: background-position .3s linear;
			-o-transition: background-position .3s linear;
			transition: background-position .3s linear;
}
#serv_icon_1:hover{
			background-image:url(../images/service_icons.png);
			background-position: 0 0;
			-webkit-transition: background-position .3s linear;
			-moz-transition: background-position .3s linear;
			-o-transition: background-position .3s linear;
			transition: background-position .3s linear;
}
#serv_icon_2{
	position:relative;
	top:8px;
		margin-left:auto;
	margin-right:auto;
	width:65px;
	height:65px;
	display:block;
	background-image:url(../images/service_icons.png);
			background-position: -68px 0;
-webkit-transition: background-position .3s linear;
			-moz-transition: background-position .3s linear;
			-o-transition: background-position .3s linear;
			transition: background-position .3s linear;
}
#serv_icon_2:hover{
			background-image:url(../images/service_icons.png);
			background-position: -68px 0;
			-webkit-transition: background-position .3s linear;
			-moz-transition: background-position .3s linear;
			-o-transition: background-position .3s linear;
			transition: background-position .3s linear;
}
#serv_icon_3{
	position:relative;
	top:8px;
		margin-left:auto;
	margin-right:auto;
	width:65px;
	height:65px;
	display:block;
	background-image:url(../images/service_icons.png);
		background-position: -133px 0;
-webkit-transition: background-position .3s linear;
			-moz-transition: background-position .3s linear;
			-o-transition: background-position .3s linear;
			transition: background-position .3s linear;
}
#serv_icon_3:hover{
			background-image:url(../images/service_icons.png);
			background-position: -133px 0;
			-webkit-transition: background-position .3s linear;
			-moz-transition: background-position .3s linear;
			-o-transition: background-position .3s linear;
			transition: background-position .3s linear;
}
#serv_icon_4{
	position:relative;
	top:8px;
		margin-left:auto;
	margin-right:auto;
	width:65px;
	height:65px;
	display:block;
	background-image:url(../images/service_icons.png);
		background-position: -198px 0;
-webkit-transition: background-position .3s linear;
			-moz-transition: background-position .3s linear;
			-o-transition: background-position .3s linear;
			transition: background-position .3s linear;
}
#serv_icon_4:hover{
			background-image:url(../images/service_icons.png);
			background-position: -198px 0;
			-webkit-transition: background-position .3s linear;
			-moz-transition: background-position .3s linear;
			-o-transition: background-position .3s linear;
			transition: background-position .3s linear;
}
/*services*/
#sub_header_left, #sub_header_right{
		position:relative;
		display:block;
		width:100%;
		height:auto;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
}
#sub_header_left h2{
	margin-top:10px;
	margin-bottom:0px;
	font-family: 'Raleway', Helvetica, Arial, sans-serif;
	font-size:1em;
	color:#CCC;
}
#sub_header_left h1{
	margin-top:-5px;
	margin-bottom:0px;
	font-family: 'Raleway', Helvetica, Arial, sans-serif;
	font-size:2em;
	color:#26d6fe;
}
#footer_container{
	position:relative;
	display:block;
	min-height:300px;
	width:100%;
	background-image:url(../images/footer_bk.jpg);
	background-position:center;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.footer_links{
	position:relative;
	display:inline-block;
	font-size:1em;
	color:#FFF;	
	margin-top:55px;
}
.footer_links a{
	font-size:1em;
	color:#FFF;
	text-decoration:none;
}
.footer_links a:hover{
	text-decoration:underline;
}
#copyright{
	position:absolute;
    width:100%;
    bottom:5px;
    text-align:center;
	font-size:.75em;
	color:#FFF;
	left: 0; 
  	right: 0; 
  	margin-left: auto; 
  	margin-right: auto; 
}