/* General reset */
html {
	background:#000 url(../images/bg.jpg) no-repeat 50% 0;
	font-size: 100.1%;
}
body{
	margin:0;
	color:#fff;
	font: 64% Hevletica, Arial, sans-serif;
	background:#000 url(../images/bg.jpg) no-repeat 50% 0;
	min-width:1000px;
}
img{border-style:none;}
a{
	text-decoration:none;
	color:#fff;
}
a:hover{text-decoration:underline;}
input,
textarea,
select{
	font:100% Hevletica, Arial, sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
.holder{
	margin:0 auto;
	width:1000px;
}
#g-header{width:100%;}
#g-header .header-wrapper{
	width:100%;
	background:url(../images/bg-transparent.png);
	overflow:hidden;
	padding:0 0 16px;
}
#g-header a{position:relative;}
#g-header .header-bg{
	display:block;
	width:100%;
	overflow:hidden;
	height:34px;
	background:url(../images/bg-header-bottom.png);
}
.g-logo{
	float:left;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/logo.gif);
	width:304px;
	height:40px;
	display:inline;
	margin:24px 0 0 59px;
}
.g-logo a{
	display:block;
	height:100%;
}
.h-info{
	float:right;
	list-style:none;
	padding:28px 23px 0 0;
	margin:0;
	font-size:115%;
}
.h-info li{
	float:left;
	background:url(../images/sep-white.gif) no-repeat 0 8px;
	padding:0 20px 0 16px;
	color:#34a500;
}
.h-info li:first-child{background:none;}
.h-info li span{display:block;}
#g-sliding{
	overflow: hidden;
	min-width: 1000px;
	position: relative;
	clear: both;
	width:100%;
	margin:14px 0 0;
}
#g-sliding .holder{position:relative;}
#g-sliding .l-links{
	position:absolute;
	width:100%;
	top:0;
	left:0;
	z-index:5;
}
#g-sliding .l-links a{
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	width:33px;
	height:36px;
	margin:91px 0 0;
	background:url(../images/arrow-next.gif);
}
#g-sliding .l-links a:focus {outline: none;}
#g-sliding .l-links a.slide-prev{background:url(../images/arrow-prev.gif);}
#g-sliding .l-links a.slide-next{float:right;}
#g-sliding .slides{
	position: relative;
	z-index: 1;
	width:100%;
}
#g-sliding .slides:after {
	display: block;
	content: "";
	clear: both;
}
* html #g-sliding .slides{
	overflow: hidden;
	position: static;
}

