/* @override http://visualcreations.be/template/style/vc-01.css */

/* @override 
	http://www.visualcreations.be/beta2/css/style.css
	http://www.visualcreations.be/beta3/css/style.css
	http://www.visualcreations.be/beta5/css/style.css
	http://www.visualcreations.be/beta6/css/style.css
	http://visualcreations.be/template/style/vc-01.css
*/

/*

blue: #0d7aab // broadcast
green: #8eba29 // film
red: #cc1b1c // corporate

*/

body {
	color: #FFF;
	font-family: Helvetica, Arial;
	font-size: 12px;
	background-color: #030303;
}

h1 {
	position: relative;
	width: 229px;
	height: 38px;
	overflow: hidden;
	margin-left: 45px;
	font-weight: normal;
	font-size: 10px;
	text-transform: uppercase;
	color: #555;
}

h1 span {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url(http://www.visualcreations.be/img/VICR-Logo-8b.png);
	background-repeat: no-repeat;
}

#navigation {
	display: block;
	position: fixed;
	top: 80px;
	height: 600px;
	width: 300px;
/*b

ackground-color: #030303;
	filter:alpha(opacity=50);
	opacity: 0.8;*/
}

/*li#navdivider {
	background: url(http://www.visualcreations.be/beta4/assets/img/3lights.png) top left no-repeat;
	padding-top: 24px;
	margin-top: 20px;
}*/

#navigation #scrollbuttons {
	margin-left: 63px;
	margin-top: 300px;
}

/* @group My Group */

/* @end */

#scrollbuttons a img {
	margin-right: 40px;
}

#top-gradient {
	position: fixed;
	top: 0px;
	width: 100%;
	height: 70px;
	background: repeat-x url(http://www.visualcreations.be/template/style/img/top-gradient-70px.png);
}
/*
#bottom-gradient {
	position: fixed;
	bottom: -120px;
	width: 100%;
	height: 300px;
	background: repeat-x url(http://www.visualcreations.be/img/bg-gradient-hor-bottom.png);
}*/

#navigation ul {
	margin-top: 38px;
	margin-left: 45px;
}

#navigation ul li a:link, a:visited {
	font-weight: normal;
	font-size: 30px;
	line-height: 32px;
	text-transform: uppercase;
	color: #DDD;
	text-decoration: none;
}

#navigation ul li a:hover {
	
}

#navigation ul li a:active {
	margin-left: 2px;
}

#navnews {
	

}

#more-news {
	
}

#news {
	
}
.jo {
	background: url(http://visualcreations.be/template/style/img/news-avatars_10.png) no-repeat bottom left;
	padding: 0px 0px 0px 84px;
}
.maarten {
	background: url(http://visualcreations.be/template/style/img/news-avatars_03.png) no-repeat bottom left;
	padding: 0px 0px 0px 66px;
}
.jimi {
	width: 427px;
	background: url(http://visualcreations.be/template/style/img/news-avatars_07.png) no-repeat bottom right;
	padding: 0px 80px 0px 0px;
}
.yves {
	width: 427px;
	background: url(http://visualcreations.be/template/style/img/news-avatars_14.png) no-repeat bottom right;
	padding: 0px 68px 0px 0px;
	margin-left: 20px;
}

div.tweet {
	background: #FFF url(http://visualcreations.be/template/style/img/textballoon1-bottom.png) no-repeat bottom left;
	width: 427px;
	padding: 0px 0px 0px 0px;
	margin-bottom: 20px;
}
.tweet p {
	background: url(http://visualcreations.be/template/style/img/textballoon1-top.png) no-repeat;
	padding: 14px 20px 10px 14px;
	font-weight: bold;
	color: #333;
}

.tweet span {
	display: block;
	font-size: 10px;
	padding: 6px 0px 0px 0px;
	color: #BBB;
	font-weight: normal;
	margin: 0;
}

#clients, #news, #contact, #about, #project {
	margin-left: 350px;
	margin-right: 30px;
	margin-top: 80px;
	margin-bottom: 120px;
	float: left;
}

#about {
	width: auto00px;
	font-size: 30px;
	text-transform: uppercase;
	line-height: 32px;
}

#loveyou {
	margin-top: 12px;
}

/*.project {
	float: left;
	width: 257px;
	height: 155px;
	margin-left: 18px;
	margin-bottom: 50px;
}*/

/*.project {
	float: left;
	width: 257px;
	height: 138px;
	height: 142px;
	margin-left: 18px;
	margin-bottom: 40px;
}*/

#projects {
	margin-top: 80px;
	margin-left: 300px;
}

div.projectsrow {
	width: 260px;
	margin-right: 8px;
	float: left;
}

/*.project {
	margin-left: 10px;
	margin-bottom: 10px;
	height: 185px;
	width: 257px;
	float: left;
}
*/

div.project.film {
	background-image: url(http://www.visualcreations.be/img/bg-panel-green1.jpg);
}

div.project.broadcast {
	background-image: url(http://www.visualcreations.be/img/bg-panel-blue1.jpg);
}

div.project.corporate {
	background-image: url(http://www.visualcreations.be/img/bg-panel-red1.jpg);
}

.project {
	margin-left: 10px;
	margin-bottom: 10px;
	height: 146px;
	width: 257px;
	float: left;
	overflow: hidden;
}

/*div.project.film {
	/border-bottom: 2px solid #8eba29;
}

div.project.broadcast {
	/border-bottom: 2px solid #0d7aab;
}
div.project.corporate {
	/border-bottom: 2px solid #cc1b1c;
}

.film a img {
	border-bottom: 4px solid #8eba29;	
}
.broadcast a img {
	border-bottom: 4px solid #0d7aab;
}
.corporate a img {
	border-bottom: 4px solid #cc1b1c;
}*/

.project div {
	margin: 15px
}

.project ul li {
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
}

#clients img {
	margin: 5px;
	padding: 2px;
	border: 1px solid #222;
}

li.info_cat {
	margin-top: 12px;
}

p.projectdescription {
	margin-top: 100px;
	height: 80px;
	width: 200px;
	font-size: 11px;
	text-shadow: rgba(0, 0, 0, 0.2) 1px 1px;
}

p.officialwebsite {
	margin-top: 60px;
	text-shadow: rgba(0, 0, 0, 0.2) 1px 1px;
}

.officialwebsite a {
	font-size: 11px;
	text-decoration: none;
	color: #FFF;
}

#contact {
	display: block;
	text-transform: uppercase;
}

ul#address {
	font-size: 20px;
}

ul#partners {
	float: left;
	font-size: 16px;
	margin-top: 10px;
	border-top: 1px dotted #222;
	padding-top: 22px;
	margin-bottom: 10px;
}

