@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0; }
.clear {clear:both; }

body {	 
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	overflow-x: hidden; 
	overflow-y: auto;
	
	}
body a {outline:none; }

.seo-services a {text-decoration:none; color:#a41616; }
.seo-services a:hover {text-decoration:underline; }
	
	
#top {
	background:url(../images/top-bg.gif) repeat-x; 
	width:100%;
	text-align:center;
	height:385px;
	font-family:Arial, Helvetica, sans-serif;}

#top-wrapper {
	width:1000px; 
	margin:0 auto; 
	text-align:left;
	}
	
#mid{
	background-image:url(../images/lines-bg2.gif);
	background-position:center;
	background-repeat:no-repeat;
	
	margin:0 auto;
	text-align:center;
	}
	
#main-wrapper {
	width:1000px; 
	margin:0 auto; 
	text-align:left;
	
	}
	


/* ------ HEADER CONTAINER ------ */
#header {
	width:1000px; 
	height:102px; 
	background-image:url(../images/header-bg.gif);
	float:left;
	}
	
.internet-marketing-tagline { 
	float:left;
	font:bold 15px arial;
	margin:71px 0 0 14px;
}
.internet-marketing-contact{
	
	font-size:18px;
	color:#941313;
	margin:10px 0 0 0;
	float:right;
	}
/* ------ end header containers ------ */



/* ------ Flash Banner ------ */

#SEO-Flash-Banner {
	height:252px;
	width:1000px;
	float:left;
	background:url(/images/temp-bg.jpg) no-repeat;
	
	}
	
#banner-text {
	
	width:750px;
	text-align:left;
	color:#ffffff;
	font-size:48px;
	padding:30px 0 0 30px;
	margin:0;
	
	}
	
#asterisk{
	font-size:28px;
	color:#ffffff;
	margin-left:650px;
	}
	


/* ------ end banner ------ */

/* ------ NAVIGATION ------ */

#searchstyle {border:1px solid #CCC; width:124px; padding:2px; font:11px arial; color:#888; float:left; background:#F9F9F9; }

#web-design-nav{
	width:1000px;
	height:31px;
	
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	
	padding:0;
	margin:0;
	vertical-align:top;
	top: 0px;
	
	
	}
	
#web-design-nav ul{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:600;
	
	 
	
	
	}
	
#web-design-nav ul li{
	display:inline;
	list-style-type: none;
	
	
	
}
	
#web-design-nav ul li a{
	color:#000000;
	text-decoration:none;
	
	
	}
#web-design-nav ul li a:hover{
	color:#a41616;
	
	}
	
#web-design-nav ul li.home {
	float:left;
}
	
#web-design-nav ul li.home a{
	display:block;
	width:100px;
	height:31px;
	background:url(../images/rover-home.gif) 0 0 no-repeat;
	text-decoration:none;
	
		
}

#web-design-nav ul li.home a:hover{
	background-position:0 -31px;
	text-decoration:none;
	
		
}


#web-design-nav ul li.serv {
	float:left;
}
	
#web-design-nav ul li.serv a{
	display:block;
	width:125px;
	height:31px;
	background:url(../images/rover-services.gif) 0 0 no-repeat;
	text-decoration:none;
	
		
}

#web-design-nav ul li.serv a:hover{
	background-position:0 -31px;
	text-decoration:none;
	
		
}	
	
	
	
	
#web-design-nav ul li.meth {
	float:left;
}
	
#web-design-nav ul li.meth a{
	display:block;
	width:163px;
	height:31px;
	background:url(../images/rover-meth.gif) 0 0 no-repeat;
	text-decoration:none;
	
		
}

#web-design-nav ul li.meth a:hover{
	background-position:0 -31px;
	text-decoration:none;
	
		
}	
	
#web-design-nav ul li.clients {
	float:left;
}
	
#web-design-nav ul li.clients a{
	display:block;
	width:116px;
	height:31px;
	background:url(../images/rover-clients.gif) 0 0 no-repeat;
	text-decoration:none;
	
		
}

