/*___ GENERAL ___*/

body	{ margin:0; padding: 0; border: 0; 
			color: #ccc; background-color: #000; 
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 75%; 
			text-align: center; }

hr		{ height:1px; border:none; border-bottom:1px solid #ddd;
			margin:7px 0; }

p		{ font-weight: normal; font-size: 100%; line-height:160%;
			padding: 0; margin: 0 0 0.5em 0; }
	/*--remember, font size is 100% of the 75% declared in body--*/

img				{ border: 0; }
a:visited img	{ border: none; }
a:link img		{ border: none; }
a:hover img		{ border: none; }
a:active img	{ border: none; }
a:active		{ border: none; }
a				{ text-decoration: none; }



	/*___ STRUCTURE ___*/

#mainwrap	{ background-color: #222; text-align: left; 
				margin: 6px auto 0 auto;
				width: 966px; height: 100%;
				border-top: 1px solid #e2ad13;
				border-left: 1px solid #e2ad13;
				border-right: 1px solid #e2ad13; }
				/* contains everything */

#siteID		{ float: right; width: 966px; height: 55px; 
				margin: 0; position: relative; 
				border-bottom: 1px solid #e2ad13; 
				background: url(media/mainid-wide.jpg) no-repeat; 
				background-position: -171px -1px;
				overflow: hidden; } 
			/* adjust in sep sheet for IE6 */

#homeflash	{ position: absolute; left: 144px; top: -15px; 
				z-index: 10; overflow: hidden; 
				width: 822px; height: 70px; }

#siteID_sml	{ float: right; width: 431px; height: 35px; 
				margin: 0 0 10px 0; 
				background-image: url(media/mainid-sml.jpg); 
				background-repeat: no-repeat; 
				border-bottom: 1px solid #e2ad13; 
				border-left: 1px solid #e2ad13; } 

#menuwrap	{ width: 122px; text-align: center; 
				float: left; margin: 0; }

#content1	{ float: right; width: 829px; position: relative; 
				padding: 0 0 18px 14px;
				border-left: 1px solid #e2ad13; }
	/* total width of this div is 844 */

.content2	{ float: left; margin-right: 10px; }



	/*___ PAGE LAYOUTS ___*/

#pagetitle		{ float: right; width: 738px; height: 76px; 
					margin-top: 14px; background-color: #222; }
#posterpage		{ float: left; padding-top: 14px; }
#rambladetail	{ float: left; padding: 33px 19px; 
					background: url(media/rambla-poster-bg.jpg) no-repeat; 
					background-position: 0 14px; 
					width: 342px; height: 500px; }
#sagfamdetail	{ float: left; padding: 33px 19px; 
					background: url(media/sagfam-poster-bg.jpg) no-repeat; 
					background-position: 0 14px; 
					width: 342px; height: 503px; }
#gaudidetail	{ float: left; padding: 36px 22px; 
					background: url(media/gaudi-poster-bg.jpg) no-repeat; 
					background-position: 0 14px; 
					width: 336px; height: 470px; }
#colondetail	{ float: left; padding: 54px 16px; 
					background: url(media/colon-poster-bg.jpg) no-repeat; 
					background-position: 0 36px; 
					width: 348px; height: 500px; }
#postername		{ float: right; width: 430px; }
.columbus		{ padding: 37px 0 0 0; }
.colonheight	{ height: 565px; }

.arrow			{ position: relative; top: 6px; left: -3px; }
.lupe			{ padding-top: 8px; margin-left: -1px; }
.lupe img		{ margin: 0 -2px -20px 0; }
* html .lupe	{ line-height: 50px; }

#genleft		{ float: left; width: 370px; height: 420px; 
					margin: 36px 0 0 0; padding: 0 0 0 8px; }
#genright		{ float: right; width: 410px; padding: 0 20px 0 0; }

#downloads		{ float: left; width: 820px; padding-left: 6px; }
.downloads		{ float: left; width: 260px; padding: 20px 12px 0 0; }
.downloads img	{ float: left; margin-right: 7px; }
.downloads p	{ font-size: 96%; color: #d0b461; line-height: 150%; 
					margin: 0 0 0.5em 0; }
#wallpaper		{ padding: 8px 0 18px 0; }
#wallpaper p	{ font-size: 94%; padding-bottom: 3px; }

.cookies		{ font-size: 80%; margin: 20px 20px 0 0; 
					float: left; clear: both; }

#thanks			{ background-color: #222; text-align: left; 
					margin: 12px auto 12px auto; padding-bottom: 60px;
					width: 750px; height: 100%; 
					border: 1px solid #e2ad13; }
#thanks img		{ margin-bottom: 50px; }
#thanks p		{ margin-left: 20px; margin-right: 20px; 
					font-size: 110%; }


	/*__about Anthony__*/
