/* RESET */
	html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/* GENERAL */

	body {
		font-family:arial;
		font-size:70%;
		cursor:arrow;
		overflow:hidden;
		width:6000px;
		height:1000px;
		background-color:#000;
	}
	a {cursor:pointer;}

/* LAYOUT */

	#content {
		background: url(../images/background.png) #000 170px 0px repeat-x; 
		background: url(../images/backgroundfixed.gif) top center #000 fixed no-repeat; 
		min-height:600px;
		height:auto !important;
		height:600px;
		overflow:hidden;
		position:relative;
		left:0;
		width:10000px;
	}
	
	#menu				{ z-index:99;}
	#menu a 			{ z-index:99; font-family:'arial narrow',arial, verdana, myriad pro;margin-right:0px;font-weight:bold;padding:2px 7px;-moz-border-radius:5px;}
	#menu a:hover 		{ background-color:#EB008B;color:#fff;}
	#menu a				{ background-color:transparent;color:#00ADEE;}
	#menu a.inactive 	{ background-color:transparent;color:#4D4D4D;}
	
	#o-mne, #works, #contact, #login {display:none; 
		/*background: url(../images/background2.gif) top center;*/
		
	}
	
	#o-mne 					{ text-align:center;padding-top:45px;position:relative;float:left;left:0;}	
	#o-mne .magpie 			{ position:absolute; top:40px; right:120px;}
	#o-mne #o-mne-grafika 	{ position:relative;top:-15px;left:-50px;z-index:1;}

	#creoneolink {cursor:pointer;position:absolute;top:435px;left:50%;margin-left:116px;z-index:10000;}
	#bloglink	 {cursor:pointer;position:absolute;top:470px;left:50%;margin-left:-50px;z-index:10000;}
	
	#works 					{ padding-top:45px;text-align:center;position:relative;float:left;}	
	#works #works-submenu 	{ margin-top:20px;}
	#works #works-submenu a {
		font-family:'arial narrow',arial, verdana, myriad pro;
		text-decoration:none;
		margin-right:0px;
		font-weight:bold;
		padding:3px 10px;
		-moz-border-radius:5px;
		color:#00ADEE;
	}
	#works #works-submenu a:hover {color:#EB008B}
	#works #photopreviews {
		
		cursor:pointer;
		width:420px;
		height:278px;
		overflow:hidden;
		margin:20px auto;
		text-align:left;
	}
	#works .workpreview 		{ width:80px;height:80px;overflow:hidden;float:left;margin:1px;border:1px solid #444;}
	#works .workpreview:hover 	{ width:80px;height:80px;overflow:hidden;float:left;margin:1px;border:1px solid #444;}
	#works .workpreview img 	{ opacity:.3;height:80px; margin:1px; float:left; background-position:center;}
	#works .workpreview:hover 	{ border:1px solid #EB008B; }
	#works #works-related-image { margin-top:-20px;}
	#works #works-other-extra	{ position:absolute; display:none; top:130px; left:50%; margin-left: 250px;}
	#works .works-loading 		{ margin-top: 120px; margin-left:200px;}
	#slider-menu {position:relative; top:-23px;}
	#slider-menu a {padding:5px 9px; font-size:1.2em;margin:0 !important;; outline:none; background-color:#333;color:#666;text-decoration:none;}
	#slider-menu a:hover {color:#fff;}
	#slider-menu a.wactive {background-color:#000;}
	#contact { padding-top:45px;text-align:center;position:relative;float:left;height:600px;}	
	#contact { background:url(../images/contact.png) top center no-repeat;}
	
	#contact #services {width:184px;left:50%;margin-left:-92px;top:179px;height:100px;position:absolute;z-index:30;}
	#contact #mail 	   {width:184px;left:50%;margin-left:-92px;top:330px;height:100px;position:absolute;z-index:30;}
	
	#login	{ padding-top:45px;text-align:center;position:relative;float:left;}	
	#login form	{ text-align:left; width:230px; margin:0 auto; margin-top:50px;}	
	#login br	{ clear:both;}	
	#login form	label { float:left; width:80px; margin-top:10px; color:#fff;}
	#login form	input				{ padding: 5px; }
	#login form	input[type=text] 	{ float:right; width:120px; margin-top:10px;}
	#login form	input[type=password]{ float:right; width:120px; margin-top:10px;}
	#login form	input[type=submit]	{ padding:3px 10px; margin-top:10px; float:right; border:0; background-color:#000; color:#fff;-moz-border-radius:5px;}
	#login form	input[type=submit]:hover {background-color:#f34;cursor:pointer;}
	#security_button {
	
		display:block;
		width:50px;
		text-align:center;
		float:right;
		background-color:#9AD3DD;
		margin-top:10px;
		padding:5px 10px;
	}

	
	#footer { position:fixed; bottom:20px; left:0; text-align:center; color:#555; }
	#footer a { color:#333 !important; }
	#footer a:hover { color:#00ABF2 !important; }

  #footer {width:100%;}
  #social_networks 
  {
    display:block;  
    position:absolute;
    top:625px;
/*    left:50%; */
    color:#999;
    width:960px;
	 height: 22px;
	 line-height: 22px;
/*    margin-left:-450px; */
    font-family:tahoma;
    font-size:13px;
    text-align:center;
    padding-left:0px;
  border:solid 0px;  
  }
  
	#social_networks p {
  		height: 22px;
		line-height: 22px;
	}
  
  #social_networks a b {color:#fff!important;font-weight:normal;}
  #social_networks p {width:300px;float:left;text-align:center;} 
  #social_networks p.first {width:230px; text-align:right; overflow: hidden;} 
