body{
	margin:0;
	background:#131313;
	color:#000;
	font:12px Arial, Helvetica, sans-serif;
}
img{border:none;}
a{color:#4ea1d8;}
a:hover{text-decoration:none; color:#000}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border:none;
}
#wrapper{
	width:980px;
	margin:0 auto;
	padding:0 0 30px;
	position:relative;
}
#header{
	margin:0 20px 10px;
	padding:27px 0 0;
	background:url(../images/bg-header.gif) no-repeat 50% 48px;
	position:relative;
	z-index:2;
	height:1%;
}
.logo{
	display:block;
	width:100%;
	overflow:hidden;
}
.logo a{
	float:left;
	text-indent:-9999px;
	width:441px;
	height:47px;
	background:url(../images/bg-logo.gif) no-repeat;
}
.navigation{
	height:1%;
	background:url(../images/bg-navigation.gif) repeat-x 0 100%;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	padding:8px 0 0;
}
.navigation ul{
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
}
.navigation ul:after{
	content:"";
	clear:both;
	display:block;
}
#nav li{
	float:left;
	position:relative;
}
#nav li a{
	float:left;
	color:#fff;
	background:url(../images/bg-nav-l.gif) no-repeat -9999px -9999px;
	text-decoration:none;
	cursor:pointer;
}
#nav li a span{
	float:left;
	background:url(../images/bg-nav-r.gif) no-repeat -9999px -9999px;
	padding:0 11px 10px;
}
#nav li em{
	position:absolute;
	bottom:-5px;
	left:50%;
	margin:0 0 0 -5px;
	height:6px;
	width:11px;
	background:url(../images/bg-nav-arrow.gif) no-repeat;
	overflow:hidden;
	display:none;
}
#nav .btn{
	float:right;
	text-transform:none;
}
#nav .btn a{ color:#9fc766; }
#nav li.active a,
#nav li:hover a,
#nav li.hover a{
	color:#429bd5;
	background-position:0 100%;
}
#nav li.active a span,
#nav li:hover a span,
#nav li.hover a span{ background-position:100% 100%; }
#nav li.active em,
#nav li:hover em,
#nav li.hover em{ display:block; }
.drop{
	width:173px;
	position:absolute;
	top:100%;
	left:50%;
	margin:0 0 0 -85px;
	padding:11px 0 0;
	display:none;
	background:url(../images/transparent.gif);
}
#nav li.hover .drop,
#nav li:hover .drop{ display:block; }
.drop .t{
	height:4px;
	background:url(../images/bg-drop-t.png) no-repeat;
	overflow:hidden;
}
.drop .b{
	height:8px;
	background:url(../images/bg-drop-b.png) no-repeat;
	overflow:hidden;
}
.drop .c{
	height:1%;
	background:url(../images/bg-drop-c.png) repeat-y;
	overflow:hidden;
	padding:0 5px 0 13px;
}
#nav ul{
	font-size:12px;
	text-transform:none;
	padding:4px 0 12px;
}
#nav ul li{
	background:url(../images/drop-separator.gif) no-repeat 0 100%;
	width:100%;
	padding:2px 0 10px;
	margin:0 0 4px;
}
#nav ul li a{
	background:none;
	width:100%;
}
#nav li.active ul li a,
#nav li.hover ul li a,
#nav li:hover ul li a{ color:#fff; }
#nav ul li a:hover{ color:#00aeef !important; }
.intro{
	width:100%;
	overflow:hidden;
	margin:0 0 5px;
}
.intro img{ display:block; }
/* blog page */
#main{
	background:url(../images/bg-main-blog.jpg) no-repeat 100% 100%;
	height:1%;
	overflow:hidden;
	margin:0 0 5px;
	padding:0 10px 3px 20px;
}
#content{
	float:left;
	width:781px;
	line-height:21px;
	margin:15px 0 0;
}
#content .t{
	height:11px;
	background:url(../images/bg-content-t.png) no-repeat;
	overflow:hidden;
}
#content .b{
	height:14px;
	background:url(../images/bg-content-b.png) no-repeat;
	overflow:hidden;
}
#content .c{
	height:1%;
	background:url(../images/bg-content-c.png) repeat-y;
}
#content .content{
	height:1%;
	overflow:hidden;
	position:relative;
	padding:6px 25px 0;
}
#content .post{ padding:0 40px 95px 0; }
#content .title{
	height:1%;
	overflow:hidden;
	font-size:15px;
	line-height:23px;
	margin:0 0 7px;
}
#content .title .ill{
	float:left;
	margin:0 12px 0 0;
	display:inline;
}
#content .title em{
	font:12px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#66cc33;
}

ul {
	list-style:none;
}


