body{
  background:url(../images/bg.jpg) no-repeat scroll 50% -20px transparent;
  margin:0px;
  padding:0px;
  font-family:Verdana, Arial;
  font-size:12px;
  color:#ffffff;
  background-color:#000000;
  }
  #wrapper{
 width:987px;
 height:auto;
 float:none;
 margin:0px;
 padding:0px;
 }
.header{
 width:987px;
 height:auto;
 float:left;
 margin:0px;
 padding:0px;
 }
.header-l{
 width:630px;
 height:auto;
 float:left;
 margin:0px;
 }
 .header-r{
 width:357px;
 height:auto;
 float:left;
 margin:0px;
 }
.quote{
 width:52px;
 height:40px;
 float:left;
 margin:15px 0px 0px 0px;
 }
.h-txt{
 font-family:Verdana;
 font-size:11px;
 color:#ffffff;
 margin:28px 0px 0px 5px;
 float:left;
 }
  .logo{
 width:276px;
 height:50px;
 float:right;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 background-image:url("../images/gary_bg1.png");
 background-repeat:repeat;
 }
   .etglogo{
 width:150px;
 height:150px;
 float:right;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 /*background-image:url("../images/gary_bg1.png");
 background-repeat:repeat;*/
 }
 .etglogoview{
 width:100px;
 height:40px;
 float:right;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 /*background-image:url("../images/gary_bg1.png");
 background-repeat:repeat;*/
 }
 .logotext{
 width:276px;
 height:auto;
 float:right;
 margin:10px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 text-align:center;
 font-family:Trebuchet MS;
 border=0px;
 font-size:24px;
 color:#ffffff;
 }
.menu-start{
 width:10px;
 height:33px;
 float:left;
 background-image:url(../images/menu-left.png);
 background-repeat:no-repeat;
 margin-top:10px;
 }
.menu{
width:555px; height:32px; float:left; color:#fff; margin-left:0px; text-align:left; margin-top:10px; background-image:url(../images/menu-center.png); background-repeat:repeat-x;
} 
.menu-txt{
 float:left;
 font-family:Verdana;
 font-size:11px;
 color:#ffffff;
 text-decoration:none;
 margin:10px 0px 0px 4px;
 }
 .menu-txt a{
 float:left;
 font-family:Verdana;
 font-size:11px;
 color:#ffffff;
 text-decoration:none;
 margin:0px 0px 0px 0px;
 }
.menu-txt a:hover{
  color:#e5b371;
 text-decoration:none;
  }
#slectedteb a{
  color:#e5b371;
 text-decoration:none;
  }
  .line{
width:5px;
height:32px;
float:left;
background-image:url(../images/menu-line.png);
background-repeat:no-repeat;
margin:2px 0px 0px 4px;
}
 .menu-last{
 width:10px;
 height:33px;
 float:left;
 background-image:url(../images/menu-right.png);
 background-repeat:no-repeat;
  margin-top:10px;
 }

 .c-main{
  width:252px;
  height:150px;
  float:left;
  margin:40px 0px 0px 40px;
  background-image:url(../images/txt.png);
  background-repeat:no-repeat;
  }
 .c-main1{
  width:autopx;
  height:auto;
  float:left;
  margin:40px 0px 0px 30px;
  font-family:Verdana;
  font-size:12px;
  color:#ffffff;
  text-shadow: #000000 2px 3px 1px;

 }
 .header-r1{
 width:276px;
 height:340px;
 float:right;
 margin:0px 0px 0px 0px;
 background-image:url(../images/gary_bg1.png);
 background-repeat:repeat;
 }
.r1-txt{
 width:179px;
 height:21px;
 float:left;
 margin:5px 0px 0px 0px;
 }
.btn{
 background-image:url(../images/gary_bg1.png);
 background-repeat:repeat;
 width:276px;
 height:35px;
 float:right;
 margin:0px 0px 0px 0px;
 }
.btn a{
 width:101px;
 height:28px;
 float:right;
 margin:0px 18px 0px 0px;
 background-image:url(../images/portfolio/btn.png);
 background-repeat:no-repeat;
 }
.btn a:hover{
 width:101px;
 height:28px;
 margin:0px 018px 0px 0px;
 background-image:url(../images/portfolio/btn1.png);
 background-repeat:no-repeat;
 }


.center{
 width:987px;
 height:auto;
 float:left;
 background-image:url(../images/gary_bg.png);
 background-repeat:repeat;
 margin:25px 0px 0px 0px;
 }
 .center2{
 width:987px;
 height:auto;
 float:left;
 background-image:url(../images/gary_bg1.png);
 background-repeat:repeat;
 margin:25px 0px 0px 0px;
 }
 .c1{
 width:107px;
 height:22px;
 float:left;
 background-image:url(../images/web-solutions.png);
 background-repeat:no-repeat;
 }
 .c2{
 width:143px;
 height:25px;
 float:left;
 background-image:url(../images/custom.png);
 background-repeat:no-repeat;
 }
 .c3{
 width:188px;
 height:23px;
 float:left;
 background-image:url(../images/search-en-opti.png);
 background-repeat:no-repeat;
 }
