@charset "UTF-8";

                                       
/*----------- Algemeen -----------*/

html 	{
	margin					: 0px;
	padding					: 0px;
}
		
body	{

	margin					: 0px;
	padding					: 0px;
	background-color		: #fff;
	background				: url('../images/body_back.jpg')  center top repeat;
	
}

a {
	color					: #6d7d98;
	font-family				: Helvetica;
	font-size				: 12px;
	text-decoration			: underline;
	text-shadow				: 0.1em 0.1em #fff;
}

a:visited {
	color					: #6d7d98;
	border					: none;
}

a:hover {
	color					: #6d7d98;
	text-decoration			: underline;
}

img {
	border					: none;
	color					: inherit;
	opacity					: 1;
    filter					: alpha(opacity=60);
	-moz-opacity			: 1;
	-khtml-opacity			: 1;
	-ms-filter				: "alpha(opacity=60)";
	filter					: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

.clear {
    clear					: both;
}

#header_back {
	height					: 35px;
	background				: url('../images/header_back.png') center top repeat-x;
}

#twitter_back {
	height					: 179px;
	background-image		: url('../images/twitter_back.jpg');
	background-repeat		: repeat-x;
	margin-top				: -1px;
}

#highlight_back {
	height					: 1395px;
	background-image		: url('../images/highlight_back.jpg');
	background-repeat		: repeat;
	margin-top				: -1493px;
	background-attachment	: fixed;
}

#highlight_temp {
	height					: 1395px;
	margin-top				: -1493px;
	background-attachment	: fixed;
}

#container	{
	width					: 930px;
	height					: auto;
	margin					: auto;
	padding-top				: 47px;
	display					: none;
	/*background-image		: url('../images/voorbeeld2.jpg');
	background-repeat		: no-repeat;*/
}

.navigation .load_more {
	margin-right			: 365px;	
}

.navigation .load_more a {
	width					: 132px;
	height					: 17px;
	background-color		: #000;
	margin-top				: 11px;
	border-width			: 2px;
	padding					: 8px 8px 8px 23px;
	border-color			: #7c8083;
	-moz-border-radius		: 9px;
	-webkit-border-radius	: 9px;
	border-radius			: 9px;
	display                 : block;
	text-shadow				: 0.1em 0.1em #575b5e;
	color					: #fff !important;
	text-decoration			: none;
	font-family				: Helvetica;
	font-size				: 14px;
	
	/*IE 7 AND 8*/
	background-image		: -moz-linear-gradient(top, #6c6d71, #46474b);
	background-image		: -webkit-gradient(linear, center top, center bottom, from(#6c6d71), to(#46474b));
	background-image		: -o-linear-gradient(top, #6c6d71, #46474b);
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c6d71', endColorstr='#46474b');
	-ms-filter				: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c6d71', endColorstr='#46474b')";
	background-image		: linear-gradient(top, #6c6d71, #46474b);
	-moz-background-clip	: padding-box;
	-webkit-background-clip	: padding-box;
	background-clip			: padding-box;
}

.navigation div {
     float					: left;
}

/*----------- Algemeen -----------*/

/*----------- Header -----------*/

#container #header {
	height					: 141px;
	margin-left				: 25px;
}

#container #header .logo {
	width					: 318px;
	height					: 36px;
}

#container #header .tweet {
	width					: 50px;
	float					: right;
	margin-top				: -21px;
	margin-right			: 28px;	
}

#container #header .head_line {
	height					: 1px;
	background-color		: #cbcbcb;	
	margin-top				: 20px;
	border-bottom			: thin solid #fff;
}

#container #header #menu {
	float					: left;
	margin-left				: -13px;
	width					: 930px;
}

#container #header #menu ul { 
	margin					: 0px; 
	padding					: 0px;	
	list-style				: none; 
}

#container #header #menu ul li a {
	float					: left;
	margin					: 0 0.85em;
	font-family				: Helvetica;
	font-size				: 16px;
	color					: #747474;
	margin-top				: 10px;
	text-decoration			: none;
}

