body
{
	background: #000000 url('../statics/background.gif') repeat-y scroll top center;
	margin: 0px;
	text-align: left;
	font-family: Helvetica, Arial;
	font-size: 9pt;
	color: #787878;
}

a 			{ color: #5f5f5f; text-decoration: none; }
a:hover 	{ color: #fff; text-decoration: underline; }
a:focus 	{ color: #5f5f5f; outline: none; }
a img   	{ border: none; }
a img:hover { filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75; }

.header {
	background: url('../statics/vijon-logo.png') no-repeat scroll bottom left;
	width: 950px;
	height: 160px;
	position: relative;
	left: 50%;
	margin-left: -475px;
}

h1, h2, h3, h4, p 	{ margin: 0px; font-weight: normal; }
h1 span, h2 span 	{ display: none; }
h4					{ font-size: 20px; letter-spacing: -1px; font-weight: normal; }

.contacts {
	line-height: 16px;
	background: url('../statics/separator-v.gif') repeat-y scroll bottom left;
	width: 150px;
	height: 160px;
	float: right;
	padding-left: 10px;
}

.contacts-text { margin-top: 34px; }

.contacts-social ul
{
	list-style: none;
	margin: 0px;
	margin-top: 3px;
	padding: 0px;
	position: relative;
	z-index: 11;
}

.contacts-social ul li
{
	float: left;
	margin-right: 3px;
}

.contacts-social ul li a
{
	display: block;
	width: 11px;
	height: 11px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#social-facebook 	a { background-image: url('../statics/social-facebook.gif'); }
#social-twitter 	a { background-image: url('../statics/social-twitter.gif'); }
#social-youtube 	a { background-image: url('../statics/social-youtube.gif'); }
#social-linkedin 	a { background-image: url('../statics/social-linkedin.gif'); }
#social-friendfeed 	a { background-image: url('../statics/social-friendfeed.gif'); }
				
.contacts-social ul li a:hover	{ background-position: 0px -11px; }
.contacts-social ul li a span 	{ display: none; }

.body
{
	position: relative;
	left: 50%;
	margin-left: -486px;
	width: 972px;
}

.promo
{
	width: 950px;
	height: 470px;
	/*background: black;*/
	margin-top: 30px;
	margin-left: 11px;
}

.title
{
	float: left;
	width: 950px;
	height: 37px;
	margin-top: 30px;
	margin-left: 11px;
}

.title h3
{
	float: right;
	margin-top: 20px;
	font-size: 16px;
}

.project-row
{
	float: left;
	width: 970px;
}

.project
{
	background: url('../statics/separator-h.gif') repeat-x scroll top left;
	float: left;
	width: 302px;
	margin-right: 11px;
	margin-left: 11px;
	margin-bottom: 18px;
	margin-top: 2px;
	padding-top: 25px;
	
}

.project h4 		{ color: #fff; }
.project h4:hover 	{ color: #fff; text-decoration: underline; }

.preview
{
	margin-bottom: 8px;
}


#web .title 
{
	background: url('../statics/titles/web.png') no-repeat scroll top left;
}

#tred .title
{
	background: url('../statics/titles/3d.png') no-repeat scroll top left;
	margin-top: 60px;
}

#video .title
{
	background: url('../statics/titles/video.png') no-repeat scroll top left;
	margin-top: 60px;
}

#apps .title
{
	background: url('../statics/titles/apps.png') no-repeat scroll top left;
	margin-top: 60px;
}

#print .title
{
	background: url('../statics/titles/print.png') no-repeat scroll top left;
	margin-top: 60px;
}

#slideshow, #videoplayer
{
    float: left;
    position:relative;
    width: 700px;
    height:435px;
}

#slideshow IMG
{
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active
{
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active
{
    z-index:9;
}

.popup-body
{
	background-color: #202020;
	width: 700px;
}

.popup-body .title
{
	float: left;
	width: 660px;
	height: auto;
	margin-bottom: 0px;
	margin-top: 16px;
	margin-left: 20px;
}

.popup-body a
{
	float: right;
	margin-top: -16px;
}

.popup-body .tags
{
	position: relative;
	float: left;
	width: 660px;
	margin-left: 20px;
}

.popup-body h3
{
	float: right;
	margin-top: -16px;
}

.popup-body h4
{
	color: #fff;
}