/*CSS RESET*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align: baseline;background:transparent;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, output, section, summary{display:block;}
meter,progress,mark, time{display:inline;}
ol, ul {list-style: none;}
blockquote,q{quotes: none;}
html,body{height:100%;}
img {border:0;vertical-align:top;text-align:left;padding:5px;}
object{vertical-align:top;outline:none;}
ul,ol{list-style:none;}
table,table td{padding:0;border:none;border-collapse:collapse;}
input,select,textarea{font-family:Arial, Helvetica, sans-serif;font-size:1em;vertical-align:middle;font-weight:normal;margin:0;padding:0;}
textarea{overflow:auto;}

/*GLOBAL*/
html{min-width:980px;}
body{background:#66b539 url(http://colibri.colibrisoftware-2.s3.amazonaws.com/sites/4dfb8c07ba82250001000005/theme/images/body-bg.png) repeat-x 0 0;font-family:Arial, Helvetica, sans-serif;font-size:100%;line-height:1em;color:#000;}

#main{
  width:900px;
  margin:0 auto;
  min-height:770px;
  height:100%;
  position:relative;
  z-index:1;
}

#glob{
  width:100%;
  height:100%;
  position:absolute;
  left:0;
  top:0;
  z-index:1;
}

#gspinner{
  width:100%;
  height:100%;
  left:0;
  top:0;
  position:absolute;
  z-index:9999;
  background:#66b539 url(http://colibri.colibrisoftware-2.s3.amazonaws.com/sites/4dfb8c07ba82250001000005/theme/images/ajax-loader.gif) center center no-repeat;
}

