@charset "utf-8";
/*
 *	Theme Name: Xvision
 *	Theme URI: http://www.xvision.org
 *	Description: Custom WordPress theme developed by Web inkubator exclusively for website xvision.org - Design by Sunčana Špriovan
 *	Author: 385idea
 *	Author URI: http://www.385idea.com
 *	Version: 1.0
 *
 *	All content & design (c) 2010~ Sunčana Špriovan, All Rights Reserved
 *	Feel free to have a look around and learn from this code, but please don't steal.
 * 
 */

/* Reset all elements */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent
}
body {
	line-height:1
}
ol, ul {
	list-style:none
}
blockquote, q {
	quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none
}
:focus {
	outline:0
}
ins {
	text-decoration:none
}
del {
	text-decoration:line-through
}
table {
	border-collapse:collapse;
	border-spacing:0
}
/* Text Style */
html, body {
	height:100%;
}
body {
	font:12px/1.5 Arial, Helvetica, sans-serif;
	background:#000 url(img/mbg.png) no-repeat scroll 50% 0;
	color:#fff;
}
a:link {
	color: #FFF200;
	text-decoration: none;
}
a:visited {
	color: #FFF200;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #fff;
}
a:active {
	text-decoration: underline;
	color: #fff;
}
hr {
	border:0 #e1e1e1 dotted;
	border-top-width:1px;
	clear:both;
	height:0;
	margin:10px;
}
h1 {
	font-size: 48px;
}
h2 {
	font-size: 36px;
}
h3 {
	font-size: 24px;
}
h4 {
	font-size: 21px;
}
h5 {
	font-size: 18px;
}
h6 {
	font-size: 16px;
}
ol {
	list-style:decimal
}
ul {
	list-style:disc
}
/* General Contructors */
#xvision {
	min-height:100%;
	position:relative;
}
.wrap {
	margin-left:auto;
	margin-right:auto;
	width:973px;
}
/* Top header */
#tophead {
	width:951px;
	height:37px;
	display:inline;
	float:left;
	position:relative;
	margin:25px 0 0 11px;
	background:url(img/tophead_bg.png) no-repeat scroll 0 0;
}
.logo {
	width:279px;
	height:37px;
	display:inline;
	float:left;
	position:relative;
}
.logo h1, .logo h2 {
	text-indent:-9999px;
}
.logo h1 a, .logo h2 a {
	display:block;
	background:transparent url(img/logo.png) no-repeat scroll 0 0;
	width:279px;
	height:37px;
	overflow:hidden;
	text-decoration:none;
}
.logo h1 a:hover, .logo h2 a:hover {
	background:transparent url(img/logo.png) no-repeat scroll 0 -37px;
	text-decoration:none;
}
.linkedin {
	width:95px;
	height:14px;
	display:inline;
	float:right;
	position:relative;
	margin:11px 0 0 0;
}
.linkedin a {
	background:url(img/linkedin_icon.png) no-repeat scroll 0 0;
	padding:0 0 2px 20px;
	font:10px/15px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
}
.linkedin a:hover, .facebook a:hover {
	color:#fff200;
	text-decoration:none;
}
.facebook {
	width:90px;
	height:14px;
	display:inline;
	float:right;
	position:relative;
	margin:11px 10px 0 0;
}
.facebook a {
	background:url(img/facebook_icon.png) no-repeat scroll 0 0;
	padding:0 0 0 20px;
	font:10px/14px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
}
.eng {
	width:14px;
	height:14px;
	display:inline;
	float:right;
	position:relative;
	margin:11px 29px 0 0;
}
/* Header */
#header {
	width:962px;
	/*height:191px;*/
	display:inline;
	float:left;
	position:relative;
	margin:17px 0 0 11px;/*background:url(img/head_bg.png) no-repeat scroll 0 0;*/
	z-index:99;
}
.nav {
	width:157px;
	display:inline;
	float:left;
	position:relative;
	border-top:5px solid #FFF;
}
.nav ul {
	margin:15px 54px 0 0;
	padding:0;
	list-style:none;
}
.nav ul li {
	margin:0 0 7px 0;
	padding:0;
	list-style:none;
	text-align:right;
	font:bold 14px/14px Arial, Helvetica, sans-serif;
}
.nav ul li.high5 {
	margin:0 0 23px 0;
}
.nav ul li a {
	color:#FFF;
	text-decoration:none;
}
.nav ul li a:hover, .nav ul li.active a {
	color:#fff200;
	text-decoration:none;
}
.status {
	width:210px;
	display:inline;
	float:left;
	position:relative;
	background:url(img/status_bg.png) no-repeat scroll 0 -1px;
	padding:92px 0 0 0;
	margin:0 0 0 17px;
}
.status h5 {
	font:bold 14px/14px "Arial Rounded Bold", Arial, Helvetica, sans-serif;
	color:#fff200;
	margin:0 0 10px 0;
	padding:0;
}
.status ul {
	width:210px;
	height:14px;
	display:inline;
	float:left;
	position:relative;
	margin:0;
	padding:0;
	list-style:none;
}
.status ul li {
	width:67px;
	height:14px;
	display:inline;
	float:left;
	position:relative;
	margin:0 3px 0 0;
	padding:0;
	font:11px/14px Arial, Helvetica, sans-serif;
	color:#565656;
	text-align:center;
	background-color:#c1c1c1;
}
.status ul li.stactive, .status ul li.busy, .status ul li.available, .status ul li.zzzzz {
	color:#000;
	background-color:#fff200;
}
.awards {
	width:470px;
	height:127px;
	display:inline;
	float:right;
	position:relative;
}
.awards h2 {
	width:458px;
	height:33px;
	background:url(img/interactive_title.png) no-repeat scroll 0 0;
	text-indent:-9999em;
	border-bottom:1px solid #FFF;
	margin:0 0 20px 0;
	padding:0;
}
#award_slide {
	width:470px;
	height:78px;
	display:inline;
	float:right;
	position:relative;
	overflow:hidden;
	background:transparent url(img/award_bg.png) no-repeat scroll 100% 14px;
}
ul#as_list {
	width:470px;
	height:78px;
	display:inline;
	float:right;
	position:relative;
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
ul#as_list li {
	width:470px;
	height:78px;
	display:block;
	float:right;
	position:relative;
	margin:0;
	padding:0;
	overflow:hidden;
}
.as_data {
	width:235px;
	height:75px;
	display:inline;
	float:left;
	position:relative;
	padding:0 35px 0 0;
	background:transparent url(img/oscar.png) no-repeat scroll 100% 0;
	color:#8c8c8c;
}
.as_data h3 {
	font:100 24px/24px Arial, Helvetica, sans-serif;
	margin: 0 0 11px 0;
	padding:0;
	color:#8c8c8c;
	width:235px;
	overflow:hidden;
}
.as_data p {
	font:11px/14px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	color:#8c8c8c;
	height:42px;
	overflow:hidden;
}
.as_info {
	width:155px;
	display:inline;
	float:right;
	position:relative;
	background-color:transparent;
}
.as_info h5 {
	font:bold 22px/22px Arial, Helvetica, sans-serif;
	color:#969696;
	margin:5px 0 0 0;
	padding:0 27px 0 0;
	text-align:right;
}
.as_info h4 {
	font:bold 16px/16px Arial, Helvetica, sans-serif;
	color:#fff200;
	margin:23px 0 0 0;
	padding:0;
	background:transparent;
	width:150px;
	overflow:hidden;
}
#wellcome {
	width:962px;
	height:45px;
	display:inline;
	float:left;
	position:relative;
	margin:10px 0 0 0;
	background:url(img/welbg.png) no-repeat scroll 0 0;
	z-index:100;
}
.hello_zwei {
	background:url(img/welbg_off.png) no-repeat scroll 0 0!important;
}
#wellcome h2 {
	font:16px/29px Arial, Helvetica, sans-serif;
	color:#FFF;
	width:900px;
	display:inline;
	float:left;
}
#wellcome h2 span {
	color:#fff200;
}
.intro_words {
	width:951px;
	height:29px;
	display:inline;
	float:left;
	position:relative;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
}
.intro_words h2 {
	font:16px/29px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	color:#FFF;
}
#slide_btn {
	width:29px;
	height:23px;
	display:inline;
	position:relative;
	float:right;
	overflow:hidden;
	margin:8px 0 0 0;
}
#slide_btn a {
	width:29px;
	height:23px;
	display:block;
	float:right;
	overflow:hidden;
	text-indent:-9999em;
	background:url(img/slide_btn.png) no-repeat scroll 0 0;
	text-decoration:none;
}
#slide_btn a.arup {
	background:url(img/slide_btn.png) no-repeat scroll 0 -23px;
}
#panel {
	width:950px;
	height:400px;
	float:left;
	position:absolute;
	z-index:9999;
	background:url(img/panel_bg.png) repeat scroll 0 0;
	display:none;
	border-bottom:1px solid #FFF;
}
.panelc_left {
	width:480px;
	display:inline;
	float:left;
	position:relative;
	color:#FFF;
	font:14px/20px Arial, Helvetica, sans-serif;
	margin:0 0 0 2px;
	padding-left:20px;
}
.panelc_left p {
	margin:16px 0 0 0;
	padding:0;
	text-align:justify;
}
.panelc_left p span {
	color:#fff200;
}
.panelc_left p.smallme {
	font-size:11px;
	margin:40px 0 0 0;
}
.panelc_right {
	width:378px;
	display:inline;
	float:right;
	position:relative;
	color:#FFF;
	font:16px/20px Arial, Helvetica, sans-serif;
	margin:20px 24px 0 0;
}
.panelc_right form {
	margin:0;
	padding:0;
}
.panelc_right p {
	margin:0 0 8px 0;
	padding:0;
}
.simple_mail {
	width:345px;
	height:24px;
	border:1px solid #FFF;
	background:transparent url(img/mail_icon.png) no-repeat scroll 6px 50%;
	padding-left:31px;
	color:#FFF;
	font:11px/22px Tahoma, Geneva, sans-serif;
	margin-top:10px;
}
input.text {
	width:374px;
	height:26px;
	background:#FFF none;
	border:none;
	color:#000;
	font:16px/30px Arial, Helvetica, sans-serif;
	margin:0;
	padding:2px;
}
.textarea {
	width:374px;
	height:131px;
	background:#FFF none;
	border:none;
	color:#000;
	font:16px/30px Arial, Helvetica, sans-serif;
	margin:0;
	padding:2px;
}
.submit_btn {
	width:67px;
	background:#FFF200 none;
	border:none;
	color:#000;
	text-align:center;
	font:11px Arial, Helvetica, sans-serif;
	float:right;
	cursor:pointer;
	padding:1px 0;
}