#web-design-nav ul li.clients a:hover{
	background-position:0 -31px;
	text-decoration:none;
	
		
}	
	
#web-design-nav ul li.about {
	float:left;
}
	
#web-design-nav ul li.about a{
	display:block;
	width:124px;
	height:31px;
	background:url(../images/rover-about.gif) 0 0 no-repeat;
	text-decoration:none;
	
		
}

#web-design-nav ul li.about a:hover{
	background-position:0 -31px;
	text-decoration:none;
	
		
}	
	
#web-design-nav ul li.contact {
	float:left;
}
	
#web-design-nav ul li.contact a{
	display:block;
	width:149px;
	height:31px;
	background:url(../images/rover-contact.gif) 0 0 no-repeat;
	text-decoration:none;
	
		
}

#web-design-nav ul li.contact a:hover{
	background-position:0 -31px;
	text-decoration:none;
	
		
}

#web-design-nav ul li.blog {
	float:left;
}
	
#web-design-nav ul li.blog a{
	display:block;
	width:97px;
	height:31px;
	background:url(../images/blog-rover.gif) 0 0 no-repeat;
	text-decoration:none;
	
		
}

#web-design-nav ul li.blog a:hover{
	background-position:0 -31px;
	text-decoration:none;
	
		
}
	
#search-box {
	 padding:8 0 0 883px;}
	
#search-box img {
	margin-left:35px;}
	
/* ------ end banner ------ */

/* ------ SEO CONTENT ------ */



#seo-content{
	width:1000px;
	float:left;
	padding-top:23px;
	font-weight:700;
	font-size:13px;
	height: inherit;
}

/* ------ SEO CONTENT LEFT ------ */

.seo-content-left{
	float:left;
	width:580px;
	padding-top:4px;
	}
.seo-content-left h1 {font:bold 12px arial; }

.seo-content-left ul{
	list-style:none;
	margin:20px 0 0 25px;
	
	
	}
	
.seo-content-left ul li{
	margin-bottom:8px;
	
}
	
.seo-content-left ul li img{
	
	}

.seo-content-left p {font:14px arial; line-height:18px; padding-bottom:10px; }
.seo-content-left p a {color:#a41616; text-decoration:none; }
.seo-content-left p a:hover {text-decoration:underline; }


/* ------ SEO CONTENT RIGHT------ */

.seo-content-right{
	float:right;}

.web-advantage{
	width:373px;
	height:113px;
	
	}
	
.web-advantage a{
	display:block;
	width:373px;
	height:113px;
	background:url(../images/advantage-rover.png) 0 0 no-repeat;
	text-decoration:none;
	}
	
.web-advantage a:hover{
	text-decoration:none;
	background-position:0 -113px;
	}
	

	
.seo-sign-up{
	margin-top:22px;
	width:374px;
	height:77px;
	}

.seo-sign-up a{
	display:block;
	width:374px;
	height:79px;
	background:url(../images/sign-up-rover.png) 0 0 no-repeat;
	text-decoration:none;}

.seo-sign-up a:hover{
	
	background-position:0 -79px;
	text-decoration:none;}
	


/* ------ end seo content ------ */


/* ------ CASE STUDIES ------ */

div.rotater {
	display:none;
}

#rotater-controls{
	padding-left:864px;
	height:16px;	
	width:1000px;
	}
	
#play-stop{
	position:absolute;
	width:20px;
	height:20px;
	margin:315px 0 0 958px;
	z-index:4;}
	
#play-stop a{
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:13px;
	color:#000;
	text-decoration:none;}
	
#play-stop a:hover{
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:13px;
	color:#a41616;
	text-decoration:none;}

.control-one, .control-two, .control-three, .control-four, .control-five, #stop, #play {
	float:left;
	padding:5px 2px 0 0;
	
	}
	
.control-one a{
	display:block; 
	width: 16px; 
	height:17px; 
	text-decoration: none;
	background:url(../images/1-circ-rollover.gif) 0 0 no-repeat;   
	background-position:top;
	 
}

