/* 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;
	}
	
	#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; right:20px; color:#555; }
	#footer a { color:#333 !important; }
	#footer a:hover { color:#00ABF2 !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');
	}