/* Monior */
#featured {
	width:973px;
	height:510px;
	display:inline;
	float:left;
	position:relative;
	overflow:hidden;
	z-index:1;
}
#monitor {
	width:973px;
	height:399px;
	display:inline;
	float:left;
	position:relative;
	overflow:hidden;
	z-index:2;
}
#featured .ui-tabs-panel {
	width:973px;
	height:399px;
	background:#000 url(img/monitor_data_bg.png) no-repeat scroll 0 0;
	position:relative;
	overflow:hidden;
}
/* Project info */
.monitor_data {
	width:290px;
	height:399px;
	float:left;
	display:inline;
	position:relative;
	margin:0 6px 0 0;
	overflow:hidden;
	color:#000;
}
.rss {
	width:14px;
	height:14px;
	display:inline;
	float:right;
	position:relative;
	margin:8px 12px 0 0;
	background:url(img/rss_icon.png) no-repeat scroll 0 0;
}
.rss a {
	width:14px;
	height:14px;
	display:block;
}
.md_text {
	width:230px;
	height:300px;
	display:inline;
	float:left;
	position:relative;
	overflow:hidden;
	margin:32px 0 0 37px;
}
.md_text .supa_text {
	font:12px/18px Arial, Helvetica, sans-serif;
	text-align:justify;
	color:#000;
	margin:0 0 32px 0;
	padding:0;
	height:126px;
	overflow:hidden;
}
.md_text .supa_text a {
	color:#000;
	text-decoration:underline;
}
.md_text .supa_text a:hover {
	color:#000;
	text-decoration:none;
}
.monitor_data h2 {
	font:bold 24px/24px Helvetica, Arial, sans-serif;
	color:#000;
	margin:0 0 32px 0;
	padding:0;
}
.monitor_data p {
	font:12px/18px Arial, Helvetica, sans-serif;
	text-align:justify;
	color:#000;
	margin:0 0 32px 0;
	padding:0;
	height:126px;
	overflow:hidden;
}
.monitor_data ul {
	margin:0;
	padding:0;
	list-style:none;
}
.monitor_data ul li {
	margin:0;
	padding:0;
	font:10px/12px Arial, Helvetica, sans-serif;
}
.md_options {
	width:160px;
	height:33px;
	display:inline;
	float:left;
	position:relative;
	overflow:hidden;
	margin:0;
	text-align:right;
	font:10px/10px Arial, Helvetica, sans-serif;
}
.md_options .btn_screen {
	width:65px;
	height:14px;
	display:inline;
	float:right;
	position:relative;
	text-align:right;
	margin:0 0 5px 0;
}
.md_options .btn_online {
	width:65px;
	height:14px;
	display:inline;
	float:right;
	position:relative;
	text-align:right;
}
.md_options .btn_screen a, .md_options .btn_online a {
	color:#000;
	text-decoration:none;
}
.md_options .btn_screen a:hover, .md_options .btn_online a:hover {
	color:#000;
	text-decoration:underline;
}
.md_loader {
	width:26px;
	height:26px;
	display:inline;
	float:right;
	position:relative;
	overflow:hidden;
	margin:0 32px 0 0;
}
/* Big thumb pic */
.monitor_thumb {
	width:677px;
	height:399px;
	display:inline;
	float:left;
	position:relative;
	overflow:hidden;
	background:#000;
}
.mt_big {
	width:665px;
	height:398px;
	display:inline;
	float:left;
	position:relative;
	overflow:hidden;
}
.mt_big img {
	width:659px;
	height:392px;
	border:3px solid #343434;
	background:#000;
	color:#FF0;
	padding:0;
	margin:0;
}
img.big_thumb {
	width:659px;
	height:392px;
	border:3px solid #343434;
	background:#000;
	color:#FF0;
	padding:0;
	margin:1px 0 0 0;
}
.btn_zoom {
	width:148px;
	height:24px;
	background:url(img/btn_zoom_project.png) no-repeat scroll 0 0;
	position:absolute;
	right:0;
	bottom:4px;
	font:10px/10px Arial, Helvetica, sans-serif;
	color:#000;
	padding-left:18px;
	z-index:999;
}
.btn_zoom a {
	color:#000;
	text-decoration:none;
}
.btn_zoom a:hover {
	color:#000;
	text-decoration:underline;
}
/* Thumb scroller */
.thumb_wrap {
	width:973px;
	height:74px;
	display:inline;
	float:left;
	position:relative;
	overflow:hidden;
	margin:20px 0;
}
#slidebtn_left {
	width:29px;
	height:23px;
	position:absolute;
	z-index:5;
	bottom:40px;
	left:0;
}
#slidebtn_left a {
	width:29px;
	height:23px;
	text-indent:-9999em;
	display:block;
	text-decoration:none;
	background:url(img/minus_btn_bg.png) no-repeat scroll 0 0;
}
#slidebtn_left a:hover {
	text-decoration:none;
	background:url(img/minus_btn_bg.png) no-repeat scroll 0 -23px;
}
#slidebtn_right {
	width:29px;
	height:23px;
	position:absolute;
	z-index:5;
	bottom:40px;
	right:0;
}
#slidebtn_right a {
	width:29px;
	height:23px;
	text-indent:-9999em;
	display:block;
	text-decoration:none;
	background:url(img/plus_btn_bg.png) no-repeat scroll 0 0;
}
#slidebtn_right a:hover {
	text-decoration:none;
	background:url(img/plus_btn_bg.png) no-repeat scroll 0 -23px;
}
#slider {
	width:952px;
	height:74px;
	display:inline;
	float:left;
	position:relative;
	overflow:hidden;
	margin:20px 0 20px 11px;
}
ul#tscroll {
	list-style:none;
	width:2000px;
	height:74px;
	display:inline;
	float:left;
	position:relative;
	margin:0;
	padding:0;
}
ul#tscroll li {
	width:124px;
	height:74px;
	display:inline;
	float:left;
	position:relative;
	margin:0 14px 0 0;
	padding:0;
}
ul#tscroll li a {
	border:3px solid #343434;
	width:118px;
	height:68px;
	margin:0;
	padding:0;
	display:block;
}
ul#tscroll li img {
	width:118px;
	height:68px;
	margin:0;
	padding:0;
	border:none;
	display:block;
	opacity:0.4;
	filter:alpha(opacity=40)
}
ul#tscroll li.ui-tabs-selected img, ul#tscroll li img:hover {
	width:118px;
	height:68px;
	margin:0;
	padding:0;
	opacity:1;
	filter:alpha(opacity=100)
}
ul#tscroll li.nopac {
	width:250px;
	height:74px;
	margin:0;
	padding:0;
	border:none;
	opacity:1;
	filter:alpha(opacity=100)
}
ul#tscroll li.nopac img {
	width:250px;
	height:74px;
	margin:0;
	padding:0;
	border:none;
	opacity:1;
	filter:alpha(opacity=100)
}
ul#tscroll li a.activeSlide, ul#tscroll li a:hover {border:3px solid #fff200;}

