body {
        margin-top:15px;
        padding:0;
		font-family:Tahoma;
		font-size:12px;
		color:#333333;
		background:#F5F5F5;
		
}

a:link {
	color: #ffffff;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #999999;
}
a:hover {
	text-decoration: underline;
	color: #C7C7C7;
}
a:active {
	text-decoration: none;
}

#container {
	width: 812px;
	margin: 0 auto;
	padding: 0;
	height:auto;
}
#top_bg{
width:812px;
background:url(top_bg.jpg) no-repeat bottom;
height:17px;
}

* html #top_bg{
background:url(top_bg.jpg) no-repeat 0px bottom;
}

#center_bg{
width:812px;
background:url(center_bg.jpg) repeat-y;
}

#bottom_bg{
width:812px;
background:url(bottom_bg.jpg) no-repeat top;
height:17px;
}

#main{
width:785px;
margin: 0 auto;
}
#main_banner{
width:780px;
margin-left:6px;
height:275px;
}

* html #main_banner {
height:226px;
}


#banner{
height:226px;
}


#logo{
float:left;
width:200px;
height:44px;
background:url(logo2.jpg) no-repeat top;

}
#main_context{
width:770px;
margin: 0 auto;
height:365px;
}

#main_about{
width:770px;
margin: 0 auto;
height:300px;
}

#main_news{
width:770px;
margin: 0 auto;
height:300px;
}

#main_contact{
width:770px;
margin: 0 auto;
height:370px;
}

#main_services{
width:770px;
margin: 0 auto;
height:300px;
}

#main_seo{
width:770px;
margin: 0 auto;
height:580px;
}

#main_ppc{
width:770px;
margin: 0 auto;
height:900px;
}

#main_smm{
width:770px;
margin: 0 auto;
height:480px;
}

#main_webdesign{
width:770px;
margin: 0 auto;
height:710px;
}

#main_services{
width:770px;
margin: 0 auto;
height:480px;
}

#main_clients{
width:770px;
margin: 0 auto;
height:660px;
}

.padding_text
{
padding-top:4px;
}

.padding
{
padding-left:10px;
padding-right:10px;
padding-bottom:5px;
}

.icon
{
background-image:url(icon1.jpg);
background-repeat:no-repeat;
padding-left:40px;
padding-top:6px;
padding-bottom:5px;
}

.bullet
{
background-image:url(bullet.jpg);
background-repeat:no-repeat;
padding-left:25px;
padding-top:5px;
padding-bottom:5px;
}

#welcom, #our_service { float: left;  height: auto; padding: 70px 0 10px 0; }
#welcom { width: 525px; background: url('cat/welcome.jpg') no-repeat 0 10px; }
#our_service { width: 230px; background: url('cat/our_services.jpg') no-repeat 0 10px; margin-left:5px; }

#form, #details { float: left;  height: auto; padding: 70px 0 10px 0; }
#form { width: 525px; background: url('cat/form.jpg') no-repeat 0 10px; }
#details { width: 230px; background: url('cat/details.jpg') no-repeat 0 10px; margin-left:5px; }

#services01 { float: left;  height: auto; padding: 70px 0 10px 0; }
#services02 { float: left;  height: auto; padding: 50px 0 10px 0; }
#services01 { width: 525px; background: url('cat/services.jpg') no-repeat 0 10px; }
#services02 { width: 230px; margin-left:5px; }

#imarketing { float: left;  height: auto; padding: 70px 0 10px 0; }
#imarketing { width: 525px; background: url('cat/imarketing.jpg') no-repeat 0 10px; }

#smm { float: left;  height: auto; padding: 70px 0 10px 0; }
#smm { width: 525px; background: url('cat/smm.jpg') no-repeat 0 10px; }

#webdesign { float: left;  height: auto; padding: 70px 0 10px 0; }
#webdesign { width: 525px; background: url('cat/webdesign.jpg') no-repeat 0 10px; }

#emarketing { float: left;  height: auto; padding: 70px 0 10px 0; }
#emarketing { width: 525px; background: url('cat/emarketing.jpg') no-repeat 0 10px; }

#seo { float: left;  height: auto; padding: 70px 0 10px 0; }
#seo { width: 525px; background: url('cat/seo.jpg') no-repeat 0 10px; }

#ppc { float: left;  height: auto; padding: 70px 0 10px 0; }
#ppc { width: 525px; background: url('cat/ppc.jpg') no-repeat 0 10px; }



#aboutus { width: 755px; background: url('cat/aboutus.jpg') no-repeat 0 10px; padding: 70px 0 10px 0; height: auto; }
#news { width: 755px; background: url('cat/news.jpg') no-repeat 0 10px; padding: 70px 0 10px 0; height: auto; }
#careers { width: 755px; background: url('cat/careers.jpg') no-repeat 0 10px; padding: 70px 0 10px 0; height: auto; }
#clients { width: 755px; background: url('cat/clients.jpg') no-repeat 0 10px; padding: 70px 0 10px 0; height: auto; }



