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

#servicesTop {
	position: absolute;
	width: 766px;
	height: 363px;
	left: 50%;
	top: 120px;
	margin-left: -383px;
	z-index: 20;
	padding: 9px;
}
#servicesBottom {
	position: absolute;
	width: 766px;
	height: 497px;
	left: 50%;
	top: 478px;
	margin-left: -383px;
	z-index: 20;
	padding: 9px;
}
#webDevBox {
	background-image: url("images/webdevelopmentback.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
	width: 372px;
	height: 176px;
	text-align: justify;
	margin-top: -1px;
}
#internetMarketingBox {
	background-image: url("images/internetmarketingback.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
	clear: left;
	width: 372px;
	height: 188px;
	text-align: justify;
	margin-top: 5px;
}
#contentDevBox {
	background-image: url("images/contentdevelopmentback.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
	width: 372px;
	height: 188px;
	text-align: justify;
	margin-left: 8px;
	margin-top: 5px;
}
#webDevLeftHalf {
	float: left;
	margin-left: -2px;
	width: 372px;
}
#webDevBox div p {
	line-height: 16px;
}
#webDevGraphic {
	background-image: url("images/webdevelopmentgraphic.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
	width: 372px;
	height: 300px;
	text-align: justify;
	margin-top: -1px;
	margin-left: 8px;
}
#internetMarketingGraphic {
	background-image: url("images/internetmarketinggraphic.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
	width: 372px;
	height: 116px;
	text-align: justify;
	margin-top: -1px;
}
#contentDevGraphic {
	background-image: url("images/contentdevelopmentgraphic.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
	width: 372px;
	height: 116px;
	text-align: justify;
	margin-top: -1px;
	margin-left: 8px;
}
#webDevButtons {
	float: left;
	clear: left;
	width: 372px;
	height: 120px;
	margin-top: 4px;
}
#websiteDesignBut
{
  display: block;
  width: 372px;
  height: 31px;
  background: url("images/website-design.jpg") no-repeat 0 0;
}
#websiteDesignBut:hover
{ 
  background-position: 0 -31px;
}
#websiteDesignBut span
{
  display: none;
}
#flashDesignBut
{
  display: block;
  width: 372px;
  height: 29px;
  background: url("images/flash-design.jpg") no-repeat 0 0;
}
#flashDesignBut:hover
{ 
  background-position: 0 -29px;
}
#flashDesignBut span
{
  display: none;
}
#applicationDevelopmentBut
{
  display: block;
  width: 372px;
  height: 29px;
  background: url("images/application-development.jpg") no-repeat 0 0;
}
#applicationDevelopmentBut:hover
{ 
  background-position: 0 -29px;
}
#applicationDevelopmentBut span
{
  display: none;
}
#eCommerceBut
{
  display: block;
  width: 372px;
  height: 31px;
  background: url("images/ecommerce.jpg") no-repeat 0 0;
}
#eCommerceBut:hover
{ 
  background-position: 0 -31px;
}
#eCommerceBut span
{
  display: none;
}


#searchEngineOptimizationBut
{
  display: block;
  width: 372px;
  height: 31px;
  background: url("images/search-engine-optimization.jpg") no-repeat 0 0;
}
#searchEngineOptimizationBut:hover
{ 
  background-position: 0 -31px;
}
#searchEngineOptimizationBut span
{
  display: none;
}
#searchEngineMarketingBut
{
  display: block;
  width: 372px;
  height: 29px;
  background: url("images/search-engine-marketing.jpg") no-repeat 0 0;
}
#searchEngineMarketingBut:hover
{ 
  background-position: 0 -29px;
}
#searchEngineMarketingBut span
{
  display: none;
}
#adDesignBut
{
  display: block;
  width: 372px;
  height: 29px;
  background: url("images/ad-design.jpg") no-repeat 0 0;
}
#adDesignBut:hover
{ 
  background-position: 0 -29px;
}
#adDesignBut span
{
  display: none;
}
#emailMarketingBut
{
  display: block;
  width: 372px;
  height: 31px;
  background: url("images/email-marketing.jpg") no-repeat 0 0;
}
#emailMarketingBut:hover
{ 
  background-position: 0 -31px;
}
#emailMarketingBut span
{
  display: none;
}

#copyWritingBut
{
  display: block;
  width: 372px;
  height: 31px;
  background: url("images/copy-writing.jpg") no-repeat 0 0;
}
#copyWritingBut:hover
{ 
  background-position: 0 -31px;
}
#copyWritingBut span
{
  display: none;
}
#contentManagementBut
{
  display: block;
  width: 372px;
  height: 29px;
  background: url("images/content-management.jpg") no-repeat 0 0;
}
#contentManagementBut:hover
{ 
  background-position: 0 -29px;
}
#contentManagementBut span
{
  display: none;
}
#languageTranslationBut
{
  display: block;
  width: 372px;
  height: 29px;
  background: url("images/language-translation.jpg") no-repeat 0 0;
}
#languageTranslationBut:hover
{ 
  background-position: 0 -29px;
}
#languageTranslationBut span
{
  display: none;
}
#blogIntegrationBut
{
  display: block;
  width: 372px;
  height: 31px;
  background: url("images/blog-integration.jpg") no-repeat 0 0;
}
#blogIntegrationBut:hover
{ 
  background-position: 0 -31px;
}
#blogIntegrationBut span
{
  display: none;
}


#internetMarketingButtons {
	float: left;
	clear: left;
	width: 372px;
	height: 120px;
	margin-top: 5px;
}
#contentDevButtons {
	float: left;
	width: 372px;
	height: 120px;
	margin-top: 5px;
	margin-left: 8px;
}