#container #header #menu .main a {
	-moz-border-radius		: 9px;
	-webkit-border-radius	: 9px;
	border-radius			: 9px;
	background-image		: -moz-linear-gradient(top, #aec4de, #94a4b4);
	background-image		: -webkit-gradient(linear, center top, center bottom, from(#aec4de), to(#94a4b4));
	background-image		: -o-linear-gradient(top, #aec4de, #94a4b4);
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aec4de', endColorstr='#94a4b4');
	-ms-filter				: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#aec4de', endColorstr='#94a4b4')";
	background-image		: linear-gradient(top, #aec4de, #94a4b4);
	-moz-background-clip	: padding-box;
	-webkit-background-clip	: padding-box;
	background-clip			: padding-box;
	width					: 92px;
	margin-top				: 12px;
	padding					: 8px 8px 8px 19px;
	font-family				: Helvetica;
	font-size				: 18px;
	color					: #fff;
	font-weight				: light;
	text-shadow				: 0.1em 0.1em #7a8a9c;
	display                 : block;
}

#container #header #menu .contact a {
	-moz-border-radius		: 9px;
	-webkit-border-radius	: 9px;
	border-radius			: 9px;
	background-image		: -moz-linear-gradient(top, #a5a7aa, #959799);
	background-image		: -webkit-gradient(linear, center top, center bottom, from(#a5a7aa), to(#959799));
	background-image		: -o-linear-gradient(top, #a5a7aa, #959799);
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5a7aa', endColorstr='#959799');
	-ms-filter				: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5a7aa', endColorstr='#959799')";
	background-image		: linear-gradient(top, #a5a7aa, #959799);
	-moz-background-clip	: padding-box;
	-webkit-background-clip	: padding-box;
	background-clip			: padding-box;
	width					: 87px;
	margin-top				: 12px;
	margin-left				: 6px;
	padding					: 8px 0px 8px 23px;
	font-family				: Helvetica;
	font-size				: 18px;
	color					: #fff;
	font-weight				: light;
	text-shadow				: 0.1em 0.1em #7a8a9c;
	display                 : block;
}

#container #header #menu .twitter a {
	margin-top				: 15px;
	width					: 28px;
	height					: 28px;
	float					: right;
	margin-right			: 6px;
	background				: url('../images/twitter.png') no-repeat;
}

#container #header #menu .twitter a:hover {
	width					: 28px;
	height					: 28px;
	background				: url('../images/twitter_hover.png') no-repeat;
}

#container #header #menu .facebook a {
	margin-top				: 15px;
	width					: 28px;
	height					: 28px;
	float					: right;
	margin-right			: 6px;
	background				: url('../images/facebook.png') no-repeat;
}

#container #header #menu .facebook a:hover {
	width					: 28px;
	height					: 28px;
	background				: url('../images/facebook_hover.png') no-repeat;
}

#container #header #menu .google a {
	margin-top				: 15px;
	width					: 28px;
	height					: 28px;
	margin-right			: 6px;
	float					: right;
	background				: url('../images/google.png') no-repeat;
}

#container #header #menu .google a:hover {
	width					: 28px;
	height					: 28px;
	background				: url('../images/google_hover.png') no-repeat;
}

#container #header #menu .linkedin a {
	margin-top				: 15px;
	width					: 28px;
	height					: 28px;
	margin-right			: 6px;
	float					: right;
	background				: url('../images/linkedin.png') no-repeat;
}

#container #header #menu .linkedin a:hover {
	width					: 28px;
	height					: 28px;
	background				: url('../images/linkedin_hover.png') no-repeat;
}

#container #header #menu .deviantart a {
	margin-top				: 15px;
	width					: 28px;
	height					: 28px;
	margin-right			: 6px;
	float					: right;
	background				: url('../images/deviantart.png') no-repeat;
}

#container #header #menu .deviantart a:hover {
	width					: 28px;
	height					: 28px;
	background				: url('../images/deviantart_hover.png') no-repeat;
}

#container #header #menu .youtube a {
	margin-top				: 15px;
	width					: 28px;
	height					: 28px;
	float					: right;
	margin-right			: 6px;
	background				: url('../images/youtube.png') no-repeat;
}

#container #header #menu .youtube a:hover {
	width					: 28px;
	height					: 28px;
	background				: url('../images/youtube_hover.png') no-repeat;
}

#container #header .foot_line {
	height					: 1px;
	background-color		: #cbcbcb;	
	margin-top				: 60px;
	border-bottom			: thin solid #fff;
}

/*----------- Einde Header -----------*/

/*----------- About / Likebox -----------*/

#container #subcontent #about {
	width					: 930px;
	margin-left				: 25px;
	margin-top				: -23px;
}

#container #subcontent #about a {
	color					: #40d6e5;	
}

#container #subcontent #about a:hover {
	color					: #cbcbcb;	
}

#container #subcontent #about #bio_txt {
	width					: 630px;
	height					: 199px;
	font-family				: Helvetica;
	font-size				: 12px;
	color					: #979797;
	line-height				: 2em;
	margin-bottom			: 51px;
	text-shadow				: 0.1em 0.1em #fff;
}

