/* ****************************************
HELLO WANDERING DEVELOPER
******************************************

Emotech.com.au
© 2009 Emotech
CSS by Emotech

/* ****************************************
RANDOM EDITS
**************************************** */

/*****************************************************
 FOUNDATIONS:
****************************************************/
html {
 	margin: 0; padding: 0;
}
body {
	margin: 0; padding: 0;
	text-align: center;
	background: #545454;
}
#wrapper {
  clear: both;
  position: relative;
	text-align: left;
  background: #fff url(../images/bg_header_rpt.jpg) top repeat-x;
}

.error_message {
  background:#FBE5DF;
  color: red;
  display: block;
  font-weight: bold;
  margin: 5px 50px 15px 0;
  padding: 10px;
}
.error_message p {
  margin: 0 0 4px 0;
}

/*****************************************************
 SITEMAP:
****************************************************/
#top {
  float: left;
  width: 100%;
  padding: 0;
  text-align: center;
  background: #000000;
}
html[xmlns] #sitemap-control {
  position: absolute;
  z-index: 999;
  right: 5px;
  width: 69px;
  height: 25px;
  text-indent: -9999px;
  background: url(../images/sitemap_ctrl.png) no-repeat;
}
#sitemap-control a {
  display: block;
  width: 69px;
  height: 25px;
  outline: 0;
}
#sitemap.default {
  display: none;
}
#sitemap {
  margin: 0 auto;
  padding-top: 25px;
	width: 980px;
	overflow: hidden;
}
#sitemap .skip-link {
  display: block;
  height: 1px;
  text-indent: -9999px;
}
#sitemap .groups {
  float: left;
  padding-left: 88px;
	background: url(../images/bg_sitemap_div_rpt.gif);
}
#sitemap .groups .wrapper {
  float: left;
  background: url(../images/bg_sitemap_arrow.gif) bottom right no-repeat;
}
#sitemap .group {
  float: left;
  margin: 0 25px;
  padding: 5px 0 40px 0;
  width: 280px;
}
#sitemap .last {
  width: 182px;
}
#sitemap h3 {
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  margin: 0 0 15px 0;
}
#sitemap ul {
  margin: 0;
  list-style: none;
}
#sitemap ul li {
  font-size: 11px;
  line-height: 1.8em;
  padding: 0 0 0 15px;
  background: url(../images/sitemap_bullet.gif) left no-repeat;
}
#sitemap ul li a {
  color: #fff;
  text-decoration: none;
}
#sitemap ul li a:hover {
  border-bottom: 1px dashed #fff;
}


/*****************************************************
 HEADER:
****************************************************/
#header-outter-wrapper {
  width: 100%;
  overflow: hidden;
  height: 139px;
  background: url(../images/bg_header.jpg) top center no-repeat;
}
#header-wrapper {
  position: relative;
  width: 990px;
	height: 140px;
  margin: 0 auto;
  overflow: hidden;
}
#header {
  position: absolute;
  margin: 0 auto;
	width: 990px;
	height: 140px;
	overflow: hidden;
}