.control-one a:hover {
	text-decoration:none; 
	background-position: 0 -18px; 
}


.control-two a{
	display:block; 
	width: 16px; 
	height:17px; 
	text-decoration: none;
	background:url(../images/2-circ-rollover.gif) 0 0 no-repeat;   
	background-position:top;
	 
}

.control-two a:hover {
	text-decoration:none; 
	background-position: 0 -18px; 
}
	
.control-three a{
	display:block; 
	width: 16px; 
	height:17px; 
	text-decoration: none;
	background:url(../images/3-circ-rollover.gif) 0 0 no-repeat;   
	background-position:top;
	 
}

.control-three a:hover {
	text-decoration:none; 
	background-position: 0 -18px; 
}


.control-four a{
	display:block; 
	width: 16px; 
	height:17px; 
	text-decoration: none;
	background:url(../images/4-circ-rollover.gif) 0 0 no-repeat;   
	background-position:top;
	 
}

.control-four a:hover {
	text-decoration:none; 
	background-position: 0 -18px; 
}

.control-five a{
	display:block; 
	width: 16px; 
	height:17px; 
	text-decoration: none;
	background:url(../images/5-circ-rollover.gif) 0 0 no-repeat;   
	background-position:top;
	 
}

.control-five a:hover {
	text-decoration:none; 
	background-position: 0 -18px; 
}


#case-studies-holder {
	margin:20px 0 0 0;
	width:1000px;
	height:320px;
	}

#case-studies {
	width:1000px;
	height:317px;
	text-align:left;}

.case-title{
	font-size:26px;
	}
	
.case-content{
	width:995px;
	height:267px;
	border-style:solid;
	border-width:1px;
	border-color:#d8d8d8;
	padding-bottom:10px;
	
	float:left;
	
	}
	
.case-left{
	width:460px;
	height:255px;
	float:left;
	margin:10px 0 10px 10px;

	
	}	
	
.case-right{
	width:489px;
	float:left;
	
	margin:10px 0 10px 10px;
	
	}

.casestudy-topbox {height:110px; }
.case-header{
	font-size:24px;
	line-height:24px;
}
.case-header a {text-decoration:none; color:#000; }
.case-header a:hover {text-decoration:underline; }

#case-intro{
	font-size:12px;
	padding-right:10px;
	}
	
.cs-link {
	font-size:12px;
	font-weight:bold;
	margin-top:5px;
	}
	
.cs-link a{
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	text-decoration:none;
	color:#a41616;
	}
	
.cs-link a:hover{
	text-decoration:underline;
	}

.case-featured-title h2{
	font-weight:normal;
	color:#ffffff;
	font-size:18px;
	background-image:url(../images/case-featured-bg.gif);
	margin-top:10px;}
	
.case-services-left{
	font-size:18px;
	height:84px;
	width:237px;
	float:left;}

.case-services-left p, .case-services-right p {font:12px arial; line-height:13px; margin-top:10px; }
.case-services-left p a, .case-services-right p a {text-decoration:none; color:#a41616; }
.case-services-left p a:hover, .case-services-right p a:hover {text-decoration:underline; }

.case-services-right{
	height:84px;
	width:237px;
	float:left;
	margin-left:15px;
	
}
	

/* ------ end case ------ */

.grey-divider{
	
	padding:0;
	margin:0;	
	height:30px;
	width:100%;
	background-image:url(../images/grey-dividers.gif);
	background-position:center;
	background-repeat:no-repeat;
	}

/* ------ NEWS PRODUCTS ------ */

#news-products{
	width:1000px;
	float:left;	
	height:325px;
	
	}

	
.news-wrapper{
	float:left;
	width:303px;
	
	
	}
	
.news-wrapper img{
	
	margin-bottom:2px;
	
	}

/* ------ THE NEWS ------------------ */

.news-content{
	background-image:url(../images/news-bk.gif);
	background-repeat:no-repeat;
	width:303px;
	height:270px;
	float:left;
	padding:5px 0 0 10px;
	
	}
	