#content .title .list ul {
	margin:0;
	padding:10px 0px 10px 20px;
	list-style:none;
}
#content .title .list  li {
	background:url(../images/comp-style.gif) no-repeat 0 5px;
	padding-left:10px;
	font:12px/17px Verdana, Arial, Helvetica, sans-serif;
	color:#4ea1d8;
	padding-bottom:4px;
}
#content .title .list  a {
	color:#4ea1d8;

}



* html #content .title .ill{ margin:0 9px 0 0; }
#content .title .ill img{ display:block; }
#content h1{
	margin:0;
	font-size:18px;
	color:#4ea1d8;
	text-transform:uppercase;
}
#content h2{
	margin:0;
	font-size:16px;
	color:#66cc33;
}
#content h2 a{
	font-size:16px;
	color:#66cc33;
}
#content h3{
	margin:0;
	font-size:14px;
	color:#ff9933;
	text-transform:uppercase;
}
#content .title p{ margin:0; }
.entry-content{ padding:0 0 0 6px; }
#content .meta{
	height:1%;
	overflow:hidden;
	border-bottom:1px solid #00aeef;
	padding:32px 20px 12px 0;
	margin:0 0 7px;
}
.meta .date{
	float:left;
	background:url(../images/bg-date-l.gif) no-repeat;
	font-weight:bold;
	font-size:19px;
	line-height:19px;
	color:#fff;
	margin:5px 0 0;
}
.meta .date em{
	float:left;
	font-style:normal;
	background:url(../images/bg-date-r.gif) no-repeat 100% 0;
	height:28px;
	padding:7px 11px 0;
}
.comments{ float:right; }
.number{
	float:left;
	background:url(../images/bg-number-l.gif) no-repeat;
	color:#fff;
	font-size:21px;
	line-height:21px;
}
.number span{
	float:left;
	background:url(../images/bg-number-r.gif) no-repeat 100% 0;
	height:34px;
	padding:6px 10px 0;
}
.comments a{
	float:left;
	color:#66cc33;
	font-size:13px;
	line-height:16px;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
	margin:20px 0 0 6px;
	display:inline;
}
.comments a:hover{ text-decoration:underline; }
#content p{ margin:0 0 21px; }
.post-nav ul{
	margin:-20px 0 0;
	position:relative;
	padding:0;
	list-style:none;
	width:100%;
	overflow:hidden;
	color:#131313;
}
.post-nav ul li{
	float:left;
	background:url(../images/post-nav-sep.gif) no-repeat 0 50%;
	padding:0 7px 0 8px;
}
.post-nav ul li:first-child{
	padding-left:0;
	background:none;
}
.post-nav ul li a{
	color:#429bd5;
	text-decoration:none;
}
.post-nav ul li a:hover{ text-decoration:underline; }
/* sidebar */
#sidebar{
	float:left;
	width:209px;
	margin:14px 0 0 -40px;
	position:relative;
	display:inline;
}
.green-box{
	width:100%;
	overflow:hidden;
}
.green-box .t{
	height:18px;
	overflow:hidden;
	background:url(../images/bg-greenbox-t.png) no-repeat;
}
.green-box .b{
	height:8px;
	width:168px;
	overflow:hidden;
	background:url(../images/bg-greenbox-b.png) no-repeat;
	margin:0 0 0 41px;
}
.green-box .c{
	height:1%;
	overflow:hidden;
	background:url(../images/bg-greenbox-c.png) repeat-y;
	padding:0 12px 12px 10px;
	margin:0 0 0 41px;
}
#sidebar .widget{
	width:100%;
	overflow:hidden;
	padding:3px 0 23px;
	position:relative;
}
#sidebar .widget h2{
	margin:0 0 1px;
	font-size:15px;
	line-height:18px;
	text-transform:uppercase;
}
#sidebar .widget ul{
	margin:0;
	padding:4px 0 6px;
	list-style:none;
	font-weight:bold;
	height:1%;
	overflow:hidden;
	background:url(../images/sidebox-sep.gif) no-repeat 0 100%;
}
#sidebar .widget ul li{
	background:url(../images/sidebox-sep.gif) no-repeat;
	padding:9px 0 7px;
	width:100%;
	overflow:hidden;
}
#sidebar .widget ul li a{
	color:#fff;
	text-decoration:none;
}
#sidebar .widget ul li a.active,
#sidebar .widget ul li a:hover{ color:#000; }
#sidebar .widget form{
	width:100%;
	overflow:hidden;
}
.inp02{
	float:left;
	background:#fff;
	margin:1px 5px 0 0;
	display:inline;
	padding:2px 5px; 
	width:118px;
	border:none;
}
.btn-search{
	float:left;
	width:11px;
	height:21px;
	background:url(../images/btn-search.gif) no-repeat;
	margin:0;
	cursor:pointer;
	border:none;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	padding:0;
}
.blue-box{
	width:174px;
	margin:-38px 0 0 40px;
	position:relative;
}
.blue-box .t{
	background:url(../images/bg-bluebox-t.png) no-repeat;
	height:33px;
	overflow:hidden;
}
.blue-box .b{
	background:url(../images/bg-bluebox-b.png) no-repeat;
	height:14px;
	overflow:hidden;
}
.blue-box .c{
	background:url(../images/bg-bluebox-c.png) repeat-y;
	height:1%;
	overflow:hidden;
	padding:11px 12px 23px 12px;
}
/* inner page */
.inner #main{ background:url(../images/bg-main-inner.jpg) no-repeat 0 100%; }
.inner #content{
	float:right;
	width:762px;
	margin:15px 10px 0 0;
	display:inline;
}
.inner #content .t{ background:url(../images/bg-content-t-inner.png) no-repeat; }
.inner #content .b{ background:url(../images/bg-content-b-inner.png) no-repeat; }
.inner #content .c{ background:url(../images/bg-content-c-inner.png) repeat-y; }
.inner #content .content{
	padding:18px 25px 0 59px;
}
.inner #content .entry-content{ padding:0; }
.inner #content p{ margin:0 0 7px; }
.inner #content .post{ padding:0 15px 15px 0; }
.inner #sidebar{ margin:14px -40px 0 0; }
.inner .green-box .t{ background:url(../images/bg-greenbox-t-inner.png) no-repeat; }
.inner .green-box .b{ margin:0 41px 0 0; }
.inner .green-box .c{
	margin:0 41px 0 0;
	padding-bottom:27px;
}
.inner #sidebar .widget ul{
	text-transform:uppercase;
	font-size:11px;
	line-height:16px;
	background:none;
}
.inner #sidebar .widget ul li:first-child{ background:none; padding-top:0; }
#sidebar .widget ul ul{
	background:url(../images/sidebox-sep.gif) no-repeat !important;
	padding:0 0 0 10px;
	text-transform:none !important;
	font-weight:normal;
	margin:5px 0 0;
}
#sidebar .widget ul ul li{
	background:url(../images/bullet.gif) no-repeat 0 10px !important;
	padding:6px 0 0 11px !important;
	width:125px;
}
.ask-box{
	width:174px;
	position:relative;
	margin:-40px 0 0 -1px;
}
.ask-box a{
	height:84px;
	overflow:hidden;
	display:block;
	cursor:pointer;
	width:100%;
}
.ask-box a span{
	display:block;
	height:168px;
	width:100%;
	background:url(../images/btn-ask.png) no-repeat;
	text-indent:-9999px;
}
.ask-box a:hover{ border:none; }
.ask-box a:hover span{ margin:-84px 0 0; }
.ask-box .quote{
	position:absolute;
	top:65px;
	left:70px;
	display:none;
}
.hover .quote,
.ask-box:hover .quote{ display:block; }
.data-box{
	height:1%;
	overflow:hidden;
	border-top:1px solid #4096cd;
	padding:20px 0 0 12px;
	margin:22px 0 0;
}
.pdf{
	float:left;
	width:215px;
	padding:12px 0 0;
}
.pdf a{
	display:block;
	height:1%;
	background:url(../images/icon-about.png) no-repeat 0 2px;
	padding:20px 0 0 100px;
	text-decoration:none;
	color:#666;
	font-size:11px;
	line-height:13px;
}
.pdf a:hover{ text-decoration:none; color:#4ea1d8 }
.pdf a strong{
	display:block;
	padding:0 0 2px;
	margin:0 0 2px;
	font-weight: normal;
	height:114px;
}



.casestudy-box{
	height:1%;
	overflow:hidden;
	padding:0px 0 0 12px;
	margin:0px 0 0;
	float:right;
}
.casestudy{
	float:left;
	width:215px;
	padding:12px 0 0;
	font-size:11px;
}
.casestudy a{
	display:block;
	height:1%;
	background:url(../images/casestudy.png) no-repeat 0 2px;
	padding:20px 0 0 100px;
	text-decoration:none;
	color:#666;
	font-size:11px;
	line-height:13px;
}
.casestudy a:hover{ text-decoration:none; color:#4ea1d8 }
.casestudy a strong{
	display:block;
	padding:0 0 2px;
	margin:0 0 2px;
	font-weight: normal;
	height:114px;
}




.casestudy-box-long{
	height:1%;
	overflow:hidden;
	padding:0px 0 0 12px;
	margin:0px 0 0;
}
.casestudy-long{
	float:left;
	width:400px;
	padding:12px 0 0;
	font-size:11px;
}
.casestudy-long a{
	display:block;
	height:1%;
	background:url(../images/casestudy.png) no-repeat 0 2px;
	padding:20px 0 0 100px;
	text-decoration:none;
	color:#666;
	font-size:11px;
	line-height:13px;
}
.casestudy-long a:hover{ text-decoration:none; color:#4ea1d8 }
.casestudy-long a strong{
	display:block;
	padding:0 0 2px;
	margin:0 0 2px;
	font-weight: normal;
	height:114px;
}



.data-box .ill-box{
	float:right;
	position:relative;
}
.data-box .ill-box a{
	font-size:13px !important;
	font-weight:bold;
	color:#429bd5;
	text-decoration:none;
	position:absolute;
	top:12px;
	right:195px;
	white-space:nowrap;
}
.data-box .ill-box a:hover{ text-decoration:underline; }
.data-box .ill-box img{ display:block; }
/* footer */
#footer{
	width:940px;
	margin:0 20px;
	background:url(../images/bg-footer.gif) no-repeat 50% 0;
	color:#fff;
	font-size:10px;
	padding:10px 0 0;
}
#footer .holder{
	height:1%;
	overflow:hidden;
	background:url(../images/bg-footer-holder.gif) no-repeat 50% 0;
	padding:0 0 0 36px;
}
.icons{
	float:right;
	margin:0;
	padding:0;
	list-style:none;
}
.icons li{
	float:left;
	padding:0 0 0 3px;
}
.icons li a{ float:left; }
.icons li img{ display:block; }
#footer p{ margin:0; }
#footer p a{
	color:#fff;
	text-decoration:none;
}
#footer p a:hover{ text-decoration:underline; }
.popup{
	position:absolute;
	bottom:60px;
	right:50px;
	width:409px;
	color:#fff;
	font-size:14px;
	line-height:21px;
	z-index:999;
	display:none;
}
.popup .t{
	height:11px;
	overflow:hidden;
	background:url(../images/bg-popup-t.png) no-repeat;
}
.popup .b{
	height:70px;
	overflow:hidden;
	background:url(../images/bg-popup-b.png) no-repeat;
}
.popup .c{
	height:1%;
	background:url(../images/bg-popup-c.png) repeat-y;
	padding:0 19px;
}
.popup .content{
	width:100%;
	position:relative;
	padding:16px 0 6px;
}
.close{
	position:absolute;
	top:-6px;
	right:0;
	background:url(../images/bg-close.gif) no-repeat;
	width:13px;
	height:12px;
	overflow:hidden;
	text-indent:-9999px;
}
.popup .title{
	display:block;
	width:364px;
	height:21px;
	background:url(../images/popup-title.gif) no-repeat;
	text-indent:-9999px;
	padding:0 0 6px;
	border-bottom:1px solid #fff;
	margin:0 0 5px;
}
.popup p{ margin:0 0 9px; }
.popup .row{
	width:100%;
	overflow:hidden;
	padding:0 0 3px;
}
.popup label{
	display:block;
	color:#f9f5f5;
	font-size:11px;
	font-weight:bold;
	margin:0 0 0 1px;
}
.inp01{
	margin:0;
	padding:2px 5px;
	border:1px solid #d8d8d8;
	background:#fff;
	width:240px;
}
.btn-submit{
	float:left;
	margin:6px 0 0;
	padding:0;
	background:url(../images/btn-submit.gif) no-repeat;
	width:70px;
	height:23px;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
}