/*****************************************************
 MAIN CONTENT ZONE:
****************************************************/
#main {
  position: relative;
  margin: 0 auto;
  padding: 10px 0;
	width: 980px;
}

  /*****************************************************
   MAIN: HERO HEADING
  ****************************************************/
  #hero {
    height: 310px;
    margin: 0 0 15px 0;
    background: url(../images/bg_hero.jpg) top no-repeat;
  }

  /*****************************************************
   MAIN: CONTENT
  ****************************************************/
  #content {
    float: left;
    margin: 0 0 20px 0;
    width: 657px;
  }

  #content .diagrams {
    text-align: center;
    padding-bottom: 15px;
  }
  #map {
    display: block;
    width: 620px;
    height: 300px;
    border: 2px solid #c2c0c0;
  }

  #content .info {
    float: left;
    width: 295px;
  }
  #content .callouts {
    float: right;
    width: 289px;
  }
  #content .callouts .column-1,
  #content .callouts .column-2 {
    float: none;
    width: 95%;
  }
  #content .callouts .last {
    padding-bottom: 20px;
    border-bottom: 1px dotted #c6c6c6;
  }

    /*****************************************************
     MAIN: CONTENT - Columns
    ****************************************************/
    #content .column-1 {
      clear: both;
      float: left;
      width: 46%;
    }
    #content .column-2 {
      float: right;
      width: 46%;
    }

    #content .features .item {
      border-top: 1px dotted #c6c6c6;
    }
    #content .optimisation .item,
    #content .features .item {
      padding: 20px 0 5px 0;
    }
    #content .features .item h3,
    #content .optimisation .item h3,
    #content .features .item h4,
    #content .optimisation .item h4 {
      padding-left: 55px;
    }
    #content .features .item.first {
      border: 0;
    }
    #content .features .item p,
    #content .optimisation .item p {
      padding-left: 55px;
      font-size: 1.1em;
    }

     /*****************************************************
      CONTENT: Intro
     ****************************************************/
     #content .intro {
       padding-bottom: 5px;
       margin-bottom: 25px;
       border-bottom: 1px dotted #c8c8c8;
     }

     /*****************************************************
      CONTENT: Folio
     ****************************************************/
     #content .folio p {
       padding-top: 20px;
     }

     /*****************************************************
      CONTENT: Touts
     ****************************************************/
     #content .touts-wrapper {
      float: left;
      margin: 20px 0 0 -5px;
      background: url(../images/bg_touts_btm.gif) bottom center no-repeat;
     }
     #content .touts {
       position: relative;
       float: left;
       padding: 4px 0 0 4px;
       width: 653px;
       min-height: 280px;
       background: url(../images/bg_touts_top.gif) top center no-repeat;
     }
     #content .touts .tout {
       float: left;
       width: 210px;
     }
     #content .touts .technology {
       margin: 0 3px 0 3px;
       background: url(../images/bg_tout_tech.gif) top center no-repeat;
     }
     #content .touts .technology h2 {
       text-indent: -9999px;
       background: url(../images/tout_heading_latest_tech.gif) 0 4px no-repeat;
     }
     #content .touts .advertising {
       margin: 0 3px 0 3px;
       background: url(../images/bg_tout_advt.gif) top center no-repeat;
     }
     #content .touts .advertising h2 {
        text-indent: -9999px;
        background: url(../images/tout_heading_advertising.gif) 0 4px no-repeat;
     }
     #content .touts .mailing {
       margin: 0 0 0 4px;
       background: url(../images/bg_tout_mailng.gif) top center no-repeat;
     }
     #content .touts .mailing h2 {
         text-indent: -9999px;
         background: url(../images/tout_heading_emailing.gif) 0 4px no-repeat;
      }
     #content .touts .tout h2 {
       margin: 11px 0 100px 16px;
     }
     #content .touts .tout .content {
       margin: 0 16px 0 16px;
       padding: 14px 0 45px 0;
     }
     #content .touts .tout .read-more a {
       position: absolute;
       bottom: 27px;
       font-weight: bold;
       font-size: 1.1em;
     }

     /*****************************************************
      CONTENT: From the blog
     ****************************************************/
     #content .from-the-blog {
       position: relative;
       clear: both;
       float:  left;
       margin: 25px 0;
       width: 99%;
     }
     #content .from-the-blog h2 {
       padding: 0 0 10px 0;
       text-indent: -9999px;
       background: url(../images/h2_the_fat_blog.gif) no-repeat;
       border-bottom: 1px dotted #c8c8c8;
     }
     #content .from-the-blog h2 em {
       font-style: normal;
       font-size: 0.79em;
     }
     #content .from-the-blog .posts {
       float: left;
       margin: 10px 0;
       background: url(../images/bg_from_the_blog.gif) top center repeat-y;
     }
     #content .from-the-blog .post {
       float: left;
       margin: 0 11px;
       padding: 4px 0 0 5px;
       width: 187px;
     }
     #content .from-the-blog .post .content {
       padding-bottom: 40px;
     }
     #content .from-the-blog .post .content p {
        font-size: 1.1em;
        line-height: 1.7em;
      }
     #content .from-the-blog .first {
       margin-left: 6px;
     }
     #content .fromt-the-blog .last {
        margin-right: 0;
     }
     #content .from-the-blog .post h3 {
       font-size: 1.2em;
     }
     #content .from-the-blog h3 a {
       color: #777777;
       font-weight: bold;
       text-decoration: none;
     }
     #content .from-the-blog .post h3 a:hover {
       color: #c70505;
     }
     #content .from-the-blog .post .meta {
       float: left;
       margin: 3px 0 8px 0;
       width: 98%;
     }
     #content .from-the-blog .post .meta span {
       display: block;
       float: left;
       height: 16px;
     }
     #content .from-the-blog .post .meta .date {
       padding: 5px 0 0 18px;
       background: url(../images/icon_calendar.gif) left no-repeat;
     }
     #content .from-the-blog .post .meta .author {
       margin: 0 0 0 8px;
       padding: 5px 0 0 8px;
       background: url(../images/divider_small.gif) left no-repeat;
     }
     #content .from-the-blog .post .read-more {
       position: absolute;
       bottom: 17px;
       margin-left: -6px;
     }
     #content .from-the-blog .post .read-more a {
       display: block;
       width: 97px;
       height: 38px;
       text-indent: -9999px;
       background: url(../images/btn_read_on.gif) no-repeat;
     }


    /*****************************************************
     MAIN: CONTENT - Overview Logos
    ****************************************************/
    #content .overview .logos {
      clear: both;
    }

    /*****************************************************
     MAIN: CONTENT - Tabinator Widget
    ****************************************************/
    #content .tabinator {
      position: relative;
      clear: both;
      float: left;
      margin-top: 40px;
      padding: 25px;
      width: 606px;
      background: #fff url(../images/bg_tabinator.gif) top left no-repeat;
    }

    #content .tabinator .controls {
      position: absolute;
      height: 34px;
      top: 0; left: 0;
      margin: -26px 0 15px -1px;
      list-style: none;
    }
    #content .tabinator .controls li {
      float: left;
      margin-right: 3px;
    }
    #content .tabinator .controls li a {
      display: block;
      height: 35px;
      text-indent: -9999px;
      outline: 0;
    }
    #content .tabinator .controls li.overview,
    #content .tabinator .controls li.overview a {
      width: 85px;
      background: url(../images/tab_overview.gif) no-repeat;
    }
    #content .tabinator .controls li.overview.active,
    #content .tabinator .controls li.overview.active a {
      width: 98px;
      background: url(../images/tab_overview_active.gif) no-repeat;
    }
    #content .tabinator .controls li.portfolio,
    #content .tabinator .controls li.portfolio a {
      width: 75px;
      background: url(../images/tab_portfolio.gif) no-repeat;
    }
    #content .tabinator .controls li.portfolio.active,
    #content .tabinator .controls li.portfolio.active a {
      width: 92px;
      background: url(../images/tab_portfolio_active.gif) no-repeat;
    }
    #content .tabinator .controls li.consultation {
      width: 102px;
      background: url(../images/tab_consultation.gif) no-repeat;
    }
    #content .tabinator .controls li.consultation.active,
    #content .tabinator .controls li.consultation.active a {
      width: 120px;
      background: url(../images/tab_consultation_active.gif) no-repeat;
    }
    #content .tabinator .controls li.features {
      width: 75px;
      background: url(../images/tab_features.gif) no-repeat;
    }
    #content .tabinator .controls li.features.active {
      width: 93px;
      background: url(../images/tab_features_active.gif) no-repeat;
    }
    #content .tabinator .controls li.showcase {
      width: 82px;
      background: url(../images/tab_showcase.gif) no-repeat;
    }
    #content .tabinator .controls li.showcase.active {
      width: 102px;
      background: url(../images/tab_showcase_active.gif) no-repeat;
    }
    #content .tabinator .controls li.advanced-programming {
      width: 169px;
      background: url(../images/tab_advanced_programming.gif) no-repeat;
    }
    #content .tabinator .controls li.advanced-programming.active,
    #content .tabinator .controls li.advanced-programming.active a {
      width: 194px;
      background: url(../images/tab_advanced_programming_active.gif) no-repeat;
    }
    #content .tabinator .controls li.database-integration {
      width: 153px;
      background: url(../images/tab_database_integration.gif) no-repeat;
    }
    #content .tabinator .controls li.database-integration.active,
    #content .tabinator .controls li.database-integration.active a {
      width: 178px;
      background: url(../images/tab_database_integration_active.gif) no-repeat;
    }
    #content .tabinator .controls li.interface-design {
      width: 123px;
      background: url(../images/tab_interface_design.gif) no-repeat;
    }
    #content .tabinator .controls li.interface-design.active,
    #content .tabinator .controls li.interface-designn.active a {
      width: 149px;
      background: url(../images/tab_interface_design_active.gif) no-repeat;
    }
    #content .tabinator .controls li.mobi-sites {
      width: 86px;
      background: url(../images/tab_mobi_sites.gif) no-repeat;
    }
    #content .tabinator .controls li.mobi-sites.active,
    #content .tabinator .controls li.mobi-sites.active a {
      width: 104px;
      background: url(../images/tab_mobi_sites_active.gif) no-repeat;
    }
    #content .tabinator .controls li.mobi-apps {
      width: 86px;
      background: url(../images/tab_mobi_apps.gif) no-repeat;
    }
    #content .tabinator .controls li.mobi-apps.active,
    #content .tabinator .controls li.mobi-apps.active a {
      width: 104px;
      background: url(../images/tab_mobi_apps_active.gif) no-repeat;
    }
    #content .tabinator .controls li.optimisation {
      width: 104px;
      background: url(../images/tab_optimisation.gif) no-repeat;
    }
    #content .tabinator .controls li.optimisation.active,
    #content .tabinator .controls li.optimisation.active a {
      width: 121px;
      background: url(../images/tab_optimisation_active.gif) no-repeat;
    }
    #content .tabinator .controls li.ppc {
      width: 100px;
      background: url(../images/tab_ppc.gif) no-repeat;
    }
    #content .tabinator .controls li.ppc.active,
    #content .tabinator .controls li.ppc.active a {
      width: 119px;
      background: url(../images/tab_ppc_active.gif) no-repeat;
    }
    #content .tabinator .controls li.email-marketing {
      width: 122px;
      background: url(../images/tab_email_marketing.gif) no-repeat;
    }
    #content .tabinator .controls li.email-marketing.active,
    #content .tabinator .controls li.email-marketing.active a {
      width: 145px;
      background: url(../images/tab_email_marketing_active.gif) no-repeat;
    }
    #content .tabinator .controls li.statistics {
      width: 77px;
      background: url(../images/tab_statistics.gif) no-repeat;
    }
    #content .tabinator .controls li.statistics.active,
    #content .tabinator .controls li.statistics.active a {
      width: 95px;
      background: url(../images/tab_statistics_active.gif) no-repeat;
    }

    #content .tabinator .tab {
      clear: both;
    }
    #content .tabinator .optimisation.tab {
      padding-bottom: 10px;
      background: url('../images/bg_seo.gif') bottom right no-repeat;
    }
    #content .tabinator .tab ul {
      margin: 0 0 20px 0;
      list-style: none;
    }
    #content .tabinator .tab ul li {
      margin-bottom: 8px;
      padding-left: 12px;
      background: url(../images/bullet_red.gif) 0 4px no-repeat;
    }
    #content .tabinator .overview ul li {
      font-size: 1.1em;
      margin-bottom: 1em;
    }

    /*****************************************************
      CONTENT: Showcase
    *****************************************************/
    #content .tab.showcase {
      margin-top: -15px;
    }
    #content .showcase .item {
      clear: both;
      float: left;
      padding: 25px 0;
      width: 590px;
      border-bottom: 1px dotted #c6c6c6;
    }
    #content .showcase .item.last {
      border: 0;
    }
    #content .showcase .thumb {
      float: left;
      width: 175px;
      height: 113px;
    }
    #content .showcase .content {
      float: right;
      width: 385px;
    }
    #content .showcase .content h3 {
      border-bottom: 1px dotted #c5c5c5;
      padding-left: 12px;
      padding-bottom: 8px;
      margin-bottom: 9px;
      background: url(../images/bullet_red.gif) 1px 4px no-repeat;
    }

    /*****************************************************
       CONTENT: PPC Examples
    *****************************************************/
    #content #ppc-controls ul {
      height: 75px;
      width: 600px;
      margin: 0 0 5px 0;
      padding: 0;
      list-style: none;
      background: url('../images/search_logos.jpg') 10px 0 no-repeat;
    }
    #content #ppc-controls ul li {
      background: none;
      height: 75px;
      float: left;
    }
    #content #ppc-controls ul li a {
       display: block;
       height: 75px;
       overflow: hidden;
       text-indent: -999em;
    }
    #content #ppc-controls ul li.google a {
      width: 175px;
    }
    #content #ppc-controls ul li.yahoo a {
      width: 185px;
    }
    #content #ppc-controls ul li.msn a {
      width: 195px;
    }
    #content #ppc-examples .diagrams {
      display: none;
    }
    #content #ppc-examples #ppc-example-google.diagrams {
      display: block;
    }

   /*****************************************************
     CONTENT: Portfolio
   *****************************************************/
   #content .portfolio .folio-item {
     float: left;
     width: 176px;
     margin-right: 32px;
     margin-bottom: 24px;
   }
   #content .portfolio .last {
     margin-right: 0;
   }
   #content .portfolio .folio-item img {
     display: block;
     margin-bottom: 14px;
   }
   #content .portfolio .folio-item a {
     display: block;
     float: left;
     text-decoration: none;
     font-size: 11px;
     color: #777777;
     padding: 5px;
     border: 1px solid #fff;
   }
   #content .portfolio .folio-item a:hover {
    border: 1px solid red;
   }

   #content .portfolio .folio-item a span {
     padding-left: 9px;
     background: url('../images/bullet_red.gif') 0 3px no-repeat;
   }

    /*****************************************************
      CONTENT: Logos
    *****************************************************/
    #content .logos h3 {
      font-size: 1px;
      text-indent: -9999px;
    }
    #content .logos ul  {
      height: 70px;
      text-indent: -9999px;
      background: url(../images/bg_logos.gif) bottom no-repeat;
    }
    #content .logos ul li {
      display: inline;
    }

    /*****************************************************
      CONTENT: Why Ology
    *****************************************************/
    #content .why-ology {
      float: left;
      width: 100%;
    }
    #content .why-ology h2 {
      height: 17px;
      margin-bottom: 0;
      text-indent: -9999px;
      background: url(../images/h2_why_ology.gif) no-repeat;
    }
    #content .why-ology h3 {
      height: 13px;
      margin: 3px 0 30px 0;
      text-indent: -9999px;
      background: url(../images/h3_secret_weapon.gif) no-repeat;
    }

    #content .why-ology .answer:first-child {
      margin-bottom: 25px;
      border-bottom: 1px dotted #c8c8c8;
    }
    #content .why-ology .answer h4 {
      padding: 1px 5px 0 20px;
      background: url(../images/bullet_answer.gif) no-repeat;
    }
    #content .why-ology .answer p {
      padding: 0 5px 0 20px;
    }

