/* general settings */
html{background:#cacaca;}
body {
	margin:0;
	position:relative;
	font:12px arial, verdana, sans-serif;
	background:#ececec url(../images/bg-body1.gif) repeat-x;
}
q{quotes: none;}
q:before{content:"";}
q:after{content:"";}
img{border-style:none;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
.wrapper-holder{
	overflow:hidden;
	background:url(../images/bg-html.gif) repeat-x 0 100%;
}
/* wrapper */
#wrapper{
	position:relative;
	width: 994px;
	margin: 0 auto;
}
/* logo */
.logo{
	position:absolute;
	z-index:999;
	top:33px;
	left:44px;
	margin:0;
	float:left;
	font-size:42px;
	overflow:hidden;
}
.logo a{
	display:block;
	cursor:pointer;
	position:relative;
	color:#252525;
}
.logo a:hover{text-decoration:none;}
.logo a span{
	letter-spacing:-1px;
	font-weight:normal;
}
/* header */
#header{
	position:absolute;
	top:0;
	left:0;
	height:117px;
	width: 100%;
	background: url(../images/bg-header.png) no-repeat;
}
#header .add-nav{
	float:left;
	display:inline;
	margin:85px 0 0 41px;
	padding:0;
	overflow:hidden;
	list-style:none;
}
#header .add-nav li{
	float:left;
	white-space:nowrap;
	font-size:14px;
	color:#8e8e8e;
	margin:0 0 0 -12px;
	padding:0 16px 1px;
	background: url(../images/sep-add-nav.gif) no-repeat 0 6px;
}
/* main navigation */
#nav a{
	white-space:nowrap;
	font-size:14px;
	color:#8e8e8e;
}
#header .add-nav a.active,
#nav a.active,
#nav a:hover,
#header .add-nav a:hover{
	text-decoration:none;
	color:#333;
}
#nav{
	float:right;
	margin:85px 8px 0 0;
	padding:0;
	overflow:hidden;
	list-style:none;
}
#nav li{
	float:left;
	margin:0 0 0 -12px;
	padding:0 17px 0 13px;
	background: url(../images/sep-add-nav.gif) no-repeat 0 6px;
}
#nav a{
	white-space:nowrap;
	padding:0 15px 10px;
	display:block;
}
#nav a.item2.active,
#nav a.item2:hover{border-color:#70c233;}
#nav a.item3.active,
#nav a.item3:hover{border-color:#335fc2;}
#nav a.item4.active,
#nav a.item4:hover{border-color:#f0cb00;}
#nav a.active,
#nav a:hover{border-bottom:6px solid;}
#nav a.item1.active,
#nav a.item1:hover{border-color:#bc0031;}

/* main */
#main{padding:117px 0 0;}
.index #main .main-holder{
	padding:37px 6px 0;
}
#main .main-holder{
	padding:33px 6px 0;
	height:1%;
	overflow:hidden;
	background: url(../images/bg-main.png) repeat-y;
}
.index #main .img-holder{margin:0 auto 40px;}
#main .img-holder{
	width: 912px;
	height:117px;
	margin:0 auto 30px;
	position:relative;
	z-index:999;
	background: url(../images/bg-img-holder.gif) repeat-y;
}
.index #main .img-holder{height:280px;}
#main .img-holder-t{
	overflow:hidden;
	background: url(../images/bg-img-holder-top.gif) no-repeat;
}
* html #main .img-holder-t{
	height:1%;
	overflow:visible;
}
#main .img-holder-b{
	padding:5px;
	overflow:hidden;
	background: url(../images/bg-img-holder-bottom.gif) no-repeat 0 100%;
}
#main .img-holder .text-holder{
	position:absolute;
	bottom:18px;
	left:20px;
	width: 559px;
}
#main .img-holder .text-holder{color:#fff;}
#main .img-holder .text-holder p,
#main .img-holder .text-holder h2{margin:0;}
#main .img-holder .text-holder h2{font-size:20px;}
#main .img-holder .text-holder h2 span{font-weight:normal;}
#main .img-holder .text-holder p{font-size:13px;}
/* content */
.index #content{
	padding:0;
	width: 100%;
	float:none;
}
#content .box-holder{
	padding:3px 0 0;
	overflow:hidden;
	height:1%;
	background: url(../images/bg-box-holder-top.gif) no-repeat;
}
#content .box-holder .box-holder-b{
	padding:13px 0 50px;
	overflow:hidden;
	height:1%;
}
#content .box-holder .box{
	width: 243px;
	margin:0 3px 0 0;
	float:left;
}
#content .box-holder .box.last{margin:0;}
#content .box-holder .box .heading{
	overflow:hidden;
	height:1%;
	padding:0 0 0 43px;
}
#content .box-holder .box .item1{background: url(../images/bg-item1.gif) no-repeat 0 65%;}
#content .box-holder .box .item2{background: url(../images/bg-item2.gif) no-repeat 0 65%;}
#content .box-holder .box .item3{background: url(../images/bg-item3.gif) no-repeat 0 65%;}
#content .box-holder .box .item4{background: url(../images/bg-item4.gif) no-repeat 0 65%;}