ul.slider {
	margin:20px 0px 0px;
	padding:5px 20px 0 0;
	list-style:none;
	border-top: 1px solid #4ea1d8;
}
ul.slider li {
	width:100%;
	line-height:0;
}
ul.slider p {
	color:#4ea1d8;
	font:15px/24px Arial, Helvetica, sans-serif;
	margin:-4px 0 5px;
}
ul.slider a {
	font:normal 15px/24px Arial, Helvetica, sans-serif;
	color:#000;
}

.slide-block{
	display:inline;
	margin:0 30px 0 0;
}
.slide-block .title-slide{
	overflow:hidden;
}
.slide-block a.open-close {
	text-decoration:none;
	font:bold  15px/24px Arial, Helvetica, sans-serif;
	color:#000;
	background:url(../images/arrow-right.gif) no-repeat 100% 60%;
	padding-right:8px;
}
.slide-block.active a.open-close {
	background:url(../images/arrow-down.gif) no-repeat 100% 60%;
	padding-right:10px;
}


.slide-block ul {
	margin:0;
	padding:0px 0px 0px 10px;
	list-style:none;
}
.slide-block li {
	background:url(../images/comp-style.gif) no-repeat 0 5px;
	padding-left:10px;
	font:12px/17px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	padding-bottom:4px;
}
.slide-block .block li {
	background:url(../images/comp-style.gif) no-repeat 0 5px;
	padding-left:10px;
	font:12px/17px Verdana, Arial, Helvetica, sans-serif;
	color:#4ea1d8;
	padding-bottom:4px;
}