@charset "utf-8";

/*---------------------------------------------------------------------------
Neboo5 Styling
Version:	1.0
Author:		Branko Šabarić
Date: 		March 2009.
---------------------------------------------------------------------------*/

/* background/footer-#041c24; bckg/main-#052733; top-#175061; light-#a1dbed; highlight(no5)-#aeca20 */

/* ++++++++++ RESET ++++++++++ */

body { margin:0; padding:0; background:#052733 url(/_gfx/bckg-main.jpg) no-repeat top center; }
* { font:11px "Lucida Grande", "Lucida Sans Unicode", Arial, helvetica, sans-serif; color:#fff; }
h1, h2, h3 { margin:0; line-height:1.2em; font-weight:bold; color:#041c24; 
		text-transform:uppercase; background:#fff; padding:3px; display:inline; }
h1 { font-size:2em; }
h2 { font-size:1.8em; }
h3 { font-size:1.6em; }
img { border:none }
a { text-decoration:none; color:#a1dbed; outline:none; }
a:hover { text-decoration:none; color:#aeca20; }
p, dt, dd, li, a { margin:0; padding:0; line-height:1.6em; text-shadow:1px 1px 0 #000; }
strong { font-weight:bold }
ul { list-style:none; margin:0; padding:0; }
ul li { margin:0; padding:0; }
dl, dd { margin:0; padding:0; }

/* ++++++++++ LAYOUT AND FORMATTING ++++++++++ */

#wrap { position:relative; width:100% }
#header, #content { margin:0 auto }

/* header */

#top { position:relative; width:100%; height:30px; background:#175061; }
#header { position:relative; width:900px; height:150px }

/* content */

#content { position:relative; width:900px; padding:20px 0 30px 0; margin-bottom:30px; }

#main, #secondary, #sidebar { position:relative; float:left; }
#main, #secondary { margin-right:20px; }	
	#main { width:470px; }
	#secondary { width:140px; }
	#sidebar { width:250px; }

body#showroom-index #main { width:630px; }

	#main h1 { background:none; color:#fff; display:block; margin-bottom:15px; }
	#main p { font-size:1.2em; }
		#main p a { font-size:1em; }
		.content-main { position:relative; width:350px; padding-left:10px; float:right; }
		.content-main.hidden { display:none; }
			.content-main p { font-size:1.2em; margin-bottom:10px; }
			.content-main p.first { margin-top:20px; }
			.content-main dt { font-size:1.4em; font-weight:bold; border-bottom:1px #175061 solid; 
					padding-bottom:5px; }
			.content-main dd { font-size:1.2em; margin:10px 0 25px 0; line-height:1.6em; }
				.content-main dd img { float:left; margin:5px 10px 0 0; border:4px #fff solid; }
				
	#secondary h3 { color:#fff; display:block; margin:0 0 15px 0; background:none; padding:0; }
		.social { margin:15px 0; }
			.social li a { display:block; margin-bottom:5px; padding:5px 0 5px 23px; }
				.social li.dopplr a { background:url(/_gfx/icon-dopplr.gif) no-repeat 0 4px; }
				.social li.facebook a { background:url(/_gfx/icon-facebook.gif) no-repeat 0 4px; }
				.social li.twitter a { background:url(/_gfx/icon-twitter-orig.gif) no-repeat 0 4px; }
				.social li.wave a { background:url(/_gfx/icon-wave.gif) no-repeat 0 4px; }
				.social li.meme a { background:url(/_gfx/icon-meme.gif) no-repeat 0 4px; }
				.social li.linkedin a { background:url(/_gfx/icon-linkedin.gif) no-repeat 0 4px; }
				.social li.xing a { background:url(/_gfx/icon-xing.gif) no-repeat 0 4px; }
				.social li.delicious a { background:url(/_gfx/icon-delicious.gif) no-repeat 0 4px; }
				.social li.digg a { background:url(/_gfx/icon-digg.gif) no-repeat 0 4px; }
				.social li.flickr a { background:url(/_gfx/icon-flickr-orig.gif) no-repeat 0 4px; }
				.social li.youtube a { background:url(/_gfx/icon-youtube.gif) no-repeat 0 4px; }
				.social li.vimeo a { background:url(/_gfx/icon-vimeo.gif) no-repeat 0 4px; }
				.social li.behance a { background:url(/_gfx/icon-behance.gif) no-repeat 0 4px; }
				.social li.carbonmade a { background:url(/_gfx/icon-carbonmade.gif) no-repeat 0 4px; }
	
	#sidebar p { margin:10px 0 25px 0; font-size:1.1em; }
		#sidebar a, #sidebar strong { font-size:1em; }
		.adds { margin:15px 0 20px 0; display:block; position:relative; }
			.adds a img { display:block; margin-bottom:10px; float:left; }
			.adds a.last img { float:right; }
			
#featured-work a { background:#fff; padding:4px; display:block; width:462px; height:240px;
		-webkit-transition:background .2s ease-in; }
	#featured-work h2, #featured-work p { display:block; position:absolute;
			background:none; color:#fff; padding:5px; }
	#featured-work h2 { left:10px; top:145px; font-size:3em; }
	#featured-work p { left:10px; top:185px; font-size:1.4em; line-height:1.4em; }
	#featured-work a:hover { background:#aeca20; }
	
#latest-work { margin:20px 0; /* height:200px; overflow:hidden; */ }
	#latest-work li { position:relative; float:left; width:132px; height:120px;
			margin-right:32px; padding-bottom:15px; line-height:1.4em; }
	#latest-work li.last { margin-right:0; }
	#latest-work a img { width:132px; padding:4px; background:#fff; margin-bottom:5px;
			-webkit-transition:background .2s ease-in; }
	#latest-work a:hover img { background:#aeca20; /* -webkit-box-shadow:#aeca20 0 0 5px; */ }
	#latest-work li.hidden { display:none; }

#main img.showroom-main { border:4px #fff solid; margin-bottom:20px; }

dl#work-info { width:190px; float:left; padding-right:10px; display:block; }
	dl#work-info dt, dl#work-info dd { position:relative; line-height:1.4em; 
			padding:5px 0; border-top:1px #175061 solid; }
	dl#work-info .first { border-top:none; }
	dl#work-info dt { width:80px; float:left; color:#a1dbed; }
	dl#work-info dd { width:100px; float:left; padding-left:10px; }
	dl#work-info dd.address { width:190px; margin:10px 0 0 0; padding:10px 0 0 0; }
#work-desc { float:right; width:260px; padding-left:10px; }
	#work-desc h3 { color:#fff; background:none; display:block; }
	#work-desc h3, #work-desc p { margin-bottom:20px; margin-top:0; padding:0; }
	#work-desc p a, #work-desc strong { font-size:1em; }
ul#work-details { }
	ul#work-details li { position:relative; float:left; width:132px; height:105px;
			margin:0 33px 30px 0; }
		ul#work-details li.last { margin-right:0; }
	ul#work-details a img { width:132px; height:98px; padding:4px; background:#fff; margin-bottom:5px;
			-webkit-transition:background 0.5s linear; }
	ul#work-details a:hover img { background:#aeca20; }

/* footer */

#footer { position:relative; width:100%; background:#041c24; padding:0 0 20px 0; }
	#footer h2 { background:#052733; color:#fff; display:inline; padding:10px; }
	#footer h2.legal { padding:3px 10px; }
	#footer #inner { position:relative; width:900px; margin:0 auto; }

	#footer .lists { position:relative; float:left; margin-right:10px; width:630px; }
		#footer .lists div { position:relative; float:left; width:200px; margin:30px 10px 0 0; }
			#footer .lists div div { float:none; margin:0; }
		#footer .lists .last { margin-right:0; }
		#footer .lists h3 { color:#fff; margin-bottom:20px; padding-left:25px; display:block; }
		#footer .lists li a, #footer .lists #shelfari a.title { border-bottom:1px #175061 solid; 
				display:block; padding-bottom:5px; margin-bottom:5px; color:#fff; }
		#footer li a:hover { color:#aeca20; }
		#footer .lists li:last-child a, #footer .lists li.last a { border-bottom:none; }
		#footer .lists  h3.listening { background:url(/_gfx/icon-lastfm.gif) no-repeat 0 6px; }
		#footer .lists  h3.watching { background:url(/_gfx/icon-rotten.gif) no-repeat 0 6px; }
		#footer .lists  h3.reading { background:url(/_gfx/icon-shelfari.gif) no-repeat 0 6px; }
		#footer .lists a.pbs { display:none; }
		#footer .lists #shelfari a.title { margin:0 0 5px 0; padding:0 0 5px 0; }
		#footer .lists #shelfari div a { color:#fff; font-weight:normal; font-size:1em; }
		#footer .lists #shelfari div a:hover { color:#aeca20; }
		#footer .lists #shelfari div div { margin:0; padding:0; }
		#footer .lists #amazon-link { clear:both; padding:10px 0; width:600px; float:none; margin:5px 0; }
			#amazon-link p { color:#a1dbed; }
			#amazon-link p img { margin:0 0 -10px 10px; }

#footer .etc { position:relative; float:right; width:250px; }
	#footer .etc ul { margin:20px 0; }
	#footer .etc li a { color:#fff; display:block; padding-left:25px; margin-bottom:10px; }
	#footer .etc li.rss-info a { background:url(/_gfx/icon-rss-info.gif) no-repeat; }
	#footer .etc li.rss-delish a { background:url(/_gfx/icon-rss-delicious.gif) no-repeat; }
	#footer .etc li.vcard a { background:url(/_gfx/icon-vcard.gif) no-repeat -2px 0; }
	#footer .etc li.rss-info a:hover, #footer .etc li.rss-delish a:hover, 
			#footer .etc li.vcard a:hover { color:#aeca20; }
	#footer .etc p { margin:20px 0; }

/* +++++++++ NAVIGATION ++++++++ */

a#home { position:absolute; width:215px; height:70px; left:-15px; top:50px; z-index:9;
		background:url(/_gfx/nav-home.gif) no-repeat }

#footer #inner a.top { position:absolute; left:360px; top:-40px; }
		
#nav-main li, #top li, #filter-portfolio li { float:left; }
#nav-main li a, #filter-portfolio li a { display:block; text-indent:-9999px; overflow:hidden; }

#nav-main { position:relative; width:650px; height:30px; float:right; margin-top:78px }
	#nav-main li a {  background:url(/_gfx/nav-main.gif) no-repeat; height:30px; margin-right:10px; }
	#nav-main li a#readme { background-position:0 -30px; width:130px }
		#nav-main li a#readme:hover, #nav-main li a#readme.active  { background-position:0 0; }
	#nav-main li a#showroom { background-position:-130px -30px; width:150px }
		#nav-main li a#showroom:hover, #nav-main li a#showroom.active, body#showroom #nav-main li a#showroom { background-position:-130px 0; }
	#nav-main li a#services { background-position:-280px -30px; width:110px }
		#nav-main li a#services:hover, #nav-main li a#services.active { background-position:-280px 0; }
	#nav-main li a#contact { background-position:-390px -30px; width:115px }
		#nav-main li a#contact:hover, #nav-main li a#contact.active { background-position:-390px 0; }
	#nav-main li a#caelum5 { background-position:-505px -30px; width:95px; }
		#nav-main li a#caelum5:hover { background-position:-505px 0; }
	
#nav-sec { position:relative; float:left; width:100px; margin-top:50px; }
	#nav-sec li a { color:#fff; font-size:1.4em; margin-bottom:5px; padding-bottom:5px; 
			display:block; border-bottom:1px #175061 solid; }
	#nav-sec li a:hover, #nav-sec li.active a { color:#aeca20; }
	
#nav-archive { position:relative; float:left; margin-top:5px; width:inherit; }
	#nav-archive li a { font-size:1.2em; color:#fff; margin-bottom:5px; padding-bottom:5px; 
			display:block; border-bottom:1px #175061 solid; }
		#nav-archive li a:hover, #nav-archive li a.active { color:#aeca20; }
	#nav-archive li.last a { border-bottom:none; }

#top ul { position:relative; width:900px; margin:0 auto; padding-top:5px; }
	#top li { float:right; }
	#top li a { display:block; padding:1px 25px 3px 5px; width:auto; margin-left:15px; color:#fff; }
	#top li a:hover { color:#aeca20; }
		li#bulb.off { background:url(/_gfx/icon-bulb-off.gif) no-repeat top right; }
		li#bulb.on { background:url(/_gfx/icon-bulb-on.gif) no-repeat top right; }
		li#status.off { background:url(/_gfx/icon-cross.gif) no-repeat top right; }
		li#status.on { background:url(/_gfx/icon-check.gif) no-repeat top right; }
		li#store { background:url(/_gfx/icon-cart.gif) no-repeat top right; }

#filter-portfolio { margin:0; }
	#filter-portfolio li a { height:20px; margin-right:10px; 
			background:url(/_gfx/filter-portfolio.gif) no-repeat; }
	#filter-portfolio li.all a { width:124px; background-position:0 -20px; }
		#filter-portfolio li.all a:hover, #filter-portfolio li.all.active a {
				background-position:0 0; }
	#filter-portfolio li.web a { width:84px; background-position:-124px -20px; }
		#filter-portfolio li.web a:hover, #filter-portfolio li.web.active a {
				background-position:-124px 0; }
	#filter-portfolio li.prints a { width:60px; background-position:-208px -20px; }
		#filter-portfolio li.prints a:hover, #filter-portfolio li.prints.active a {
				background-position:-208px 0; }
	#filter-portfolio li.illos a { width:128px; background-position:-268px -20px; }
		#filter-portfolio li.illos a:hover, #filter-portfolio li.illos.active a {
				background-position:-268px 0; }
	#filter-portfolio li.logos a { width:94px; background-position:-396px -20px; }
		#filter-portfolio li.logos a:hover, #filter-portfolio li.logos.active a {
				background-position:-396px 0; }