.c-txt{
 width:295px;
 height:auto;
 float:left;
 font-family:Verdana;
 font-size:11px;
 color:#ffffff;
 text-align:justify;
 }
.read{
 font-family:Verdana;
 font-size:11px;
 color:#f09502;
 float:right;
 margin-top:10px;
 }
.read ul{
margin:0px;
padding:0px;
}
.read ul li{
 display:inline;
 text-decoration:none;
 background-image:url(../images/arrow.png);
 background-repeat:no-repeat;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 17px;
 background-position:left;
 }
 .read ul li a{
 font-family:Verdana;
 font-size:11px;
 color:#e48e03;
 text-decoration:none;
  padding:0px 0px 0px 3px;
 }
  .read ul li a:hover{
 font-family:Verdana;
 font-size:11px;
 color:#c87b28;
 padding:0px 0px 0px 0px;
  text-decoration:none;
 }
.srv-menu{
 float:left;
 margin:5px 0px 0px 25px;
}
.srv-menu ul{
margin:0px;
padding:10px 0px 0px 0px;
}
.srv-menu ul li{
 display:block;
 list-style:none;
 text-decoration:none;
 font-family:Verdana;
 font-size:12px;
 color:#ffffff;
 margin:20px 0px 0px 0px;
 padding:0px 0px 0px 15px;
 text-align:left;
 background-image:url(../images/li-arrow.png);
 background-repeat:no-repeat;
 line-height:10px;
 }
 .srv-menu ul li a{
  display:block;
 color:#ffffff;
 text-decoration:none;
  margin:20px 0px 0px 0px;
 padding:0px 0px 0px 15px;
 }
 .srv-menu ul li a:hover{
 color:#999999;
 text-decoration:none;
 }
 .srv-menu1{
 float:left;
 margin:5px 0px 0px 40px;
}
.srv-menu1 ul{
margin:0px;
padding:10px 0px 0px 0px;
}
.srv-menu1 ul li{
 display:block;
 list-style:none;
 text-decoration:none;
 font-family:Verdana;
 font-size:12px;
 color:#ffffff;
 margin:20px 0px 0px 20px;
 padding:0px 0px 0px 22px;
 text-align:left;
 background-image:url(../images/li-arrow.png);
 background-repeat:no-repeat;
 line-height:10px;
 }
 .srv-menu1 ul li a{
  display:block;
 color:#ffffff;
 text-decoration:none;
  margin:20px 0px 0px 0px;
 padding:0px 0px 0px 22px;
 }
 .srv-menu1 ul li a:hover{
 color:#999999;
 text-decoration:none;
 }
.follow{
 margin:10px 0px 0px 0px;
 float:left;
 width:350px;
 height:auto;
 }
 .center1{
 width:987px;
 height:92px;
 float:left;
 background-image:url(../images/gary_bg.png);
 background-repeat:repeat;
 margin:0px;
 }
  .c11{
 width:230px;
 height:92px;
 float:left;
 }
 .c22{
 width:230px;
 height:92px;
 float:left;
 }
 .c33{
 width:230px;
 height:92px;
 float:left;
 }
  .c44{
 width:147px;
 height:92px;
 float:left;
 }
.s-head{
 width:232px;
 height:23px;
 float:left;
 margin:5px 0px 0px 22px;
 }
.creative-sr{
 width:106px;
 height:34px;
 float:left;
 margin:5px 0px 0px 20px;
 }
 .footer{
  width:987px;
  height:auto;
  float:left;
  margin:0px;
  background-color:#000000;
  }
 .f-menu{
  width:600px;
  height:auto;
  float:left;
  text-align:left;
  margin:5px 0px 0px 20px;
  }
 .f-menu ul{
  margin:0px;
  padding:0px;
  }
 .f-menu ul li{
  display:inline;
  text-decoration:none;
  text-align:left;
  margin:0px 10px 0px 0px;
  padding:0px 0px 0px 0px;
  font-family:Verdana;
  font-size:11px;
  color:#ffffff;
  }
 .f-menu ul li a{
  color:#ffffff;
  text-decoration:none;
  }  
 .f-menu ul li a:hover{
   color:#999999;
  text-decoration:none;
  }
 .f-txt{
 font-family:Verdana;
 font-size:11px;
 color:#ffffff;
 float:left;
 margin:5px 0px 0px 20px;
 width:600px;
 text-align:left;
 }
.t{
 width:67px;
 height:50px;
 float:left;
 margin:0px 10px 0px 0px;
 }