#container #subcontent #about #bio_txt #specialties {
	padding-top				: 11px;	
}

#container #subcontent #about .likebox {
	float					: right;
	margin-top				: -234px;
}

#container #subcontent #about .head_line {
	height					: 2px;
	width					: 623px;
	height					: 1px;
	background-color		: #cbcbcb;
	border-bottom			: thin solid #fff;

}

#container #subcontent #about .foot_line {
	height					: 2px;
	width					: 930px;
	height					: 1px;
	background-color		: #dedede;
	margin-top				: 7px;
}

#container #subcontent #about #title {
	font-family				: Georgia;
	font-size				: 16px;
	font-style				: italic;
	color					: #616468;
	float                   : left;
	margin-top				: 2px;
	text-shadow				: 0.1em 0.1em #fff;
}

.navigation {
    float					: right;
    margin-right			: 18px;
    color					: #43D6E7;
   	font-size				: 12px;
    font-family				: Helvetica;
    margin-top				: 3px;
}


/*----------- Begin About / Likebox -----------*/

/*----------- Projects -----------*/

.project_tag {
    color     				: #979797;
	font-style				: italic;
	font-family				: Helvetica;
	font-weight				: 13px;
	margin-top				: 2px;
	text-shadow				: 0.1em 0.1em #fff;
}

.project_screen {
    float               	: left;
    width              	 	: 930px;
	margin-top				: 2px;
}

#pager {
    margin-top         		: 5px;
}

.scrollContainer{
    position				: relative;
	margin-top				: 5px;
}

#container #subcontent #about .space {
	margin-left				: 31px;
}

#container #subcontent #about #features .shadow {
	width					: 982px;
	height					: 27px;
	margin-top				: -23px;
	margin-bottom			: 32px;
	float: left;
	margin-left: -27px;
	/*background-image		: url('../images/shadow.png');
	background-repeat		: no-repeat;*/
}

#container #subcontent #about #features .first_project {
	width					: 930px;
	height					: 336px;
	margin-bottom			: 16px;
	margin-top				: 0px;
	overflow				: hidden;
}

#container #subcontent #about .project {
	width					: 209px;
	height					: 215px;
	margin-bottom			: 23px;
	float					: left;
    overflow                : hidden;
    font-family             : Helvetica;
    font-size               : 12px;
    color                   : #424242;
	text-shadow				: 0.1em 0.1em #fff;
}

#container #subcontent #about .project img {
	margin-bottom			: 9px;
}

#container #subcontent #about #features .projectdetail {
	width					: 930px;
	height					: auto;
	margin-top				: -23px;
	text-align				: center;
}

#container #subcontent #about #features .projectdetail img {
	margin-top				: 5px;
	margin-bottom			: 20px;	
	width					: 930px;
	height: auto;
	-moz-border-radius-topright		: 9px;
	-webkit-border-top-right-radius	: 9px;
	border-top-radius			: 9px;
	-moz-border-radius-topright		: 9px;
	-webkit-border-top-right-radius	: 9px;
	border-top-radius			: 9px;
	
	 -moz-border-radius-topleft		: 9px;
	-webkit-border-top-left-radius	: 9px;
	border-top-radius			: 9px;
	-moz-border-radius-topleft	: 9px;
	-webkit-border-top-left-radius	: 9px;
	border-top-radius			: 9px;
}

/*----------- Features Detail -----------*/


#container #subcontent #about #features #detail_title {
	font-family				: Helvetica;
	font-size				: 12px;
	font-weight				: bold;
	color					: #747474;
	margin-top				: 20px;
	width					: 420px;
	height					: 2px;	
	text-shadow				: 0.1em 0.1em #fff;
}

#container #subcontent #about #features .desc {
	width					: 623px;	
}

#container #subcontent #about #features .desc a {
	color					: #6d7d98;	
	text-decoration			: none;
}

#container #subcontent #about #features .desc a:hover {	
	text-decoration			: underline;
}


#container #subcontent #about #features .desc p {
	width					: 547px;	
	height					: 52px;
	font-family				: Helvetica;
	font-style				: italic;
	font-size				: 12px;
	color					: #979797;
	line-height				: 1.60em;
	text-shadow				: 0.1em 0.1em #fff;
}

#container #subcontent #about #features .date_tag p {
	width					: 643px;	
	font-family				: Helvetica;
	font-size				: 12px;
	color					: #b0b0b0;
	line-height				: 1.76em;
	text-shadow				: 0.1em 0.1em #fff;
}