a#back-showroom { position:absolute; left:392px; top:-30px; height:20px; line-height:30px; 
		padding-left:30px; background:url(/_gfx/nav-showroom-back.gif) no-repeat; z-index:10;
		font-size:1.2em; color:#fff; }
	a#back-showroom:hover { color:#aeca20; }

/*#cloud a { color:#fff; }
#cloud a:hover { color:#aeca20; }*/

/* ++++++++ FORMS ++++++++ */

#cse { height:auto; margin-bottom:20px; }
	#cse .gsc-input { }
	#cse td.gsc-input input.gsc-input { width:180px; height:20px; padding-top:3px; float:right; 
			margin:4px 4px 0 0; border:0; color:#052733; font-size:1.3em; background-image:url(/_gfx/icon-search.gif) }
		input.gsc-input {background-image:url(/_gfx/icon-search.gif)}
		#cse input.gsc-input:focus { background:#dde2e9 }
	input.gsc-search-button { background:#0e3743; border:none; cursor:pointer; 
			height:25px; margin-top:3px; }
	input.gsc-search-button:hover { background:#aeca20; }
	#cse .gsc-branding { display:none; }
		#cse .gsc-branding-text { color:#175061; text-shadow:1px 1px 0 #000; }
	table.gsc-resultsHeader, #cse .gsc-results { border:none; }
	#cse .gsc-results { position:absolute; width:242px; top:40px; left:0; background:#175061; 
			padding:4px; z-index:9999; opacity:.9; }
		#cse .gsc-tabHeader { display:none; }
		#cse .gs-title { font-size:1.1em; }
		#cse .gs-title, #cse .gs-title b { color:#a1dbed; 
				line-height:1.2em; font-weight:bold; text-decoration:none; }
			#cse .gs-title b { font-size:1em; }
			#cse .gs-title:hover, #cse .gs-title:hover b { color:#aeca20; }
		#cse .gs-snippet { border:none; color:#fff; }
			#cse .gs-snippet b { font-weight:bold; }
			#cse .gs-no-results-result .gs-snippet { background:none; }
		#cse .gs-visibleUrl { display:none; }
	#cse .gsc-cursor-box {}
		#cse .gsc-cursor-page { color:#fff; }
		#cse .gsc-trailing-more-results { color:#a1dbed; text-decoration:none; }
			#cse a.gsc-trailing-more-results:hover { color:#aeca20; }
		