img {
border: none;
}

/*- Menu Tabs 1--------------------------- */


    #tabs1 {
      float:left;
      width:100%;
      font-size:93%;
      line-height:normal;
	  font: bold 11px/1.5em Tahoma;
      }
    #tabs1 ul {
          margin:0;
          padding:18px 0 0 222px;
          list-style:none;
      }
	  * html #tabs1 ul{
	  padding:18px 0 0 222px;
	  }
	  
    #tabs1 li {
      display:inline;
      margin:0;
      padding:0;
	  text-align:center;
      }
    #tabs1 a {
      float:left;
      background:url("tableft1.gif") no-repeat left top;
      margin:0;
      padding:0 4px 0 4px;
      text-decoration:none;
      }
    #tabs1 a span {
      float:left;
      display:block;
      background:url("tabright1.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#434343;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs1 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#5E9ECA;
      }
    #tabs1 a:hover {
      background-position:0% -42px;
	  color:#5E9ECA;
      }
    #tabs1 a:hover span {
      background-position:100% -42px;
	  color:#5E9ECA;
      }

      #tabs1 #current a {
              background-position:0% -42px;
			  color:#5E9ECA;
      }
      #tabs1 #current a span {
              background-position:100% -42px;
			  color:#5E9ECA;
      }

#main_footer{
width:785px;
margin: 0 auto;
height:100px;
}

#footer {
	width:780px;
	padding-bottom:10px;	 
	font-size: 11px;
	text-align: left;
	border-top:#999999 3px solid;
	background-color:#4C4C4C;
	color:#CCCCCC;
	height:80px;
}

#left_col {
	float: left;
	padding-top:35px;
	padding-left: 50px;
	width: 470px;
}
#line{ 	margin: 10px; background:#CCCCCC; width:2px; height:60px; float:left;}
#right_col {
	float: left;
	padding-top:12px;
	text-align:center;
	width:230px;
}
.tabel{
margin:0;
}

.contact_field
{
width:200px;
height:18px;
border:solid #CCCCCC 1px;
}

.contact_comment
{
width:300px;
height:60px;
border:solid #CCCCCC 1px;
}

/* Right menu */

#im { position: relative; height: 41px; margin: 0; }
#button01 { position: absolute; }
#button01 a img {
    position: absolute;
    left: 0;
    top: 0;
    width: 237px;
    height: 41px;
    border: 0;
}
#button01 a img.primary { z-index: 1; }
#button01 a img.rollover { z-index: -1; }
#button01 a:hover img.rollover { z-index: 2; }

#se { position: relative; height: 40px; margin: 0; }
#button02 { position: absolute; }
#button02 a img {
    position: absolute;
    left: 0;
    top: 0;
    width: 237px;
    height: 40px;
    border: 0;
}
#button02 a img.primary { z-index: 1; }
#button02 a img.rollover { z-index: -1; }
#button02 a:hover img.rollover { z-index: 2; }

#pp { position: relative; height: 40px; margin: 0; }
#button03 { position: absolute; }
#button03 a img {
    position: absolute;
    left: 0;
    top: 0;
    width: 237px;
    height: 40px;
    border: 0;
}
#button03 a img.primary { z-index: 1; }
#button03 a img.rollover { z-index: -1; }
#button03 a:hover img.rollover { z-index: 2; }

#sm { position: relative; height: 39px; margin: 0; }
#button04 { position: absolute; }
#button04 a img {
    position: absolute;
    left: 0;
    top: 0;
    width: 237px;
    height: 39px;
    border: 0;
}
#button04 a img.primary { z-index: 1; }
#button04 a img.rollover { z-index: -1; }
#button04 a:hover img.rollover { z-index: 2; }

#wd { position: relative; height: 40px; margin: 0; }
#button05 { position: absolute; }
#button05 a img {
    position: absolute;
    left: 0;
    top: 0;
    width: 237px;
    height: 40px;
    border: 0;
}
#button05 a img.primary { z-index: 1; }
#button05 a img.rollover { z-index: -1; }
#button05 a:hover img.rollover { z-index: 2; }

#em { position: relative; height: 44px; margin: 0; }
#button06 { position: absolute; }
#button06 a img {
    position: absolute;
    left: 0;
    top: 0;
    width: 237px;
    height: 44px;
    border: 0;
}
#button06 a img.primary { z-index: 1; }
#button06 a img.rollover { z-index: -1; }
#button06 a:hover img.rollover { z-index: 2; }