body{
	margin:0;
	color:#616161;
	font:13px/14px Arial, Helvetica, sans-serif;
	background:#fcfcfc url(../images/bg-body.gif) repeat-x;
}
img{border-style:none;} 
a{
	text-decoration:none;
	outline:none;
	color:#820101;
}
a:hover{text-decoration:underline;}
ul{
	margin:0;
	padding:0;
	list-style:none;
}
p{
	margin:0;
}
#wrapper{
	background:url(../images/bg-wrapper.png) repeat-y;
	margin:0 auto 0;
	width:992px;
}
.line{
	width:958px;
	margin:0 auto;
	background:#777 url(../images/bg-line.gif) no-repeat 100% 0;
	height:19px;
}
#wrap-holder{
	position:relative;
	width:958px;
	margin:0 auto;
}
#header{
	background:url(../images/bg-header.gif) no-repeat;
	height:225px;
	width:100%;
	overflow:hidden;
}
.logo{
	margin:52px 0 0 70px;
	float:left;
	width:212px;
	height:121px;
	background:url(../images/bg-logo.png) no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	display:inline;
}
.logo a{
	display:block;
	height:121px;
	position:relative;
}
#nav{
	float:right;
	margin:66px 50px 0 0;
	width:461px;
	overflow:hidden;
	display:inline;
}
#nav li{
	float:left;
	overflow:hidden;
}
#nav li a{
	display:block;
	width:100%;
	height:121px;
	color:#5c5c5c;
	font-size:22px;
	text-align:center;
}
#nav li a:hover{
	text-decoration:none;
}
#nav li a span{
	display:block;
	height:102px;
}
#nav li.about{
	width:83px;
	margin-right:46px;
}
#nav li.about em{
	padding-left:12px;
	font-style:normal;
}
#nav li.work em{
	padding-right:2px;
	font-style:normal;
}
#nav li.clients em{
	padding-right:2px;
	font-style:normal;
}
#nav li.mail em{
	font-style:normal;
}
#nav li.work{
	width:76px;
	margin-right:34px;
}
#nav li.clients{
	width:110px;
	margin-right:29px;
}
#nav li.mail{
	width:82px;
}
#nav li.about span{
	background:url(../images/bg-nav.png) no-repeat;
}
#nav li.work span{
	background:url(../images/bg-nav.png) no-repeat -129px 0;
}
#nav li.clients span{
	background:url(../images/bg-nav.png) no-repeat -240px 0;
}
#nav li.mail span{
	background:url(../images/bg-nav.png) no-repeat -379px 0;
}
#content{
	width:919px;
	overflow:hidden;
	margin:0 auto;
	padding-top:15px;
	position:relative;
}
.portfolio{
	margin:0;
	background:url(../images/bg-portfolio.gif) no-repeat 0 10px;
	font:17px/36px Arial, Helvetica, sans-serif;
	color:#333;
	padding-left:20px;
}
.tabset{
	width:100%;
	overflow:hidden;
	padding-bottom:20px;
}
.tabset li{
	float:left;
}
#dev,
#des,
#app{
	width:230px;
	float:left;
	height:70px;
	font:14px/18px Arial, Helvetica, sans-serif;
	overflow:hidden;
	color:#333;
	padding:0 0 0 ;
	margin-right:25px;
}
#dev em,
#des em,
#app em{
	font-style:normal;
	display:block;
	margin:16px 0 0 95px;
	color:#333;
}
#dev{
	background:url(../images/bg-tabset.gif) no-repeat 0 -70px;
}
#dev:hover,
#dev.active{
	background:url(../images/bg-tabset.gif) no-repeat 0 0;
	text-decoration:none;
}
#des,
#app{
	background:url(../images/bg-tabset.gif) no-repeat -230px -70px;
}
#des:hover,
#des.active,
#app:hover,
#app.active{
	background:url(../images/bg-tabset.gif) no-repeat -230px 0;
	text-decoration:none;
}
#dev span,
#des span,
#app span{
	display:block;
	font-size:12px;
}
#footer{
	padding:35px 20px;
	background:url(../images/bg-footer.gif) no-repeat 0 100%;
	width:916px;
	overflow:hidden;
	margin:0 auto;
	font:13px/16px Arial, Helvetica, sans-serif;
}
#footer span{
	float:left;
}
#footer ul{
	float:right;
	overflow:hidden;
}
#footer ul li{
	float:left;
	background:url(../images/bg-foot-sep.gif) no-repeat 100% 4px;
	padding:0 6px 0 4px;
	margin:0 -2px 0 2px;
	display:inline;
}
#footer ul li a{
	color:#333;
}
.sub-nav{
	overflow:hidden;
	font:13px/19px Arial, Helvetica, sans-serif;
	margin:0 0 20px;
	padding:2px 0 2px 2px!important;
	background:#ebf3fd;
	background:url(../images/sub-nav.jpg) no-repeat;
	height:30px;

}
.sub-nav li{
	float:left;
	display:inline;
	padding-right:1px;
	margin-right:1px;
	border-right:1px solid #b8d6fc;
}
.sub-nav li a{
	padding:2px 35px 0;
	background:url(../images/bg-sub-nav-li.gif) repeat-x;
	display:block;
	color:#4773a7;
	height:22px;
	overflow:hidden;
	float:left;
	border:1px solid #8fb9d0;
}
.sub-nav li a:hover{
	text-decoration:none;
}
.sub-nav .active{
	font-weight:bold;
	background:url(../images/bg-sub-nav-li-active.gif) repeat-x;
	color:#325783;
}
#content p {
	padding: 0 0 15px 0;
	line-height: 15px;
	font-size: 13px;
	color: #616161;
}
.promo-info{
	width:580px;
}
.portfolio span{
	background:#fff;
	padding-right:15px;
}
.relative{
	position:relative;
}
.relative .visual{
	position:absolute;
	top:20px;
	right:80px;
	width:326px;
}
.relative .visual img{
	display:block;
}
.promo-logo{
	float:right;
	width:300px;
}
.promo-logo img{
	float:left;
	margin-right:5px;
	padding-top:45px;
}
.cont-table{
	border-collapse:collapse;
	font-size:12px;
	line-height:18px;
}
.cont-table td{
	vertical-align:top;
	padding-right:10px;
}
.cont-table td a{
	color:#4773A7;
}
.alt_page_navigation{
	text-align:right;
}
.alt_page_navigation a{
	padding:3px 5px;
	margin:2px;
	color:#333;
	text-decoration:none;

	font-size: 12px;
	display:inline!important;
}
.active_page{
	color:#4773A7!important;
	font-weight:bold;
}	
.first_link, .last_link{
	display:none!important;
}
.aligne-center{
	margin-bottom:20px;
}
.tab-content{
	width:100%;
	overflow:hidden;
	padding-top:20px;
}
#controls{
	display:none;
}
.thumbs{
	width:318px;
	float:right!important;
	overflow:hidden;
	margin-top:-10px;
	padding-bottom:30px;
}
.thumbs li{
	float:left;
	display:inline;
	margin:10px 10px;
	width:82px;
	height:82px;
	overflow:hidden;
	padding:1px;
	border:1px solid #ccc;
}
.thumbs li.selected{border:1px solid #8FB9D0;}
#gallery{
	width:558px;
	float:left;
	overflow:hidden;
}
.next,.prev{
background:url(../images/bg-sub-nav-li.gif) repeat-x 0 0;
border:1px solid #8FB9D0;
color:#4773A7;
float:right;
height:20px;
margin-left:10px;
overflow:hidden;
padding:4px 35px 0;	
}
.prev{
	float:left;
}
.next:hover,.prev:hover{
	text-decoration:none;
}
.slideshow-container{
	width:550px;
	height:375px;
	overflow:hidden;
	border:1px solid #ccc;
	clear:both;
	position:relative;
}
#slideshow{
	width:548px;
	margin:1px;
	overflow:hidden;
}
.slideshow span.image-wrapper {
	display:block;
	left:1px;
	position:absolute;
	top:1px;
}
.slideshow img {
vertical-align:middle;
}
.image-title{
	font:bold 17px/19px Arial, Helvetica, sans-serif;
	color:#333;
	margin:10px 0;
}	
.image-desc{
	font:13px/19px Arial, Helvetica, sans-serif;
	color:#333;
	margin:0 0 10px;
}
.advance-link:hover{
	text-decoration:none;
}
.slideshow a.advance-link {
	display:block;
	height:372px;
	width:548px;
	text-align:center;
	line-height:0;
}
.current1,
.current2{
	display:none;
}
div.caption-container {
	position: relative;
	clear: left;
	height: 180px;
}
span.image-caption {
	display: block;
	position: absolute;
	width: 550px;
	top: 0;
	left: 0;
}
.testimonials-holder{
	width:100%;
	overflow:hidden;
	padding-bottom:25px;
}
.testimonials-holder .box{
	float:left;
	width:458px;
	overflow:hidden;
}
.testimonials-holder .box .info{
	float:right;
	margin:0 40px 0 20px;
	width:310px;
	display:inline;
	padding:0!important;
}
.testimonials-holder .box .info p{
	font:12px/18px Arial, Helvetica, sans-serif!important;
	margin:0 0 5px;
}
.testimonials-holder .box .info strong{
	line-height:16px;
}
.testimonials-holder .box img{
	display:block;
}
.pagination{
	text-align:center;
}
.pagination a{
	color:#4773A7;
	margin:0 5px;
}
.pagination a:hover{
	background:url(../images/bg-sub-nav-li-active.gif) repeat-x;
	color:#325783;
	text-decoration:none;
}
#thumbs{
	width:318px;
	overflow:hidden;
}