/*****************************************************
      CONTENT: Rate Card
    *****************************************************/
    #content .rate-card {
      float: left;
      width: 100%;
    }
    #content .rate-card h2 {
	  height:18px;
	  margin-bottom:15px;
	  padding-top:10px;
	  text-indent:-9999px;
      background: url(../images/h2_rate_card.gif) no-repeat;
	 
    }

	#content .rate-card .column1 {
		width: 630px;
    }


	#content .rate-card h4 {
	  margin-bottom: 5px;
    }

	#content .rate-card ul {
		padding-left: 0px !important;
		margin-left: 20px !important;
		margin-top: 5px;
		margin-bottom: 5px;
	}

	#content .rate-card ul li {
		list-style: none;
		margin-bottom: 8px;
		padding-bottom: 8px;
		background: #F9F9F9;
		border-bottom: 1px solid #CCC;
		padding: 5px;
    }

	.rate_card_price{
		float: right;
		margin-right: 5px;
		margin-top: 3px;
	}

	#content .smaller{
		font-size: 10px;
		margin-left: 20px;
	}

	.spacing1 {
		margin-bottom: 30px;
	}

/*****************************************************
      CONTENT: Terms
    *****************************************************/
    #content .terms {
      float: left;
      width: 100%;
    }

	#content .terms p{
      font-size: 12px;
    }


    #content .terms h2 {
      height: 18px;
      margin-bottom: 15px;
	  padding-top: 10px;
      text-indent: -9999px;
      background: url(../images/h2_terms.gif) no-repeat;
    }
	
	#content .terms .column1 {
		width: 330px;
		margin-right: 17px;
		float: left;
    }

	#content .terms .column2 {
		width: 310px;
		float: left;
    }

	#content .terms h4 {
	  margin-bottom: 20px;
    }

	#content .terms ul {
		padding-left: 10px;
		margin-left: 25px !important;
		margin-top: 0px;
		margin-bottom: 15px;
	}

	#content .terms ul li, #content .terms ul li ul li {
		list-style: decimal;
		padding-bottom: 10px;
		font-size: 12px;
    }

	#content .terms ul li ul li {
		list-style: lower-alpha;
	}

	#content .terms .smaller{
		font-size: 10px;
		margin-left: 20px;
	}

	.spacing1 {
		margin-bottom: 30px;
	}

	.li_nospacing{
		margin-bottom: -20px !important;
	}

	.li_spacing{
		margin-top: 10px !important;
	}

	.li_style2{
		list-style: square !important;
	}

	.ul_style3{
		margin-bottom: 5px !important;
	}

	.ul_style3 li{
		list-style: square !important;
	}