#g-sliding .slides ul{
	position: relative;
	overflow: hidden;
	width:99999px;
	list-style:none;
	padding:0;
	margin:0;
}
#g-sliding .slides li{
	overflow: hidden;
	position: relative;
	float:left;
	width: 1000px;
	padding: 0;
}
#g-sliding .slides img{
	margin: 0 0 0 36px;
	display: inline;
	float:left;
}
#g-sliding .slides .slide-hold{
	margin: 0 36px 0 0;
	display: inline;
	float:right;
	background:url(../images/bg-slider.png);
	padding:19px 9px 14px;
	width:204px;
}
#g-sliding .slides h2{
	margin:0 -24px 0 -9px;
	font-size:113%;
	width:195px;
	position:relative;
	background:#161616;
	padding:9px 34px 9px 9px;
}
#g-sliding .slides h2 strong{
	font-weight:normal;
	color:#ca0b29;
}
#g-sliding .slides p{
	margin:14px 0 0;
	font-size:115%;
}
#g-sliding .slides .more{
	float:right;
	margin:20px 0 0;
	font-size:115%;
	position:relative;
}
#gNavBox{
	width:100%;
	margin:25px 0 0;
	height:44px;
	position:relative;
}
#gNavBox .holder{position:relative;}
#gNavBox .w-bg{
	float:left;
	display:inline;
	overflow:hidden;
	background:#000;
	height:44px;
	width:0;
	margin:0 0 0 -9999px;
	padding:0 0 0 9999px;
	position:relative;
}
#gNavBox h2{
	margin:0;
	float:left;
	width:574px;
	padding:9px 0 0 38px;
	height:35px;
	overflow:hidden;
	background:#000;
}
#gNavBox h2 span{
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	width:100%;
	height:100%;
}
#gNavBox h2 span.ttl-unparalleled{background:url(../images/ttl-unparalleled.png) no-repeat;}
#gNavBox ul{
	float:left;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:15px 0 0 24px;
	background:url(../images/bg-nav.png);
	width:330px;
	height:29px;
}
#gNavBox li{
	float:left;
	margin:0 22px 0 0;
	padding:0 0 15px;
	height:14px;
	overflow:hidden;
	position:relative;
}
#gNavBox li.active{background:url(../images/blt-active.gif) no-repeat 50% 100%;}
#gNavBox li a{
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	height:14px;
	position:relative;
	cursor:pointer;
}
#gNavBox .nav-about{
	background:url(../images/nav-about.png) no-repeat;
	width:38px;
}
#gNavBox .nav-our-work{
	background:url(../images/nav-our-work.png) no-repeat;
	width:56px;
}
#gNavBox .nav-services{
	background:url(../images/nav-services.png) no-repeat;
	width:48px;
}
#gNavBox .nav-blog{
	background:url(../images/nav-blog.png) no-repeat;
	width:26px;
}
#gNavBox .nav-contact{
	background:url(../images/nav-contact.png) no-repeat;
	width:47px;
}
#g-content{
	width:100%;
	margin:24px 0 0;
	padding:0 0 50px;
}
#g-content .txt-hold{
	overflow:hidden;
	width:866px;
	margin:0 0 0 35px;
	background:#000 url(../images/bg-txt-hold.jpg) no-repeat 0 100%;
	padding:0 32px 38px;
}
#g-content .txt-hold p{
	margin:20px 0 0;
	font:bold 170% Hevletica, Arial, sans-serif;
}
#g-content .txt-hold p a{color:#696969;}
.list-post{
	padding:0 0 40px 38px;
	overflow:hidden;
	width:929px;
}
.list-post ul{
	padding:0;
	margin:26px -100px 0 0;
	list-style:none;
	width:1029px;
	overflow:hidden;
}
.list-post li{
	float:left;
	overflow:hidden;
	margin:0 78px 0 0;
	width:255px;
}
.list-post a{display:block;}
.list-post h3{
	margin:17px 0 0;
	height:18px;
	overflow:hidden;
	text-indent:-9999px;
	width:100%;
}
.list-post h3.ttl-web-architecture{background:url(../images/ttl-web-architecture.png) no-repeat;}
.list-post h3.ttl-social-media{background:url(../images/ttl-social-media.png) no-repeat;}
.list-post h3.ttl-enterprise-management{background:url(../images/ttl-enterprise-management.png) no-repeat;}
.list-post h3.ttl-web-hosting{background:url(../images/ttl-web-hosting.png) no-repeat;}
.list-post h3.ttl-e-mail{background:url(../images/ttl-e-mail.png) no-repeat;}
.list-post h3.ttl-myspace{background:url(../images/ttl-myspace.png) no-repeat;}
.list-post p{
	color:#ccc;
	font-size:115%;
	margin:10px 0 0;
}
.twitter-box{
	margin:0 0 0 57px;
	overflow:hidden;
	background:url(../images/bg-twitter.gif) repeat-y 138px 0;
	width:894px;
}
.twitter-hold{
	background:url(../images/bg-twitter.jpg) no-repeat;
	overflow:hidden;
	padding:24px 1px 24px 152px;
	width:741px;
}
.twitter-box .date{
	float:right;
	height:17px;
	background:#fff url(../images/bg-twitter-date.gif) no-repeat;
	overflow:hidden;
	padding:3px 17px 0 26px;
	color:#000;
	font-size:11px;
}
.twitter-box h3{
	margin:0 0 14px;
	overflow:hidden;
	text-indent:-9999px;
	height:23px;
	width:600px;
}
.twitter-box h3 a{
	display:block;
	height:100%;
	cursor:pointer;
}
.twitter-box .ttl-what-we-would-like a{background:url(../images/ttl-what-we-would-like.png) no-repeat;}
.twitter-box p{
	font-size:134%;
	margin:0;
}
.twitter-box p a{color:#34a500;}
.transparent-box{
	background:url(../images/bg-transparent.png);
	width:890px;
	padding:0 41px;
}
.transparent-box:after{
	height: 0;
	clear: both;
	content: '';
	display: block;
}
.transparent-box .form-box{
	float:left;
	width:538px;
	padding:8px 0 0;
}
.transparent-box .form-row{
	width:618px;
	margin:0 -80px 0 0;
	overflow:hidden;
}
.transparent-box .form-col{
	float:left;
	width:228px;
	padding:0 80px 0 0;
	overflow:hidden;
}
.transparent-box .form-box label{
	display:block;
	font:bold 140% Hevletica, Arial, sans-serif;
	margin:8px 0 0;
}
.transparent-box .form-box .inp-txt{
	display:block;
	background:#000200;
	border:1px solid #141414;
	font:12px/14px Hevletica, Arial, sans-serif;
	padding:5px 4px 6px;
	height:14px;
	width:217px;
	margin:6px 0 0;
	position:relative;
	color:#fff;
}
.transparent-box .form-box textarea{
	position:relative;
	display:block;
	border:1px solid #141414;
	padding:4px;
	width:527px;
	overflow:hidden;
	color:#fff;
	font:12px/14px Hevletica, Arial, sans-serif;
	height:63px;
	margin:3px 0 0;
	background:#000200;
}
.transparent-box .form-box .btn-submit{
	overflow:hidden;
	text-indent:-9999px;
	line-height:200px;
	border:0;
	margin:27px 0 -23px;
	float:right;
	display:inline;
	background:url(../images/btn-sumbit.gif);
	width:90px;
	height:32px;
	position:relative;
	cursor:pointer;
}
.address-box{
	float:right;
	width:182px;
	padding:16px 0 0;
}
.address-box h4{
	margin:0 0 0 -82px;
	position:relative;
	font-size:140%;
	overflow:hidden;
	width:264px;
}
.address-box .info-box{
	width:100%;
	padding:0 0 40px;
	overflow:hidden;
}
.address-box dl{
	margin:0;
	font:120% Arial, Verdana, sans-serif;
}
.address-box dt{
	float:left;
	width:54px;
	overflow:hidden;
}
.address-box dd{
	float:left;
	margin:0;
	overflow:hidden;
	width:128px;
}
.address-box address{font:120% Arial, Verdana, sans-serif;}
.address-box address span{display:block;}
.toolbar{
	float:right;
	width:376px;
	overflow:hidden;
}
.toolbar ul{
	padding:0;
	margin:0;
	list-style:none;
	width:100%;
}
.toolbar li{
	float:left;
	width:184px;
	padding:0 0 5px 4px;
	overflow:hidden;
}
.toolbar a{
	float:left;
	overflow:hidden;
	height:81px;
	width:100%;
	background:url(../images/bg-transparent.png);
	text-indent:-9999px;
	cursor:pointer;
	outline:none;
}
.toolbar a.active{background:url(../images/bg-transparent-green.png);}
.toolbar span{
	display:block;
	cursor:pointer;
}
.toolbar .tool-web-architecture span{
	background:url(../images/tool-web-architecture.png);
	width:148px;
	height:42px;
	margin:20px 0 0 18px;
}
.toolbar .tool-social span{
	background:url(../images/tool-social.png);
	width:107px;
	height:42px;
	margin:20px 0 0 34px;
}
.toolbar .tool-web-hosting span{
	background:url(../images/tool-web-hosting.png);
	width:111px;
	height:22px;
	margin:32px 0 0 33px;
}
.toolbar .tool-enterprise span{
	background:url(../images/tool-enterprise.png);
	width:116px;
	height:42px;
	margin:20px 0 0 31px;
}
.toolbar .tool-email span{
	background:url(../images/tool-email.png);
	width:137px;
	height:22px;
	margin:31px 0 0 24px;
}
.toolbar .tool-myspace span{
	background:url(../images/tool-myspace.png);
	width:149px;
	height:23px;
	margin:32px 0 0 15px;
}
.tab-content{
	float:left;
	overflow:hidden;
	width:564px;
	padding:36px 14px 42px;
	background:url(../images/bg-transparent.png);
}
.tab-content h3{
	margin:0;
	text-indent:-9999px;
	overflow:hidden;
}
.tab-content .ttl-web-architecture{
	background:url(../images/ttl-web-architecture1.png);
	width:371px;
	height:28px;
}

.tab-content .ttl-social-media{ background:url(../images/ttl-social-media1.png); width:371px; height:28px; }
.tab-content .ttl-web-hosting{ background:url(../images/ttl-web-hosting1.png); width:371px; height:28px; }
.tab-content .ttl-enterprise-management{ background:url(../images/ttl-enterprise-management1.png); width:371px; height:28px; }
.tab-content .ttl-e-mail{ background:url(../images/ttl-web-email1.png); width:371px; height:28px; }
.tab-content .ttl-myspace{ background:url(../images/ttl-web-myspace1.png); width:371px; height:28px; }

.tab-content p{
	font-size:120%;
	margin:28px 0 0;
	line-height:140%;
}
.list-box{
	width:100%;
	overflow:hidden;
}
.list-box .tabset{
	list-style:none;
	overflow:hidden;
	padding:10px 32px 0;
	margin:0;
	height:1%;
	font:bold 120% Hevletica, Arial, sans-serif;
}
.list-box .tabset li{
	float:left;
	background:#000;
	padding:0 0 0 6px;
}
.list-box .tabset a{
	float:left;
	padding:14px 27px 12px;
	outline:none;
}
.list-box .tabset a.active{background:url(../images/blt-list-tab.gif) no-repeat 50% 0;}
.list-box div.tab{
	height:1%;
	padding:10px 32px 0;
	overflow:hidden;
}
.list-box .photo-list ul{
	list-style:none;
	padding:0 0 10px;
	margin:0 -7px 0 0;
	overflow:hidden;
	width:943px;
}
.list-box .photo-list li{
	position: relative;
	width: 126px;
	height: 97px;
	float:left;
	padding:0 7px 0 0;
}
.list-box .txt-list{
	margin:0 -18px 0 0;
	width:958px;
}
.list-box .txt-list ul{
	float:left;
	list-style:none;
	padding:4px 44px 0 34px;
	margin:0;
	width:160px;
	font-size:110%;
	line-height:150%;
}
.photo-list span.overlay-area {
	background: #000;
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	width: 100%;
	height: 97px;
}
.photo-list .overlay-text {
	position: absolute;
	cursor: pointer;
	font-size: 12px;
	background: #000;
	padding: 4px;
	left: 0;
	bottom: 6px;
	width: 100%;
	color: #fff;
	z-index: 1;
}
.ani-fade ul li a { color: #fff;}
.ani-fade ul li a:hover {text-decoration: none;}

.mholder {
	position:relative;
	overflow:hidden;
	width:100%;
}
.cholder1 {
	position:relative;
	width:100%;
	left:50%;
	float: left;
}
.cholder2 {
	float:left;
	left:-50%;
	position:relative;
	width:100%;
}
#g-sliding .holder {width: 100%;}
#g-sliding .slides{
	overflow: hidden;
	width: 100%;
}
#g-sliding .l-links {
	position: relative;
	height: 0;
	margin: 0 auto;
	width: 1000px;
	left: auto;
}
#g-sliding .l-links a {
	position: absolute;
	top: 91px;
	left: 0;
	margin: 0;
}
#g-sliding .l-links a.slide-next {
	left: auto;
	right: 0;
}
.content-slide-wrapper {
	position: relative;
	overflow: hidden;
	width: 100%;
}
ul.content-list {
	position: relative;
	list-style: none;
	width: 99999px;
	padding: 0;
	margin: 0;
}
ul.content-list li.content-page {
	width: 1000px;
	float: left;
}
#g-content .holder {width: 100%;}
* html #g-content .holder {overflow: hidden;}