form#contact-form { width:470px; padding:10px 0; }
	form#contact-form p { font-size:1.2em; line-height:18px; margin-bottom:20px; clear:both; height:25px }
		form#contact-form p.note { font-size:0.9em; padding:0 10px; margin:10px 0 30px 0; display:block; height:auto; }
		#contact-form p.section { font-size:1.6em; text-transform:uppercase; }
		#contact-form p strong { font-size:1em; }
	form#contact-form fieldset { border:none }
		form#contact-form label { font-size:1em; width:130px; float:left; text-align:right; 
				margin-right:20px; margin-bottom:10px; cursor:pointer; }
			form#contact-form label span { font-size:0.8em; }
		form#contact-form input { height:20px; line-height:20px; 
				font-size:1.2em; float:left; width:290px; }
		form#contact-form input, form#contact-form textarea { border-bottom:1px solid #175061; 
				border-left:none; border-right:none; border-top:none; background-color:transparent; }
			form#contact-form input:hover, form#contact-form textarea:hover,
					form#contact-form input:focus, form#contact-form textarea:focus{ border-bottom:1px solid #aeca20; }
			form#contact-form input.submit { width:auto; font-size:0.8em; float:right; margin:20px 10px 0 0; 		
					color:#a1dbed; border:none; height:30px;  }
				form#contact-form input.submit:hover { background:#aeca20; cursor:pointer; color:#052733;  }
		/* form#contact-form select { background:none; border:none; font-size:1em; height:20px; width:290px; }
			form#contact-form select option { font-size:1em; border-bottom:1px solid #175061; padding:5px;
			outline:none; border-left:none } */
		form#contact-form textarea { width:290px; height:100px; overflow:auto; float:left; margin-bottom:10px; }
	
	form#contact-form .gray * { color: gray; }
	form#contact-form label.error, label.error { color:#aeca20; font-size:0.8em }
	form#contact-form input.error, form#contact-form textarea .error { background:#aeca20; color:#052733; }
	form#contact-form div.error { display: none; }
	p.message, p.message strong { color:#aeca20; }
	
		
	form#contact-form .mySelect { width:290px; position:relative; font-size:1em; }
	form#contact-form .mySelect ul { list-style:none; position:absolute; top:-2px; left:150px; width:100%; }
		form#contact-form .mySelect ul li { margin:0; padding:3px; display:block; cursor:pointer; text-shadow:none; z-index:998; }
		form#contact-form .mySelect ul li.inactive {  }
		form#contact-form .mySelect ul li.inactive:hover { background-color:#aeca20; color:#052733; }
		form#contact-form .mySelect.active ul li { background-color:#175061;  }
		form#contact-form .mySelect.active ul li.start {  }
		form#contact-form .mySelect.active ul li.end {  }
		form#contact-form .mySelect.active ul li.current { background-color:#aeca20; color:#052733; }
		form#contact-form .mySelect.active ul li:hover { background-color:#aeca20; color:#052733; z-index:999; }

/* ++++++++ MISC ELEMENTS ++++++++ */

#tooltip { position:absolute; border:1px solid #fff; background:#aeca20; 
		padding:2px 5px; color:#fff; display:none; z-index:1000 }
.clear { clear:both }

/* feeds */

#twitter-feed { background:url(/_gfx/icon-twitter.gif) no-repeat; padding-top:30px; }
	#twitter-feed .tweet_list { }
	#twitter-feed .tweet_list li { overflow: auto; padding:.5em; }
	#twitter-feed .tweet_text { font-size:1.4em;  word-wrap:break-word; }
	#twitter-feed .tweet_text a { color:#fff; }
	#twitter-feed .tweet_text a:hover { color:#aeca20; border-color:#aeca20; } 

#flickr-feed { background:url(/_gfx/icon-flickr.gif) no-repeat; padding-top:30px; margin-top:30px; }
	#flickr-feed li { float:left; }
	#flickr-feed li a img { display:block; width:58px; height:58px; margin:5px; 
			padding:1px; background:#fff; }
	#flickr-feed li a:hover img { background:#aeca20; }

#delicious-feed { margin:10px 0 20px 0; }
	#delicious-feed li a { color:#fff; padding:5px 0; border-bottom:1px #175061 solid; display:block; }
	#delicious-feed li a:hover { color:#aeca20; }
	#delicious-feed li:last-child a { border-bottom:none; } 

/* scrollable */

.scrollable { position:relative; overflow:hidden; width:550px; height:300px;	
	padding:10px 0;	float:left; background:#041c24; }
	.scrollable .items { width:2000em; position:absolute; clear:both;		
		margin-left:10px; }
	
	.scrollable .items div { float:left; width:170px;
		padding:40px 0 0 0; margin-right:10px; }
		#item-2009 { background:url(/_gfx/bckg-scrollable-2009.gif) no-repeat; }
		#item-2008 { background:url(/_gfx/bckg-scrollable-2008.gif) no-repeat; }
		#item-2007 { background:url(/_gfx/bckg-scrollable-2007.gif) no-repeat; }
		#item-2006 { background:url(/_gfx/bckg-scrollable-2006.gif) no-repeat; }
		#item-2005 { background:url(/_gfx/bckg-scrollable-2005.gif) no-repeat; }
		#item-2004 { background:url(/_gfx/bckg-scrollable-2004.gif) no-repeat; }
		#item-2003 { background:url(/_gfx/bckg-scrollable-2003.gif) no-repeat; }
		#item-2002 { background:url(/_gfx/bckg-scrollable-2002.gif) no-repeat; }
		#item-2001 { background:url(/_gfx/bckg-scrollable-2001.gif) no-repeat; }
		#item-2000 { background:url(/_gfx/bckg-scrollable-2000.gif) no-repeat; }
	.scrollable .items .active { border:1px inset #ccc; background-color:#fff; }
		.items h4 { font-size:1.4em; margin:8px 0; }
		#main .items div p { font-weight:bold; font-size:1em; line-height:1.4em; margin-top:5px; }
		.items ul { margin-top:15px; }
			.items li a { padding:5px 0; display:block; color:#fff; border-bottom:1px #175061 solid; }
				.items li a:hover { color:#aeca20; }
				.items li.last a { border-bottom:none; }
		.items div a img { padding:4px; background:#fff; -webkit-transition:background .2s ease-in; -moz-transition:background .2s ease-in; }
			.items div a:hover img { background:#aeca20; }
	a.prev, a.next, a.prevPage, a.nextPage { display:block; width:20px; height:20px;
		background:url(/_gfx/nav-scrollable.gif); float:left; margin:0 10px; cursor:pointer; }
		a.prev, a.prevPage { background-position:-20px 0; }
		a.next, a.nextPage { background-position:0 0; }
		a.prev:hover, a.prevPage:hover { background-position:-20px -20px; }
		a.next:hover, a.nextPage:hover { background-position:0 -20px; }
	a.disabled { visibility:hidden !important;	 }
	a.next, a.nextPage { clear:right; }
	.navi { margin:30px 0 10px 40px; width:200px; height:20px; }
		.navi a { width:10px; height:10px; float:left; margin:3px; 
				background:#fff; display:block; font-size:1px; }
		.navi a:hover, .navi a.active { background:#aeca20; }

/* quotes */

#quotes { margin:10px 0; height:auto; overflow:hidden; }
	.quote { padding:0; margin-bottom:10px; width:450px; }
		.quote blockquote { line-height:1.3em; font-size:1.2em; padding:8px 0 0 0; margin:20px 0 0 0; 
				text-indent:30px; background:url(/_gfx/bckg-quote.gif) no-repeat; }
		.sig { padding:10px 0; margin:0; color:#a1dbed; }
		
#media-logos { margin:20px 0 30px 40px; }
	#media-logos li { float:left; }
		#media-logos li a { display:block; width:158px; height:70px; margin-right:40px; }
			#media-logos li.netmag a { background:url(/_gfx/media-logos-netmag.jpg) no-repeat; }
				#media-logos li.netmag a:hover { background-position: center bottom; }
			#media-logos li.webdesigner a { background:url(/_gfx/media-logos-webdesigner.jpg) no-repeat; }
				#media-logos li.webdesigner a:hover { background-position: center bottom; }
				
a.behance { background:url(/_gfx/icon-behance.gif) no-repeat; display:block; padding:0 0 0 25px; }
				
/* comments */

#disqus_thread h3 { color:#fff; background:none; }
	#dsq-form-area #form-message { background:none; }
	#dsq-form-area .dsq-panel label, #dsq-form-area .dsq-panel label span, .dsq-options #dsq-sort-select, .dsq-options #dsq-sort-select option, .dsq-popup-profile-user-stats span, .dsq-input-wrapper input { color:#052733; }
	#dsq-form-area .dsq-panel label span { font-weight:bold; }
	.dsq-comment-message { font-size:1.3em; }
	.dsq-popup-profile-user h3 { background:none; }