/*****************************************************
      CONTENT: Terms Search
    *****************************************************/
    #content .terms_search {
      float: left;
      width: 100%;
    }

	#content .terms_search p{
      font-size: 12px;
    }


    #content .terms_search h2 {
      height: 18px;
      margin-bottom: 15px;
	  padding-top: 10px;
      text-indent: -9999px;
      background: url(../images/h2_sponsored_advertising_terms.gif) no-repeat;
    }
	
	#content .terms_search .column1 {
		width: 330px;
		margin-right: 17px;
		float: left;
    }

	#content .terms_search .column2 {
		width: 310px;
		float: left;
    }

	#content .terms_search h4 {
	  margin-bottom: 20px;
    }

	#content .terms_search ul {
		padding-left: 10px;
		margin-left: 25px !important;
		margin-top: 0px;
		margin-bottom: 15px;
	}

	#content .terms_search ul li, #content .terms_search ul li ul li {
		list-style: decimal;
		padding-bottom: 10px;
		font-size: 12px;
    }

	#content .terms_search ul li ul li {
		list-style: lower-alpha;
	}

	#content .terms_search .smaller{
		font-size: 10px;
		margin-left: 20px;
	}

	.spacing1 {
		margin-bottom: 30px;
	}

	.li_nospacing{
		margin-bottom: -20px !important;
	}

	.li_spacing{
		margin-top: 10px !important;
	}

	.li_style2{
		list-style: square !important;
	}

	.ul_style3{
		margin-bottom: 5px !important;
	}

	.ul_style3 li{
		list-style: square !important;
	}


    /*****************************************************
      CONTENT: Blog
    *****************************************************/
    #content .blog-articles {
      width: 637px;
    }
    #content .blog-articles .article {
      float: left;
      padding-bottom: 30px;
      width: 637px;
    }
    #content .blog-articles .article h1 {
      padding: 0 0 10px 0;
      color: #ad0d1f;
      font-size: 2.0em;
      font-weight: bold;
      border-bottom: 1px dotted #c8c8c8;
    }
    #content .blog-articles .article span.meta {
      display: block;
      margin: 0 0 30px 0;
      font-size: 1.1em;
    }
    #content .blog-articles .article .content img,
    #content .blog-articles .article .content object {
      float: left;
      margin-right: 10px;
      margin-bottom: 8px;
    }
    #content .blog-articles .article div.meta-wrapper {
      float: left;
      width: 637px;
      background: #ededed url('../images/bg_blog_meta_top.jpg') top no-repeat;
    }
    #content .blog-articles .article div.meta {
      position: relative;
      float: left;
      padding: 10px;
      width: 617px;
      background: url('../images/bg_blog_meta_btm.jpg') bottom no-repeat;
    }
    #content .blog-articles .article div.meta p {
      display: inline;
      margin: 0;
      padding: 0;
      font-size: 1.1em;
    }
    #content .blog-articles .article div.meta p.rss {
      position: absolute;
      right: 10px;
    }
    #content .blog-articles .article div.meta p.rss a {
      display: block;
      text-indent: -9999px;
      outline: 0;
      width: 17px; height: 16px;
      background: url('../images/icon_rss.gif') no-repeat;
    }
    #content .blog-articles .article div.meta .share-this {
      position: absolute;
      right: 40px;
    }


  /*****************************************************
   MAIN: SIDEBAR
  ****************************************************/
  #sidebar {
    float: right;
    margin-bottom: 20px;
    width: 302px;
  }

    /*****************************************************
     MAIN: SIDEBAR - Forms (Slider) Widget
    ****************************************************/
	
	
	.request_consultation a{
		display: block;
		background: url(../images/request_consultation.gif) top center no-repeat;
		width: 303px;
		height: 90px;
		margin-bottom: 10px;
	}
	
	.request_consultation a:hover{
		background: url(../images/request_consultation.gif) bottom center no-repeat;
	}
	
	h2.request_consultation_title {
	  padding: 0 0 30px 0;
	  height: 18px;
	  text-indent: -9999px;
	  background: url(../images/h2_request_consultation_title.gif) 0 0px no-repeat;
	}
	
	.request_info a{
		display: block;
		background: url(../images/request_info.gif) top center no-repeat;
		width: 303px;
		height: 90px;
		margin-bottom: 10px;
	}
	
	.request_info a:hover{
		background: url(../images/request_info.gif) bottom center no-repeat;
	}
	
	h2.request_info_title {
	  padding: 0 0 30px 0;
	  height: 18px;
	  text-indent: -9999px;
	  background: url(../images/h2_request_info_title.gif) 0 0px no-repeat;
	}

	.request_consultation a span, .request_info a span{
		display: none;
	}
	
    #sidebar #request-forms-wrapper {
      position: relative;
      float: left;
      margin: 0 0 20px 0;
    }
    #sidebar .requests {
      float: left;
      padding: 0 0 12px 0;
      background: url(../images/slider_btm.gif) left bottom no-repeat;
    }
    #sidebar .requests .control {
      float: left;
      width: 284px;
      height: 24px;
      margin: 0;
      padding: 8px 0 0 25px;
      font-size: 12px;
      cursor: pointer;
      background: url(../images/slider_control.gif) left no-repeat;
    }
    #sidebar .requests .active .control {
      color: #ad0d1f;
      background: url(../images/slider_control_active.gif) no-repeat;
    }
    #sidebar .requests .first .control {
      height: 21px;
      padding-top: 13px;
      background: url(../images/slider_control_first.gif) no-repeat;
    }
    #sidebar .requests .first.active .control {
      background: url(../images/slider_control_first_active.gif) no-repeat;
    }
    html[xmlns] #sidebar .requests .control .request-consultation {
      display: block;
      height: 28px;
      text-indent: -9999px;
      background: url(../images/slider_h3_request_consultation.png) 0 1px no-repeat;
    }
    html[xmlns] #sidebar .requests .active .request-consultation {
      background: url(../images/slider_h3_request_consultation_active.png) 0 1px no-repeat;
    }
    html[xmlns] #sidebar .requests .control .request-evaluation {
      display: block;
      height: 28px;
      text-indent: -9999px;
      background: url(../images/slider_h3_request_evaluation.png) 0 3px no-repeat;
    }
    html[xmlns] #sidebar .requests .active .request-evaluation {
      background: url(../images/slider_h3_request_evaluation_active.png) 0 3px no-repeat;
    }
    html[xmlns] #sidebar .requests .control .request-more-info {
      display: block;
      height: 28px;
      text-indent: -9999px;
      background: url(../images/slider_h3_request_more_info.png) 0 3px no-repeat;
    }
    html[xmlns] #sidebar .requests .active .request-more-info {
      background: url(../images/slider_h3_request_more_info_active.png) 0 3px no-repeat;
    }
    html[xmlns] #sidebar .requests .control .request-return-call {
      display: block;
      height: 28px;
      text-indent: -9999px;
      background: url(../images/slider_h3_request_return_call.png) 0 3px no-repeat;
    }
    html[xmlns] #sidebar .requests .active .request-return-call {
      background: url(../images/slider_h3_request_return_call_active.png) 0 3px no-repeat;
    }
	.request-return-call-new {
      display: block;
      height: 36px;
	  width: 303px;
      text-indent: -9999px;
      background: url(../images/please_call_me.gif) no-repeat;
	  margin-bottom: 0px;
    }
    #sidebar .requests .content {
      position: relative;
      float: left;
      width: 300px;
      padding-bottom: 15px;
      margin: 0 0 0 1px;
      /*background: #d8d8d8 url(../images/slider_content_bg.gif) left top no-repeat;*/
      background: #e9e9e9 url(../images/slider_content_bg.png) left top no-repeat;;
    }
    #sidebar .requests form {
      margin: 0 0 0 0;
      padding: 0 0 0 0;
      height: 100%;
    }
    #sidebar .requests form p {
      clear: both;
      padding: 5px 0 5px 0;
      margin: 0;
      color: #fff;
      text-align: left;
    }
    #sidebar .requests form p.submit {
      clear: both;
      padding: 0px;
    }
    #sidebar .requests form label {
      display: block;
      float: left;
      width: 65px;
      color: #777;
      display: none;
    }
    #sidebar .requests form input,
    #sidebar .requests form select {
      float: left;
      clear: left;
      display: block;
      margin: 0 3px 0 0;
      color: #777;
    }
    #sidebar .requests form textarea {
	  font-family: Arial, Helvetica, sans-serif;
      display: block;
      margin-bottom: 10px;
      color: #777;
      width: 203px;
    }
    #request_consultation_consultation_time_am_pm {
      float: left;
      clear: none !important;
    }
    #sidebar .requests form p.info { margin-bottom: 8px; }
    #sidebar .requests form select.sub { clear: both; margin-top: 5px; }
    #sidebar .requests form input.name { width: 165px; }
    #sidebar .requests form input.phone { width: 155px; }
    #sidebar .requests form input.email { width: 185px; }
    #sidebar .requests form input.address { width: 175px; }
    #sidebar .requests form input.date { width: 130px; }
    #sidebar .requests form input.submit {
      clear: both;
      float: right;
      margin: 8px 23px 0 0;
      width: 75px;
      height: 25px;
      font-size: 0px;
      border: 0;
      background: url(../images/slider_submit_btn.gif) no-repeat;
    }
    #sidebar .requests .focus {
      float: left;
      height: 40px;
      width: 100%;
      padding: 12px 0 0 70px;
    }
    #sidebar #request_consultation .focus {
      background: url('../images/request_form_consultation_focus.gif') 15px 10px no-repeat;
    }
    #sidebar #request_evaluation .focus {
      padding: 12px 0 0 120px;
      background: url('../images/request_form_evaluation.gif') 15px 10px no-repeat;
    }
    #sidebar #request_return_call .focus {
        padding: 17px 0 0 120px;
        background: url('../images/request_form_return_call_focus.gif') 15px 10px no-repeat;
    }
    #sidebar #request_information .focus {
        padding: 12px 0 0 120px;
        background: url('../images/request_form_more_info_focus.gif') 15px 10px no-repeat;
    }
    #sidebar .requests .therest {
      float: left;
      padding: 10px 0 0 35px;
    }


    /*****************************************************
     MAIN: SIDEBAR - Openings Widget
    ****************************************************/
    #sidebar .current-openings-wrapper {
      background: url(../images/slider_rpt.gif) top repeat-y;
    }
    #sidebar .current-openings {
      padding: 0 0 12px 0;
      background: url(../images/slider_btm.gif) bottom no-repeat;
    }
    #sidebar .current-openings h3 {
      height: 36px;
      margin: 0;
      text-indent: -9999px;
      background: url(../images/current_openings_heading.gif) top no-repeat;
    }
    #sidebar .current-openings .opening {
      margin: 0 14px;
      padding: 20px 0 0 20px;
      border-bottom: 1px dotted #c2c2c2;
      background: url(../images/icon_opening.gif) 0 20px no-repeat;
    }
    #sidebar .current-openings .last {
      border: 0;
    }
    #sidebar .current-openings .opening h4 {
      margin-bottom: 4px;
    }

    /*****************************************************
     MAIN: SIDEBAR - Testimonials Widget
    ****************************************************/
    #testimonials {
      width: 304px;
      height: 221px;
      margin-bottom: 10px;
      position: relative;
      overflow: hidden !important;
      background: url('../images/bg_testimonial.gif') no-repeat;
    }

    #testimonials .container {
      height: 165px;
      width: 285px;
      position: relative;
      overflow: hidden !important;
    }

    #testimonials ul {
      position: absolute;
    }

    #testimonials ul li {
      width: 228px;
      height: 255px;
      padding: 20px 0 0 32px;
      text-align: center;
      list-style:none;
      background: url('../images/testimonials_quote_left.png') no-repeat 0 13px;
    }

    #testimonials ul li div.content {
      padding: 0 20px 0 1px;
      background: url('../images/testimonials_quote_right.png') no-repeat bottom right;
    }

    #testimonials ul li p {
      font-size: 12px;
      margin-bottom: 5px;
    }

    #testimonials ul li .person {
      display: block;
      font-weight: bold;
      margin-top: 10px;
      font-size: 14px;
    }

    #testimonials ul li .company {
      display: block;
      font-size: 11px;
    }

    #testimonials .previous_button {
      position: absolute;
      right: 15px;
      top: 10px;
      height: 5px;
      width: 9px;
      background: url('../images/btn_testimonials_up.gif') no-repeat;
      cursor: pointer;
    }

    #testimonials .previous_button_disabled {
      background: url('../images/btn_testimonials_up_disabled.gif') no-repeat;
      cursor: default;
    }

    #testimonials .next_button {
      position: absolute;
      right: 15px;
      top: 175px;
      height: 5px;
      width: 9px;
      background: url('../images/btn_testimonials_down.gif') no-repeat;
      cursor: pointer;
    }

    #testimonials .next_button_disabled {
      background: url('../images/btn_testimonials_down_disabled.gif') no-repeat;
      cursor: default;
    }

    /*****************************************************
     MAIN: SIDEBAR - Callouts
    ****************************************************/
    #sidebar .callout {
      margin-bottom: 20px;
    }

      /*****************************************************
       MAIN: SIDEBAR - Callouts: Domain Registration
      ****************************************************/
      #sidebar .domain-registration {
        position: relative;
        width: 302px;
        height: 177px;
        background: url(../images/callout_domain_reg.gif) no-repeat;
      }
      #sidebar .domain-registration h3,
      #sidebar .domain-registration h4 {
        text-indent: -9999px;
      }
      #sidebar .domain-registration form {
        margin: 36px 0 0 20px;
        width: 274px;
      }
      #sidebar .domain-registration form input.text {
        width: 150px;
        padding: 3px 3px;
        margin-right: 2px;
      }
      #sidebar .domain-registration form input.select {
        width: 75px;
      }
      #sidebar .domain-registration form input.submit {
        position: absolute;
        display: block;
        top: 126px;
        right: 14px;
        width: 87px;
        height: 38px;
        padding: 0;
        border: 0;
        font-size: 0px;
        text-align: left;
        color: #fff;
        background: url('../images/btn_search_callout.gif') no-repeat;
      }

      /*****************************************************
       MAIN: SIDEBAR - Callouts: Client Login
      ****************************************************/
      #sidebar .client-login {
        position: relative;
        width: 302px;
        height: 117px;
        background: url(../images/callout_client_login.gif) no-repeat;
      }
      #sidebar .client-login h3 {
        text-indent: -9999px;
      }
      #sidebar .client-login form {
        margin: 40px 0 0 20px;
        width: 274px;
      }
      #sidebar .client-login form input.text {
        width: 150px;
        padding: 3px 3px;
        margin-right: 2px;
      }
      #sidebar .client-login form input.submit {
        position: absolute;
        top: 50px;
        right: 14px;
        width: 63px;
        height: 38px;
        padding: 0;
        border: 0;
        font-size: 0px;
        text-align: left;
        color: #fff;
        background: url('../images/btn_go_login.gif') no-repeat;
      }


    /*****************************************************
     MAIN: SIDEBAR - General Manager Video
    ****************************************************/
    #sidebar #from-the-gm {
      margin-bottom: 20px;
      height: 291px;
      background: url(../images/callout_from_gm_bg.gif) no-repeat;
    }
    #sidebar #from-the-gm h3 {
      height: 32px;
      text-indent: -9999px;
    }
    #sidebar #gm-video {
      margin: 0 9px;
    }

    /*****************************************************
     MAIN: SIDEBAR - Blog Menus
    ****************************************************/
    #sidebar .blog-menu-wrapper {
      margin-bottom: 30px;
      background: url(../images/slider_rpt.gif) top repeat-y;
    }
    #sidebar .blog-menu {
      padding: 0 0 12px 0;
      background: url(../images/slider_btm.gif) bottom no-repeat;
    }
    #sidebar .blog-menu h3.categories {
      height: 36px;
      margin: 0;
      text-indent: -9999px;
      background: url(../images/blog_categories_heading.gif) 1px 0 no-repeat;
    }
    #sidebar .blog-menu h3.archives {
      height: 36px;
      margin: 0;
      text-indent: -9999px;
      background: url(../images/blog_archives_menu_heading.gif) 1px 0 no-repeat;
    }
    #sidebar .blog-menu .nav {
      margin: 10px 20px 10px 20px;
    }
    #sidebar .blog-menu .nav ul {
      margin: 0;
      padding: 0;
      list-style: none;
    }
    #sidebar .blog-menu .nav ul li {
      padding: 5px 5px 5px 10px;
      border-bottom: 1px dotted #dddddd;
      background: url('../images/bullet_red.gif') left no-repeat;
    }
    #sidebar .blog-menu .nav ul li a {
     color: #777777;
     text-decoration: none;
    }
    #sidebar .blog-menu .nav ul li a:hover {
     text-decoration: underline;
    }