#container #subcontent #about #features .previous_page a {
	background-color		: #000;
	border-width			: 2px;
	border-color			: #7c8083;
	-moz-border-radius		: 9px;
	-webkit-border-radius	: 9px;
	border-radius			: 9px;
	/*IE 7 AND 8*/
	background-image		: -moz-linear-gradient(top, #6c6d71, #46474b);
	background-image		: -webkit-gradient(linear, center top, center bottom, from(#6c6d71), to(#46474b));
	background-image		: -o-linear-gradient(top, #6c6d71, #46474b);
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c6d71', endColorstr='#46474b');
	-ms-filter				: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c6d71', endColorstr='#46474b')";
	background-image		: linear-gradient(top, #6c6d71, #46474b);
	-moz-background-clip	: padding-box;
	-webkit-background-clip	: padding-box;
	background-clip			: padding-box;
	
	
	width					: 67px;
	margin-top				: -64px;
	margin-right			: 200px;
	padding					: 9px 4px 7px 17px;
	font-family				: Helvetica;
	font-size				: 14px;
	font-weight				: 300;
	float					: right;
	color					: #fff;
	font-weight				: light;
	text-shadow				: 0.1em 0.1em #5b656f;
	display                 : block;
	text-decoration			: none;
}

#container #subcontent #about #features .next_page a {
	background-color		: #000;
	border-width			: 2px;
	border-color			: #7c8083;
	-moz-border-radius		: 9px;
	-webkit-border-radius	: 9px;
	border-radius			: 9px;
	/*IE 7 AND 8*/
	background-image		: -moz-linear-gradient(top, #6c6d71, #46474b);
	background-image		: -webkit-gradient(linear, center top, center bottom, from(#6c6d71), to(#46474b));
	background-image		: -o-linear-gradient(top, #6c6d71, #46474b);
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c6d71', endColorstr='#46474b');
	-ms-filter				: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c6d71', endColorstr='#46474b')";
	background-image		: linear-gradient(top, #6c6d71, #46474b);
	-moz-background-clip	: padding-box;
	-webkit-background-clip	: padding-box;
	background-clip			: padding-box;
	
	
	width					: 46px;
	margin-top				: -64px;
	padding					: 9px 4px 7px 17px;
	margin-right			: 111px;
	font-family				: Helvetica;
	font-size				: 14px;
	font-weight				: 300;
	float					: right;
	color					: #fff;
	font-weight				: light;
	text-shadow				: 0.1em 0.1em #5b656f;
	display                 : block;
	text-decoration			: none;
}

#container #subcontent #about #features .overview a {
	background-color		: #000;
	border-width			: 2px;
	border-color			: #7c8083;
	-moz-border-radius		: 9px;
	-webkit-border-radius	: 9px;
	border-radius			: 9px;
	/*IE 7 AND 8*/
	background-image		: -moz-linear-gradient(top, #aec4de, #94a4b4);
	background-image		: -webkit-gradient(linear, center top, center bottom, from(#aec4de), to(#94a4b4));
	background-image		: -o-linear-gradient(top, #aec4de, #94a4b4);
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aec4de', endColorstr='#94a4b4');
	-ms-filter				: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#aec4de', endColorstr='#94a4b4')";
	background-image		: linear-gradient(top, #aec4de, #94a4b4);
	-moz-background-clip	: padding-box;
	-webkit-background-clip	: padding-box;
	background-clip			: padding-box;
	width					: 72px;
	margin-top				: -64px;
	padding					: 9px 4px 7px 17px;
	font-family				: Helvetica;
	font-size				: 14px;
	font-weight				: 300;
	float					: right;
	color					: #fff;
	font-weight				: light;
	text-shadow				: 0.1em 0.1em #8e99a4;
	display                 : block;
	text-decoration			: none;
}

#container #subcontent #about #features .backto_overview a {
	width					: 132px;
	height					: 17px;
	background-color		: #000;
	margin-right			: 365px;
	border-width			: 2px;
	padding					: 8px 12px 8px 17px;
	border-color			: #7c8083;
	-moz-border-radius		: 9px;
	-webkit-border-radius	: 9px;
	display: block;
	border-radius			: 9px;
	text-shadow				: 0.1em 0.1em #575b5e;
	color					: #fff !important;
	text-decoration			: none;
	font-family				: Helvetica;
	font-size				: 14px;
	
	/*IE 7 AND 8*/
	background-image		: -moz-linear-gradient(top, #6c6d71, #46474b);
	background-image		: -webkit-gradient(linear, center top, center bottom, from(#6c6d71), to(#46474b));
	background-image		: -o-linear-gradient(top, #6c6d71, #46474b);
	filter					: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c6d71', endColorstr='#46474b');
	-ms-filter				: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c6d71', endColorstr='#46474b')";
	background-image		: linear-gradient(top, #6c6d71, #46474b);
	-moz-background-clip	: padding-box;
	-webkit-background-clip	: padding-box;
	background-clip			: padding-box;
}

/*----------- Einde Features -----------*/

/*----------- Begin Footer -----------*/

#footer .navigation {
     margin-top				: 6px;
	 text-shadow			: 0.1em 0.1em #fff;
}

#container #footer {
	width					: 930px;
	height					: 107px;
	clear					: both;
	margin-left				: 25px;
	margin-bottom			: 45px;
	padding-bottom			: 15px;
	display					: inline-block;
}

#container #footer .head_line {
	height					: 1px;
	background-color		: #cbcbcb;	
	border-bottom			: thin solid #fff;
}

#container #footer .copyright p {
	font-family				: Helvetica;
	font-size				: 12px;
	color					: #b0b0b0;
	margin-top				: 10px;
	line-height				: 1.35em;
	text-shadow				: 0.1em 0.1em #fff;
}

#container #footer .copyright img {
	width					: 131px;
	height					: 16px;
	margin-bottom			: 8px;	
}

#container #footer .copyright_line {
	width					: 1px;
	height					: 58px;
	background-color		: #cbcbcb;	
	margin-left				: 258px;
	margin-top				: -59px;
	border-right-width		: 1px;
  	border-right-style		: solid;
 	border-right-color		: #fff;
}

#container #footer .twitter {
	width					: 1020px;
	height					: 179px;
	font-family				: Helvetica;
	font-size				: 13px;
	color					: #b0b0b0;
	margin-left				: -31px;
	margin-top				: 66px;
	line-height				: 1.50em;
	text-shadow				: 0.1em 0.1em #fff;
}

#container #footer .twitter .tweet {
	width					: 960px;	
	padding-top				: 30px;
	color					: #767676;
	font-family				: Helvetica;
	text-shadow				: 0.1em 0.1em #f5f5f5;
}


#container #footer .twitter .line {
	width					: 929px;
	margin-top				: 27px;
	margin-left				: 31px;
	height					: 1px;
	background-color		: #cbcbcb;	
	border-bottom			: thin solid #fff;	
}

#container #footer .twitter .follow {
	width: 166px;
	margin-left				: 310px;
	margin-top: 28px;
	float: left;
}

#container #footer .twitter .tweet_this {
	margin-top				: 28px;
	padding-right			: 310px;
	float					: right;
}

#container #footer .twitter a {
	text-decoration			: none;
}

#container #footer .twitter a:hover {
	color					: #6d7d98;
	text-decoration			: underline;
}

#container #footer .twitter .icon {
	float					: left;	
	height					: 60px;
	padding-right			: 15px;
	margin-left				: 31px;
	margin-top				: 25px;
}

#container #footer .twitter .follow .bar	{
	width					: 1px;
	height					: 25px;
	margin-left				: 184px;
	margin-top				: -25px;
	background-color		: #cbcbcb;	
	border-right			: thin solid #fff;							
}

#container #footer .twit_line {
	width					: 1px;
	height					: 58px;
	background-color		: #cbcbcb;	
	margin-left				: 685px;
	margin-top				: -43px;
	border-right-width		: 1px;
  	border-right-style		: solid;
 	border-right-color		: #fff;
	
}

#container #footer #copyright {
	width					: 992px;
	height					: 90px;
	float					: left;
	margin-top				: 0px;
	background-image		: url('../images/copyright_shadow.png');
	background-repeat		: no-repeat;
}

#container #footer #copyright a {
	text-decoration			: none;	
}

#container #footer #copyright a:hover {
	text-decoration			: underline;	
}

#container #footer #copyright p {
	margin-top				: 30px;
	font-family				: Helvetica;
	font-size				: 13px;
	color					: #b0b0b0;	
	text-shadow				: 0.1em 0.1em #fff;
	line-height				: 1.40em;
	text-align				: center;
	margin-right			: 60px;
}

#container #footer .twitter .brown {
    color					: #424242;
   	font-weight             : bold;
	line-height				: 1.55em;
	margin-top				: 25px;
}

#container #footer #other .like {
	float					: right;
	margin-top				: -3px;	
	margin-right			: -15px;
}


/*----------- Einde Footer -----------*/