@charset "utf-8";
/* CSS Document */
html{  margin:0px; padding:0px;  background-attachment:fixed;  -moz-background-size:cover;   -webkit-background-size:cover; background-size:cover; }
body{  margin:0px; padding:0px;  font-family:Square721 BT;}
.fl{float:left;}
.fr{float:right;}
.cl{clear:both;}
h1, h2, h3, h4, h5, h6 {padding:0px; margin:0px; line-height:normal;}
.top_keys h1 {width:100%; margin:0px; padding:0px; font:11px/19px Arial, Helvetica, sans-serif; color:#000000; text-align:center; height:19px;}
@font-face {
  font-family: "Square721 Bold BT";
  src: url(../font/SQR721B.TTF) format("truetype");
}
@font-face {
  font-family: "Square721 BT-Italic";
  src: url(../font/SQR721I.TTF) format("truetype");
}
@font-face {
  font-family: "Square721 BT";
  src: url(../font/SQR721N.TTF) format("truetype");
}
.topbg01{width:100%; background:url(images/bottom-bg.png) center bottom no-repeat; margin:0px; padding:0px;} 
.wrapper{width:1000px;margin:0px auto 0px auto; padding:0px;}
.header{ width:1000px; margin:0px; padding:0px 0 0 0; }
.logo{ width:28%; margin:0px; padding:17px 0px 0px 0px; }
.headerright{ width:70%; margin:0px; padding:0px 19px 0 0;}
.clear {overflow:auto;}
#vertical, #horizontal {margin:0px auto;width:159px;}
#vertical div, #horizontal div {float:left; width:159px; height:27px;position:relative;overflow:hidden;}
#vertical img, #horizontal img {position:absolute;}
/*==================================End Header -======================================*/
.bannerpart{ width:1000px; margin:63px 0 0 0; padding:0px;}
.holder { width:850px;  height:320px; margin: 0 auto; position: relative; list-style: none; }
.moveable { height:300px; width: 410px; cursor: pointer; }			
.moveable img { width: 100%;}
div.box {width:26.375em; height:22.000em; margin: 0 auto; padding:0px; text-align: center; /*text-indent:9999em;*/ z-index:0;}
div.caption { font-size: 1.4em; text-align: center; }
/*div.controls { text-align: right; z-index:9999px;  }
div.controls a { margin-right: 1em; }
div#slider, div#slider2 { margin: 1em auto; width: 400px; }*/
#vertical02, #vertical02 {margin:31px 48px 10px 0; width:60px;}
#vertical02 div, #vertical02 div {float:left; width:60px; height:30px; position:relative; overflow:hidden;}
#vertical02 img, #vertical02 img {position:absolute;}

#vertical03, #vertical03 {margin:40px -9px 0 auto; width:60px;}
#vertical03 div, #vertical03 div {float:left; width:60px; height:30px; position:relative; overflow:hidden;}
#vertical03 img, #vertical03 img {position:absolute;}

/*==================================End BannerStyle -======================================*/

.bodypart{width:1000px; margin:0px; padding:25px 0 0 0; }
.bodypart02{width:1000px; margin:0px; padding:0px 0 0 0; background:url(../images/lineright.png) top right repeat-y;}
.part01{width:1000px; margin:0px; border-top:solid 1px #e6e7e8; border-bottom:solid 1px #e6e7e8; padding:35px 0 35px 0;}
.part01left{ width:682px; border-right:solid 1px #e6e7e8; margin:0px; padding:0px;}
.text02{ width:682px; font-family:Museo300; font-size:21px; line-height:32px;}
.text02 h2{font-size:21px; line-height:32px; font-weight:normal; margin:0px; padding:0px;}
.textarea01{ font-size:15px; font-family: Square721 BT; line-height:22px; padding-right:60px; padding-top:22px;}
.readmorelink a{ font-family: Square721 BT; font-size:15px; color:#ffa800; text-decoration:none;}
.readmorelink a:hover{ color:#414141;}
.part01right{ width:240px; margin:0px; padding:0px;}
.part01righthead{ width:240px; color:#f89101; font-family: Square721 BT; font-size:23px;}
.ulsty05{ width:240px; margin:0px; padding:14px 0 0 0; list-style:none; font-family: Square721 BT; font-size:15px; }
.ulsty05 li{ margin:0px; padding:5px 0 5px 0; clear:left; }
.ulsty05 li a { color:#4c4c4c; text-decoration:none; padding-left:9px;}
.ulsty05 li a:hover { color:#ffca24;  }

.ulsty05 li a .icon01 { width:19px; height:30px; display:block; float:left; margin:0px; padding:0px; background:url(../images/mixicon.png) top left no-repeat; }
.ulsty05 li a:hover .icon01 { background:url(../images/mixicon.png) top right no-repeat; }

.ulsty05 li a .icon02 { width:18px; height:30px; display:block; float:left; margin:0px 1px 0 0; padding:0px 0 0 0; background:url(../images/mixicon.png) 0px -36px no-repeat; }
.ulsty05 li a:hover .icon02 { background:url(../images/mixicon.png) -18px -36px no-repeat; }

.ulsty05 li a .icon03 { width:20px; height:30px; display:block; float:left; margin:0px; padding:0px; background:url(../images/mixicon.png) 0px -73px no-repeat; }
.ulsty05 li a:hover .icon03 { background:url(../images/mixicon.png) -18px -73px no-repeat; }

.ulsty05 li a .icon04 { width:20px; height:30px; display:block; float:left; margin:0px; padding:0px; background:url(../images/mixicon.png) 0px -106px no-repeat; }
.ulsty05 li a:hover .icon04 { background:url(../images/mixicon.png) -18px -106px no-repeat; }
.ulsty05 li a .icon05 { width:19px; height:30px; display:block; float:left; margin:0px; padding:0px; background:url(../images/mixicon.png) 0px -142px no-repeat; }
.ulsty05 li a:hover .icon05 { background:url(../images/mixicon.png) -20px -142px no-repeat; }
.part02{width:1000px; margin:0px; border-top:solid 1px #e6e7e8; border-bottom:solid 1px #e6e7e8; padding:35px 0 35px 0;}
.part03{width:1000px; margin:0px; border-top:solid 1px #e6e7e8; border-bottom:solid 1px #e6e7e8; padding:35px 0 35px 0;}

.bottompart{ width:100%; margin:0px; padding:0px; background:url(../images/bottom-bg.png) top center no-repeat; font:11px/20px Arial, Helvetica, sans-serif; color:#FFF;}
.bottomwp{ width:1000px; margin:0px auto; padding:95px 0 0px 0; }
.bottomwp h3{ margin:0px; padding:0; font-size:11px; line-height:20px; font-weight:normal}
.btulsty01{ margin:0px; padding:0px; list-style:none;}
.btulsty01 li{ padding:5px 0px 5px 0px; color:#FFF;}
.btulsty01 li a{ text-decoration:none; color:#FFF; font-weight:bold; text-transform:uppercase;}
.btulsty01 li a:hover{ color:#959595;}

.btulsty02{ margin:0px; padding:0px; list-style:none;}
.btulsty02 li{ padding:5px 0px 5px 0px; color:#FFF; text-transform:uppercase;}
.btulsty02 li a{ text-decoration:none; color:#9d9d9d;  }
.btulsty02 li a:hover{ color:#fff;}

.btulsty03{ width:150px; margin:0px; padding:0px; list-style:none;}
.btulsty03 li{ padding:5px 0px 5px 0px; color:#FFF; text-transform:uppercase;}
.btulsty03 li a{ text-decoration:none; color:#9d9d9d;  }
.btulsty03 li a:hover{ color:#fff;}
.textfildsty01{ margin:7px 0 0 0px;; padding:0px 0  0 0; border:solid 0px; width:182px; height:24px; font:11px/22px Arial, Helvetica, sans-serif; color:#bababa; font-style:italic;}

.sociallink{ width:320px; margin:0px; padding:15px 0 0 0;}
.twitter a{width:64px; height:64px; display:block; background:url(../images/socialicons.png) top left no-repeat;}
.twitter a:hover{background:url(../images/socialicons.png) left -64px no-repeat;}
.facebook a{width:64px;height:64px;display:block; background:url(../images/socialicons.png) -64px 0px no-repeat;}
.facebook a:hover{background:url(../images/socialicons.png) -64px -64px no-repeat;}
.linkin a{width:64px;height:64px; display:block; background:url(../images/socialicons.png) -128px 0px no-repeat;}
.linkin a:hover{background:url(../images/socialicons.png) -128px -64px no-repeat;}
.copyrighttext{ width:980px; border-top:solid 1px #4c4c4c; padding:15px 10px 20px 10px; font:11px Arial, Helvetica, sans-serif; color:#9d9d9d;}

/*=================================== End Home page Style =========================================*/

.breadcome{ width:1000px; margin:20px 0 0 0; padding:10px 0 10px 0 ; height:16px; border-top:solid 1px #e6e7e8; border-bottom:solid 1px #e6e7e8; font-size:13px; color:#9a9a9a;}
.breadcome h2{ font-size:13px; color:#9a9a9a; font-weight:normal;}
.breadcome a{ color:#9a9a9a; text-decoration:none; padding:0 5px 0 5px}
.breadcome a:hover{ color:#ed6f00; }
.breadcome a.active{ color:#484848; }
.headerin01{ font-size:36px; color:#ed6f00;}
.textsty03{ font-size:17px; text-align:justify; width:649px; line-height:26px;}
.textsty04{ font-size:17px; text-align:justify; width:1000px; line-height:26px;}
.textsty03 a{ color:#4c4c4c;}  .textsty03 a:hover{ color:#ED6F00; text-decoration:none;} 

.leftpartin{ width:710px; margin:0px; padding:0px;}
.rightpartin{ width:265px; margin:0px; padding:0px;}
.leftpartin-2{ width:980px;  margin:0px; padding:0px;}
.contact-text{ font-size:14px; width:320px;}
.contact-text ul{ font-size:14px; width:320px; list-style-type:none; margin:0px; padding:10px 0 0 0; line-height:29px;}
.contact-text ul li{ font-size:14px; margin:0px; padding:0px;}
.contact-text ul li span{ font-size:14px; width:110px; float:left; font-family: Museo500;  }
.contact-text ul li span + span{ font-size:14px;  width:200px; float:left; font-family: Museo300; }

.services-list{ font-size:14px;}
.services-list ul{ margin:0px; padding:0 50px 0 0; list-style-type:none;}
.services-list ul li{ margin:0px; padding:4px 0 4px 21px; list-style-type:none; background:url(../images/dot-1.png) 0px 11px no-repeat; }





#bluetriangle{position:fixed;top:350px;left:1%;z-index:10; }
#babybat{position:fixed;top:750px;right:10%;z-index:10;}
#yellowcross{position:fixed;top:250px;right:90%;z-index:30;}
#blurball{position:fixed;top:725px;left:8%;z-index:40;}
#pinkball{position:fixed;top:625px;right:5%;z-index:45;}
#orangesquare{position:fixed;top:825px;left:85%;z-index:50;}
#greentriangle{position:fixed;top:625px;left:3%;z-index:90;}
#tealsquare{position:fixed;top:425px;left:85%;z-index:100;}
#greencerc{position:fixed;top:825px;right:10%;z-index:100;}
#orangex{position:fixed;top:625px;right:15%;z-index:100;}
#everything{position:relative;background:transparent;z-index:1000;}




.ulsty06{ width:240px; margin:0px; padding:14px 0 0 0; list-style:none; font-family:Museo300; font-size:15px; }
.ulsty06 li{ margin:0px; padding:5px 0 5px 0; clear:left; }
.ulsty06 li a { color:#4c4c4c; text-decoration:none; padding-left:9px;}
.ulsty06 li a:hover { color:#ffca24;}

.ulsty06 li a .icon01 { width:20px; height:30px; display:block; float:left; margin:0px; padding:0px; background:url(../img/mixicon.png) top left no-repeat;}
.ulsty06 li a:hover .icon01 { background:url(../img/mixicon.png) top right no-repeat;}
.ulsty06 li a .icon02 { width:20px; height:30px; display:block; float:left; margin:0px; padding:0px; background:url(../img/mixicon.png) 0px -36px no-repeat;}
.ulsty05 li a:hover .icon02 { background:url(../img/mixicon.png) -18px -36px no-repeat;}

.ulsty06 li a .icon03 { width:20px; height:30px; display:block; float:left; margin:0px; padding:0px; background:url(../img/mixicon.png) 0px -73px no-repeat; }
.ulsty05 li a:hover .icon03 { background:url(../img/mixicon.png) -18px -73px no-repeat;}
.ulsty06 li a .icon04 { width:20px; height:30px; display:block; float:left; margin:0px; padding:0px; background:url(../img/mixicon.png) 0px -106px no-repeat; }
.ulsty06 li a:hover .icon04 { background:url(../img/mixicon.png) -18px -106px no-repeat;}
.ulsty06 li a .icon05 { width:19px; height:30px; display:block; float:left; margin:0px; padding:0px; background:url(../img/mixicon.png) 0px -142px no-repeat; }
.ulsty06 li a:hover .icon05 { background:url(../img/mixicon.png) -20px -142px no-repeat;}


.ulsty07{ width:265px; margin:0px; padding:14px 0 0 0; list-style:none; font-family:Square721 BT; font-size:17px; line-height:50px; }
.ulsty07 li{ margin:0px; padding:5px 0 5px 0; clear:left; }
.ulsty07 li a { color:#4c4c4c; text-decoration:none; padding-left:9px; display:block;}
.ulsty07 li a:hover { color:#4c4c4c;}

.ulsty07 li a .serviceic1 { width:56px; height:60px; display:block; float:left; margin:0px 11px 0 0; padding:0px; background:url(../img/serviceicon.png) top left no-repeat; }
.ulsty07 li a:hover .serviceic1 { background:url(../img/serviceicon.png) top right no-repeat;}
.ulsty07 li a.active .serviceic1 { background:url(../img/serviceicon.png) top right no-repeat;}

.ulsty07 li a .serviceic2 { width:56px; height:60px; display:block; float:left; margin:0px 11px 0 0; padding:0px; background:url(../img/serviceicon.png) 0px -65px no-repeat; }
.ulsty07 li a:hover .serviceic2 { background:url(../img/serviceicon.png) right -65px no-repeat;}
.ulsty07 li a.active .serviceic2 { background:url(../img/serviceicon.png) right -65px no-repeat;}

.ulsty07 li a .serviceic3 { width:56px; height:60px; display:block; float:left; margin:0px 11px 0 0; padding:0px; background:url(../img/serviceicon.png) 0px -140px no-repeat; }
.ulsty07 li a:hover .serviceic3 { background:url(../img/serviceicon.png) right -140px no-repeat;}
.ulsty07 li a.active .serviceic3 { background:url(../img/serviceicon.png) right -140px no-repeat;}

.ulsty07 li a .serviceic4 { width:56px; height:60px; display:block; float:left; margin:0px 11px 0 0; padding:0px; background:url(../img/serviceicon.png) 0px -210px no-repeat; }
.ulsty07 li a:hover .serviceic4 { background:url(../img/serviceicon.png) right -210px no-repeat;}
.ulsty07 li a.active .serviceic4 { background:url(../img/serviceicon.png) right -210px no-repeat;}

.ulsty07 li a .serviceic5 { width:56px; height:60px; display:block; float:left; margin:0px 11px 0 0; padding:0px; background:url(../img/serviceicon.png) 0px -276px no-repeat; }
.ulsty07 li a:hover .serviceic5 {background:url(../img/serviceicon.png) right -276px no-repeat;}
.ulsty07 li a.active .serviceic5 {background:url(../img/serviceicon.png) right -276px no-repeat;}

.ulsty07 li a .serviceic6 { width:56px; height:60px; display:block; float:left; margin:0px 11px 0 0; padding:0px; background:url(../img/serviceicon.png) 0px -351px no-repeat; }
.ulsty07 li a:hover .serviceic6 { background:url(../img/serviceicon.png) right -351px no-repeat;}
.ulsty07 li a.active .serviceic6 { background:url(../img/serviceicon.png) right -351px no-repeat;}

.ulsty07 li a .serviceic7 { width:56px; height:60px; display:block; float:left; margin:0px 11px 0 0; padding:0px; background:url(../img/serviceicon.png) 0px -420px no-repeat; }
.ulsty07 li a:hover .serviceic7 { background:url(../img/serviceicon.png) right -420px no-repeat;}
.ulsty07 li a.active .serviceic7 { background:url(../img/serviceicon.png) right -420px no-repeat;}

.ulsty07 li a .serviceic8 { width:56px; height:60px; display:block; float:left; margin:0px 11px 0 0; padding:0px; background:url(../img/serviceicon.png) 0px -488px no-repeat; }
.ulsty07 li a:hover .serviceic8 { background:url(../img/serviceicon.png) right -488px no-repeat;}
.ulsty07 li a.active .serviceic8 { background:url(../img/serviceicon.png) right -488px no-repeat;}

.textboxxsty{  border:solid 1px grey !important; background:#f8f8f8; width:200px; height:35px; padding:0 5px 0 5px; font-family:Museo300; color:#636363; font-size:16px; line-height:32px;}

.textboxxsty02{  border:solid 1px grey !important; background:#f8f8f8; width:200px; height:35px; padding:0 5px 0 5px; font-family:Museo300; color:#636363; font-size:16px;line-height:32px;}

.textareasty01{ border:solid 1px grey !important; background:#f8f8f8; width:300px; height:130px; padding:5px 5px 5px 5px; font-family:Museo300; color:#636363; font-size:16px; overflow:auto; line-height:32px;}

.checkboxsty01{ background: #fff;box-shadow: 2px 2px 1px 1px #e1e1e1; }
.checkboxsty01:hover{ background: #fff; box-shadow: 2px 2px 1px 1px #fff;    }
.submitsty01{ background:#30718b; border:solid 0px; width:100px; height:36px; font-family:Museo300; 
color:#fff; font-size:17px; cursor:pointer; border-radius:5px; }
.submitsty01:hover{ background:#333; }
.visitlink{ background:url(../images/newwindowic.png) 0px 8px no-repeat;}
.visitlink a{ color:#e85700; text-decoration:none; padding-left:21px;}
.visitlink a:hover{ text-decoration:underline;}
.ulstynew01{ margin:0px; padding:0px; list-style:none; font-size:13px;}
.ulstynew01 li{ margin:0px 0 0 2px; padding:0px 0 0 12px; background:url(../images/bt05.png) 0px 11px no-repeat;}
/*========portfolio========*/

.works_kamair{background: url(../ourwork/webdesign/big/kamairimgbig.jpg) top center no-repeat; height:599px;}
.works_marko{background: url(../ourwork/webdesign/big/markopologybig.jpg) top center no-repeat; height:599px;}
.works_afghan{background: url(../ourwork/webdesign/big/afghanbig.jpg) top center no-repeat; height:599px;}
.works_formal{background: url(../ourwork/webdesign/big/formalwillbig.jpg) top center no-repeat; height:599px;}
.works_florenza{background: url(../ourwork/webdesign/big/florenzabig.jpg) top center no-repeat; height:599px;}
.works_musicboxx{background: url(../ourwork/webdesign/big/musicboxxbig.jpg) top center no-repeat; height:599px;}
.works_tangles{background: url(../ourwork/webdesign/big/tanglesbig.jpg) top center no-repeat; height:599px;}
.works_sandypoint{background: url(../ourwork/webdesign/big/sandypoint.jpg) top center no-repeat; height:599px;}
.works_stunning{background: url(../ourwork/webdesign/big/stunningbig.jpg) top center no-repeat; height:599px;}
.works_nanda{background: url(../ourwork/webdesign/big/nandabig.jpg) top center no-repeat; height:599px;}
.works_pminjury{background: url(../ourwork/webdesign/big/pminjurybig.jpg) top center no-repeat; height:599px;}
.works_sijasa{background: url(../ourwork/webdesign/big/sijasabig.jpg) top center no-repeat; height:599px;}

.works_iibs{background: url(../ourwork/opensource/big/iibsbig.jpg) top center no-repeat; height:599px;}
.works_alpine{background: url(../ourwork/opensource/big/alpinbig.jpg) top center no-repeat; height:599px;}
.works_kenly{background: url(../ourwork/opensource/big/kenleybig.jpg) top center no-repeat; height:599px;}
.works_berries{background: url(../ourwork/opensource/big/berriesbg.jpg) top center no-repeat; height:599px;}
.works_candor{background: url(../ourwork/opensource/big/candorbig.jpg) top center no-repeat; height:599px;}
.works_spier{background: url(../ourwork/opensource/big/spierbig.jpg) top center no-repeat; height:599px;}



.sitemap ul{ list-style:square; margin:0px; line-height:29px; font-size:15px;}
.sitemap ul li a{ text-decoration:none;} .sitemap ul li a:hover{ text-decoration:underline;}



.textnewhead{font-family: Museo500; font-size:16px; color:#414141;}