/*****************************************************
 FOOTER:
****************************************************/
#footer-wrapper {
  float: left;
  position: relative;
  clear: both;
  padding: 10px 0 20px 0;
  width: 100%;
  text-align: center;
  background: #696969 url(../images/bg_footer_rpt.gif) top repeat-x;
}
#footer {
  position: relative;
  margin: 0 auto;
	width: 980px;
	color: #fff;
}
#footer .navigation {
  height: 65px;
}
#footer .navigation ul {
  position: absolute;
  margin: -1px 0 0 0;
  height: 27px;
  list-style: none;
}
#footer .navigation ul li {
  float: left;
  margin-right: 5px;
}
#footer .navigation ul li a {
  display: block;
  height: 27px;
  text-indent: -9999px;
  outline: 0;
}
#footer .navigation ul li.web-design,
#footer .navigation ul li.web-design a {
  width: 92px;
  background: url(../images/foot_nav_tabs.gif) 0 0 no-repeat;
}
#section-web-design #footer .navigation ul li.web-design a,
#footer .navigation ul li.web-design a:focus,
#footer .navigation ul li.web-design a:hover {
  background: url(../images/foot_nav_tabs.gif) 0 -27px no-repeat;
}

#footer .navigation ul li.e-commerce,
#footer .navigation ul li.e-commerce a {
  width: 97px;
  background: url(../images/foot_nav_tabs.gif) -97px 0 no-repeat;
}
#section-e-commerce #footer .navigation ul li.e-commerce a,
#footer .navigation ul li.e-commerce a:focus,
#footer .navigation ul li.e-commerce a:hover {
  background: url(../images/foot_nav_tabs.gif) -97px -27px no-repeat;
}