.news-content-wrapper {
	padding:0;
	width:260px;
	font:11px arial;
	font-weight:normal;
	}
.news-content-wrapper li {list-style:none; margin-top:10px; }
.news-content-wrapper a {color:#a41616; font:bold 13px arial; padding-bottom:2px; text-decoration:none; }
.news-content-wrapper a:hover {text-decoration:underline; }
	
.article { 	}

/* ------------------------ end THE NEWS  ------ */
	
/* ------ OUR SERVICES -------------------------- */
	
.our-services-wrapper{
	float:left;
	width:409px;
	margin-left:24px;
	
	}

.our-services-wrapper img{
	
	margin-bottom:2px;
	
	}

.our-services-content{
	background-image:url(../images/services-bk.gif);
	background-repeat:no-repeat;
	width:409px;
	height:270px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:15px;
	font-weight:normal;
	}
	

.services-tagline{
	color:#910b0b;
	font-size:12px;
	font-weight:bold;
	padding:7px 0 3px 0;
	
}

.services-category {padding-top:5px; }
.seo-services{
	width:374px;
	height:70px;
	
	}

.seo-services p{
	margin-top:3px;
	text-align:left;
	width:280px;
	float:right;
}

.services-dividers{
	width:100%;
	height:14px;
	background-image:url(../images/grey-dividers.gif);
	background-repeat:no-repeat;
	background-position:center;}


.web-design-services{
	width:374px;
	height:70px;
	}

.web-design-services p{
	margin-top:3px;
	text-align:left;
	width:280px;
	float:right;
}



.ppc-services{
	width:374px;
	height:70px;
	}

.ppc-services p{
	margin-top:3px;
	text-align:left;
	width:280px;
	float:right;
}

#see-more-button{
	margin-left:287px;
	margin-top:-10px;}

#see-more-button a{
	
	width:103px;
	height:16px;
	display:block;	
	background: url("../images/see-more-rollover.gif") 0 0 no-repeat;
	text-decoration: none;
}
#see-more-button a:hover { 

background-position:  0 -16px ;
text-decoration:none;

}

	


.see-more{
	margin:0;
	padding:0;
	
	
}

/* ------ end OUR SERVICES ------ */


/* ------ TAKE ADVANTAGE ------ */

.advantage-divider{
	
	margin:0;	
	height:2px;
	width:100%;
	text-align:left;
	padding:7px 0 7px 0;
	
	}
	
.advantage-wrapper{
	float:left;
	width:236px;
	margin-left:26px;
	
	}
	
.advantage-wrapper img{
	
	margin-bottom:2px;
	
	}

.advantage-content{
	background-image:url(../images/advantage-bk.gif);
	background-repeat:no-repeat;
	width:236px;
	height:270px;
	float:left;
	padding:5px 0 0 15px;
	}
	
.advantage-content p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	
	padding:0;
	width:211px;
	line-height:11px;
	
	}	

.advantage-content img{
	padding:0;}

.advantage-items {	}
.advantage-items {	}
.advantage-items {  }

.more {
	font:bold 10px "Arial Black", Gadget, sans-serif;
	color:#a41616;
	margin-left:140px;
	}
	
.more a{
	color:#a41616;
	text-decoration:none;
	}

.more a:hover{
	color:#a41616;
	text-decoration:underline;
}
/* ------ end TAKE ADVANTAGE ------ */

/* ------ end news products ------ */


/* ------ SOCIAL MEDIA ------ */

#social-media{
	
	width:100%;
	background-image:url(../images/waves-bg.gif);
	background-position:center;
	background-repeat:no-repeat;
	padding-top:30px;
	
	

	
}

#social-media-wrapper{
	width:1100px;
	height:175px;
	margin:0 auto;
	
	
	
	
	}
	

.twitter{ 
		
	float:left;
	width:380px;
	height:155px;
	margin-top:-10px;
	background-image:url(../images/tweet-bubble.png);
	background-repeat:no-repeat;
	background-position:right;
	font-size:12px;
	color:#177dc2;
	font-weight:bold;
}
	