/*#social_networks p.second {width:220px; text-align:center;} */
	
	#social_networks p.first a, #social_networks p.first a:hover {
		font-weight: bold;
		color:#333 !important;
		text-decoration: none;
	}
	
	#social_networks p.first a:hover {
		color:#00ABF2 !important;
	}
	
	#social_networks p.second {
		width: auto;
		padding: 0 22px 0 22px;
		cursor: default;
	}
	
	#social_networks p.second a.social_link {
		display: block;
		float: left;
		width: 16px;
		height: 16px;
		margin: 3px 11px 0 0;
		background:url(../images/social_small.png) left top no-repeat;
	}
	
	/*
	#social_networks p.second a.social_link.twitter    { background-position: 0; }
	#social_networks p.second a.social_link.facebook   { background-position: -37px 0; }
	#social_networks p.second a.social_link.buzz       { background-position: -73px 0; }
	#social_networks p.second a.social_link.stumble    { background-position: -108px 0; }
	#social_networks p.second a.social_link.lastfm     { background-position: -144px 0; margin-right: 0;}
	*/

    #social_networks p.second a.social_link.googleplus { background-position: 0; }
	#social_networks p.second a.social_link.twitter    { background-position: -27px; }
	#social_networks p.second a.social_link.facebook   { background-position: -53px 0; }
	#social_networks p.second a.social_link.lastfm     { background-position: -80px 0; }
	#social_networks p.second a.social_link.stumble    { background-position: -106px 0; }
	#social_networks p.second a.social_link.linkedin   { background-position: -133px; margin-right: 0;}

  #social_networks p.last  {width:245px; text-align:left;} 
  #social_networks p.last_2  {position:absolute; right:0px; top:0; width:240px; font-size:11px; text-align:right; color:#555;} 
  #social_networks p.last_2 a { color:#333 !important; }
	#social_networks p.last_2 a:hover { color:#00ABF2 !important; }
    
/*
  .social_link {
    display:inline-table;
    width:19px;
    height:19px;
    margin-right:19px;
    background:url(../images/social.png) no-repeat;
  }
  .social_link:hover {
    background:url(../images/social.png) no-repeat;
  }
  .social_link.twitter    { background-position: 0; }
  .social_link.facebook   { background-position: -37px 0; }
  .social_link.buzz       { background-position: -73px 0; }
  .social_link.stumble    { background-position: -108px 0; }
  .social_link.lastfm     { background-position: -144px 0; margin:0;}
  */
  /*
  a#cv {
    font-size:13px;
    font-weight:bold;
    color:#2F9CEF !important;
    text-decoration:none;
    padding:6px 9px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
  }
  a#cv span {color:#fff}
  a#cv:hover,a#cv:hover span{ 
    background:#D52F86;
    color:#7E184D!important;
  }
  */

	
/* IDS */

	#logo {margin-bottom:10px;}

	#navigation-prev 		{ display:none;}
	#navigation-next-image 	{ position:absolute; right: 1px; top: 70px; z-index:30; cursor:pointer }
	#navigation-prev-image 	{ position:absolute; left:  0px; top: 70px; z-index:30; cursor:pointer }
	#navigation-next-text, #navigation-prev-text { font-weight:bold; position:absolute; z-index:30; cursor:pointer;color:#fff;width:70px; text-align:center;}
	#navigation-next-text 	{ right: 10px; top: 123px; }
	#navigation-prev-text 	{ left:  10px; top: 123px; }
	#navigation-next:hover #navigation-next-text {color:#00ADEE;}
	#navigation-prev:hover #navigation-prev-text {color:#00ADEE;}

/* FACEBOX */
	
	#facebox 			{ position: absolute; border:0px solid #999; top: 2%;	left: 2%; z-index: 999; text-align: left; }
	#facebox a 			{ color:#EB008B}
	#facebox img 		{ border: 0; margin: 0;}
	#facebox .popup 	{ /*position: relative;*/ }
	#facebox .content 	{ padding:0px; font-size:1.3em; text-align:left}
	#facebox .body 		{ padding: 0px;	/*background: #fff;*/ width: 370px; }
	#facebox .loading 	{ text-align: center; }
	#facebox .image 	{ text-align: center;}
	.facebox_hide 		{ z-index:-100; }
	.facebox_overlayBG 	{ background-color: #000; z-index: 99; }
	#facebox .footer {
		border-bottom: 0px solid #DDDDDD;
		font-size:1.2em; color:#444 !important;
		background-color:#222;
		padding: 5px !important;
		margin-bottom: 0px;
		text-align: right;
		float:right;
		display:block;
		color:#fff !important;
	}
	#facebox_overlay {
		position: fixed;
		top: 0px;
		left: 0px;
		background-color:#000;
		height:100%;
		width:100%;
	}
	* html #facebox_overlay { /* ie6 hack */
		position: absolute;
		height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	}