/* CSS Document */
body{ 
    background-image:url(images/bigback.jpg);
	font:normal 12px/18px Arial, Helvetica, sans-serif;}
div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a{
	margin:0; padding:0;}
ul{
	list-style:none;}
.spacer{
	font-size:0; line-height:0; clear: both;}

/* -- menu start -- */
#menu {
  list-style: none;
  margin: 0;
  width: 400px;
  height: 34px;
  position: absolute;
  left: 156px;
  top: 201px;
}
#menu span {
  display: none;
  position: absolute;
}
#menu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
	background-image: url(images/2a.jpg);
}
#menu a:hover {
  background-position: left bottom;
}
#menu a:hover span {
  display: block;
}

#menu .home {
  width: 136px;
  height: 57px;
  background: url(images/1a.jpg) no-repeat;
  left: -157px;
  top:53px;
}
#menu .home span {
  width: 139px;
  height: 57px;
  background: url(images/1c.jpg) no-repeat;
  top: 0px;
}
#menu .homever {
  width: 136px;
  height: 57px;
  background: url(images/1c.jpg) no-repeat;
  left: -157px;
  top: 53px;
}

#menu .about {
  width: 134px;
  height: 57px;
  background: url(images/2a.jpg) no-repeat;
  left: -21px;
  top: 53px;
}
#menu .about span {
  width: 134px;
  height: 57px;
  background: url(images/2c.jpg) no-repeat;
  top: 0px;
}
#menu .abouver {
  width: 134px;
  height: 57px;
  background: url(images/2c.jpg) no-repeat;
  left: -21px;
  top: 53px;
}

#menu .services {
  width: 138px;
  height: 57px;
  background: url(images/3a.jpg) no-repeat;
  left: 113px;
  top: 53px;
}
#menu .services span {
  width: 138px;
  height: 57px;
  background: url(images/3c.jpg) no-repeat;
  top: 0px;
}
#menu .serviver {
  width: 138px;
  height: 57px;
  background: url(images/3c.jpg) no-repeat;
  left: 269px;
  top: 53px;
}
#menu .work {
  width: 126px;
  height: 57px;
  background: url(images/4a.jpg) no-repeat;
  left: 251px;
  top: 53px;
}
#menu .work span {
  width: 126px;
  height: 57px;
  background: url(images/4c.jpg) no-repeat;
  top: 0px;
}
#menu .workiver {
  width: 126px;
  height: 57px;
  background: url(images/4c.jpg) no-repeat;
  left: 318px;
  top: 0px;
}
#menu .contact {
  width: 135px;
  height: 57px;
  background: url(images/5a.jpg) no-repeat;
  left: 377px;
  top: 53px;
}
#menu .contact span {
  width: 135px;
  height: 57px;
  background: url(images/5c.jpg) no-repeat;
  top: 0px;
}
#menu .conver {
  width: 135px;
  height: 57px;
  background: url(images/5c.jpg) no-repeat;
  left: 337px;
  top: 0px;
}
#menu .blog {
  width: 130px;
  height: 57px;
  background: url(images/6a.jpg) no-repeat;
  left: 512px;
  top: 53px;
}
#menu .blog span {
  width: 130px;
  height: 57px;
  background: url(images/6c.jpg) no-repeat;
  top: 0px;
}
#menu .blogver {
  width: 130px;
  height: 57px;
  background: url(images/6c.jpg) no-repeat;
  left: 337px;
  top: 0px;
}

/* -- menu end -- */

/* -- header start -- */
#header{
	position:relative; width:799px; height:325px; background-image:url(images/headerimg2.jpg);
}
#header img{
	position:absolute;
	left:505px;
	top:95px;
	border:none;
	}
a#button1 {
    display: block;
    width: 53px;
    height: 39px;
    background-image: url(images/web_design_home.jpg);
	
}
a#button1:hover {
    background-image: url(images/web_design_home2.jpg);
}
a .alt { display: none; }
#headertabPan{display:block; width:184px; height:92px; position:absolute; top:26px; left:90px;}
#headertuckPan{display:block; width:70px; height:140px; position: absolute; top:26px; left:136px;}
#headerintroPan{display:block; width:633px; height:65px; position:absolute; top:238px; left:8px;}

/* -- header end -- */

/* body start */
#body{
    background-image:url(images/midback2.jpg); width:799px; height:590px;}
#bodytabPan{display:block; width:278px; height:107px; position:absolute; top:339px; left:1007px;}
/* body end */
/* -- left pannel start -- */
.left{
    width:498px; float:left; padding:14px 0px 0px 37px;}
.left img{
	border:none;}
.eventRight{
	width:155px; float:left;}
.eventRight img{
	border:none;}
/* -- left pannel end -- */

/* -- right pannel start -- */
.right{
	width:217px; height:350px; float:left; padding: 85px 0px 0px 29px;}
/* -- right pannel end -- */
/* -- righto pannel start -- */
.righto{
	width:106px; float:left; padding: 19px 60px 0px 724px;}
/* -- righto pannel end -- */
/* center panel start */
.center{
	width:751px; float:left; padding:40px 0px 0px 25px;}
.left img{
	border:none;}
/* -- center panel end -- */
/* -- farleft pannel start -- */
.farleft{
    width:700px; float:left; padding:14px 0px 0px 37px;}
.farleft img{
	border:none;}
.eventRight{
	width:155px; float:left;}
.eventRight img{
	border:none;}
/* -- farleft pannel end -- */
/* -- faright pannel start -- */
.faright{
	width:150px; float:left; padding: 40px 0px 0px 0px;}
/* -- faright pannel end -- */
/* -- facen pannel start -- */
.facen{
	width:260px; float:left; padding: 40px 0px 0px 0px;}