#aboutant			{ float: left; width: 584px; padding: 6px 0 0 0; 
						display: inline; }
#aboutanttext		{ float: right; width: 232px; padding-right: 12px; }
.aboutantimage		{ float: left; width: 280px; margin: 0 12px 12px 0; 
						display: inline; }
.aboutantimage p	{ font-size: 92%; padding: 3px 0 6px 0; margin: 0; 
						line-height: 120%; color: #e7d295; }


	/*__only for index pages__*/
.caption	{ line-height: 136%; margin-top: 2px; 
						padding-top: 24px; }
#ramblahome	{ background: url(media/rambla-home-shad.jpg) no-repeat; 
				background-position: 0 220px; }
#sagfamhome	{ background: url(media/sagfam-home-shad.jpg) no-repeat; 
				background-position: 0 220px; }
#colonhome	{ background: url(media/colon-home-shad.jpg) no-repeat; 
				background-position: 0 168px; }
#gaudihome	{ background: url(media/gaudi-home-shad.jpg) no-repeat; 
				background-position: 0 181px; }
#puntohome	{ background: url(media/puntos-home-shad.jpg) no-repeat; 
				background-position: 0 166px; }


	/*__only for bookmarks page__*/
.alignbkmks		{ float: left; padding: 12px 12px 0 0; overflow: auto; 
					width: 820px; }