#content .box-holder .box h3{
	float:left;
	margin:0;
	height:26px;
	font-size:20px;
}
#content .box-holder .box span{
	font-size:20px;
	height:24px;
	line-height:24px;
	font-weight:normal;
}
#content .box-holder .box .text-holder{
	padding:0 40px;
	text-align:center;
}
#content .box-holder .box .text-holder p{
	text-align:left;
	min-height:35px;
	line-height:18px;
	color:#7c7c7c;
}
* html #content .box-holder .box .text-holder p{height:35px;}

#content .box-holder .box .text-holder a{overflow:hidden;}
/* footer */
#footer{
	width: 994px;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
	padding:60px 0 40px ;
	background: url(../images/bg-footer.png) no-repeat;
}
#footer p{
	margin:0;
	font:11px tahoma,arial,sans-serif;
	color:#7c7c7c;
}
#footer .text-holder{
	margin:0 36px 0 0;
	float:right;
}
#footer .networks{
	float:left;
	display:inline;
	margin:0 0 0 457px;
	padding:0;
	list-style:none;
}
#footer .networks li{
	float:left;
	margin:0 3px 0 0;
}
#footer .networks a{
	float:left;
	width: 22px;
	height:22px;
	text-indent:-9999px;
}
#footer .networks a.stumbelupen{background:url(../images/img-stumbleupen.gif) no-repeat;}
#footer .networks a.linkedin{background:url(../images/img-linkedin.gif) no-repeat;}
#footer .networks a.twitter{background:url(../images/img-twitter.gif) no-repeat;}
#footer .networks a.stumbelupen:hover{background:url(../images/img-stumbleupen-hover.gif) no-repeat;}
#footer .networks a.linkedin:hover{background:url(../images/img-linkedin-hover.gif) no-repeat;}
#footer .networks a.twitter:hover{background:url(../images/img-twitter-hover.gif) no-repeat;}

/* client page */
.client #main .img-holder .text-holder{
	bottom:50px;
	left:47px;
}
.contact #main .img-holder .text-holder{
	left:48px;
	bottom:41px;
}
#main .img-holder img{vertical-align:top;}
.contact #main .img-holder .text-holder p,
.client #main .img-holder .text-holder p{
	font-size:18px;
	color:#252525;
}
#main .title{padding:0 0 0 41px;}
#main .title.item1{background:url(../images/bg-item1.gif) no-repeat 0 65%;}
#main .title.item2{background:url(../images/bg-item2.gif) no-repeat 0 65%;}
#main .title.item3{background:url(../images/bg-item3.gif) no-repeat 0 65%;}
#main .title.item4{background:url(../images/bg-item4.gif) no-repeat 0 65%;}
#main .title h1{
	margin:0 0 25px;
	font-size:24px;
	color:#252525;
}
#main .title h1 span{font-weight:normal;}
#main .content-holder{
	overflow:hidden;
	min-height:370px;
	padding:33px 0 0;
	background:url(../images/bg-main-inner.gif) no-repeat;
}
* html #main .content-holder{
	overflow:visible;
	height:370px;
}
/* client page content */
#content{
	width: 675px;
	padding:0 20px 0 40px;
	float:left;
}
#content p{
	margin:0 0 20px;
	color:#7c7c7c;
	line-height:18px;
}
.index #content p{
	margin:15px 0 0;
	color:#7c7c7c;
	line-height:20px;
}
#content strong.error {
	display:block;
	margin:0 0 20px;
	padding:5px 0 5px 27px;
	color:#f00;
	background:url(../images/bg-error.gif) no-repeat;
}
#content strong.success {
	display:block;
	margin:0 0 20px;
	padding:5px 0 5px 40px;
	color:#252525;
	background:url(../images/bg-success.gif) no-repeat;
}