/*ELEMENTS*/
a {color:#e0ffdf;outline:none;}
a:hover{text-decoration:none;}


p,.blo{
  line-height:20px;
  margin-bottom:20px;
}

.p1{
  margin-bottom:10px;
  display:inline-block;
}

p {
  font-size: 14px;
  font-family: trebuchet MS;
}

p.reviewer {
  font-style: italic;
  text-align:right;
}


/*header*/

h1{
  position:absolute;
  left:10px;
  top:5px;
}

nav{
  position:absolute;
  left:250px;
  top:86px;
  z-index:1;
  float:right;
}

nav>ul{
  float:right;
}
nav>ul>li{
  float:left;
  margin:0 14px;
  position:relative;
}

nav>ul>li>a{
  color:#757575;
  font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
  text-transform:uppercase;
  text-decoration:none;
  text-shadow:1px 1px #e6e6e6;
}

nav ul>li>ul{
  width:105px;
  padding:12px 14px 12px 14px;
  background:url(http://colibri.colibrisoftware-2.s3.amazonaws.com/sites/4dfb8c07ba82250001000005/theme/images/sf-sprite.png) #e8e8e8;
  position:absolute;
  left:-21px;
  top:32px;
  /*background:#000;
  width:92px;
  top:28px;
  left:-21px;
  position:absolute;
  padding:12px 0 12px 21px;*/
}

nav ul>li>ul>li{
  position:relative;
  border-bottom:1px #cecece solid;
  padding-left:6px;
}

nav ul>li>ul>li.lst{
  border:none;
}

nav ul>li>ul ul{
  left:120px;
  top:-10px;
}

nav ul>li>ul a{
  font:14px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color:#757575;
  text-transform:uppercase;
  text-decoration:none;
  text-shadow:0 0 4px #e6e6e6;
}

nav ul>li>ul a:hover,nav ul>li>ul .active a{
  color:#181818;
}
/*
nav a:hover{
color:#2eb799;
}*/

.ctgrs{
  position:absolute;
  left:35%;
  right:65%;
  top:240px;
  overflow:visible;
  width:302px;
  height:302px;
}

.ctgrs li{
  float:left;
  margin-right:1px;
  margin-bottom:1px;
  width:150px;
  height:150px;
  overflow:visible;
  position:relative;
  z-index:1;
}

.ctgrs a{
  width:150px;
  height:150px;
  display:block;
  position:absolute;
  font:bold 22px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color:#fff;
  text-decoration:none;
  text-transform:uppercase;
  text-shadow:1px 1px 2px rgba(0,0,0,.8);
}

.ctgrs a span{
  position:absolute;
}

.ctgrs .itm1 a{
  background: url(../images/dynamic3.jpg) 100% 100% no-repeat;
  right:0;
  bottom:0;
}

.ctgrs .itm1 a span{
  left:11px;
  bottom:4px;
}

.ctgrs .itm2 a{
  background: url(../images/nav-web.jpg) 0 100% no-repeat;
  left:0;
  bottom:0;
}

.ctgrs .itm2 a span{
  right:11px;
  bottom:4px;
}

.ctgrs .itm3 a{
  background: url(../images/mobile3.jpg) 100% 0 no-repeat;
  right:0;
  top:0;
}

.ctgrs .itm3 a span{
  left:11px;
  bottom:4px;
}

.ctgrs .itm4 a{
  background: url(../images/support3.jpg) 0 0 no-repeat; 
  left:0;
  top:0;
}

.ctgrs .itm4 a span{
  right:11px;
  bottom:4px;
}

/* SMB page */
.ctgrs .smb1 a{
  background: url(../images/CMS.png) 100% 100% no-repeat;
  right:0;
  bottom:0;
}

.ctgrs .smb1 a span{
  left:11px;
  bottom:4px;
}

.ctgrs .smb2 a{
  background: url(../images/SEO.png) 0 100% no-repeat;
  left:0;
  bottom:0;
}

.ctgrs .smb2 a span{
  right:11px;
  bottom:4px;
}

.ctgrs .smb3 a{
  background: url(../images/Mobile.png) 100% 0 no-repeat;
  right:0;
  top:0;
}

.ctgrs .smb3 a span{
  left:11px;
  bottom:4px;
}

.ctgrs .smb4 a{
  background: url(../images/Design.png) 0 0 no-repeat; 
  left:0;
  top:0;
}

.ctgrs .smb4 a span{
  right:11px;
  bottom:4px;
}

/* End SMB Page */

.portfolio{
  position:absolute;
  top:224px;
  left:20px;
  width:760px;
}

.portfolio>ul>li{
  position:absolute;
  right:0;
  top:0;
  overflow:hidden;
  height:254px;
}

.portfolio .vSlider{
  position:absolute;
  width:508px;
  height:254px;
  left:254px;
  top:0;
  z-index:1;
}

.portfolio .featurescroll{
  height:204px;
  left:254px;
}


.portfolio .vSlider li{
  overflow:hidden;
}

.portfolio .vSlider li a{
  margin-bottom:3px;
  margin-right:3px;
  float:left;
}

.portfolio .vSlider li a.lst{
  margin-right:0;
}

.prev{
  width:98px;
  height:25px;
  background:url(http://colibri.colibrisoftware-2.s3.amazonaws.com/sites/4dfb8c07ba82250001000005/theme/images/prev-next-sprite.png) no-repeat;
  position:absolute;
  left:460px;
  top:-51px;
}

.prev:hover{
  background-position:100% 0;
}

.next{
  width:98px;
  height:25px;
  background:url(http://colibri.colibrisoftware-2.s3.amazonaws.com/sites/4dfb8c07ba82250001000005/theme/images/prev-next-sprite.png) 0 100% no-repeat;
  position:absolute;
  left:460px;
  top:280px;
}

.next:hover{
  background-position:100% 100%;
}

.sha-img{
  position:absolute;
  left:196px;
  top:580px;
  z-index:-1;
}

.back{
  position:absolute;
  top:185px;
  left:0;
}

.cloned a{
  cursor:default;
}

/*#content*/

.has-content{
  background:#181818;
  overflow:hidden;
  position:absolute;
  height:370px;
  top:180px;
  left:7%;
  color:#9f9f9f;
  font:14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.has-contentfeature{
  overflow:hidden;
  position:absolute;
  height:370px;
  top:180px;
  left:0;
  color:#9f9f9f;
  font:14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.inner{
  width:680px;
  padding:36px 50px;
  overflow:hidden;
}

.innerfeature{
  background:#181818;
  width:460px;
  height:254px;
  padding:20px 20px;
  overflow:hidden;
}

.scroll{
  height:206px;
  width:680px;
}
.scrollfeature{
  height:150px;
  width:450px;
}

._track{
  display:none;
}

.scrollDown{
  width:37px;
  height:29px;
  background:url(http://colibri.colibrisoftware-2.s3.amazonaws.com/sites/4dfb8c07ba82250001000005/theme/images/scroll-sprite.png) 0 100% no-repeat;
  position:absolute;
  right:16px;
  bottom:15px;
  z-index:0;
}

.scrollUp{
  width:37px;
  height:29px;
  background:url(http://colibri.colibrisoftware-2.s3.amazonaws.com/sites/4dfb8c07ba82250001000005/theme/images/scroll-sprite.png) 0 0 no-repeat;
  position:absolute;
  right:55px;
  bottom:15px;
  z-index:0;
}

.scrollDown:hover{
  background-position:100% 100%;
}

.scrollUp:hover{
  background-position:100% 0;
}

.close_link{
  position:absolute;
  top:15px;
  right:16px;
}

.clients {
  text-align: right;
  display: block;
}

.clients img{
  float: left;
}

h2{
  font:bold 36px/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
  color:#fff;
  text-transform:uppercase;
  border-bottom:1px #d1d1d1 solid;
  padding-bottom:14px;
  word-spacing:2px;
  margin-bottom:32px;
}

.blog{
  font:bold 22px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color:#fff;
  border-bottom:1px #d1d1d1 solid;
  padding-bottom:14px;
  word-spacing:2px;
  margin-bottom:32px;
}

h3{
  font:bold 22px/.7em "Trebuchet MS", Arial, Helvetica, sans-serif;
  color:#fff;
  text-transform:uppercase;
  border-bottom:1px #d1d1d1 solid;
  padding-bottom:8px;
  word-spacing:2px;
  margin-bottom:10px;
}

h4 {
  font:bold 16px/.7em "Trebuchet MS", Arial, Helvetica, sans-serif;
  line-height: 16px;
  color:#fff;
  text-transform:uppercase;
  padding-bottom:8px;
  word-spacing:2px;
  margin-bottom:10px;
}

#content>ul>li{
  overflow:visible;
}

#content li .shdw{
  position:absolute;
  bottom:-85px;
  width:100%;
  height:40px;
}

/*footer*/

footer{
  position:absolute;
  z-index:1;
  bottom:50px;
  width:100%;
  text-align:center;
}

footer .footertext{
  font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color:#d2f5c4;
}

/*forms css*/

#form1{
  width:400px;
  float:left;
  margin:6px 0 0 20px;
}

#form1 input,#form1 textarea{
  width:169px;
  background:#464646;
  border:1px #404040 solid;
  color:#9f9f9f;
  padding:7px 12px;
  font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#form1 textarea{
  width:371px;
  height:91px;
}

#form1 .name{
  margin-right:7px;
}

#form1 label{
  margin-bottom:8px;
  float:left;
  position:relative;
}

#form1 .btns{
  float:right;
  padding-top:20px;
}

#form1 .btns a{
  margin-left:20px;
}