.bookmarktext	{ float: left; width: 340px; }
.bookmarkvert	{ float:left; margin:0 16px 12px 0;
					border: 1px solid #777; }
.bookmarkhoriz	{ float:left; margin:0 0 16px 0;
					border: 1px solid #777; }
.bkmks			{ float: right; clear: none; width: 342px; margin: 0; }



	/*___ NAVIGATION___ */

a.textlink:visited	{ color: #ccc; border-bottom: 1px dotted #ccc; 
						padding-bottom: 1px; text-decoration: none; }
a.textlink:link		{ color: #ccc; border-bottom: 1px dotted #ccc; 
						padding-bottom: 1px; text-decoration: none; }
a.textlink:hover	{ color: #ddb84a; border-bottom: 1px dotted #e7d295; 
						padding-bottom: 1px; text-decoration: none; }

.downloads a:visited	{ color: #d0b461; border-bottom: 1px dotted #d0b461; 
							padding-bottom: 1px; text-decoration: none; }
.downloads a:link		{ color: #d0b461; border-bottom: 1px dotted #d0b461; 
							padding-bottom: 1px; text-decoration: none; }
.downloads a:hover		{ color: #ccc; border-bottom: 1px solid #ccc; 
							padding-bottom: 1px; text-decoration: none; }

	/*__ main menu __*/
		/* eventually, put menu div heights in ems and font size in ems - 
			but leave width in pixels. Menu will stay more intact on zoom */
.menu			{ width: 122px; height: 15px;  background-color: #000;
					overflow: visible; margin: 0 0 3px 0; 
					text-align: center; position: relative; 
					border-top: 1px solid #e2ad13; }
.menu p			{ font-size: 11px; line-height: 17px; margin: 0; 
					 padding: 0; color: #999; }
.menu a:visited	{ display: block; text-decoration: none; border: none; 
					color: #ccc; padding-bottom: 1px; } 
.menu a:link	{ display: block; text-decoration: none; border: none; 
					color: #ccc; padding-bottom: 1px; } 
.menu a:hover	{ display: block; text-decoration: none; border: none; 
					background-color: #444; color: #fff; 
					padding-bottom: 1px; }
#theprints		{ letter-spacing: 1px; font-size: 10px; color: #ddb84a; 
					padding: 16px 0 0 0; }

.prints				{ background-color: #444;  
						border-top: 1px solid #c8a642; 
						width: 122px; }
.prints p			{ background-color: #000; }
.prints a:visited	{ color: #fff; background-color: #444; }
.prints a:link		{ color: #fff; background-color: #444; }
.prints a:hover		{ background-color: #d0b461; color: #000; }
	/*__ end main menu styles __*/

	/*_ list styles are only for 'About' flyout _*/
	/*_ thanks to Patrick Griffiths and Dan Webb, www.htmldog.com _*/
#flyout, #flyout ul	{ list-style: none; margin: 0; padding: 0 0 2px 0; 
						font-size: 11px; line-height: 17px; }
#flyout a			{ display: block; width: 122px; }
#flyout a:hover		{ background-color: #000; color: #ccc; }
#flyout li			{ float: left; text-align: center; width: 122px; }
#flyout li ul		{ position: absolute; left: -999em; width: 122px; }
#flyout li:hover ul, #flyout li.sfhover ul	{ left: 120px; top: -1px; }
#flyout li ul li	{ border-top: 1px solid #c8a642; 
						border-right: 1px solid #c8a642; 
						margin: 0 0 0 3px; width: 122px; 
						background-color: #000; }
#flyout li ul li a:hover	{ background-color: #444; color: #fff; }
.borderbot			{ border-bottom: 1px solid #c8a642; }

img a:link			{ border: none; }

#lang				{ position: absolute; right: 7px; top: 2px; 
						z-index: 20; }
#lang a:visited		{ font-size: 10px; letter-spacing: 1px; color: #ccc; 
						border-bottom: 1px dotted #ccc; 
						padding-bottom: 1px; text-decoration: none; }
#lang a:link		{ font-size: 10px; letter-spacing: 1px; color: #ccc; 
						border-bottom: 1px dotted #ccc; 
						padding-bottom: 1px; text-decoration: none; }
#lang a:hover		{ font-size: 10px; letter-spacing: 1px; color: #ffbe00; 
						border-bottom: 1px solid #ffbe00; 
						padding-bottom: 1px; text-decoration: none; }

.caption a:visited	{ color: #e7d295; text-decoration: none; 
						border-bottom: 1px dotted; 
						padding-bottom: 1px; }
.caption a:link		{ color: #e7d295; text-decoration: none; 
						border-bottom: 1px dotted; 
						padding-bottom: 1px; }
.caption a:hover	{ color: #eee; text-decoration: none; 
						border-bottom: 1px dotted #ffbe00; 
						padding-bottom: 1px; }



	/*___ TYPE STUFF ___*/

h1			{ font-family: "Neue Helvetica", Helvetica, Arial, sans-serif;
				font-weight: normal; font-size: 175%; line-height:107%; 
				padding: 0; margin: 0.5em 0; color: #e7d295; }

.postersize	{ font-size: 70%; margin-left: 0.7em; color: #ccc; 
				font-weight: normal; }

h2			{ font-family: Georgia, "Times New Roman", Times, serif;
				font-weight: normal; font-size: 140%; line-height:145%;
				padding: 0; margin: 1em 0 0 0; }

h3			{ color: #e7d295; font-weight: bold; 
				font-size: 100%; line-height:160%;
				padding: 0; margin: 1.2em 0 0 0; }

h4			{ color: #ccc; font-size: 115%; 
				font-weight: normal; margin: 0 0 0.5em 0; }

.clickon	{ font-family: "Neue Helvetica", Helvetica, Arial, sans-serif;
				font-weight: normal;  
				color: #ffbe00; }

.description	{ margin: 0 12px 6px 0; line-height: 160%; 
					text-align: left; padding-top: 16px; }
.price			{ color: #e7d295; }
.bold			{ font-weight: bold; color: #fff; }
.letterspace1	{ letter-spacing: 0.1em; }


	/*___ MODIFIERS ___*/

.noborder		{ border: none; }
.noborder:hover	{ border: none; }
.inline			{ display: inline; }
.cursor			{ cursor: default; }
.center			{ text-align: center; }
.floatleft		{ float: left; }
.floatright		{ float: right; }
.clearboth		{ clear: both; }
.clearright		{ clear: right; }
.clearleft		{ clear: left; }
.clearnone		{ clear: none; }

.grey888		{ color: #888; }
.orange			{ color: #ffbe00; }
.orangeborder	{ border: 1px solid #c8a642; }
.greyborder		{ border: 1px solid #666; }
.cream			{ color: #e1d8b7; }
.h2colour		{ color: #e7d295; }
.blue			{ color: #2493df; }
.red			{ color: #cd202c; }

.width130		{ width: 130px; }
.width132		{ width: 132px; }
.width150		{ width: 150px; }
.width210		{ width: 210px; }
.width220		{ width: 220px; }
.width336		{ width: 336px; }
.width700		{ width: 700px; }
.margintop10	{ margin-top: 10px; }
.margintop20	{ margin-top: 20px; }
.marginright5	{ margin-right: 5px; }
.marginright20	{ margin-right: 20px; }
.marginbot6		{ margin-bottom: 6px; }
.marginbot18	{ margin-bottom: 18px; }
.marginbot30	{ margin-bottom: 30px; }
.marginleft20	{ margin-left: 20px; }
.margin0		{ margin: 0; }
.pad0			{ padding: 0; }
.padtop90		{ padding-top: 90px; }
.padtop40		{ padding-top: 40px; }
.padtop35		{ padding-top: 35px; }
.padtop20		{ padding-top: 20px; }
.padtop16		{ padding-top: 16px; }
.padtop8		{ padding-top: 8px; }
.padtop2		{ padding-top: 2px; }
.padbot10		{ padding-bottom: 10px; }
.padright16		{ padding-right: 16px; }
.padbot1		{ padding-bottom: 1px; }
.padleft3		{ padding-left: 3px; }

.minheight400	{ min-height: 400px; } 
	/* this is fixed height 400px in ie6 sheet */
.height			{ height: 20px; }