#footer .navigation ul li.app-design,
#footer .navigation ul li.app-design a {
  width: 87px;
  background: url(../images/foot_nav_tabs.gif) -198px 0 no-repeat;
}
#section-app-design #footer .navigation ul li.app-design a,
#footer .navigation ul li.app-design a:focus,
#footer .navigation ul li.app-design a:hover {
  background: url(../images/foot_nav_tabs.gif) -198px -27px no-repeat;
}

#footer .navigation ul li.mobi-design,
#footer .navigation ul li.mobi-design a {
  width: 96px;
  background: url(../images/foot_nav_tabs.gif) -289px 0 no-repeat;
}
#section-mobi-design #footer .navigation ul li.mobi-design a,
#footer .navigation ul li.mobi-design a:focus,
#footer .navigation ul li.mobi-design a:hover {
  background: url(../images/foot_nav_tabs.gif) -289px -27px no-repeat;
}

#footer .navigation ul li.search-engines,
#footer .navigation ul li.search-engines a {
  width: 113px;
  background: url(../images/foot_nav_tabs.gif) -388px 0 no-repeat;
}
#section-seo #footer .navigation ul li.search-engines a,
#footer .navigation ul li.search-engines a:focus,
#footer .navigation ul li.search-engines a:hover {
  background: url(../images/foot_nav_tabs.gif) -388px -27px no-repeat;
}

#footer .navigation .back-to-top {
  position: absolute;
  top: 0; right: 0;
}
#footer .navigation .back-to-top a {
  display: block;
  width: 62px;
  height: 23px;
  outline: 0;
  text-indent: -9999px;
  background: url(../images/foot_tab_top.gif) no-repeat;
}

#footer h3 {
  color: #fff;
  padding-bottom: 13px;
  width: 309px;
  font-size: 1.8em;
  font-weight: normal;
  border-bottom: 1px dotted #828283;
}
#footer p {
  font-size: 1.1em;
}
#footer a {
  color: #fff;
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
}
#footer .column {
  float: left;
  width: 310px;
  margin-right: 20px;
}
#footer .contact {
  margin-right: 0;
}
html[xmlns] #footer .about h3 {
  text-indent: -9999px;
  padding-bottom: 8px;
  background: url(../images/footer_h3_ology_experience.png) no-repeat;
}
html[xmlns] #footer .newsletter h3 {
  text-indent: -9999px;
  padding-bottom: 8px;
  background: url(../images/footer_h3_up_to_date.png) no-repeat;
}
html[xmlns] #footer .contact h3 {
  text-indent: -9999px;
  padding-bottom: 8px;
  background: url(../images/footer_h3_contact_information.png) no-repeat;
}

#footer .contact ul {
  float: left;
  margin: 0;
  width: 100px;
  font-size: 1.1em;
  list-style: none;
}
#footer .contact ul li {
  font-size: 11px;
  padding: 0 0 15px 20px;
}
html[xmlns] #footer .contact ul li.phone {
  background: url(../images/icon_phone.png) top left no-repeat;
}
html[xmlns] #footer .contact ul li.fax {
  background: url(../images/icon_fax.png) top left no-repeat;
}
html[xmlns] #footer .contact ul li.email {
  background: url(../images/icon_email.png) 0 3px no-repeat;
}
#footer .contact ul li span {
  display: none;
}
html[xmlns] #footer .contact .office {
  float: right;
  margin: 0;
  width: 120px;
  padding: 0 0 0 20px;
  background: url(../images/icon_office.png) top left no-repeat;
}
#footer .contact .office span {
  display: block;
  font-weight: bold;
  padding-bottom: 5px;
}
#footer #news_letter_signup {
  margin-top: -8px;
  position: relative;
}
#footer #news_letter_signup p {
  margin: 0 0 8px 0;
}
#footer #news_letter_signup input.text {
  display: inline-block;
  margin-bottom: 4px;
  width: 182px;
  color: #fff !important;
  background: #424242;
  border: 1px solid #929292;
}
#footer #news_letter_signup input.submit {
  position: absolute;
  top: 67px;
  right: 42px;
  width: 68px;
  height: 31px;
  border: 0;
  text-align: left;
  font-size: 1px;
  color: #424242;
  background: url('../images/btn_submit_footer.gif') no-repeat;
}


/*****************************************************
 EXTENDED FOOTER:
****************************************************/
#extended-wrapper {
  clear: both;
  position: relative;
  height: 20px;
  padding: 20px 0 15px 0;
  background: #545454;
  border-top: 1px dotted #828283;
}
#extended {
  position: relative;
  margin: 0 auto;
	width: 980px;
	color: #b6b6b6;
	font-size: 1.1em;
}
#extended a {
  color: #fff;
}
#extended .copyright {
  float: left;
  height: 21px;
  padding: 4px 0 0 25px;
  background: url(../images/copyright_icon.gif) left no-repeat;
}
#extended .validate {
  float: right;
  height: 21px;
  padding: 4px 0 0;
}
#extended .xhtml {
  display: inline-block;
  padding: 3px 15px 0 3px;
  background: url(../images/validate_icon.gif) top right no-repeat;
}
#extended .css {
  display: inline-block;
  padding: 3px 17px 0 3px;
  background: url(../images/validate_icon.gif) top right no-repeat;
}


/*****************************************************
 IMAGE REPLACEMENTS: H1's
****************************************************/
h1.best-web-design {
  padding: 20px 0 10px 0;
  height: 14px;
  text-indent: -9999px;
  background: url(../images/h1_verybest.gif) 0 10px no-repeat;
}
#section-legal h1.disclaimer {
  padding: 20px 0 18px 0;
  height: 14px;
  text-indent: -9999px;
  background: url(../images/h1_disclaimer.gif) 0 15px no-repeat;
}
#section-legal h1.privacy {
  padding: 20px 0 18px 0;
  height: 17px;
  text-indent: -9999px;
  background: url(../images/h1_privacy.gif) 0 15px no-repeat;
}