#content label.error {color:#f00 !important;}
#content .block{
	width:324px;
	float:left;
}
#content .block-holder{
	overflow:hidden;
	height:1%;
	padding:0 0 8px;
}
#content .block-holder .block{
	padding:0;
	margin:0 20px 0 0;
}
#content .block-holder .block.last{margin:0;}
#content .login-form label{
	display:block;
	margin:20px 0 5px;
	color:#7c7c7c;
	font-weight:bold;
}
#content .login-form .row{
	overflow:hidden;
	height:1%;
}
#content .login-form .row label,
#content .login-form .row input{
	float:left;
	vertical-align:middle;
	margin:0 5px 0 0;
}
* html #content .login-form .row label{
	padding:3px 0 0;
}
#content .login-form .text{
	display:block;
	width: 319px;
	background:url(../images/bg-input-text.gif) no-repeat;
}
#content .login-form .text input{
	color:#b4b4b4;
	width: 305px;
	padding:5px 5px 8px;
	background:none;
	border:0;
}
* html #content .login-form .text input{padding:4px 5px 5px;}
* +html #content .login-form .text input{padding:4px 5px 5px;}
#textarea{
	display:block;
	width: 664px;
	height:136px;
	background:url(../images/bg-textarea.gif) no-repeat;
}
#textarea textarea{
	overflow:auto;
	border:0;
	color:#b4b4b4;
	background:none;
	height:122px;
	vertical-align:top;
	padding: 8px 5px 5px;
	width: 655px;
}
#content .login-form .button{
	margin:14px 0 0;
	width:114px;
	padding:8px 0 9px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	border:0;
	cursor:pointer;
	background:url(../images/bg-button-login.gif) no-repeat;
}
#content .login-form .button.blue{background:url(../images/bg-button-blue.gif) no-repeat;}
#content .block .date,
#main .date{
	margin:21px 0 3px;
	display:block;
	color:#7c7c7c;
	font-weight:bold;
}
#content .block span,
#content .block strong{
	color:#252525;
}
#sidebar .some-list,
#content .block .some-list{
	margin:0 0 20px;
	padding:0;
	list-style:none;
}
#sidebar .some-list li,
#content .block .some-list li{
	overflow:hidden;
	height:1%;
	padding:0 0 13px;
}
#sidebar .some-list a,
#content .block .some-list a{
	float:left;
	padding:0 0 2px;
	color:#7c7c7c;
	background:url(../images/bg-some-list.gif) repeat-x 0 100%;
}
#sidebar .some-list a:hover,
#content .block .some-list a:hover{
	text-decoration:none;
	background:none;
}
#sidebar .some-list.services li{
	padding:0 0 3px;
	color:#7c7c7c;
}
#sidebar .some-list.services a{background:none;}
#sidebar .some-list.services a:hover{text-decoration:underline;}
#sidebar .some-list.download a{background:url(../images/bg-some-list-blue.gif) repeat-x 0 100%;}
#sidebar .some-list.download a:hover{background:none;}
/* client page sidebar */
#sidebar{
	width: 180px;
	padding:0 40px 0 0;
	float:right;
}
#sidebar .title{
	margin:0 0 2px;
	padding:0;
	display:block;
}
#sidebar p{
	margin:0 0 18px;
	line-height:18px;
	color:#7c7c7c;
}
/* about page */
.about #main .img-holder .text-holder{bottom:35px;}
.about #main .img-holder .text-holder blockquote{margin:0;}
.about #main .img-holder .text-holder q{
	display:block;
	width: 480px;
	padding:0 0 10px 18px;
	color:#252525;
	font-size:18px;
	font-style:italic;
	background:url(../images/bg-quote-left.gif) no-repeat;
}
.about #main .img-holder .text-holder q span{
	width: 15px;
	height:15px;
	background:url(../images/bg-quote-right.gif) no-repeat;
}
.about #main .img-holder .text-holder cite{
	display:block;
	font-style:normal;
	padding:0 0 0 18px;
	color:#252525;
}
body.featuredwork {background:#f5f5f5 url(../images/bg-body-featured.gif) repeat-x;}
.featuredwork .wrapper-holder{background:url(../images/bg-wrapper-holder-featured.gif) repeat-x 0 100%;}
.featuredwork .box-holder{
	overflow:hidden;
	height:1%;
	padding:0 0 35px;
	background:url(../images/bg-box-holder.png) no-repeat;
}
.featuredwork .box-holder .box{
	width: 210px;
	float:left;
	padding:0 0 0 35px;
}
.featuredwork .box-holder .box .heading{
	overflow:hidden;
	height:1%;
	padding:0 0 20px;
}
.featuredwork .box-holder .box.active span,
.featuredwork .box-holder .box.active h2{color:#252525 !important;}
.featuredwork .box-holder .box ul{
	margin:0;
	padding:0;
	list-style:none;
	line-height:14px;
}
.featuredwork .box-holder .box ul a{
	float:left;
	padding:0 0 2px;
	color:#afafaf;
}
.featuredwork .box-holder .box ul a:hover{
	text-decoration:none;
}
.featuredwork .box-holder .box ul a:hover span{
	text-decoration:none;
	background:url(../images/bg-a-box.gif) repeat;
}
.featuredwork .box-holder .box li{
	margin:0 0 3px;
	overflow:hidden;
}

.featuredwork .box-holder .box.active ul a{color:#252525;}
.featuredwork .box-holder .box.active ul a.active,
.featuredwork .box-holder .box.active ul a:active,
.featuredwork .box-holder .box.active ul a:focus,
.featuredwork .box-holder .box.active ul a:hover{
	background:none;
	color:#bc0031;
	text-decoration:none;
}
.featuredwork .box-holder .box .heading span{
	color:#afafaf;
	font-size:20px;
	padding:1px 0 0;
	font-weight:normal;
}
.featuredwork .box-holder .box .heading h2{
	margin:0;
	float:left;
	font-size:20px;
	color:#afafaf;
}
.featuredwork #content{
	float:none;
	width: 918px;
	padding:25px 32px;
	overflow:hidden;
	position:relative;
	background:#f2f2f2 url(../images/bg-main-futured.gif) no-repeat;
}
.featuredwork #content .main-img{
	float:right;
	margin:0 0 10px 10px;
}
#content .more{
	color:#252525;
	background:url(../images/bg-more.gif) repeat-x 0 100%;
}
#content .more:hover{
	text-decoration:none;
	background:none;
}
.featuredwork #content .view{color:#252525;}
.featuredwork #content .gallery {
	float:right;
	width: 650px;
}
.featuredwork #content .gallery ul{
	margin:0;
	padding:0;
	list-style:none;
	position: relative;
	overflow: hidden;
	height: 438px;
}
.featuredwork #content .gallery ul li {
	position: absolute;
	top: 0;
	left: 0;
}
.featuredwork #content .gallery ul li.active {
	z-index: 1;
}

