@import url("global.css");

#HeroNav{
background:url(../images/HomeSubNav.jpg) no-repeat;
height:153px;
list-style:none;
margin:0;
padding:0 0 0 310px;
width:670px; /* 980px */
}
	#HeroNav li{
	float:left;
	}
	#HeroNav a{
	display:block;
	height:153px;
	}
	#HeroNav .Total{ /* Hides total button needed for jquery functionality */
	display:none;
	}
	
	#HeroNav .HeroNavWeb{ width:150px; }
	#HeroNav .HeroNavSeo{ width:100px; }
	#HeroNav .HeroNavDirectories{	width:155px; }
	#HeroNav .HeroNavBlog{ width:108px;	}
	#HeroNav .HeroNavVideo{	width:144px; }
	
	#HeroNav a:hover.HeroNavWeb,
	.ui-tabs-nav .ui-tabs-selected a.HeroNavWeb{ background:url(../images/HomeSubNav.jpg) 670px -153px; }
	
	#HeroNav a:hover.HeroNavSeo,
	.ui-tabs-nav .ui-tabs-selected a.HeroNavSeo{ background:url(../images/HomeSubNav.jpg) 520px -153px; }
	
	#HeroNav a:hover.HeroNavDirectories,
	.ui-tabs-nav .ui-tabs-selected a.HeroNavDirectories{ background:url(../images/HomeSubNav.jpg) 420px -153px; }
	
	#HeroNav a:hover.HeroNavBlog,
	.ui-tabs-nav .ui-tabs-selected a.HeroNavBlog {  background:url(../images/HomeSubNav.jpg) 265px -153px; }
	
	#HeroNav a:hover.HeroNavVideo,
	.ui-tabs-nav .ui-tabs-selected a.HeroNavVideo{  background:url(../images/HomeSubNav.jpg) 157px 153px; }
	
	.ui-tabs-hide { display: none; } /* Tab Navigation */


.Content{}

.Hero{
color:#333;
height:280px;
font:12px Verdana;
width:980px;
}
#Total{
background:url(../images/HeroHomeTotal.jpg) no-repeat;
}
#Web{
background:url(../images/HeroHomeWeb.jpg) no-repeat;
height:255px; /* 280px */
padding:25px 300px 0 340px;
width:340px; /* 980px */
}
	#Web .BtnDiscoverMore{
	background:url(../images/BtnDiscoverWhite.jpg) no-repeat;
	display:block;
	height:77px;
	}
	#Web a:hover.BtnDiscoverMore{
	background-position:0 -77px;
	}
#Seo{
background:url(../images/HeroHomeSeo.jpg) no-repeat;
color:#FFF;
height:195px; /* 280px */
padding:85px 30px 0 640px;
width:310px; /* 980px */
}
	#Seo .BtnDiscoverMore{
	background:url(../images/BtnDiscoverBlack.jpg) no-repeat;
	display:block;
	height:77px;
	}
	#Seo a:hover.BtnDiscoverMore{
	background-position:0 -77px;
	}
#Directories{
background:url(../images/HeroHomeDirectories.jpg) no-repeat;
height:235px; /* 280px */
padding:45px 280px 0 400px;
width:300px; /* 980px */
}
	#Directories .BtnDiscoverMore{
	background:url(../images/BtnDiscoverWhite.jpg) no-repeat;
	display:block;
	height:77px;
	}
	#Directories a:hover.BtnDiscoverMore{
	background-position:0 -77px;
	}
	
#Blog{
background:url(../images/HeroHomeSocial.jpg) no-repeat;
color:#FFF;
height:215px; /* 280px */
padding:65px 30px 0 640px;
width:310px; /* 980px */
}
	#Blog .BtnDiscoverMore{
	background:url(../images/BtnDiscoverBlack.jpg) no-repeat;
	display:block;
	height:77px;
	}
	#Blog a:hover.BtnDiscoverMore{
	background-position:0 -77px;
	}

#Video{
background:url(../images/HeroHomeVideo.jpg) no-repeat;
height:215px; /* 280px */
padding:65px 330px 0 360px;
width:290px; /* 980px */
}
	#Video .BtnDiscoverMore{
	background:url(../images/BtnDiscoverWhite.jpg) no-repeat;
	display:block;
	height:77px;
	}
	#Video a:hover.BtnDiscoverMore{
	background-position:0 -77px;
	}