/*****************************************************
 IMAGE REPLACEMENTS: H2's
****************************************************/
h2.why-the-best {
  padding: 0 0 30px 0;
  height: 14px;
  text-indent: -9999px;
  background: url(../images/h2_why_best.gif) 0 0px no-repeat;
}
h3.design-process {
  padding: 0 0 10px 0;
  text-indent: -9999px;
  background: url(../images/h2_design_process.gif) 0 10px no-repeat;
}
h2.contact-us {
  padding: 5px 0 18px 0;
  height: 14px;
  text-indent: -999px;
  background: url(../images/h2_contact_us.gif) 0 5px no-repeat;
  }
h2.newsletter {
  padding: 5px 0 18px 0;
  height: 14px;
  text-indent: -999px;
  background: url(../images/h2_newsletter.gif) 0 5px no-repeat;
}
h2.find-us {
  padding: 5px 0 18px 0;
  height: 14px;
  text-indent: -999px;
  background: url(../images/h2_find_us.gif) 0 5px no-repeat;
}
h2.contact-information {
  padding: 5px 0 18px 0;
  height: 14px;
  text-indent: -999px;
  background: url(../images/h2_contact_information.gif) 0 5px no-repeat;
}
h2.apply-for-position {
  padding: 5px 0 18px 0;
  height: 14px;
  text-indent: -999px;
  background: url(../images/h2_apply_for_position.gif) 0 5px no-repeat;
}

/*****************************************************
 IMAGE REPLACEMENTS: H3's
****************************************************/

h3.web-design-portfolio {
  padding: 8px 0 0px 0;
  height: 14px;
  text-indent: -999px;
  background: url('../images/h3/h3-webdesign-portfolio.gif') 0 5px no-repeat;
}

h3.ecommerce-overview {
  padding: 8px 0 0px 0;
  height: 14px;
  text-indent: -999px;
  background: url('../images/h3/h3-ecommerce-overview.gif') 0 5px no-repeat;
}

h3.ecommerce-consultation {
  padding: 8px 0 0px 0;
  height: 14px;
  text-indent: -999px;
  background: url('../images/h3/h3-ecommerce-consultation.gif') 0 5px no-repeat;
}

h3.ecommerce-features {
  padding: 8px 0 0px 0;
  height: 14px;
  text-indent: -999px;
  background: url('../images/h3/h3-ecommerce-features.gif') 0 5px no-repeat;
}

h3.ecommerce-portfolio {
  padding: 8px 0 0px 0;
  height: 14px;
  text-indent: -999px;
  background: url('../images/h3/h3-ecommerce-portfolio.gif') 0 5px no-repeat;
}

h3.apps-overview {
  padding: 8px 0 0px 0;
  height: 14px;
  text-indent: -999px;
  background: url('../images/h3/h3-apps-overview.gif') 0 5px no-repeat;
}

h3.apps-advanced {
  padding: 8px 0 0px 0;
  height: 14px;
  text-indent: -999px;
  background: url('../images/h3/h3-apps-advanced.gif') 0 5px no-repeat;
}

h3.apps-integration {
  padding: 8px 0 0px 0;
  height: 14px;
  text-indent: -999px;
  background: url('../images/h3/h3-apps-integration.gif') 0 5px no-repeat;
}

h3.apps-uidesign {
  padding: 8px 0 0px 0;
  height: 14px;
  text-indent: -999px;
  background: url('../images/h3/h3-apps-uidesign.gif') 0 5px no-repeat;
}

h3.mobi-overview {
  padding: 8px 0 0px 0;
  height: 14px;
  text-indent: -999px;
  background: url('../images/h3/h3-mobi-overview.gif') 0 5px no-repeat;
}

h3.mobi-sites {
  padding: 8px 0 0px 0;
  height: 14px;
  text-indent: -999px;
  background: url('../images/h3/h3-mobi-sites.gif') 0 5px no-repeat;
}

h3.mobi-apps {
  padding: 8px 0 0px 0;
  height: 14px;
  text-indent: -999px;
  background: url('../images/h3/h3-mobi-apps.gif') 0 5px no-repeat;
}

h3.seo-overview {
  padding: 8px 0 0px 0;
  height: 14px;
  text-indent: -999px;
  background: url('../images/h3/h3-seo-overview.gif') 0 5px no-repeat;
}

h3.seo-optimisation {
  padding: 8px 0 0px 0;
  height: 14px;
  text-indent: -999px;
  background: url('../images/h3/h3-seo-optimisation.gif') 0 5px no-repeat;
}

h3.seo-ppc {
  padding: 8px 0 0px 0;
  height: 14px;
  text-indent: -999px;
  background: url('../images/h3/h3-seo-ppc.gif') 0 5px no-repeat;
}

h3.seo-edm {
  padding: 8px 0 0px 0;
  height: 14px;
  text-indent: -999px;
  background: url('../images/h3/h3-seo-edm.gif') 0 5px no-repeat;
}

h3.seo-stats {
  padding: 8px 0 0px 0;
  height: 14px;
  text-indent: -999px;
  background: url('../images/h3/h3-seo-stats.gif') 0 5px no-repeat;
}


/*****************************************************
 WEB DESIGN PROCESS ICONS
****************************************************/
#section-web-design .features .client-consultation {
  background: url('../images/box_icon_consultaion.gif') 4px 19px no-repeat;
}
#section-web-design .features .design {
  background: url('../images/box_icon_design.gif') 0 19px no-repeat;
}
#section-web-design .features .development {
  background: url('../images/box_icon_development.gif') 0 19px no-repeat;
}
#section-web-design .features .site-launch {
  background: url('../images/box_icon_launch.gif') 0 19px no-repeat;
}
#section-web-design .features .promotion {
  background: url('../images/box_icon_promotion.gif') 0 19px no-repeat;
}

/*****************************************************
 APP DESIGN ICONS
****************************************************/
#section-app-design .features .programming {
  background: url('../images/box_icon_programming.gif') 0 19px no-repeat;
}
#section-app-design .features .operating-systems {
  background: url('../images/box_icon_os.gif') 0 19px no-repeat;
}
#section-app-design .features .platforms {
  background: url('../images/box_icon_platform.gif') 0 19px no-repeat;
}
#section-app-design .features .web-apps {
  background: url('../images/box_icon_web_apps.gif') 0 19px no-repeat;
}
#section-app-design .features .middleware {
  background: url('../images/box_icon_middleware.gif') 0 19px no-repeat;
}
#section-app-design .features .databases {
  background: url('../images/box_icon_database.gif') 0 19px no-repeat;
}

/*****************************************************
 E-COM ICONS
****************************************************/
#section-e-commerce .features .secure-cart{
  background: url('../images/box_icon_cart.gif') 0 19px no-repeat;
}
#section-e-commerce .features .payment-processing {
  background: url('../images/box_icon_payment.gif') 0 19px no-repeat;
}
#section-e-commerce .features .shipping-fulfillment {
  background: url('../images/box_icon_shipping.gif') 0 19px no-repeat;
}
#section-e-commerce .features .unlimited-catalog {
  background: url('../images/box_icon_catalogue.gif') 0 19px no-repeat;
}
#section-e-commerce .features .content-management {
  background: url('../images/box_icon_cms.gif') 0 19px no-repeat;
}
#section-e-commerce .features .cross-selling {
  background: url('../images/box_icon_cross_selling.gif') 13px 19px no-repeat;
}
#section-e-commerce .features .traffic-sales-reports {
  background: url('../images/box_icon_reports.gif') 0 19px no-repeat;
}
#section-e-commerce .features .customer-management{
  background: url('../images/box_icon_customers.gif') 0 19px no-repeat;
}
#section-e-commerce .features .auto-tracking      {
  background: url('../images/box_icon_tracking.gif') 0 19px no-repeat;
}
#section-e-commerce .features .coupon-discounts   {
   background: url('../images/box_icon_coupons.gif') 0 19px no-repeat;
}
#section-e-commerce .features .affiliates-program {
  background: url('../images/box_icon_affilliates.gif') 0 19px no-repeat;
}