/* Big scroll settings
#featured .ui-tabs-hide, #featured .ui-tabs-hide .monitor_data, #featured .ui-tabs-hide .monitor_thumb {  
     display:none;  
} */

#featured .ui-tabs-hide, #featured .ui-tabs-hide .monitor_data, #featured .ui-tabs-hide .monitor_thumb {
	position: absolute;
	left: -10000px;
}
/* Footer */

#footer {
	width:951px;
	height:182px;
	display:inline;
	float:left;
	position:relative;
	margin:0 0 25px 11px;
	border-top:1px solid #999;
	padding:20px 0 0 0;
	background:url(img/fbg.png) no-repeat scroll 50% 100%;
}
#footer a {
	color:#FFF;
	text-decoration:underline;
}
#footer a:hover {
	color:#FFF200;
	text-decoration:underline;
}
#footer p {
	font:11px/18px Arial, Helvetica, sans-serif;
	margin:5px 0 0 0;
	padding:0;
}
#footer h3 {
	font:bold 16px/16px "Arial Rounded Bold", Arial, Helvetica, sans-serif;
	color:#fff200;
	margin:0;
	padding:0;
}
#footer h3 a {
	color:#fff200;
	text-decoration:none;
}
#footer h3 a:hover {
	color:#fff;
	text-decoration:underline;
}
.foleft {
	width:350px;
	height:75px;
	display:inline;
	float:left;
	position:relative;
	margin:0 0 0 0;
}
p.tweet {
	padding-left:18px!important;
}
ul.friju, ul.friju li ul, ul.friju li ul li{
	margin:0;
	padding:0;
	list-style:none;
}
ul.friju li {
	margin:5px 0 0 19px;
	padding:0;
	font:11px/18px Arial, Helvetica, sans-serif;
}
.twitter-timestamp {
	display:block;
	font:10px/12px Arial, Helvetica, sans-serif;
	color:#CCC;
}
ul.friju li h2.widgettitle, #lastfm-1 .widgettitle {
	display:none!important;
}
.foleft h3 {
	background:url(img/lastfm.png) no-repeat scroll 0 50%;
	padding-left:18px!important;
	line-height:16px;
	height:16px;
	margin:0;
}
.foright {
	width:550px;
	height:75px;
	display:inline;
	float:right;
	position:relative;
	margin:0 0 0 0;
}
.copyleft {
	width:951px;
	height:20px;
	display:inline;
	float:left;
	position:relative;
	margin:65px 0 0 11px;
	color:#737373;
}
.cl_left {
	width:600px;
	height:20px;
	display:inline;
	float:left;
	position:relative;
	font:11px/20px Arial, Helvetica, sans-serif;
}
.cl_left a {
	color:#737373!important;
}
.cl_left a:hover {
	color:#fff!important;
}
.cl_right {
	width:100px;
	height:20px;
	display:inline;
	float:right;
	position:relative;
	font:12px/20px Arial, Helvetica, sans-serif;
}
/* Reset and etc. Classes */
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}
.alignl {
	text-align:left;
}
.alignr {
	text-align:right;
}
.alignc {
	text-align:center;
}
.fsmall {
	font-size:12px;
}
.nojscript {
	width:100%;
	height:24px;
	background:#f8a7aa none scroll 0 0;
	border-bottom:2px solid #ed1c24;
	text-align:center;
	padding-top:10px;
	font:14px/14px Arial, Helvetica, sans-serif;
	color:#333;
	font-weight:700;
	position:absolute;
	z-index:999;
}
.hideme {
	display:none;
}
a.forward {
	position:absolute;
	top:12px;
	right:1px;
	width:81px;
	height:13px;
	float:right;
	z-index:999;
	background-color:#FFF;
	font:10px/13px Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
}
a.backward {
	position:absolute;
	top:12px;
	right:84px;
	width:81px;
	height:13px;
	float:right;
	z-index:999;
	background-color:#FFF;
	font:10px/13px Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
}
.prnebg {
	position:absolute;
	top:12px;
	right:0;
	width:82px;
	height:24px;
	float:right;
	z-index:998;
	background:transparent url(img/prev_next_bg.png) no-repeat scroll 0 0;
}
.noway {
	text-decoration:line-through;
}