#form1 .empty,#form1 .error{
  position:absolute;
  right:0;
  top:0;
  font:10px Arial, Helvetica, sans-serif;
  color:#e0ffdf;
  z-index:1;
}

/*js css*/

/*additional classes*/
.white{
  color:#fff;
}

.lime{
  color:#e0ffdf;
}

.fleft,.fl{float:left;}
.fright,.fr{float:right;}
.fnone,.fn{float:none;}
.col-1,.col-2,.col-3{float:left;}
.alignleft,.all{text-align:left;}
.alignright,.alr{text-align:right;}
.aligncenter,.alc{text-align:center;}
.wrapper{width:100%;overflow:hidden;}
a.und,.und a{text-decoration:none;}
a.und:hover,.und a:hover{text-decoration:underline;}
.nocolor, .nocolor a{color:inherit;}
.upc{text-transform:uppercase;}
.extra-wrap{overflow:hidden;}
.nopad{padding:0;}
.nomar{margin:0;}
.clear{clear:both;line-height:0;}
.bold{font-weight:bold;}
.subtitle{color: #D4D4D4;}

.sharing{
  right:10px;
  top:30%;
  bottom:70%;
  position:fixed;}

.sharing p{
  font:14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;}


/*custom boxes*/

a.mrk{
  background: url(http://colibri.colibrisoftware-2.s3.amazonaws.com/sites/4dfb8c07ba82250001000005/theme/images/marker1.png) no-repeat left top;
  font:14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
  padding-left:27px;
  color:#fff;
}

.list{
  text-align:left;
}

/*.list a,*/ .list span{
  background: url(http://colibri.colibrisoftware-2.s3.amazonaws.com/sites/4dfb8c07ba82250001000005/theme/images/marker1.png) no-repeat left top;
  font:14px/25px "Trebuchet MS", Arial, Helvetica, sans-serif;
  padding-left:27px;
}

.list a {
  color:#e0ffdf;
}

dl.address dd{text-align:right;clear:both;}
dl.address dd span{float:left;}

dl.img-box,.img-box-set dl,dl.img-box dd,.img-box-set dl dd{overflow:hidden;}
dl.img-box dt,.img-box-set dl dt{float:left;}