/*****************************************************
 MOBILE ICONS
****************************************************/
#section-mobi-design .features .widgets {
  background: url('../images/box_tab_widgets.gif') 0 19px no-repeat;
}
#section-mobi-design .features .mobile-blogging {
  background: url('../images/box_icon_blogging.gif') 0 19px no-repeat;
}
#section-mobi-design .features .slideshows {
  background: url('../images/box_icon_slideshows.gif') 0 19px no-repeat;
}
#section-mobi-design .features .maps  {
  background: url('../images/box_icon_slideshows.gif') 0 19px no-repeat;
}
#section-mobi-design .features .gamecasts {
  background: url('../images/box_icon_gamecasts.gif') 5px 19px no-repeat;
}
#section-mobi-design .features .shopping {
  background: url('../images/box_icon_cart.gif') 0 19px no-repeat;
}
#section-mobi-design .features .photo-management {
  background: url('../images/box_icons_photo.gif') 0 19px no-repeat;
}
#section-mobi-design .features .mobile-banking {
  background: url('../images/box_icon_banking.gif') 9px 19px no-repeat;
}
#section-mobi-design .features .videos {
  background: url('../images/box_icon_video.gif') 0 19px no-repeat;
}
#section-mobi-design .features .browsing {
  background: url('../images/box_icon_browsing.gif') 0 19px no-repeat;
}

/*****************************************************
 SEO ICONS
****************************************************/
#section-seo .optimisation .keyword-research {
  background: url('../images/box_icon_keyword.gif') 0 19px no-repeat;
}
#section-seo .optimisation .submission {
  background: url('../images/box_icon_submission.gif') 0 19px no-repeat;
}
#section-seo .optimisation .analysis {
  background: url('../images/box_icon_analysis.gif') 0 19px no-repeat;
}
#section-seo .optimisation .link-development {
  background: url('../images/box_icon_inbound.gif') 0 19px no-repeat;
}
#section-seo .optimisation .content-optimisation {
 background: url('../images/box_icon_optimisation.gif') 0 19px no-repeat;
}


/*****************************************************
  CONTACT PAGE
*****************************************************/
#section-contact .item {
  width: 623px;
  float: left;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px dotted #c8c8c8;
}
#section-contact .contact-us {
  width: 620px;
  border-bottom: 0;
}
#section-contact .contact-us label {
  display: block;
  margin: 20px 0 5px 0;
  font-size: 1.2em;
  font-weight: bold;
}
#section-contact .contact-us input {
  width: 300px;
  padding: 4px;
}
#section-contact .contact-us select {
  width: 310px;
  padding: 4px;
}
#section-contact .contact-us textarea {
  width: 100%;
  height: 140px;
}
#section-contact .contact-us .submit {
  position: relative;
  clear: both;
  padding: 10px 0 0 0;
  height: 40px;
}
#section-contact .contact-us .submit input {
  position: absolute;
  display: block;
  right: -15px;
  width: 96px;
  height: 38px;
  border: 0;
  text-indent: -9999px;
  font-size: 1px;
  text-align: left;
  color: #e7e7e7;
  background: url('../images/btn_submit.gif') no-repeat;
}
#section-contact .contact-information h3 {
  font-size: 1.2em;
  margin: 0;
  padding-bottom: 3px;
  padding-left: 25px;
}
#section-contact .contact-information p {
  font-size: 1.1em;
  padding-left: 25px;
}
#section-contact .contact-information .columns {
  float: left;
  width: 100%;
  background: url('../images/bg_contact_info_rpt.gif') repeat-y;
}
#section-contact .contact-information .column-1 {
  width: 170px;
}
#section-contact .contact-information .column-2 {
  width: 200px;
}
#section-contact .contact-information .column-3 {
  padding-left: 195px;
  padding-right: 255px;
}
#section-contact .contact-information .phone h3 {
  background: url('../images/contact_info_icon_phone.gif') left no-repeat;
}
#section-contact .contact-information .fax h3 {
  background: url('../images/contact_info_icon_fax.gif') left no-repeat;
}
#section-contact .contact-information .email h3 {
  background: url('../images/contact_info_icon_email.gif') left no-repeat;
}
#section-contact .contact-information .msn h3 {
  background: url('../images/contact_info_icon_msn.gif') left no-repeat;
}
#section-contact .contact-information .office h3 {
  background: url('../images/contact_info_icon_office.gif') left no-repeat;
}
#section-contact .contact-information .mailing {
  margin-top: 5px;
  padding-top: 15px;
  border-top: 1px dotted #c8c8c8;
}
#section-contact .contact-information .mailing h3 {
  background: url('../images/contact_info_icon_mail.gif') left no-repeat;
}
#section-contact .contact-information .who h3 {
  background: url('../images/contact_info_icon_who.gif') left no-repeat;
}

/*****************************************************
  CAREERS PAGE
*****************************************************/
#section-careers form .group {
  width: 590px;
  float: left;
  padding-bottom: 20px;
  margin-bottom: 10px;
  border-bottom: 1px dotted #c8c8c8;
}
#section-careers .column-1 .field,
#section-careers .column-2 .field {
  width: 281px;
}
#section-careers .field label {
  display: block;
  margin: 10px 0 5px 0;
  font-size: 1.2em;
  font-weight: bold;
}
#section-careers .field label .note {
  font-size: 9px;
}
#section-careers .field label.column-1,
#section-careers .field label.column-2 {
  font-weight: normal;
  font-size: 1.1em;
}
#section-careers .field input {
  width: 280px;
  padding: 4px;
}
#section-careers .field select {
  width: 290px;
  padding: 4px;
}
#section-careers .field textarea {
  width: 100%;
  margin-bottom: 10px;
}

#section-careers .submit {
  position: relative;
  clear: both;
  padding: 10px 0 0 0;
  height: 40px;
}
#section-careers .submit input {
  position: absolute;
  left: -7px;
  width: 161px;
  height: 38px;
  border: 0;
  text-indent: -9999px;
  font-size: 0px;
  text-align: left;
  color: #fff;
  background: url('../images/btn_submit_application.gif') no-repeat;
}
#section-careers .slider {
  height: 7px;
  width: 166px;
  margin-left: -20px;
  padding-top: 25px;
  background: url('../images/bg_slider_rating.gif') 0 10px no-repeat;
}
#section-careers .slider-track {
  width: 164px;
  background-color:#ccc;
  height: 4px;
}
#section-careers .slider-ctrl {
  width: 10px;
  height: 4px;
  background-color:#f00;
  cursor: pointer;
}


/*****************************************************
  Forms
*****************************************************/
form input.text,
form select,
form textarea {
  color: #777777;
}

/*****************************************************
  Misc Classes
*****************************************************/
.focus-box {
  margin: 0 5px 15px 15px;
  padding: 10px 10px 0 10px;
  background: #f4f5c3;
  border: 1px dotted #c4c4c4;
}

.home_link{
	color: #777 !important;
	text-decoration: none !important;
}

/*****************************************************
  Wordpress
*****************************************************/

p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.alignright {
	float: right !important;
	padding: 0px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignleft {
	float: left !important;
	padding: 0px;
	margin: 0 0 2px 7px;
	display: inline;
	}

.blog-articles ul li{
	margin-left: 15px;
	margin-bottom: 5px;
}

.blog-articles strong {
	font-weight: bold;
	line-height: 1.5em;
}