/**		
  * Dynamix Portfolio, version 0.1 beta
  * (c) 2008 amorphik.com - r3mix.ch / Marc Hottinger
  *
  * last update: 2004-04-30
  *
  * http://www.amorphik.com/ | http://www.r3mix.ch
  *
  * This css file may not be used, modified, copied, etc. without the
  * autorisation of amorphik and/or r3mix - Marc Hottinger.
  *
  * ----------------------------------------
  * marc.hottinger (at) amorphik (dot) com
  * ----------------------------------------
  *
  * This css file is defining the layout of the dynamically loaded content of the site
  * This css file is overridden by IE7.js on ie6.
*/

/* COLOR SCHEME
	Body Background:		black
	Main Text:				silver
	Links:					white
	Headers:				white
	Color one:				(orange) needs to be defined
	Color two:				(yellow) needs to be defined
*/
/* CSS FILES
	main.css -->			defines the main layout of the site, such as basic html elements, etc...
	print.css -->			defines the layout of the site when printed. Hides number of useless elements when printed out.
	dynamic.css -->			defines the layout of ajax loaded elements
	images.css -->			defines the layout for the images mode of the site
	text.css -->			defines the layout for the text mode of the site
*/


/*project content ajax divs - layout and text formatting*/
#projectsLoader							{ background-image: url(../images/portfolio/layout/backgrounds/grid2.png); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000; }
#projectsLoader p						{ color: white; font-size: 0.8em; }
#backgroundDim							{ background-image: url(../images/portfolio/layout/backgrounds/project_background_70.png); position: absolute; top: 0; left: 0; width: 100%; height: 100% ; z-index: 10000; }
#content								{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10001; }

/*project content - layout and text formatting*/
#content > #navigation					{ position: absolute; top: 115px; left: 50px; width: 100%; height: 35px; z-index: 10001; }
#content > #display						{ position: absolute; top: 140px; left: 50px; width: 15000px; height: 15000px; z-index: 10001;/* overflow: hidden; clip: rect(0px, 15000px, 15000px, 0px); padding-right: 50px;*/ }
#content > #display > #objects			{ position: absolute; z-index: 999; top: 0; left: 0; width: 7000px; height: 100%; z-index: 10002; overflow: hidden }
#content > #display > #objects img		{ border: 1px dotted #333333; top: 0px }
#content > #display > #objects object	{ z-index: 10002; top: 0px; border: 1px dotted #333333 }
#content > #display > #objects > object > embed	{ z-index: 10000 }

#content > #scroller					{ position: relative; top: 0; left: 0; width: 100%; height: 100%; z-index: 10999; overflow: auto; padding-bottom: 10px; }

#content > #navigation .link			{ position: absolute; top: 0px; left: 0px }
#content > #navigation .link a			{ color: white }
#content > #navigation .link a:hover	{ color: white; text-decoration: none }
#content > #navigation .bar				{ position: absolute; top: 20px; left: 0px; margin-top: 0px; width: 100%; height: 5px; background-color: white }
#content > #navigation .bar	img			{ position: absolute; top: 0px; left: 0px }

/*project navigation - layout and text formatting*/
#content > #navigation .item			{ position: absolute; top: 0px; width: 40px; height: 22px; clip: rect(0px 80px 23px 0px) }
#content > #navigation > #item1			{ left:    0px }
#content > #navigation > #item2			{ left:   45px }
#content > #navigation > #item3			{ left:   90px }
#content > #navigation > #item4			{ left:  135px }
#content > #navigation > #item5			{ left:  180px }
#content > #navigation > #item6			{ left:  225px }
#content > #navigation > #item7			{ left:  270px }
#content > #navigation > #item8			{ left:  315px }
#content > #navigation > #item9			{ left:  360px }
#content > #navigation > #item10		{ left:  405px }
#content > #navigation > #item11		{ left:  450px }
#content > #navigation > #item12		{ left:  495px }
#content > #navigation > #item13		{ left:  540px }
#content > #navigation > #item14		{ left:  585px }
#content > #navigation > #item15		{ left:  630px }
#content > #navigation > #item16		{ left:  675px }
#content > #navigation > #item17		{ left:  720px }
#content > #navigation > #item18		{ left:  765px }
#content > #navigation > #item19		{ left:  810px }
#content > #navigation > #item20		{ left:  855px }
#content > #navigation > #item21		{ left:  900px }
#content > #navigation > #item22		{ left:  945px }
#content > #navigation > #item23		{ left:  990px }
#content > #navigation > #item24		{ left: 1035px }
#content > #navigation > #item25		{ left: 1080px }

/*infos - layout and text formatting*/
#content > #infos						{ visibility: hidden; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 0.9em; background-image: url(../images/portfolio/layout/backgrounds/project_background_50.png); position: absolute; top: 115px; left: 50px; width: 350px; height: 100%; z-index: 10004; padding-top: 10px; }
#content > #infos h6					{ font-size: 0.9em; font-weight: normal; }
#content > #infos p						{ font-size: 1.1em; font-weight: bold; }
#content > #infos.description			{ font-size: 0.9em; font-weight: normal; line-height: 1.3em; text-align: left; }
#content > #permalink					{ visibility: hidden; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 0.9em; background-image: url(../images/portfolio/layout/backgrounds/project_background_50.png); padding-top: 10px; position: absolute; z-index: 10004; top: 95px; left: 50px; width: 400px; height: 90px; }
#content > #permalink h6				{ font-size: 0.9em; font-weight: normal; }
#content > #permalink p					{ font-size: 1.1em; font-weight: bold; }
#content > #thumbnails					{ position: absolute; top: 100%; left: 50px; width: 100%; height: 100px; z-index: 10004; margin-top: -120px; }