/* Category listing */ 
.cat_post_wrap {
	width:973px;
	height:400px;
	display:inline;
	float:left;
	overflow:hidden;
	position:relative;
	margin:0 0 40px 0;
	background:#000 url(img/monitor_data_bg_simple.png) no-repeat scroll 0 0;
}
h2.cat_title {
	font:bold 16px/29px Arial, Helvetica, sans-serif;
	margin:0 9px 20px 11px;
	padding:0;
	color:#FFF200;
	border-bottom:1px dotted #999;
}

a.yellme {color:#fff200!important;}
#note {font-size:11px;color:#fff200}
#note .error {color:#F30;}
.serror {
	font:bold 11px/14px Arial, Helvetica, sans-serif;
	color:#F30;
}




.projects{position:relative; width:973px; float:left; display:inline; z-index:0;}
.projects .info{
    background:url(img/monitor_data_bg.png) no-repeat scroll 0 0 #000000;
    height:399px;
    color:#000000;
    display:inline;
    float:left;
    height:399px;
    margin:0 6px 0 0;
    overflow:hidden;
    position:relative;
    width:290px;
}

.projects .project_gallery{
    float:left;
    width:666px;
}

.projects .slide img{
    background:none repeat scroll 0 0 #000000;
    border:3px solid #343434;
    color:#FFFF00;
    margin:1px 0 0;
    padding:0;
	z-index:1;
}


/* FOTOGALLERY */
.slider9{z-index:2;}
.slider9 .md_text{display:none;}
.slider9 .slide{width:665px; height:398px; }
.slider9 .loader{width:665px; height:398px; position:absolute; top:0; left:0; background:#343434 url(img/loader2.gif) no-repeat 50% 50%; text-indent:-999em; z-index:10;}
a.disabled,
a.disabled:hover{text-decoration:line-through !important;}
.soft_disabled,
.soft_disabled:hover{text-decoration:none !important;}