.featuredwork #content .gallery .prev-arrow,
.featuredwork #content .gallery .next-arrow{
	position:absolute;
	width: 27px;
	height:27px;
	text-indent:-9999px;
	top:177px;
	overflow:hidden;
}
.featuredwork #content .gallery .prev-arrow{
	left:170px;
	background:url(../images/arrow-prev.gif) no-repeat;
}
.featuredwork #content .gallery .prev-arrow:hover{
	background:url(../images/arrow-prev-hover.gif) no-repeat;
}
.featuredwork #content .gallery .next-arrow{
	left:200px;
	background:url(../images/arrow-next.gif) no-repeat;
}
.featuredwork #content .gallery .next-arrow:hover{
	background:url(../images/arrow-next-hover.gif) no-repeat;
}
.featuredwork #content .gallery ul a span,
.featuredwork #content .gallery ul a{
	overflow:hidden;
	height:1%;
	display:block;
}
.featuredwork #content .gallery ul a span{background:url(../images/bg-gallery.gif) repeat-y;}
.featuredwork #content .gallery ul a span span{background:url(../images/bg-gallery-top.gif) no-repeat -1px 0;}
.featuredwork #content .gallery ul a span span span{
	padding:5px;
	background:url(../images/bg-gallery-bottom.gif) no-repeat 0 100%;
}
.featuredwork #content strong.padding{
	display:block;
	margin:32px 0 0;
}

/* slideshow styles */
.slideshow .prev-arrow,
.slideshow .next-arrow {
	text-indent:-9999px;
	float: left;
	width: 27px;
	height:27px;
	overflow:hidden;
}
.slideshow .prev-arrow {
	background:url(../images/arrow-prev.gif) no-repeat;
}
.slideshow .prev-arrow:hover {
	background:url(../images/arrow-prev-hover.gif) no-repeat;
}
.slideshow .next-arrow {
	background:url(../images/arrow-next.gif) no-repeat;
}
.slideshow .next-arrow:hover {
	background:url(../images/arrow-next-hover.gif) no-repeat;
}
.slideshow .holder span {
	padding: 5px 5px 5px 0;
	float: left;
}

/* cufon */
#main .title h1 span .cufon{
	top:1px !important;
}
.featuredwork .box-holder .box .heading h2 span .cufon{
	top:1px !important;
}
#content .box-holder .box h3 .cufon{
	top:0 !important;
}
#content .box-holder .box h3 span .cufon{
	top:1px !important;
}