* {
		margin: 0;
		padding: 0;
		border: 0;
		list-style: none;
		outline: none;
		font-size: 1em;
		text-decoration: none;
		-webkit-appearance: none;
		-webkit-text-size-adjust:none;
		-webkit-tap-highlight-color:rgba(0,0,0,0);
	}
	
	.clear {
		clear:both;
		height:0;
		overflow:hidden;
		margin:-1px 0 0 0;
	}
	
	html{
		min-width: 1000px;
		height: 100%;
	}
	
	body{
		background: url(../img/white_background.png) #EEE;
		font-family: "verdana", "arial";
		min-width: 1000px;
		overflow-y: scroll;
		*overflow-y:normal;
		height: 100%;
	}
	
	* a:hover{
		text-decoration: none !important;
	}
	
	.hidden{
		display: none;
	}
		
	::selection {
		background:rgba(203,215, 153, 0.8); /* Safari */
		color: #FFF;
	}
	::-moz-selection {
		background:rgba(203,215, 153, 0.8); /* Firefox */
		color: #FFF;
	}
	
	@font-face {
    	font-family: 'AllerLightRegular';
    	src: url('../fonts/Allerlight/aller_lt-webfont.eot');
   		src: url('../fonts/Allerlight/aller_lt-webfont.eot?#iefix') format('embedded-opentype'),
       		url('../fonts/Allerlight/aller_lt-webfont.woff') format('woff'),
         	url('../fonts/Allerlight/aller_lt-webfont.ttf') format('truetype'),
         	url('../fonts/Allerlight/aller_lt-webfont.svg#AllerLightRegular') format('svg');
    	font-weight: normal;
    	font-style: normal;
	}
	
	.hover:hover{
		background-position: center center;
	}
	
	.hover:active, .hover:focus{
		background-position: bottom center;
	}
	
	.wrapper{
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -400px;
	}
	
	#footerdummy{
		display: block;
		height: 355px;
		width: auto;
	}
	
	
	/* --- Main --- */
	
	.stretch{
		display: block;
		position: relative;
		width: 100%;
		min-width: 1000px;
	}
	
	.center{
		display: block;
		position: relative;
		left: 50%; top:0%;
		width: 980px;
		margin: 0px 0px 0px -490px;
	}
	
	.center.alt{
		width: 994px;
		margin: 0px 0px 0px -490px;
	}
	
	.bar{
		display: block;
		min-height: 20px;
		float: left;
		margin: 0px 22px 0px 0px;
		}
		.bar.one{
			width: 312px;
		}
		.bar.two{
			width: 646px;
		}
		.bar.three{
			width: 980px;
			margin: 0px 0px 0px 0px;
		}
		.bar.last{
			margin: 0px 0px 0px 0px;
		}
		.bar.leftside{
			width: 214px;
		}
		.bar.rightside{
			width: 740px;
			margin: 0px 0px 0px 0px;
		}
		.bar.right{
			margin: 0px 0px 0px 240px;
			width: 740px;
			min-height: 300px;
			_overflow:hidden;
			_margin: 0px 0px 0px 0px;
			_width: 540px;
		}
		.bar.right.abouttext{
			_margin: 0px;
			_width: 540px;
			_margin-left:-150px;
			_margin-top:-10px;
		}	
		.bar.right.serviceholder, #contact .bar.right, .bar.right.projectlist{
			_margin:-10px 0px 0px -30px;
			_width: 740px;
		}	
		.bar.oneAlt{
			width: 361px;
			position: relative;
		}
		.bar.oneSmallAlt{
			width: 214px;
			position: relative;
		}
		.bar.oneAlt.last{
			_top:-25px;
		}
		
	
	.bar.fixed{
		position: relative;
		top:12px; left:50%;
		margin:0px 0px 0px -498px;
		*width:120px; 
		_margin-left:-650px;
		_margin-top:-10px;
		}
		.bar.fixed ul li{
			border-top: 1px solid #deded6;
			width: 214px;
		}
		.bar.fixed ul li{
			font-weight: 400; 
		}
		.bar.fixed ul li a{
			color: #aeae9c;
			font-size: 14px;
			text-transform: uppercase;
			display: block;
			height: 34px;
			position: relative;
			line-height: 37px;
			*line-height:35px;
			padding: 0px 0px 0px 20px;
		}
		.bar.fixed ul li a:hover{
			color:#899b42;
		}
		.bar.fixed ul li a.active{
			color: #252525;
		}	
		.bar.fixed ul li a span{
			position: absolute;
			right: 0px; top:0px;
			width: 20px;	
			height: 34px;
			background-image: url(../img/blog_arrow_fixed.gif);
			background-position: -10px 34px;
			background-repeat: no-repeat;
		}
		.bar.fixed ul li a:hover span{
			background-position: -10px -34px;
		}
		.bar.fixed ul li a.active span{
			background-position: -10px 0px;
		}		
		.bar.fixed ul li form{
			position: relative;
		}
		.bar.extratopspace{
			margin-top: 12px;
		}
	
	.bar.topborder{
		border-top: 1px solid #CCC;
		padding: 40px 0px 0px 0px;
	}
	
	.generaltext{
		color: #707070;
		font-family: "verdana";
		font-size: 13px;
		line-height: 20px;
		margin: 0px 0px 10px 0px;
	}
	
	
	/* --- Header --- */
	
	#header{
		background: url(../img/header_background.jpg) center top repeat-x #EEE;
		height: 108px; 
	}
	
	#digiti{
		display: block;
		width: 236px; height: 70px;
		background-image: url(../img/sgsa.png);
		position: absolute;
		left: 0px; top:20px;
	}
	
	#digiti img{
		opacity:0;
		*display:none;
	}
	
	#header ul{
		position: absolute;
		top:51px; right:0px;
	}
	#header ul li{
		float: left;
	}
	#header ul a{
		font-size: 12px;
		display: block;
		height: 39px;
		float: left;
		overflow: hidden;
		text-indent: -10000em;
		background-image: url(../img/menu.png);
	}
	#header ul a.active{
		-webkit-animation-name: movein;
 		-webkit-animation-duration: 1s;
 		-webkit-animation-iteration-count: 1;
 	}
	#homebutton{ width: 127px; background-position: 0px 0px; }
	#homebutton:hover{ background-position: 0px -39px; }
	#homebutton.active, #homebutton:active{ background-position: 0px -78px; }
	
	#aboutbutton{ width: 127px; background-position: -127px 0px; }
	#aboutbutton:hover{ background-position: -127px -39px; }
	#aboutbutton.active, #aboutbutton:active{ background-position: -127px -78px; }
	
	#servicesbutton{ width: 125px; background-position: -254px 0px; }
	#servicesbutton:hover{ background-position: -254px -39px; }
	#servicesbutton.active, #servicesbutton:active{ background-position: -254px -78px; }
	
	#portfoliobutton{ width: 128px; background-position: -379px 0px; }
	#portfoliobutton:hover{ background-position: -379px -39px; }
	#portfoliobutton.active, #portfoliobutton:active{ background-position: -379px -78px; }
	
	#blogbutton{ width: 120px; background-position: -507px 0px; }
	#blogbutton:hover{ background-position: -507px -39px; }
	#blogbutton.active, #blogbutton:active{ background-position: -507px -78px; }
	
	#contactbutton{ width: 122px; background-position: -627px 0px; }
	#contactbutton:hover{ background-position: -627px -39px; }
	#contactbutton.active, #contactbutton:active{ background-position: -627px -78px; }
	
	@-webkit-keyframes 'movein' {
      0% {
        opacity: 0;
      }
      100% {
        opacity: 1;
      }
    }
	
	
	/* --- Content --- */
	
	#content{
		background-color: #EEE;
		background: url(../img/white_background.png) #EEE;
		padding: 0px 0px 60px 0px;
	}
	
	
	/* --- Home --- */
	
	#banner{
		display: block;
		width: 980px;
		height: 335px;
		background-image: url(../img/home_banner_bg.png);
		position: relative;
		margin:12px 0px 17px 0px;
	}
	#banner .mask{
		width: 968px;
		height: 318px;
		display: block;
		overflow: hidden;
		position: relative;
		margin: 6px 0px 0px 6px;
	}
	#banner .item{
		position: absolute;
		left:0px;
		opacity: 0;
		display: block;
	}
	#banner .item.active{
		display: block;
		left:0px;
		opacity: 1;
		z-index: 3;
	}
	#banner .item a{
		display: block;
		width: 20px;
		height: 20px;
		position: absolute;
		left:-20px;
		top:-20px;
	}
	#banner .navigation a{
		display:block;
		width: 23px; height: 43px;
		background: url(../img/arrows_banner.png);
		_background: url(../img/arrows_banner_ie.gif);
		position: absolute;
		top: 146px;
		z-index: 55;
		}
		#banner .navigation a.back{
			left: 6px;
		}
		#banner .navigation a.back:hover{
			left: 6px;
			background-position: left bottom;
		}
		#banner .navigation a.forward{
			right: 6px;
			background-position: right top;
		}
		#banner .navigation a.forward:hover{
			background-position: right bottom;
		}
	
	#makethemsmile{
		margin:15px 0px 36px 0px;
		position: relative;
		height: 62px;
		display: block;
		}
		#makethemsmile h1{
			position: absolute;
			left:0px; top:0px;
			display: block;
			width: 223px; height: 62px;
			background-image: url(../img/home_hello.png);
			text-indent: -1000000em;
		}
		#makethemsmile div{
			position: absolute;
			top:0px; right:0px;
			height: 61px; width: 740px;
			border-top:1px solid #CCC;
			}
			#makethemsmile div a{
				position: absolute;
				bottom:0px; right:0px;
				height: 36px; width: 140px;
				background-image: url(../img/home_moreservices.png);
				text-indent: -10000em;
			}
		#makethemsmile h2{
			position: absolute;
			bottom:21px; left:0px;
			text-indent: -100em;
			display: block;
			width: 560px; height: 21px;
			background: url(../img/hello_meet.png);
			background-repeat: no-repeat;
			background-position: left top;
		}
		#makethemsmile h3{
			position: absolute;
			bottom:0px; left:0px;	
			text-indent: -100em;
			display: block;
			width: 358px; height: 16px;
			background: url(../img/home_experiences.png);
			background-repeat: no-repeat;
			background-position: left top;
		}
	
	.depthreading{
		margin:10px 0px 0px 0px;
		display: block;
		text-align: right;
		font-size: 12px;
		padding: 0px 15px 0px 0px;
		background: url(../img/arrows_links.png) top right no-repeat;
		height: 18px;
		color: #adbb60;
		line-height: 18px;
		}
		.depthreading:hover {
			background: url(../img/arrows_links.png) bottom right no-repeat;
			color: #718036;
		}
		
	.continuereading{
		height: 18px;
		color: #adbb60;
		line-height: 19px;
		padding: 0px 15px 0px 0px;
		font-size: 12px;
		background: url(../img/arrows_links.png) top right no-repeat;
		}
		.continuereading:hover{
			background: url(../img/arrows_links.png) right -18px no-repeat;
			color: #718036;
		}
	
	#content #homepost{
		background: url(../img/content_home_blog.jpg) no-repeat 0px 40px; position:relative;
		}
		#content #homepost h2{
			margin: 0px 0px 0px 78px;
			min-height: 45px;
		}
		#content #homepost #bloglink{
			display: block;
			position: absolute;
			left: 0px; top:40px;
			width: 60px; height: 40px;
			}
			#content #homepost #bloglink:hover{
				background: url(../img/content_home_blog_over.jpg) no-repeat;
			}
		#content #homepost h2 a{
			color: #111;
			font-weight: normal;
			font-size: 22px;
			line-height: 35px;
			font-family: "AllerLightRegular","verdana";
		}
		#content #homepost .date{
			position:absolute;
			left: -1px; top:90px;
			color: #BBB;
			font-family: "verdana";
			font-size: 11px;
			font-weight: bold;
		}
		#content #homepost .shortpost{
			margin: 0px 0px 0px 80px;	
			color: #707070;
			font-family: "verdana";
			font-size: 12px;
			line-height: 20px;
			}
			#content #homepost .shortpost p{
				margin: 0px 0px 10px 0px;
				font-size: 12px;
			}
	
	#content .fservice{
		padding: 0px 0px 40px 0px;
		}
		#content .fservice h4{
			font-weight: 700;
			color: #64274f;
			font-size: 20px;
			font-weight: normal;
			margin: 0px 0px 10px 0px;
			}
			#content .fservice h4 a{
				color: #64274f;
			}
		#content .fservice p{
			color: #707070;
			font-family: "verdana";
			font-size: 12px;
			line-height: 20px;
			}
			#content .fservice p a{
				color: #7A3B63;
				border-bottom: 1px solid #cdb4c4;
				}
				#content .fservice p a:hover{
					border-bottom: none;
					color: #9FB250;
				}
	
	#content .social{
		margin: 0px 0px 30px 0px;
		position: relative;
		}
		#content .social h2{
			display: block;
			width: 100%; height: 21px;
			background: url(../img/content_news_titles.gif);
			text-indent: -999999em;
			margin: 0px 0px 14px 0px;
		}
		#content #newsletter.social h2{
			background-position: left bottom;
		}
	
	#content #twitter{
		_padding-top:50px;
		_margin-top:-8px;
		_border-top:1px solid #CCC;
	}
	#content #twitter #tweetcontent{
		display: block;
		background-image: url(../img/content_tweet.jpg);
		font-family: "verdana";
		font-size: 11px;
		font-weight: bold;
		font-style: italic;
		line-height: 19px;
		color: #FFF;
		padding: 10px 15px 7px 15px;
		overflow: hidden;
		width: 282px;
	}
	#content #twitter #tweet:hover #tweetcontent{
		background-position: top right;
	}
	#content #twitter #tweetcontent em{
		color: #c39eb6;
		font-family: "helvetica", "times";
		font-size: 20px;
		margin: 0px 5px 0px 0px;
		position: relative;
		left: 0px; top:5px;
	}
	#content #twitter .footer{
		display: block;
		background-image: url(../img/content_tweet.jpg);
		background-position: bottom left;
		height: 34px; width: 312px;
		overflow: hidden;
		text-indent: -1000em;
	}
	#content #twitter #tweet:hover .footer{
		background-position: bottom right;
	}
	#content #twitter #followus{
		display: block;
		background-image: url(../img/content_tweet_followus.jpg);
		width: 97px; height: 25px;
		position: absolute;
		right: 0px; bottom: 0px;
		text-indent: -1000em;
		*top:98px;
		_top:148px;
	}
	
	#content #newsletter input.text{
		width: 208px; height: 25px;
		background: url(../img/content_newsletter.gif);
		background-position: top left;
		font-family: "verdana";
		color: #b7b7b1;
		font-size: 11px;
		line-height: 25px;
		text-indent: 10px;
	}
	#content #newsletter input.text:hover{ background-position: left center; color: #92928a;}
	#content #newsletter input.text:active, #content #newsletter input.text:focus{ background-position: left bottom; color: #616158;}
	body #content #newsletter input.text.autoclear.userinput{ color: #616158; background-color: blue;}
	
	#content #newsletter input#subscribe{
		width: 97px; height: 25px;
		background: url(../img/content_newsletter.gif);
		background-position: top right;
		float: right;
		cursor: pointer;
	}
	#content #newsletter input#subscribe:hover{ background-position: right center; }
	#content #newsletter input#subscribe:active{ background-position: right bottom; }
	#content #newsletter input#subscribe:focus{ background-position: right bottom; }
	
	#content #newsletter p{
		color: #707070;
		font-size: 11px;
		font-family: "verdana";
		margin: 4px 0px 0px 0px;
	}
	
	/* --- Projects --- */
	
	#content #portfolio{
		display: block;
		height: 23px; width: 145px;
		margin: 0px 0px 13px 0px;
		overflow: hidden;
		text-indent: -1000em;
		background: url(../img/portfolio_title.png) no-repeat -1px 0px;
	}
	#content #featured{
		display: block;
		font-family: "AllerLightRegular","verdana","arial";
		font-size: 16px;
		margin: 20px 0px 5px 0px;
		font-weight: normal;
		color: #555;
	}
	#content .projecttitle{
		font-family: "AllerLightRegular","verdana","arial";
		font-size: 28px;
		margin: 0px 0px 10px 0px;
		font-weight: normal;
		color: #7A3B63;
	}
	#content .project_video{
		position: relative;
		padding: 6px;
		width: 728px; height: 424px;
		background: url(../img/portfolio_frame.png) no-repeat;
	}
	#content .projectqoute{
		color: #666666;
		font-family: "georgia";
		font-size: 15px;
		font-style: italic;
		line-height: 22px;
		padding: 0px 0px 20px 0px;
		display: block;
	}
	#content .projectqoute span.qoute{
		display: inline;
		font-family: "helvetica", "arial";
		font-size: 18px;
		font-weight: bold;
		color: #7A3B63;
	}
	#content .projectqoute span.person{
		color: #A1B359;
	}
	
	#content .project-tags li{
		float: left;
	}
	#content .project-tags li a{
		display: block;
		position: relative;
		font-size: 9px;
		text-transform: uppercase;
		color: #FFF;
		background: url(../img/portfolio_tags.gif) right top;
		padding: 0px 10px 0px 20px;
		margin: 0px 6px 6px 0px;
		height: 25px;
		line-height: 25px;
		_width:130px;
		*line-height:24px;
		_overflow:hidden;
	}
	*>#content .project-tags li a{
		line-height: 25px;
	}
	#content .project-tags li a span{
		display: block;
		position: absolute;
		top:0px; left: 0px;
		width: 20px;
		height: 25px;
		background: url(../img/portfolio_tags.gif) left top;
		}
		#content .project-tags li a:hover{
			background-position: right center;
		}
		#content .project-tags li a:hover span{
			background-position: left center;
		}
		#content .project-tags li a:active, #content .project-tags li a:focus{
			background-position: right bottom;
		}
		#content .project-tags li a:active span, #content .project-tags li a:focus span{
			background-position: left bottom;
		}
	.bar.spacer{
		height: 35px;
		border-top: 1px solid #CCC;
		margin: 35px 0px 0px 0px;
	}
	#content .visit{
		text-indent: -10000em;
		overflow: hidden;
		display: block;
	}
	
	#content #projectfilter{
		margin-top: 35px;
		_margin-top: 15px;
	}
	
	#content #portfolionav{	
		}
		#content #portfolionav li{
			border-top: 1px solid #deded6;
			width: 214px;
		}
		#content #portfolionav li{
			font-weight: 400; 
		}
		#content #portfolionav li a{
			color: #aeae9c;
			font-size: 14px;
			text-transform: uppercase;
			display: block;
			height: 34px;
			position: relative;
			line-height: 37px;
			*line-height:35px;
			padding: 0px 0px 0px 20px;
		}
		#content #portfolionav li a:hover{
			color:#899b42;
		}
		#content #portfolionav li a.active{
			color: #252525;
		}	
		#content #portfolionav li a span{
			position: absolute;
			right: 0px; top:0px;
			width: 20px;	
			height: 34px;
			background-image: url(../img/blog_arrow_fixed.gif);
			background-position: -10px 34px;
			background-repeat: no-repeat;
		}
		#content #portfolionav li a:hover span{
			background-position: -10px -34px;
		}
		#content #portfolionav li a.active span{
			background-position: -10px 0px;
		}	
		#content #portfolionav li a{
			background-image: url(../img/services_sidebar_icons.gif);
			background-repeat: no-repeat;
			line-height: 36px;
		}
		
		#content #portfolionav .WS{ background-position: left 0px; }
		#content #portfolionav .WS:hover{ background-position: left -204px; }
		#content #portfolionav .WS.active{ background-position: left -408px; }
		#content #portfolionav .WA{ background-position: left -34px; }
		#content #portfolionav .WA:hover{ background-position: left -238px; }
		#content #portfolionav .WA.active{ background-position: left -442px; }
		#content #portfolionav .LB{ background-position: left -68px; }
		#content #portfolionav .LB:hover{ background-position: left -272px; }
		#content #portfolionav .LB.active{ background-position: left -476px; }
		#content #portfolionav .MO{ background-position: left -102px; }
		#content #portfolionav .MO:hover{ background-position: left -306px; }
		#content #portfolionav .MO.active{ background-position: left -510px; }
		#content #portfolionav .OS{ background-position: left -136px; }
		#content #portfolionav .OS:hover{ background-position: left -340px; }
		#content #portfolionav .OS.active{ background-position: left -544px; }
		#content #portfolionav .SP{ background-position: left -170px; }
		#content #portfolionav .SP:hover{ background-position: left -374px; }
		#content #portfolionav .SP.active{ background-position: left -578px; }
		#content #portfolionav .SE{ background-position: left -612px; }
		#content #portfolionav .SE:hover{ background-position: left -646px; }
		#content #portfolionav .SE.active{ background-position: left -680px; }
		#content #portfolionav .LA{ background-position: left -816px; }
		#content #portfolionav .LA:hover{ background-position: left -850px; }
		#content #portfolionav .LA.active{ background-position: left -884px; }	
		#content #portfolionav .OV{ background-position: left -712px; }
		#content #portfolionav .OV:hover{ background-position: left -746px; }
		#content #portfolionav .OV.active{ background-position: left -780px; }
	
	/* --- Basic showcase frame --- */
	
	.frame, .bar.frame{
		height: 436px;
		width: 740px;
		background: url(../img/portfolio_frame.png) no-repeat;
		position: relative;
		margin:0px 0px 0px 4px;
	}
	.frame #ribbon{
		position: absolute;
		z-index: 30;
		top:-2px; right: -2px;
		_display:none;
	}
	.extratopspace .frame{
		_margin:25px 0 0 2px;
	}
	
	.frame .control{
		display:block;
		width: 23px; height: 43px;
		background: url(../img/arrows_banner.png);
		_background: url(../img/arrows_banner_ie.gif);
		position: absolute;
		top: 183px;
		z-index: 55;
		}
		.frame .left{
			left: -23px;
			background-position: left top;
			_background-position: left top;
		}
		.frame .left:hover{
			background-position: left bottom;
			_background-position: left bottom;
		}
		.frame .right{
			right: -23px;
			background-position: right top !important;
		}
		.frame .right:hover{
			background-position: right bottom !important;
		}
	
	.frame .dots{
		position: absolute;
		bottom:-30px; left:0px;
		z-index: 10;
		width: 100%; height: 24px;
		line-height: 24px;
		_font-size:16px;
		}
		.frame .dots ul{
  			clear:left;
  			float:left;
   			list-style:none;
   			margin:0;
   			padding:0;
   			position:relative;
   			left:50%;
			}
			.frame .dots ul li{
   				display:block;
   				float:left;
  				margin:0;
   				padding:0;
   				position:relative;
   				right:50%;
				}
				.frame .dots ul li:first-child:before{
					content: "";
					display: block;
					width: 23px; height: 24px;
					background: url(../img/nav_bg.png) top left;
					position: absolute;
					left: -23px; top:0px;
				}
				.frame .dots ul li:last-child:after{
					content: "";
					display: block;
					width: 23px; height: 24px;
					background: url(../img/nav_bg.png) top right;
					position: absolute;
					right: -23px; top:0px;
				}
				.frame .dots a{
					color: #BBB;
					padding: 2px 4px 2px 4px;
					margin:1px 0px 0px 0px;
					background: #FFF;
					position: relative;
					}
					.frame .dots a.active{
						color: #000;
					}
	
	
	.frame .mask{
		display: block;
		overflow: hidden;
		height: 410px;
		width: 728px;
		position: absolute;
		left: 6px; top:6px;
		z-index: 1;
		background: black;
	}
	.frame .mask img{
		position: absolute;
		left:728px;
		top:0px;
	}
	.frame .mask img.active{
		left: 0px;
	}
	
	/* --- Project item --- */
	
	.projectlist h1{
		color: #7b3863;
		font-size: 34px;
		font-weight: 600;
		margin: 3px 0px 2px 0px;
		*margin: 0px 0px 6px 0px;
	}
	.projectlist h2{
		color: #363636;
		font-size: 22px;
		font-weight: 400;
		*margin-top: -6px;
		margin-bottom: 25px
		}
		.projectlist h2 strong{
			font-weight: 600;
			color: #9fb250;
		}
		
	.projectitem{
		display: block;
		border-bottom: 1px solid #CCC;
		padding: 0px 0px 20px 0px;
		margin:0px 0px 25px 0px;
		width: 740px;
		}
		.projectitem p{
			font-size:13px;
		}
		.projectitem.last{
			border: none;
			margin:0;
			padding: 0;
		}
		.projectitem .frame{
			margin:0px 0px 0px 0px;
		}
		.projectitem .collum{
			display: block;
			width: 428px; 
			float: left;
			margin:0 14px 0 0px;
			padding: 15px 15px 0px 0px;
			}
			.projectitem .collum.last{
				margin:0;
				width: 268px; 
				padding: 15px 0px 0px 15px;
				_float:right;
				_width:260px;
			}
	
	/* --- Project container --- */
	
	.bar.container{
		display: block;
		margin: 0px 0px -20px 0px;
	}
	.bar #projects{
		margin:40px 0px 0px 0px;
		width: 745px;
		height: 555px; 
		_width:740px;
		_margin:20px 0px 0px 0px;
	}
	.bar li.project {
		float: left;
		margin: 0px 29px 20px 4px;
		_margin: 0px 25px 20px 4px;
	}
	.bar li.project.last {
		float: left;
		margin: 0px 0px 20px 3px;
		_margin-top:-8px;
	}
	.bar .project a{
		display: block;
		width: 225px; height: 165px;
		overflow: hidden;
		position: relative;
		background: url(../img/portfolio_project_frame.png) no-repeat top left;
		cursor: pointer;
	}
	.bar .project a .pictures{
		position: absolute;
		left: 5px; top:5px;
	}
	.bar .project a .pictures img{
		position: absolute;
		top:0px; left: 0px;
	}
	.bar .project a .pictures img.blur{
		opacity:0;
		*display:none;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}
	.bar .project a:hover .pictures img.blur{
		opacity:1;
		*display:block;
	}
	.bar .project a .title{
		position: absolute;
		top:127px; left: 0px;
		display: block;
		width: 100%;
		text-align: center;
		height: 30px;
		line-height: 30px;
		color: #777;
		font-size: 12px;
		text-shadow: 0 1px 0 #FFF;
	}
	.bar .project a .button{
		position: absolute;
		left: 52px; top: 50px;
		background: url(../img/portfolio_project_button.png);
		width: 120px; height: 37px;
		opacity:0;
		text-indent: -1000em;
		*display:none;
	}
	.bar .project a:hover .button{
		opacity:1;
		*display:block;
	}
	.bar .projectexamples{
		margin: 0px;
	}
	.bar .projectexamples .project{
		list-style: none;
	}
	.bar .projectexamples li.project {
		float: left;
		margin: 0px 32px 20px 0px;
	}
	.bar .projectexamples li.project.last {
		margin: 0px 0px 20px 0px;
		_margin-top:-8px;
	}
	
	/* --- Blog Sidebar style --- */
		
	#blogTitle{
		display: block;
		height: 23px; width: 100%;
		margin: 1px 0px 13px 0px;
		overflow: hidden;
		text-indent: -1000em;
		background: url(../img/links_title.png) no-repeat top left;
	}
	#blogsearch{
		height: 25px;
		width: 188px;
		background: url(../img/blog_search.gif);
		margin: 15px 0px 15px 0px;
		padding: 0px 25px 0px 0px;
		font-family: "verdana";
		color: #b7b7b1;
		font-size: 11px;
		line-height: 25px;
		text-indent: 10px;
	}
	#blogsearch:-webkit-input-placeholder {
		font-family: "verdana";
		color: #b7b7b1;
		font-size: 11px;
		line-height: 25px;
		text-indent: 10px;
	}
	#blogsearchsubmit{
		display: block;
		background: none;
		border: none;
		position: absolute;
		top:15px; right:0px;
		width: 25px; height: 25px;
		cursor: pointer;
	}
	#blogsearch:hover{ background-position: left center; color: #92928a;}
	#blogsearch:active, #blogsearch:focus{ background-position: left bottom; color: #616158;}
	#blogsearch.autoclear.userinput{ color: #616158;}
	
	#blogsidebar li a{
		background: url(../img/blog_sidebar_icons.gif) no-repeat;
	}
	
	#blogsidebar li a#BSOne{ background-position: left 0px; }
	#blogsidebar li a#BSOne:hover{ background-position: left -102px; }
	#blogsidebar li a#BSOne.active{ background-position: left -204px; }
	#blogsidebar li a#BSTwo{ background-position: left -34px;; }
	#blogsidebar li a#BSTwo:hover{ background-position: left -136px; }
	#blogsidebar li a#BSTwo.active{ background-position: left -238px; }
	#blogsidebar li a#BSThree{ background-position: left -68px; }
	#blogsidebar li a#BSThree:hover{ background-position: left -170px; }
	#blogsidebar li a#BSThree.active{ background-position: left -272px; }
	#blogsidebar li a#BSFour{ background-position: left -304px; }
	#blogsidebar li a#BSFour:hover{ background-position: left -338px; }
	#blogsidebar li a#BSFour.active{ background-position: left -272px; }
	#blogsidebar li a#BSRandom{ background-position: left -406px; }
	#blogsidebar li a#BSRandom:hover{ background-position: left -440px; }
	#blogsidebar li a#BSRandom.active{ background-position: left -274px; }
	
	#blogsidebar li.tweets span{	
		color: #444;
		font-weight: 400;
		text-transform: uppercase;
		font-size: 14px;
		display: block;
		margin: 13px 0px 8px 0px;
	}
	#blogsidebar li.tweets div.tweet{
		margin: 0px 0px 12px 0px;
	}
	#blogsidebar li.tweets div.tweetc p{
		font-family: "Verdana";
		font-size: 10px;	
		color: #96a843;
		line-height: 15px;
		background: url(../img/blog_tweet_content.jpg);
		padding: 01px 9px 2px 9px;
		width: 195px;
		display: block;
		overflow: hidden;
	}
	#blogsidebar li.tweets div.tweetc p em{
		font-family: "helvetica", "times";
		font-size: 13px;
		margin: 0px 5px 0px 0px;
		position: relative;
		left: 0px; top:2px;
		font-weight: bold;
		line-height: 15px;
	}
	#blogsidebar li.tweets div.tweet .top{
		display: block;
		width: 213px; height: 5px;
		background-image: url(../img/blog_tweet.jpg);
	}
	#blogsidebar li.tweets div.tweet .bottom{
		position: relative;
		display: block;
		width: 213px; height: 22px;
		*height:26px;
		background: url(../img/blog_tweet.jpg) bottom left;
	}
	#blogsidebar li.tweets div.tweet .bottom p{
		font-family: "Verdana";
		font-size: 10px;
		color: #AAA;
		display: block;
		padding: 8px 0px 0px 68px;
		text-decoration: none;
	}
	#blogsidebar li.tweets div.tweet .bottom p a{
		font-family: "Verdana";
		font-size: 10px;
		color: #AAA;
		text-decoration: none;
	}
	#blogsidebar li.tweets div.tweet .bottom a:hover{
		text-decoration: underline;
	}
	#blogsidebar li.tweets a{
		display: inline;	
		color: #96a843;
		font-size: 10px;
		text-transform: none;
		text-decoration: underline;
		height: auto;
		position: relative;
		line-height: 14px;
		padding: 0px;
		background: none;
	}
	#blogsidebar li.tweets a:hover{
		text-decoration: none;
	}
	#blogsidebar li.tweets #readmore{
		display: block;
		width: 213px;
		height: 25px;
		background: url(../img/blog_twitter_readmore.jpg);
		text-indent: -1000em;
	}
	#blogsidebar li.tweets #readmore:hover{
		background-position: bottom left;
	}
	
	/* --- Blog post style --- */
	
	.post{
		position: relative;
		padding: 0px 0px 20px 79px;
		margin:-8px 0px 0px 0px;
		display: block;
		_padding: 0px 0px 20px 320px;
	}
	
	.post .date{
		width: 67px; height: 70px;
		display: block;
		position: absolute;
		left: 0px; top:21px;
		background: url(../img/blog_date.jpg);
		_left:-79px;
	}
	.post .date .day{
		font-size: 36px;
		color: #FFF;
		display: block;
		font-weight: 900;
		text-align: center;
		height: 48px;
		line-height: 50px;
		*line-height: 45px;
	}
	.post .date p{
		font-size: 12px;
		line-height: 24px;
		text-align: center;
		font-weight: 800;
		color: #FFF;
		*line-height: 22px;
		text-transform: uppercase;
	}
	.post .date p span.year{
		line-height: 22px;
		*line-height: 20px;
		font-weight: 400;
	}
	
	.post .notesindicator a{
		position: absolute;
		left: 0px; top:110px;
		background: url(../img/blog_notes_button.png);
		width: 62px; height: 21px;
		_left:-79px;
		line-height: 21px;
		text-align: right;
		font-size: 12px;
		padding: 0px 5px 0px 0px;
		color: #9db150;
		cursor: default;
	}
	/*.post .notesindicator a:hover{
		background-position: bottom left;
		color: #7a3961;
	}*/
	
	.notecontainer{
		display: block;
		background: white;
		border: 1px solid #ddded5;
		margin: 0 0 30px 98px !important;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	.notecontainer ol{
		padding: 10px 10px 5px 10px;
	}
	.notecontainer li{
		margin:0px 0px 5px 0px;
		font-size: 12px;
		line-height: 16px;
		color: #aeb099;
	}
	.notecontainer a{
		text-transform: capitalize;
		color: #7a3961;
	}
	.notecontainer a:hover{
		text-decoration: underline;
	}
	.notecontainer img.avatar{
		position: relative;
		top:3px;
	}
		
	.post .header{
		display: block;
		width: 678px;
		background: url(../img/blog_post.png) top left;
	}
	.post .header h1{
		font-family: "AllerLightRegular","verdana";
		font-size: 22px;
		color: #222;
		display: block;
		font-weight: normal;
		line-height: 28px;
		padding: 45px 50px 0px 50px;
	}
	.post .header h1 a{
		color: #222;
	}
	.post h2{
		display: block;
		padding: 1px 0px 15px 0px;
		margin: 0px 50px 20px 50px;
		color: #555555;
		font-size: 14px;
		font-weight: normal;
		border-bottom: 1px solid #e0d5dc;
	}
	.post h2 strong, .post h2 a{
		color: #7a3b63;
		font-weight: 500;
		text-decoration: none !important;
		}
		.post h2 strong:hover, .post h2 a:hover{
			color: #9FB250;
		}
	
	.post .content{
		display: block;
		width: 678px;
		padding: 0px 0px 0px 0px;
		background: url(../img/blog_post_content.gif);
		background-repeat: repeat-y;
		font-family: "verdana","arial";
		font-size: 12px;
		line-height: 22px;
		color: #707070;
		position: relative;
	}
	.post .content p{
		padding: 0px 50px 10px 50px;
		color: #707070;
		font-size: 12px;
	}
	.post .content p.alt-delijn{
		padding: 10px 0px 15px 0px;
	}
	.post .content p.alt-large{
		padding: 10px 0px 5px 0px;
	}
	.post .content .smalltext{
		font-size: 11px !important;
		color: #999 !important;
	}
	.post .content p strong{
		font-family: "tahoma";
		color: #777;
	}
	.post .content p a, .post .content li a{
		color: #7A3B63;
		border-bottom: 1px solid #cdb4c4;
		}
		.post .content p a:hover, .post .content li a:hover{
			border-bottom: none;
			color: #9FB250;
		}
		.post .content p sup a{
			color: #7A3B63;
			border: none;
			font-size: 10px;
		}
	.post .content ul, .post .content ol{
		padding: 0px 50px 10px 70px;
	} 
	.post .content ol{
		list-style: decimal;
		}
		.post .content ol li{
			list-style: decimal;
		}
	.post .content ul ul{
		padding: 0px 50px 10px 16px;
	}
	.post .content li{
		list-style: disc;
	}
	.post .content li p{
		padding: 0px 0px 0px 0px;
	}
	.post .content li.smalltext a{
		color: #999;
		border-bottom: 1px solid #BBB;
		}
		.post .content li.smalltext a:hover{
			color: #777;
			border-bottom: none;
		}
	.post .content blockquote{
		font-family: "georgia", "verdana", "arial";
		font-style: italic;
		font-size: 14px;
		padding: 0px 50px 10px 60px;
		color: #555;
	}
	.post .content h3{
		font-size: 18px;
		font-weight: normal;
		color: #555;
		padding: 8px 50px 10px 50px;
	}
	.post .content h4{
		color: #7a3b63;
		font-size: 15px;
		font-weight: normal;
		padding: 5px 50px 4px 50px;
	}
	.post .content h5{
		font-size: 15px;
		font-weight: normal;
		padding: 5px 50px 3px 50px;
	}
	.post .content img{
		margin: 5px 0px 5px 0px;
		max-width: 570px;
		border: 4px #FFF solid;
		-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
		-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
		box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
	}
	.post .content p.alt-delijn img, .post .content p.alt-large img{
		border:none;
		margin: 0px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		width: 684px;
		max-width: 684px;
		min-width: 684px;
	}
	.post .content p.alt-delijn img, .post .content p.alt-noborder img{
		border:none;
		margin: 0px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	.post.photo .content .largepicture{
		margin-top: 15px;
		margin-bottom: 10px;
	}
	.post .content a#footnote{
		border: none;
	}
	.post .pastie{
		width: 578px;
		overflow: hidden;
		margin: 0px 50px 13px 50px
	}
	.post ul li .pastie{
		width: 558px;
		overflow: hidden;
		margin: 15px 50px 13px 0;
	}
	.post .pastie .allcode{
		overflow: auto;
		width: 556px;
		background: white;
	}
	.post ul li .pastie .allcode{
		width: 536px;
	}
	.post pre.textmate-source .string{
		background: none;
	}
	.post .pastie .credit{
	}
	.post .pastie .credit a img{
		border: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	.videocontent{
		padding:12px 0px 25px 50px;
	}
	.media{
		border: 4px #FFF solid;
		-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
		-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
		box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
		background: black;
		width: 500px;
		margin:0px 35px;
	}
	.media embed{
		margin-bottom: -7px;
	}
	.html_photoset embed{
		margin-bottom: -3px;
	}
	.post .html_photoset p{
		margin: 0px;
		padding: 0px;
	}
	.post .html_photoset p img{
		margin: 0px;
		border: none;
		min-width: 500px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	.post .html_photoset .photoset_caption{
		border-bottom: 4px white solid;
		margin-top: -7px;
		height: 0px;
		overflow: hidden;
	}
	.post .html_photoset {
		margin-bottom: -4px;
		min-width: 500px;
	}
	.post .tag{
		display: block;
		position: relative; 
		min-height: 15px;
		margin: 10px 18px 0px 20px;
		padding: 0px 150px 15px 85px;
		background-image: url(../img/blog_post_tag.gif);
		_padding: 0px 150px 0px 85px;
	}
	.post .tag h1{
		color: #959595;
		position: absolute;
		top:16px; left: 27px;
		padding: 0px;
		font-size: 16px;
		font-weight: normal;
		_left:-58px;
	}
	.post .tag ul{
		padding: 13px 0 0 0;
		position: relative;
		top:5px; left:0px;
	}
	.post .tag ul li{
		float: left;
		list-style: none;
		margin: 0px 7px 8px 0px;
		_display:inline;
		_float: none;
	}
	.post .tag ul li a{
		display: block;
		padding:  0px 0px 0px 14px;
		background: url(../img/blog_post_tags.jpg);
		height: 17px;
		line-height: 17px;
		overflow: hidden;
		text-decoration: none;
		text-transform: capitalize;
		font-size: 10px;
		color: #AAA;
		float: left;
		_width:100px;
		_display:inline;
		_background:none;
		_padding:  0px 0px 0px 4px;
		_line-height: 22px;
		border: none;
	}
	.post .tag ul li a span{
		background: url(../img/blog_post_tags.jpg) right top;
		display: block;
		padding:  0px 8px 0px 0px;
		_display:inline;
		_background:none;
		_padding:  0px 4px 0px 0px;
	}
	.post .tag ul li a:hover{
		background-position: center left;
		color: #FFF;
		_color: #222;
	}
	.post .tag ul li a:hover span{
		background-position: center right;
	}
	.post .tag ul li a:active, .post .tag ul li a:focus{
		background-position: bottom left;
	}
	.post .tag ul li a:active span, .post .tag ul li a:focus span{
		background-position: bottom right;
		
	}
	.post .tag .commentsballon{
		position: absolute;
		top:15px; right: 30px;
		_right:50px;
	}
	.post .tag .commentsballon a{
		text-decoration: none;
		color: #888;
	} 
	
	.post .footer{
		display: block;
		width: 678px;
		background: url(../img/blog_post.png) bottom left;
		height: 14px;
	}
	
	/* --- Comments --- */
	
	#dsq-subscribe, #dsq-sort-by{
		display: none;
	}
	.disquscontainer{
		padding: 0 0 0 98px !important;
		margin:0 !important;
	}
	#dsq-global-toolbar{
		margin:0 0 15px 0 !important;
	}
	.disquscontainer h3{
		display: none;
	}
	#dsq-reply{
		margin:35px 0 0 0 !important;
	}
	.dsq-like-activity{
		font-size: 12px;
	}
	.disquscontainer #dsq-reply h3{
		display: block;
		color: #793962;
		font-size: 20px;
		font-weight: 400;
		margin: 0px 0px 10px 0px ;
	}
	.dsq-comment-footer{
		font-size: 12px;
		border-top: 1px solid #DDD;
		line-height: 18px;
		padding: 4px 0px 0px 0px;
	}
	#dsq-pagination{
		display: none;
	}
	#dsq-reply #dsq-account-dropdown a{
		color: #718036;
		text-decoration: underline;
		line-height: 26px;
		font-size: 12px;
	}
	.dsq-commenter-name{
		text-transform: capitalize;
		font-weight: normal !important;
		font-size: 16px;
		color: #444 !important;
	}
	.dsq-comment-actions li{
		margin: 0px 0px 0px 12px !important;
	}
	.dsq-comment-actions li a{
		color: #888 !important;
	}
	.dsq-comment-actions li a:hover{
		color: #793962 !important;
		text-decoration: underline;
		opacity: 1 !important;
	}
	.dsq-comment-meta li a[title="Jump to comment"]{
		color: #718036;
	}
	.dsq-comment-text{
		font-size: 12px;
		line-height: 12px;
	}
	#searchresults{
		color: #7b3863;
		font-size: 25px;
		font-weight: 400;
		margin: 7px 0px 20px 0px;
	}
	
	/* --- Blog navigation --- */
	
	#blognavigation{
		margin: 0 0 0 98px;
		position: relative;
		}
		#blognavigation a{
			display: block;
			height: 25px; width: 88px;
			background: url(../img/blog_nav.png);
			text-indent: -10000em;
			position: relative;
		}
		#blognavigation p{
			position: absolute;
			left:0px; top:0px;
			width: 100%;
			text-align: center;
			line-height: 28px;
			font-size:12px;
			color: #999;
		}
		#blognavigation #nextpage{
			float: right;
			z-index: 2;
			background-position: right top;
			}
			#blognavigation #nextpage:hover{
				background-position:  center right;
			}
			#blognavigation #nextpage:active, blognavigation #nextpage:focus{
				background-position:  bottom right;
			}
		#blognavigation #previouspage{
			float: left;
			z-index: 2;
			background-position: left top;
			}
			#blognavigation #previouspage:hover{
				background-position:  center left;
			}
			#blognavigation #previouspage:active, blognavigation #previouspage:focus{
				background-position:  bottom left;
			}
	
	/* --- Contact style --- */
	
	#contactTitle{
		display: block;
		width: 113px; height: 23px;
		background-image: url(../img/contact_title.png);
		text-indent: -10000em;
		margin: 0px 0px 20px 0px;
	}
	#contact #location{
		background: #FFF;
		display: block;
		width: 738px; height: 328px;
		border: 1px solid #dddddd;
		margin:13px 0px 0px 0px;
		position: relative;
	}
	#contact #locationshadow{
		display: block;
		width: 738px; height: 15px;
		background: url(../img/contact_shadow.png);
		margin:0px 0px 10px 0px;
	}
	
	#contact #financial{
		display: block;
		width: 230px;
		position: absolute;
		left: 749px; top:368px;
		}
		#contact #financial p{
			margin:10px 0px 5px 0px;
			font-size: 11px;
			color: #777;
			line-height: 17px;
		}
	
	#map{
		width: 726px;
		height: 316px;
		border: 1px solid #d3d3d3;
		position: absolute;
		left: 5px; top:5px;
		overflow: hidden;
	}
	#map div:nth-child(6){
		display: none;
	}
	.gmnoprint a img{
		display: none;
	}
	#map span, #map a{
		display: none;
	}
	
	#altmap{
		border: 1px solid #d3d3d3;
		position: absolute;
		left: 5px; top:5px;
	}
	
	#gowalla{
		display: block;
		position: absolute;
		right: 10px; top:5px;
		width: 230px; height: 318px;
		}
		#gowalla .header{
			margin:10px 0px 0px 0px;
			background: url(../img/contact_stamp.png) no-repeat top left;
			padding: 0px 0px 0px 60px;
			height: 60px;
			}
			#gowalla .header h3{
				display: block;
				height: 26px; width: 75px;
				text-indent: -10000em;
				background: url(../img/contact_digiti_logo.png) 0 5px no-repeat;
				padding:4px 0px 3px 0px;
			}
			#gowalla .header h4{
				font-weight: normal;
				font-size: 10px;
				color: #555555;
			}
			#gowalla .header a{
				height: 60px; width: 100%;
				position: absolute;
				left:0px; top:0px;
			}
		#gowalla .stats{
			display: block;
			height: 36px; width: 100%;
			border-bottom: #e8e8e8 1px solid;	
			font-family: "helvetica","arial";	
			}
			#gowalla .stats li{
				float: left;
				height: 26px;
				border-right: #e8e8e8 1px solid;
				padding: 0px 8px 0px 0px;
				margin:0px 8px 0px 0px;
				*padding:0px 6px 0px 0px;
				*margin:0px 6px 0px 0px;
				}
				#gowalla .stats li.last{
					border-right: 0px;
					margin:0px 0px 0px 0px;
				}
				#gowalla .stats li a{
					color: #9aae4a;
					font-size: 11px;
					float: left;
					margin:-1px 0px 0px 0px;
					}
					#gowalla .stats li a span{
						display: block;
						color: #000;
						font-size: 13px;
						margin:0px 0px 0px 0px;
					}
				#gowalla .stats li a:hover{
					color: #7A3B63;
				}
		#gowalla .feed{
			display: block;
			}
			#gowalla .feed li{
				position: relative;
				padding: 0px 0px 0px 40px;
				height: 30px;
				margin:10px 0px 0px 0px;
				overflow: hidden;
				}
				#gowalla .feed li .avatar{
					position: absolute;
					left: 0px; top:0px;
					width: 30px; height: 30px;
					overflow: hidden;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					border-radius: 5px;
					}
					#gowalla .feed li .avatar img{
						width: 30px; height: 30px;
						-webkit-border-radius: 5px;
						-moz-border-radius: 5px;
						border-radius: 5px;
					}
				#gowalla .feed li p{
					font-size: 11px;
					line-height: 14px;
					color: #555555;
					}
					#gowalla .feed li p a{
						color: #9aae4a;
						text-transform: capitalize;
						}
						#gowalla .feed li p a:hover{
							color: #7A3B63;
						}
		#gowalla .footer{
			position: absolute;
			left: 0px; bottom: 0px;
			display: block;
			height: 40px; width: 100%;
			border-top: #e8e8e8 1px solid;	
			}
			#gowalla .footer a{
				font-size: 8px;
				line-height: 40px;
				text-transform: uppercase;
				color: #adadad;
				font-weight: bold;
				float: right;
				padding: 0px 96px 0px 0px;
				position: relative;
				}
				#gowalla .footer a span{
					display: block;
					height: 40px; width: 91px;
					position: absolute;
					right: 0px; top:0px;
					text-indent: -1000em;
					background: url(../img/contact_gowalla.png);
				}
				#gowalla .footer a:hover{
					color: #555;
					}
					#gowalla .footer a:hover span{
						background-position: bottom left;
					}
	#clock{
		position: absolute;
		left:6px; bottom:6px;
		display: block;
		width: 726px; height: 40px;
		background: url(../img/contact_clock_bg.png);
		*background: #FFF;
		}
		#clock span{
			position: absolute;
			left: 47px; top:8px; _left:10px;
			font-size: 10px;
			color: #000;
		}
		#clock p{
			position: absolute;
			left: 47px; top:21px; _left:10px;
			font-size: 11px;
			color: #000;
			font-weight: bold;
		}
		#clock #device{
			display: block;
			_display:none;
			position: absolute;
			left: 10px; top:6px;
			width: 27px; height: 29px;
			background: url(../img/contact_clock_device.png);
		}
		#clock #device img{
			position: absolute;
			left:4px; top:6px;
		}
	
	#contact .bar.fixed ul li{
		position: relative;
		padding: 0px 0px 12px 80px;
		border: none;
		}
		#contact .bar.fixed ul li p{
			font-size: 12px;
			line-height: 18px;
			margin: 0px 0px 0px 5px;
			padding: 0px;
			height: auto;
			font-family: "verdana";
			}
			#contact .bar.fixed ul li p a{
				font-size: 12px;
				padding: 0px;
				height: auto;
				line-height: 18px;
				text-transform: none;
				color: #7A3B63;
				display: inline;
				border-bottom: 1px solid #cdb4c4;
				}
				#contact .bar.fixed ul li p a:hover{
					border-bottom: 1px solid transparent;
					color: #9FB250;
				}
		#contact .bar.fixed ul li span{
			position: absolute;
			left:0px; top:0px;
			font-size: 14px;
			color: #5b5759;
			text-transform: uppercase;
			font-weight: 900;
			line-height: 20px;
			display: block;
			width: 75px;
		}
	#contact h2{
		font-size: 14px;
		color: #5b5759;
		text-transform: uppercase;
		font-weight: 900;
		line-height: 22px;
	}
	#contact .feedback{
		background: black;
		color: #FFF;
		width: 388px;
		margin: 5px 0px 0px 101px;
		line-height: 25px;
		height: 25px;
		text-indent: 5px;
		font-size: 12px;
		border: 1px solid black;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		}
		#contact .feedback.error{
			background: #fde9e9;
			border: 1px solid #c56b56;
			color: #c56b56;
		}
		#contact .feedback.succes{
			background: #f5f9df;
			border: 1px solid #92a050;
			color: #92a050;
		}
	#contact form{
		margin: 15px 0px 0px 0px;
		position: relative;
		width: 489px;
		}
		#contact form .row{
			display: block;
			padding: 0px 0px 0px 101px;
			margin: 7px 0px 7px 0px;
			position: relative;
		}
		#contact form label{
			position: absolute;
			left: 0px; top:0px;
			_left:-100px;
			font-size: 12px;
			color: #707070;
			font-family: "verdana";
			line-height: 25px;
			display: block;
			width: 83px; height: 25px;
			margin: 0px 0px 15px 0px;
			}
			#contact form label b{
				color: #a1b359;
				font-family: "helvetica","verdana","arial";
				font-weight: normal;
			} 
		#contact .text{
			display: block;
			height: 25px; width: 388px;
			background-image: url(../img/contact_input.png);
			font-family: "verdana";
			color: #b7b7b1;
			font-size: 11px;
			line-height: 25px;
			text-indent: 10px;
			margin: 0px 0px 15px 0px;
			*margin: 0px 0px 13px 0px;
			}
			#contact .text:hover{ background-position: left center; color: #92928a;}
			#contact .text:active, #contact .text:focus{ background-position: left bottom; color: #616158;}
			#contact .text.userinput{ color: #616158;}
		#contact form textarea{
			width: 378px;height: 93px;
			background: url(../img/contact_textarea.png);
			resize:none;
			font-family: "verdana";
			color: #b7b7b1;
			font-size: 11px;
			line-height: 18px;
			padding: 7px 0px 0px 10px;
			}
			#contact form textarea:hover{ background-position: left center; color: #92928a;}
			#contact form textarea:active, #contact form textarea:focus{ background-position: left bottom; color: #616158;}
			#contact form textarea.userinput{ color: #616158;}
		#contact form p{
			display: block;
			font-size: 12px;
			color: #a1b359; height: 25px;
			font-family: "verdana";
			line-height: 25px;
			margin: 20px 0px 0px 101px;
			}
			#contact form p b{
				color: #a1b359;
				font-family: "helvetica","verdana","arial";
				font-weight: normal;
				font-size: 14px;
			}
	#contact .submit{
		display: block;
		position: absolute;
		width: 105px; height: 25px;
		right: 0px; bottom:0px;
		background: none;
		background-image: url(../img/contact_submit.png);
		cursor: pointer;
		_bottom: auto;
		_top:240px;
		}
		#contact .submit:hover{
			background-position: center center;
		}
		#contact .submit:active, #contact .submit:focus{
			background-position: bottom center;
		}
	
	
	/* --- Services Sidebar style --- */
		
	#servicesTitle{
		display: block;
		height: 22px; width: 100%;
		margin: 0px 0px 15px 0px;
		overflow: hidden;
		text-indent: -1000em;
		background: url(../img/services_title.png) no-repeat top left;
	}
	#servicessidebar li a{
		background: url(../img/services_sidebar_icons.gif) no-repeat;
		line-height: 36px;
	}
	
	#servicessidebar li a.WS{ background-position: left 0px; }
	#servicessidebar li a.WS:hover{ background-position: left -204px; }
	#servicessidebar li a.WS.active{ background-position: left -408px; }
	#servicessidebar li a.WA{ background-position: left -34px; }
	#servicessidebar li a.WA:hover{ background-position: left -238px; }
	#servicessidebar li a.WA.active{ background-position: left -442px; }
	#servicessidebar li a.LB{ background-position: left -68px; }
	#servicessidebar li a.LB:hover{ background-position: left -272px; }
	#servicessidebar li a.LB.active{ background-position: left -476px; }
	#servicessidebar li a.MO{ background-position: left -102px; }
	#servicessidebar li a.MO:hover{ background-position: left -306px; }
	#servicessidebar li a.MO.active{ background-position: left -510px; }
	#servicessidebar li a.OS{ background-position: left -136px; }
	#servicessidebar li a.OS:hover{ background-position: left -340px; }
	#servicessidebar li a.OS.active{ background-position: left -544px; }
	#servicessidebar li a.SP{ background-position: left -170px; }
	#servicessidebar li a.SP:hover{ background-position: left -374px; }
	#servicessidebar li a.SP.active{ background-position: left -578px; }
	#servicessidebar li a.SE{ background-position: left -612px; }
	#servicessidebar li a.SE:hover{ background-position: left -646px; }
	#servicessidebar li a.SE.active{ background-position: left -680px; }
	#servicessidebar li a.OV{ background-position: left -712px; }
	#servicessidebar li a.OV:hover{ background-position: left -746px; }
	#servicessidebar li a.OV.active{ background-position: left -780px; }
	
	.service{
		display: block;
		border-bottom: 1px solid #deded6;
		padding: 22px 0px 22px 0px;
	}
	
	.service.alt{
		padding: 22px 0px 22px 300px;
	}
	
	.service.buttons ul{
		padding-top: 10px;
	}
	
	.service.ws{
		background: url(../img/service_cc.png) no-repeat right 90px;
	}
	.service.ws1{
		background: url(../img/service_ff.png) no-repeat right 90px;
	}
	.service.ws2{
		background: url(../img/service_wh.png) no-repeat right 90px;
	}
	.service.ws3{
		background: url(../img/service_trans.png) no-repeat right 90px;
	}
	.service.ws4{
		background: url(../img/services_exim.png) no-repeat right 90px;
	}
	.service.ws5{
		background: url(../img/about_clientele.png) no-repeat right 90px;
	}
	.service.wa{
		background: url(../img/service_webapps.png) no-repeat right 90px;
	}	
	.service.lb{
		background: url(../img/service_branding.png) no-repeat right 90px;
	}		
	.service.mo{
		background: url(../img/service_mobile.png) no-repeat right 90px;
	}	
	.service.sp{
		background: url(../img/service_motion.png) no-repeat right 90px;
	}	
	.service#other-email{
		background: url(../img/Other_services_email.jpg) no-repeat right 55px;
	}
	.service#other-ecommerce{
		background: url(../img/Other_services_ecommerce.jpg) no-repeat left 75px;
	}	
	.service#other-infograph{
		background: url(../img/Other_services_infograph.jpg) no-repeat right 55px;
	}
	.service#other-print{
		background: url(../img/Other_services_print.jpg) no-repeat left 70px;
	}
	
	.service.last{
		border-bottom: none;
		padding: 8px 0px 0px 0px;
	}
	
	.service p{
		width: 440px;
		font-family: "verdana";
		font-size: 13px;
		color: #707070;
		line-height: 20px;
		margin: 0px 0px 20px 0px;
	}
	.service p b{
		font-weight: normal;
		color: #333;
	}
	.service p strong{
		font-family: "tahoma";
		color: #777;
	}
	.service p a{
		color: #7A3B63;
		border-bottom: 1px solid #cdb4c4;
		}
		.service p a:hover{
			border-bottom: none;
			color: #9FB250;
		}
	
	.service .collum p{
		width: 350px;
	}
	.service .collum.left{
		float: left;
		width: 350px;
	}
	.service .collum.right{
		float: right;
		width: 350px;
		_float:none;
		_margin:-384px 0px 0px 390px;
	}
	
	.service h1{
		color: #7b3863;
		font-size: 34px;
		font-weight: 600;
		margin: -5px 0px 2px 0px;
		*margin: -10px 0px 6px 0px;
	}
	
	.service h2{
		color: #363636;
		font-size: 22px;
		font-weight: 400;
		margin: 0px 0px 20px 0px;
		*margin-top: -6px;
	}
	
	.service h2 strong{
		font-weight: 600;
		color: #9fb250;
	}
	
	.service h3{
		color: #9fb250;
		font-size: 18px;
		font-weight: 400;
		line-height: 20px;
		margin: 0px 0px 4px 0px;
	}
	
	.service h4{
		color: #363636;
		font-size: 20px;
		font-weight: 400;
		margin: 40px 0px 15px 0px;
		color: #7b3863;
	}
	
	.service ul, .abouttext ul{
		margin: 0px 0px 20px 18px;
	}
	
	.service ul li, .abouttext ul li{
		color: #7b3863;
		list-style: disc;
	}
	
	.service ul.stars, .abouttext ul.stars{
		margin: 0px 0px 20px 0px;
	}
	.service ul.stars li , .abouttext ul.stars li{
		list-style: none;
		background: url(../img/services_star.jpg) no-repeat 2px 2px;
		padding: 0px 0px 2px 22px;	
	}
	
	.service ul li p, .abouttext ul li p{
		margin: 0px 0px 5px 0px;
	}
	
	.service p.uldescription{
		margin: 0px 0px 3px 0px;
	}
	
	.service .actions{
		display: block;
		width: 100%;
		height: 30px;
		margin: 0px;
		padding: 0px 0px 10px 0px;
	}
	.service .actions li{
		list-style: none;
		display: inline;
	}
	.service .actions li a{
		display: block;
		height: 35px;
		width: 100px;
		background: url(../img/services_buttons.png);
		text-indent: -10000em;
		overflow: hidden;
		margin: 0px 10px 0px 0px;
		float: left;
	}
	.service .actions li a.contact{ float: right; margin: 0px 0px 10px 0px; width: 117px;  background-position: top right;}
	.service .actions li a.contact:hover{ background-position: center right;}
	.service .actions li a.contact:active, .service .actions li a.contact:focus{   background-position: bottom right; }
	.service .actions li a.examples{ width: 141px; background-position: -184px 0px; }
	.service .actions li a.examples:hover{ background-position: -184px -35px; }
	.service .actions li a.examples:active, .service .examples li a.contact:focus{  background-position: -184px -70px; }
	.service .actions li a.action{ width: 174px; background-position: 0px 0px; }
	.service .actions li a.action:hover{ background-position: 0px -35px; }
	.service .actions li a.action:active, .service .action li a.contact:focus{  background-position: 0px -70px; }
	
	
	.service .largebuttons{
		margin: 15px 0px 30px 0px;
	}
	.service .largebuttons a{
		display: block;
		float: left;
		width: 250px;
		overflow: hidden;
		height: 50px;
		margin: 0px 0px 0px 0px;
		padding: 17px 20px 28px 100px;
		border-bottom: 1px solid #DEDED6;
		background-image: url(../img/services_icons.png);
		background-repeat: no-repeat;
		_position:relative;
	} 
	.service .largebuttons a.noborderbottom{
		border-bottom: none;
	}
	.service .largebuttons a:hover{
		background-color: #F5F5F5;
		background-image: url(../img/services_icons_over.png);
	}
	.service .largebuttons a.placeright{
		margin: 0px 0px 0px 0px;
		padding: 17px 20px 28px 99px;
		border-left: 1px solid #DEDED6;
		background-position: 20px 0px;
	}
	.service .largebuttons a.last{
		border-right: 1px solid #DEDED6;
		border-bottom: 0px solid #DEDED6;
		_margin-top:25px;
	}
	.service .largebuttons a .large{
		color: #8b5678;
		font-size: 18px;
		font-weight: bold;
		padding: 0px 0px 0px 0px;
		display: block;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		background: none;
	}
	
	@-moz-document url-prefix() { 
		.service .largebuttons a .large{
			margin-bottom:-1px;
			display: block;
		}
	} 
	
	.service .largebuttons a:hover .large{
		color: #7b3863;
	}
	.service .largebuttons a .small{
		color: #999;
		font-size: 14px;
		font-weight: 400;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		line-height: 11px;
		*line-height:17px;
		_position:absolute;
		_top:42px; 
		_left:100px;
		_width:280px;
		_line-height: 17px;
	}
	@-moz-document url-prefix() { 
		.service .largebuttons a .small{
			line-height: 7px;
		}
	} 
	.service .largebuttons a.last .small{
		*line-height:17px;
	}
	.service .largebuttons a:hover .small{
		color: #363636;
	}
	.service .largebuttons a .small strong{
		font-weight: 600;
		color:#ced6ab;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	.service .largebuttons a:hover .small strong{
		color: #9fb250;
	}
	
	.service .largebuttons a.WS{ background-position: 20px 0px;}
	.service .largebuttons a.WA{ background-position: 20px -95px;}
	.service .largebuttons a.LB{ background-position: 20px -190px;}
	.service .largebuttons a.MO{ background-position: 20px -285px;}
	.service .largebuttons a.SE{ background-position: 20px -380px;}
	.service .largebuttons a.SP{ background-position: 20px -475px;}
	.service .largebuttons a.OS{ background-position: 20px -570px;}
	
	
	/* --- About --- */
	
	#content #abouttitle{
		display: block;
		height: 23px; width: 145px;
		margin: 0px 0px 13px 0px;
		overflow: hidden;
		text-indent: -1000em;
		background: url(../img/about_title.png) no-repeat top left;
	}
	
	.abouttext{
		padding: 8px 0px 0px 0px;
		_padding: 8px 0px 0px 240px;
		_width:700px;
	}
	.abouttext h1{
		font-weight: 400;
		color: #363636;
		font-size: 22px;
		font-weight: normal;
		margin: 0px 0px 20px 0px;
		*margin-top:-6px;
	}
	
	.abouttext h1 strong{
		font-weight: 600;
		color: #9fb250;
	}
	
	.abouttext h2{
		color: #9fb250;
		font-size: 18px;
		font-weight: 400;
		line-height: 20px;
		margin: 0px 0px 6px 0px;
	}
	
	.abouttext p{
		font-family: "verdana";
		font-size: 13px;
		color: #707070;
		line-height: 20px;
		margin: 0px 0px 25px 0px;
		width: 440px;
		_width:410px;
		
	}
	.abouttext p b{
		font-weight: normal;
		color: #333;
	}

	.abouttext p strong{
		font-family: "tahoma";
		color: #777;
	}
	
	.abouttext p a{
		color: #7A3B63;
		border-bottom: 1px solid #cdb4c4;
		}
		.abouttext p a:hover{
			border-bottom: none;
			color: #9FB250;
		}
	
	.abouttext.clients ul{
		display: block;
		margin: 0px;
		padding: 0px;
		list-style: none;
		list-style-type: none;
		list-style-image: none;
	}

	.abouttext.introduction{
		background:url(../img/about_introduction.png) no-repeat right 65px;
		_background:url(../img/about_introduction.png) no-repeat 660px 50px;
	}
	
	.abouttext.jobs{
		background:url(../img/about_jobs.png) no-repeat right 15px;
		_background:url(../img/about_jobs.png) no-repeat 660px 15px;
	}
	
	.abouttext.clients{
		background:url(../img/about_clients.png) no-repeat right 38px;
		_background:url(../img/about_clients.png) no-repeat 665px 38px;
	}
	
	.abouttext.clients ul li{
		list-style: none;
		list-style-type: none;
		list-style-image: none;
	}
	
	.clients li{
		display: block;
		padding: 25px 230px 5px 0px;
		border-bottom: 1px solid #deded6;
		min-height: 100px;
		position: relative;
		_background: none;
		background:url(../img/clients_normal.png) no-repeat 35px 0px;
		*height: 100px;
		*width: 510px;
		margin: 0px;
		list-style: none;
		list-style-type: none;
		list-style-image: none;
	}
	.clients li.last{
		border-bottom: 0px;
		*margin-top:30px;
	}
	.clients li h2{
		margin: 0px 0px 5px 0px;
		font-weight: 400;
		color: #7b3863;
		font-size: 20px;
		*font-size:20px;
	}
	.clients li p{
		width: auto;
		font-size: 12px;
		width: 440px;
	}
	.clients li span{
		position: absolute;
		left: 0px; top:0px;
		height: 130px; width: 100%;
		background:url(../img/clients_over.png) no-repeat 35px 0px;
		opacity:0;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
		*display:none;
	}
	.clients li:hover span{
		opacity:1;
		*display:block;
	}
	
	.clients li.clientone span, .clients li.clientone{ background-position: 515px 0px; }
	.clients li.clienttwo span, .clients li.clienttwo{ background-position: 515px -130px; }
	.clients li.clientthree span, .clients li.clientthree{ background-position: 515px -260px; }
	.clients li.clientfour span, .clients li.clientfour{ background-position: 515px -390px; }
	.clients li.clientfive span, .clients li.clientfive{ background-position: 515px -520px; }
	.clients li.clientsix span, .clients li.clientsix{ background-position: 515px -650px; }
	.clients li.clientseven span, .clients li.clientseven{ background-position: 515px -780px; }
	.clients li.clienteight span, .clients li.clienteight{ background-position: 515px -910px; }
	.clients li.clientnine span, .clients li.clientnine{ background-position: 515px -1040px; }
	.clients li.clientten span, .clients li.clientten{ background-position: 515px -1300px; }
	.clients li.clienteleven span, .clients li.clienteleven{ background-position: 515px -1170px; }
	
	#aboutsidebar li a{ background: url(../img/about_icons.png) no-repeat; line-height: 36px;}
	
	#aboutsidebar li a.intro{ background-position: left 0px; }
	#aboutsidebar li a.intro:hover{ background-position: left -102px; }
	#aboutsidebar li a.intro.active{ background-position: left -204px; }
	#aboutsidebar li a.team{ background-position: left -306px; }
	#aboutsidebar li a.team:hover{ background-position: left -340px; }
	#aboutsidebar li a.team.active{ background-position: left -374px; }
	#aboutsidebar li a.jobs{ background-position: left -408px; }
	#aboutsidebar li a.jobs:hover{ background-position: left -442px; }
	#aboutsidebar li a.jobs.active{ background-position: left -476px; }
	#aboutsidebar li a.clients{ background-position: left -68px; }
	#aboutsidebar li a.clients:hover{ background-position: left -136px; }
	#aboutsidebar li a.clients.active{ background-position: left -238px; }
	#aboutsidebar li a.testimonials{ background-position: left -34px; }
	#aboutsidebar li a.testimonials:hover{ background-position: left -170px; }
	#aboutsidebar li a.testimonials.active{ background-position: left -272px; }
	
	#testimonialsgrid div{
		display: block;
		padding: 25px 0px 5px 220px;
		border-bottom: 1px solid #deded6;
		min-height: 100px;
		position: relative;
	}
	#testimonialsgrid div.last{
		border-bottom: none;
	}
	#testimonialsgrid div h1{
		font-weight: 400;
		font-size: 18px;
		position: absolute;
		left:0px; top:25px;
		width: 210px;
		color: #666;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
		_left: -220px;
	}
	#testimonialsgrid div:hover h1{
		color: #7B3863;
	}
	#testimonialsgrid p{
		color: #666666;
		font-family: "georgia";
		font-size: 15px;
		font-style: italic;
		line-height: 22px;
		display: block;
		width: auto;
	}
	#testimonialsgrid p span.qoute{
		display: inline;
		font-family: "helvetica", "arial";
		font-size: 18px;
		font-weight: bold;
		color: #7A3B63;
	}
	#testimonialsgrid p span.person{
		color: #A1B359;
	}
	
	#team{
		position: relative;
		overflow: visible !important;
	}
	
	#team .thegrid{
		margin:0px -20px 0px 0px;
		}
		#team .thegrid li{
			margin:0 20px 20px 0;
			float: left;
      		list-style: none;
			display: block;
			width: 168px; height: 168px;
			background: #FFF;
			border: 1px solid #e7e7e7;
			overflow: hidden;
			-moz-transition: all 0.4s ease-in-out;
			_position: relative;
			}
			#team .thegrid li.last{
				margin:0 0px 20px 0;
				_margin:20px -40px -20px 0;
			}
			#team .thegrid.hide li{
				-moz-transform: scale(0.6);
				-webkit-transform: scale(0.6); 
				-webkit-animation-name: size;
				-webkit-animation-duration: 0.4s;
				-webkit-animation-timing-function: linear; 
			}
			@-webkit-keyframes size {
				0%{ 
					-webkit-transform:scale(1); 
				}
				100%{ 
					-webkit-transform: scale(0.6); 
				}
			}
			#team .thegrid.show li{
				-moz-transform: scale(1);
				-webkit-transform: scale(1); 
				-webkit-animation-name: reversesize;
				-webkit-animation-duration: 0.4s;
				-webkit-animation-timing-function: linear; 
			}
			@-webkit-keyframes reversesize {
				0%{ 
					-webkit-transform:scale(0.6); 
				}
				100%{ 
					-webkit-transform: scale(1); 
				}
			}
		#team .thegrid li a{
			_float: left;
			position: relative;
			display: block;
			width: 160px; height: 160px;
			background-position: -5px -5px;
			overflow: hidden;
			margin: 4px;
			position: relative;
			cursor: pointer;
			}
			#team .thegrid li a.teamderek{ background-image: url(../img/team_derek.png); }
			#team .thegrid li a.teamstelian{ background-image: url(../img/team_stelian.png); }
			#team .thegrid li a.teammarieanne{ background-image: url(../img/team_marie-anne.png); }
			#team .thegrid li a.teamjoris{ background-image: url(../img/team_joris.png); }
			#team .thegrid li a.teambertg{ background-image: url(../img/team_bert_g.png); }
			#team .thegrid li a.teambertt{ background-image: url(../img/team_bert_t.png); }
			#team .thegrid li a span{
				display: block;
				width: 160px; height: 160px;
				position: absolute;
				top:160px; left:0%;
				-webkit-transition: top 0.3s ease-in-out;
				-moz-transition: top 0.3s ease-in-out;
				-o-transition: top 0.3s ease-in-out;
				transition: top 0.3s ease-in-out;
				}
				#team .thegrid li a:hover span{
					top:0px;
				}
				#team .thegrid li a span p{
					display: block;
					position: absolute;
					margin: 0;
					bottom:-10px;
					background: #97ab48;
					background: rgba(151,171,72,0.7);
					color: #FFF;
					}
					#team .thegrid li a span p i{
						display: block;
						font-size: 18px;
						font-style: normal;
						padding: 8px 8px 0px 8px;
						width: 144px;
						font-weight: 600;
					}
					#team .thegrid li a span p b{
						display: block;
						font-size: 12px;
						font-weight: normal;
						padding: 0px 8px 16px 8px;
						font-weight: 400;
						color: #FFF;
					}
	#team #info	{
		position: absolute;
		left:0px; top:0px;
		}
		#team #info .member{
			display: none;
			opacity: 0;
			position: relative;
			padding: 0px 0px 0px 190px;
			}
			#team #info .member .closebutton{
				display: none;
				*display:block;
				width: 32px; height: 32px;
				background: url(../img/closebutton.png);
				position: absolute;
				left:-10px; top:-10px;
				z-index: 5;
				_left:-200px;
			}
			#team #info .member .closebutton:hover{
				background-position: bottom left;
			}
			#team #info .member .avatar{
				position: absolute;
				left:0px; top:0px;
				*top:6px;
				_left:-190px;
			}
			#team #info .member h2{
				font-weight: 600;
				margin-bottom: 7px;
				color: #7B3863;
				font-size: 24px;
			}
			#team #info .member h3{
				margin-bottom: 15px;
				font-weight: 400;
				color: #9FB250;
				_font-size:18px;
			}
			#team #info .member.show{
				display: block;
				opacity:0;
			}
			#team #info .member p{
				font-family: "verdana", "arial";
				width: 545px;
			}
			#team #info .member p a{
				color: #7B3863;
				font-size: 12px;
			}
			#team #info .member p b{
				font-weight: normal;
				color: #333;
			}

	
	/* --- Footer --- */
	
	#footer{
		background: url(../img/brown_background.jpg) #FFF;
		min-height: 220px;
		margin:40px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	#footer .bg{
		background: url(../img/footer_background.png) 0px 0px repeat-x;
		_background: url(../img/footer_background.jpg) 0px 0px repeat-x;
		display: block;
		position: absolute;
		margin: -49px 0px 0px 0px;
		width: 100%; height: 100%;
		_height:400px;
		*left:0px; _top:0px;
	}
	
	#footer #brands{
		height: 64px;
		background-image: url(../img/footer_brands.jpg);
		margin: 0px 0px 36px 0px;
	}
	
	#footer #aboutbox{
		display: block;
		float: left;
		width: 380px; height: 185px;
		margin:0px 22px 0px 0px;
		padding: 0px 0px 30px 0px;
		position: relative;
		}
		#footer #aboutbox ul{
			position: absolute;
			left:0px; bottom: 25px;
			width: 380px;	
			}
			#footer #aboutbox ul li{
				float: left;
			}
		#footer #aboutbox p{
			color: #837b80;
		}
	#footer #servicebox{
		display: block;
		float: left;
		width: 244px; height: 185px;
		margin:0px 22px 0px 0px;
		padding: 0px 0px 30px 0px;
		}
	#footer #contactbox{
		display: block;
		float: left;
		width: 312px; height: 185px;
		padding: 0px 0px 30px 0px;
		position: relative;
		background: url(../img/footer_map.png) no-repeat right 5px;
		_position: absolute;
		_right:0px;
		}
		#footer #contactbox .actionpart{
			position: absolute;
			left:0px; bottom: 25px;
			width: 312px;
		}
	
	#footer h2{
		display: block;
		width: 312px;
		margin: 0px 0px 15px 0px;
		font-weight: 700;
		text-transform: uppercase;
		color: #bebbbd;
		font-size: 24px;
	}
	
	#footer p{
		color: #a69da3;
		font-size: 12px;
		line-height: 20px;
	}
	#footer p.small{
		color: #877782;
		font-size: 11px;
		display: block;
		padding-top: 6px;
		line-height: 18px;
	}
	#footer p b{
		font-size: 12px;
		color: #aba0a7;
		font-weight: normal;
	}
	#footer p a{
		color: #adbd65;
		border-bottom: 1px solid #768437;
		}
		#footer p a:hover{
			border-bottom: none;
		}

	#footer #followusbutton,
	#footer #facebookbutton{
		background: url(../img/footer_services.png);
		display: block;
		height: 26px;
		color: #a69da3;
		line-height: 25px;
		font-size: 13px;
		font-weight: 500;
		text-transform: uppercase;
		text-shadow: 0 1px 0 #222;
		float: left;
		padding: 0px 35px 0px 12px;
		margin:0px 15px 0px 0px;
		position: relative;
		}
		#footer #facebookbutton{
			padding: 0px 32px 0px 12px;
		}
		#footer #facebookbutton span.f, #footer #followusbutton span.f{
			display: block;
			width: 10px; height: 26px;
			position: absolute;
			left: 0px; top:0px;
			background: url(../img/footer_services.png);
			background-position: 0px -26px;
		}
		#footer #facebookbutton span.l{
			display: block;
			width: 30px; height: 26px;
			position: absolute;
			right: 0px; top:0px;
			background: url(../img/footer_services.png);
			background-position: 0px -676px;
		}
		#footer #followusbutton span.l{
			display: block;
			width: 30px; height: 26px;
			position: absolute;
			right: 0px; top:0px;
			background: url(../img/footer_services.png);
			background-position: 0px -182px;
		}
	#footer #followusbutton:hover{
		color: #FFF;
		background-position: 0px -234px;
		}
		#footer #followusbutton:hover span.f{
			background-position: 0px -260px;
		}
		#footer #followusbutton:hover span.l{
			background-position: 0px -208px;
		}
	#footer #facebookbutton:hover{
		color: #FFF;
		background-position: 0px -728px;
		}
		#footer #facebookbutton:hover span.f{
			background-position: 0px -702px;
		}
		#footer #facebookbutton:hover span.l{
			background-position: 0px -754px;
		}
	#footer #followusbutton:active, #footer #followusbutton:focus{
		color: #FFF;
		background-position: 0px -390px;
		}
		#footer #followusbutton:active span.f, #footer #followusbutton:focus span.f{
			background-position: 0px -416px;
		}
		#footer #followusbutton:active span.l, #footer #followusbutton:focus span.l {
			background-position: 0px -364px;
		}
	#footer #facebookbutton:active, #footer #facebookbutton:focus{
		color: #FFF;
		background-position: 0px -806px;
		}
		#footer #facebookbutton:active span.f, #footer #facebookbutton:focus span.f{
			background-position: 0px -780px;
		}
		#footer #facebookbutton:active span.l, #footer #facebookbutton:focus span.l{
			background-position: 0px -832px;
		}
	
	#footer p #contactusbutton{
		background: url(../img/footer_services.png);
		float: left;
		display: block;
		height: 26px;
		color: #FFFFFF;
		line-height: 25px;
		font-size: 13px;
		font-weight: 500;
		text-transform: uppercase;
		text-shadow: 0 1px 0 #222;
		float: left;
		padding: 0px 12px 0px 12px;
		margin:0px 10px 0px 0px;
		position: relative;
		text-decoration: none;
		background-position: 0px -520px;
		border: none;
		}	
		#footer p #contactusbutton span.f{
			display: block;
			width: 10px; height: 26px;
			position: absolute;
			left: 0px; top:0px;
			background: url(../img/footer_services.png);
			background-position: 0px -546px;
		}
		#footer p #contactusbutton span.l{
			display: block;
			width: 10px; height: 26px;
			position: absolute;
			right: 0px; top:0px;
			background: url(../img/footer_services.png);
			background-position: -20px -546px;
		}
	#footer p #contactusbutton:hover{
		background-position: 0px -572px;
		}
		#footer p #contactusbutton:hover span.f{
			background-position: 0px -598px;
		}
		#footer p #contactusbutton:hover span.l{
			background-position: -20px -598px;
		}
	#footer p #contactusbutton:active, #footer p #contactusbutton:focus{
		background-position: 0px -624px;
		}
		#footer p #contactusbutton:active span.f, #footer p #contactusbutton:focus span.f{
			background-position: 0px -650px;
		}
		#footer p #contactusbutton:active span.l, #footer p #contactusbutton:focus span.l{
			background-position: -20px -650px;
		}
	#footer p .maillink{
		margin-left: 5px;
	}
	
	#footer .services{
		margin: -5px -15px -11px 0;
		zoom: 1;
		}
		#footer .services li{
			float: left;
		}
		#footer .services li a{
			background: url(../img/footer_services.png);
			display: block;
			height: 26px;
			color: #a69da3;
			line-height: 25px;
			font-size: 13px;
			font-weight: 500;
			text-transform: uppercase;
			text-shadow: 0 1px 0 #222;
			float: left;
			padding: 0px 8px;
			margin:8px 15px 3px 0px;
			_margin:8px 5px 3px 0px;
			position: relative;
			}
			#footer .services li a span.f{
				display: block;
				width: 8px; height: 26px;
				position: absolute;
				left: 0px; top:0px;
				background: url(../img/footer_services.png);
				background-position: 0px -26px;
			}
			#footer .services li a span.l{
				display: block;
				width: 8px; height: 26px;
				position: absolute;
				right: 0px; top:0px;
				background: url(../img/footer_services.png);
				background-position: -22px -26px;
			}
		#footer .services li a:hover{
			color: #FFF;
			background-position: 0px -52px;
			}
			#footer .services li a:hover span.f{
				background-position: 0px -78px;
			}
			#footer .services li a:hover span.l{
				background-position: -22px -78px;
			}
		#footer .services li a:active, #footer .services li a:focus{
			color: #FFF;
			background-position: 0px -104px;
			}
			#footer .services li a:active span.f, #footer .services li a:focus span.f{
				background-position: 0px -130px;
			}
			#footer .services li a:active span.l, #footer .services li a:focus span.l{
				background-position: -22px -130px;
			}
			
	#footer #copy{
		display: block;
		width: 100%; height: 45px;
		background: url(../img/bg_copy.png);
		}
		#footer #copy p{
			line-height: 45px;
			color: #938c8f !important;
		}
		#footer #copy a{
			float: right;
			background: url(../img/footer_backtotop.png);
			display: block;
			height: 26px;
			color: #a69da3;
			line-height: 25px;
			font-size: 13px;
			font-weight: 500;
			text-transform: uppercase;
			text-shadow: 0 1px 0 #222;
			padding: 0px 26px 0px 10px;
			margin:11px 0px 3px 0px;
			position: relative;
			}
			#footer #copy a span.f{
				display: block;
					width: 8px; height: 26px;
				position: absolute;
				left: 0px; top:0px;
				background: url(../img/footer_backtotop.png);
				background-position: 0px -52px;
			}
			#footer #copy a span.l{
				display: block;
				width: 26px; height: 26px;
				position: absolute;
				right: 0px; top:0px;
				background: url(../img/footer_backtotop.png);
				background-position: 0px -26px;
			}
			#footer #copy a:hover{
				color: #FFF;
				background-position: 0px -78px;
				}
				#footer #copy a:hover span.f{
					background-position: 0px -130px;
				}
				#footer #copy a:hover span.l{
					background-position: 0px -104px;
				}
			#footer #copy a:active, #footer #copy a:focus{
				color: #FFF;
				background-position: 0px -156px;
				}
				#footer #copy a:active span.f, #footer #copy a:focus span.f{
					background-position: 0px -208px;
				}
				#footer #copy a:active span.l, #footer #copy a:focus span.l{
					background-position: 0px -182px;
				}