#twitter-bird{
	padding-top:40px;	
	float:left;
	height:180px;
	width:125px;
	
	}

#tweets{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	width:185px;
	color:#000;
	float:left;
	margin:15px 0 0 53px;
	line-height:17px;
	
	
	}
	
#tweets a{
	color:#8c5b16;
	
	}
	
#tweets ul{
	list-style:none;
	text-align:left;
	
	}
	

#tweets ul li{
	margin-top:5px;
	
	}
	
a#twitter-link{
	padding-top:13px;
	text-decoration:none;
	}
	
a#twitter-link:hover{
	text-decoration:underline;
	}
	

.certifications{
	float:left;
	width:270px;
	height:inherit;
	margin-left:80px;}
	
.social-icons{
	float:left;
	width:240px;
	margin-left:80px;
	margin-top:15px;
	}
	
#social-media-icons{ }
	
.icons{
	padding-left:10px;
	
	}
	
.facebook{
	float:left;}

.facebook  a {	
	width:55px;
	height:75px;
	display:block;	
	background: url("../images/fbook-rover.png") 0 0 no-repeat;
	text-decoration: none;
}
.facebook a:hover { 
text-decoration:none;
background-position:  0 -75px ;

}

.twitter-icon{
	float:left;}

.twitter-icon a {	
	width:55px;
	height:75px;
	display:block;	
	background: url("../images/twitter-rover.png") 0 0 no-repeat;
	text-decoration: none;
}
.twitter-icon a:hover { 
text-decoration:none;
background-position:  0 -76px ;

}

.youtube{
	float:left;}

.youtube a {	
	width:55px;
	height:75px;
	display:block;	
	background: url("../images/youtube-rover.png") 0 0 no-repeat;
	text-decoration: none;
}
.youtube a:hover { 
text-decoration:none;
background-position:  0 -76px ;

}

.myspace{
	float:left;}

.myspace a {	
	width:55px;
	height:75px;
	display:block;	
	background: url("../images/myspace-rover.png") 0 0 no-repeat;
	text-decoration: none;
}
.myspace a:hover { 
text-decoration:none;
background-position:  0 -75px ;

}


/* ------ end social media ------ */


/* ------ FOOTER ------ */

/* ------ FOOTER ------ */
#footer-wrapper {
	width:100%; 
	background:url(../images/footer-bg.gif) repeat-x #6b0000;
	height:240px;}

#footer-content {
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:12px;
	width:1000px;
	margin:0 auto;
	height:232px; 
	font-weight:bold;
	text-decoration:none;}
	
	
#footer-content a{
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;}

#footer-content a:hover{
	
	text-decoration:underline;}
	

	
.footer-nav {
	padding-top:15px;
	margin:0 auto;
	width:860px; 
	text-align:center;
	color:#FFF;
	font-size:12px;
	
	line-height:20px;}
	
.copyright {
	padding-top:15px;
	color:#FFF;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;}
	
.copyright a{
	color:#FFF;
	font-size:12px;
	text-decoration:none;}

.copyright a:hover{
	
	text-decoration:underline;}
	
.seo-footer { 
	
	text-align:center; 
	padding:20px 0 0 0; 
	line-height:15px;
	}
		



/* ------ end footer ------ */

#quote-sticker{
	position:absolute;
	margin:-60px 0 0 880px;	
	z-index:3;}

#quote-sticker a {	
	width:132px;
	height:134px;
	display:block;	
	background: url("../images/quote-sticker-rollover.png") 0 0 no-repeat;
	text-decoration: none;
}
#quote-sticker a:hover { 
text-decoration:none;
background-position:  0 -134px ;

}


#small-quote-sticker{
	position:absolute;
	margin-top:-20px;
	z-index:3;}

#small-quote-sticker a {	
	width:100px;
	height:100px;	
	display:block;	
	background: url("../images/small-quote-sticker-rollover.png") 0 0 no-repeat;
	text-decoration:none;

}
#small-quote-sticker a:hover { 
text-decoration:none;
background-position: 0 -101px;

}