/* -- facen pannel end -- */
/* -- faceno pannel start -- */
.faceno{
	width:210px; float:left; padding: 40px 0px 0px 0px;}
/* -- faceno pannel end -- */
/* footer Panel */
#mainfooterbody{width: 8500px; height:40px; background:url(images/fo.jpg) 0 0 repeat-x;}
#footerPan{width:8500px; position:relative; margin:0 auto; padding:0 0 0 0px;}
#footerleftPan{width:600px; height:40px; top: 0px; left: 0px; position:absolute; padding: 62px 0px 0px 281px;}
#footercenterPan{width:380px; height:250px; top: 0px; left: 210px; position:absolute; padding-top: 1px;}
#footerrightPan{
	width:210px;
	height:200px;
	top: 0px;
	left: 591px;
	position:absolute;
}
#footerPan ul{width:330px; display:block; position:absolute; right:0px; top:26px;}
#footerPan li{float:left; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}
#footerPan ul li a{padding:0 0 0 10px; color:#fff; background:#424242; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}
#footerPan ul li a.padl{padding:0 0 0 14px;}
/* -- footer Panel end -- */
/* 2 footer Panel */
#mainfootbody{width: 920px; height:150px; background-image: url(images/midun.png); }
#footPan{
	width:890px;
	height:30px;
	position: absolute;
	margin:0 auto;
	padding:0px 0px 0px 0px;
	top: 568px;
}
#footPan ul{width:330px; display:block; position:absolute; right:0px; top:26px;}
#footPan li{float:left; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}
#footPan ul li a{padding:0 0 0 10px; color:#fff; background:#424242; text-decoration:none;}
#footPan ul li a:hover{text-decoration:underline;}
#footPan ul li a.padl{padding:0 0 0 14px;}
#footPanda{
	width:90px;
	height:90px;
	background-image:url(images/our1.png);
	position:relative;
	margin:0 auto;
	padding:40px 0px 0px 4px;
	top: 0px;
	left: -326px;
}
#footPonda{
	width:110px;
	height:90px;
	position: relative;
	margin:0 auto;
	padding:40px 0px 0px 4px;
	top: -130px;
	left: -219px;
}
#footPunda{
	width:155px;
	height:70px;
	position: relative;
	margin:0 auto;
	padding:40px 0px 0px 0px;
	top: -260px;
	left: 5px;
}
#footPinda{
	width:175px;
	height:70px;
	position: relative;
	margin:0 auto;
	padding:40px 0px 0px 0px;
	top: -370px;
	left: 262px;
}
#foottuckPan{width:82px; height:25px; position:absolute; top:16px; left:0px;}
#footintroPan{width:63px; height:45px; position:absolute; top:2px; left:8px;}

#footPan ul.templateworld{width:158px; background:#4C4C4C; color:#fff; display:block; position:absolute; top:74px; right:80px;}
#footPan ul.templateworld li a{background:#4C4C4C; display:block; color:#fff; text-decoration:none;}
#footPan ul.templateworld li a:hover{text-decoration:underline;}

#footPan p{ background:#484848; margin:0px 45px 0 0; display:block; position:absolute; top:0px; right:40px; color:#FF833B; font:11px/15px "Trebuchet MS",Arial, Helvetica, sans-serif;}
#footPanleft{width:285px; height:82px; float:left; margin:0 auto; background:url(images/vertical-dot.gif) 100% 0 repeat-y;}
#footPanleft img{width:260px; height:35px; margin:22px 0 0 0;}
/* -- 2 footer Panel end -- */
/* 3 footer Panel */
#mainfoobody{width: 799px; height:362px; background-image:url(images/footimg2.jpg);}
#fooPan{width:8500px; height:360px; position:relative; margin:0 auto; padding:0 0 0 0px;}
#fooPan ul{width:330px; display:block; position:absolute; right:0px; top:26px; padding:0; }
#fooPan li{float:left; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}
#fooPan ul li a{padding:0 0 0 10px; color:#fff; background:#424242; text-decoration:none;}
#fooPan ul li a:hover{text-decoration:underline;}
#fooPan ul li a.padl{padding:0 0 0 14px;}
#footPynda{
	width:740px;
	height:6px;
	position: static;
	margin:0;
	padding:0px 0px 0px 36px;
	top: 111px;
	left: 0px;
}
#footPoonda{
	width:740px;
	height:20px;
	position: static;
	margin:0;
	padding:0px 0px 0px 36px;
	top: 0px;
	left: 0px;
}
#footPoda{
	width:720px;
	height:31px;
	position: static;
	margin:0 auto;
	padding:39px 23px 0px 20px;
	top: 0px;
	left: 0px;
}
#fooPan ul.templateworld{width:158px; background:#4C4C4C; color:#fff; display:block; position:absolute; top:74px; right:80px;}
#fooPan ul.templateworld li a{background:#4C4C4C; display:block; color:#fff; text-decoration:none;}
#fooPan ul.templateworld li a:hover{text-decoration:underline;}

#fooPan p{ background:#484848; margin:0px 45px 0 0; display:block; position:absolute; top:0px; right:40px; color:#FF833B; font:11px/15px "Trebuchet MS",Arial, Helvetica, sans-serif;}
#fooPanleft{width:285px; height:82px; float:left; margin:0 auto; background:url(images/vertical-dot.gif) 100% 0 repeat-y;}
#fooPanleft img{width:260px; height:35px; margin:22px 0 0 0;}
/* -- 3 footer Panel end -- */

.sponsorAdDiv{

}
#shawty{
    position: inherit;
	left:578px;
	top:46px;
	border:none;
}