ul#partners li {
	margin-bottom: 20px;
	float: left;
	min-width: 310px;
}

span.phone, span.email, span.address {
	color: #999;
	display: block;
}

span.email {
	margin-top: 4px;
}

span.address {
	margin-top: 4px;
}

span.phone {
	margin-bottom: 10px;
}

div#description {
	width: 512px;
	height: 30px;
	background-color: #cc1b1c;
	text-shadow: rgba(0, 0, 0, 0.296875) 1px 1px;
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;
	margin-top: 20px;
}

div#description {
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
}

#project {
	width: 600px;
	color: #BBB;
}

#project h2 {
	text-transform: uppercase;
	margin-bottom: 4px;
	margin-top: 32px;
	color: #EEE;
}
#jwcontainer {
	float: left;
	width: 512px;
}

#jwplayer {
	padding-top: 0px;
	float: left;
}

#jwplayer p {
	font-size: 12px;
	line-height: 18px;
}

#jwplayer p a {
	color: red;
}
/*
JW Playlist
*/
object , embed{
	float: left;
}

.jw_playlist_playlist {
	float:left;
	width: 512px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.jw_playlist_image {
	width: 75px;
	height: auto;
}

.jw_playlist_image_div {
	border: 1px solid #000000;
	padding: 0 5px;
	margin: 0 5px;
	float:left;
	background-color:white;
}

.jw_playlist_item {
	padding:10px 20px;
}

.clear {
	clear:both;
	height: 0;
}

.jw_playlist_title {
	font-weight: bold;
}

.jw_playlist_description {

}

.even {
	
}

.odd {
	
}

.playing {
	background-color:yellow;
}
/*
JW END
*/


#close {
	float: left;
	margin-left: 50px;
	margin-top: 3px;
}

#videoinfo {
	float: left;
	width: 500px;
	font-size: 12px;
	line-height: 15px;
}

#videoinfo h2 {
	
}
#extravideos, #images {
	float: left;
	clear: both;
	margin-bottom: 10px;
	width: 518px;
}

#images h2 {
	margin-bottom: 8px;
}

#images img, #extravideos img {
	margin: 0px 4px 2px 0px;
}
#image {
	margin: 30px 50px 50px 0px;
}
#image h2 {
	margin: 8px 0px 2px 0px;
}
/*
#videoinfo.film {
	background-color: #8eba29;
}
#videoinfo.broadcast {
	background-color: #0d7aab;
}
#videoinfo.corporate {
	background-color: #cc1b1c;
}*/