/*
Design and coding of website by
Artworkers Barcelona
www.artworkers.net
*/


body { 
	background-color: #4a3500; 
	margin: 0; 
	padding: 0; 
	border: 0; 
	font-family: verdana,helvetica,arial,sans-serif; 
	text-align: center; 
	min-width: 940px;}

p { font: 11px/16px Verdana,Helvetica,Arial,sans-serif;  
	color: #fff; 
	margin: 0 0 7px 0; 
	padding: 0; }

img { border: 0; }
img a { border: none; }

h1 { 
	font: 44px/80px RobotoRegular,helvetica,arial,sans-serif;
	color: #ffbe00;
	margin: 0 0 -5px -4px;
	padding: 0;
	letter-spacing: 1px; }

.big { 
	font-family: RobotoMedium,helvetica,arial,sans;
	font-size: 130px;
	margin-left: -7px; }

h1.author { 
	font-family: RobotoLight,helvetica,arial,sans;
	font-size: 28px;
	line-height: 28px;
	letter-spacing: 4px;
	margin: 0 0 -4px 0; }

h2 { 
	font-family: Helvetica,Arial,sans-serif;
	font-weight: normal;
	font-size: 16px;
	line-height: 18px;
	color: #fed100;
	margin: 0 0 6px 0;
	padding: 0; }

h2.garamond { 
	font: 19px/20px EBGaramondRegular,serif;
	letter-spacing: 3px;
	color: #ffbe00;
	margin: 18px 0 3px 0;
	padding: 0; }


h3 { 
	font-family: Verdana,Helvetica,Arial,sans-serif; 
	font-weight: normal; 
	font-size: 13px; 
	line-height: 16px; 
	color: #fed100; 
	margin: 0 0 6px 0; 
	padding: 0; }

#wrapouter	{ 
	background-color: #4a3800; 
	text-align: left; 
	padding: 0 10px 0 10px; 
	margin: 0 auto;
	width: 940px; 
	position: relative; 
	height: auto; }
	/* contains everything -
	   position relative here, is for child absolute divs */


/*______INDEX/HOME PAGES_______________________________*/

.homeLeftContent { 
	float: left;
	clear: left;
	width: 340px;
	padding-left: 30px;
	margin: 32px 0 12px 0; }
.homeLeftContent img { 
	margin-left: -30px; }

.homeRightContent { 
	float: right;
	width: 550px;
	margin: 32px 0 12px 0; }

.homeLeftContent p, .homeRightContent p { 
	color: #ebe391; 
	margin: 0 0 8px 0; 
	line-height: 17px; }

.homeLeftContent a:visited, 
.homeRightContent a:visited { 
	text-decoration: none; 
	color: #fcfbf9; }
.homeLeftContent a:link,
.homeRightContent a:link { 
	text-decoration: none; 
	color: #fcfbf9; }
.homeLeftContent a:hover,
.homeRightContent a:hover { 
	text-decoration: 
	none; color: #eeaf30; 
	border-bottom: 1px dotted #eeaf30; 
	padding-bottom: 1px; }

.summerhouse { 
	width: 100%;
	margin: 10px 0 0 0;
	color: #ebe391; }

.flash { 
	margin: 30px 0 0 0; 
	padding: 3px 3px 2px 64px;
	width: 446px; 
	min-height: 55px; 
	float: left; 
	background-color: #674b06;
	border: 1px solid #7d8a43; }

* html .flash { height: 55px; }

.flash p { 
	color: #ece7b0; 
	line-height: 17px; 
	margin: 0;  }
.flash a:visited { 
	text-decoration: none; 
	color: #fcfbf9; }
.flash a:link { 
	text-decoration: none; 
	color: #fcfbf9; }
.flash a:hover { 
	text-decoration: none; 
	color: #eeaf30; 
	border-bottom: 1px dotted #eeaf30; 
	padding-bottom: 1px; }

.expo { 
	background-repeat: no-repeat;
	background-image: url(media/flash-expo.gif); }

#bcnprints { 
	float: left; 
	width: 316px;  
	border: 1px solid #7d8a43; 
	margin: 24px 0 0 0; 
	padding: 6px 0 2px 3px; }
#bcnprints img { 
	margin: 3px 6px 0 0; }



/*______ PAGE LAYOUTS ________________________________*/

.intro { 
	float: left; 
	width: 440px; 
	margin: 30px 0 0 0; }
.intro p { line-height: 18px; }

.imageleft { 
	border: none; 
	float: left; 
	width: auto;
	padding: 6px 14px 6px 0; }
.imageleft img { 
	border: none; 
	margin: 0 0 6px 0; }
.imageleft p { 
	font-size: 10px; 
	line-height: 14px; 
	color: #ece7b0; 
	margin: 0; }

.imageright { 
	border: none; 
	float: right; 
	width: auto;
	padding: 6px 0 6px 12px; }
.imageright img { 
	border: none; 
	margin: 0 0 6px 0; }
.imageright p { 
	font-size: 10px; 
	line-height: 14px; 
	color: #ece7b0; 
	margin: 0; }

#map { 
	float: left; 
	width: 920px; 
	height: auto; 
	margin: 18px 0 0 0; }

#thumbwrap { 
	float: left; 
	width: 765px; 
	height: auto; 
	margin: 20px 0 0 0; }
.thumb { 
	float: left; 
	width: 120px; 
	height: 102px; 
	margin: 14px 9px 4px 0; }
.thumb img { border: 0; }
.thumb p { 
	font-size: 10px; 
	line-height: 6px; 
	margin: 0 0 4px 1px; 
	color: #ece7b0; }

#thumbtext { 
	float: right; 
	width: 152px; 
	margin: 52px 0 0 0; 
	padding: 0 10px 0 0; }

#image { 
	float: left; 
	width: auto; 
	height: auto; 
	margin-top: 7px; 
	clear: left; }
#imagetext { 
	float: left; 
	width: 203px; 
	margin-top: 20px; 
	padding: 0 0 0 14px; }

#imagetext a:visited { 
	color: #ece7b0; 
	text-decoration: none;
	border-bottom: 1px solid #ece7b0;
	padding-bottom: 1px; }
#imagetext a:link { 
	color: #ece7b0; 
	text-decoration: none;
	border-bottom: 1px dotted #ece7b0;
	padding-bottom: 1px; }
#imagetext a:hover { 
	color: #fff; 
	text-decoration: none;
	border-bottom: 1px dotted #eeaf30;
	padding-bottom: 1px; }

.wrapbuys { 
	width: 920px; 
	float: left; 
	padding: 14px 0 10px 0; 
	border-top: 1px solid #cc9900; 
	clear: both; }
.buyleft { 
	width: 420px; 
	float: left; 
	text-align: right; 
	margin: 0; 
	height: auto; }
.buyright { 
	width: 460px; 
	float: right; 
	margin: 0; 
	height: auto; }
.buythumb { 
	margin: 0 10px 6px 0; 
	width: auto; 
	height: auto; 
	float: left; }
.buythumb p	{ margin: 0; }




/*______NAVIGATION___________________________*/

a:visited { 
	text-decoration: none; 
	color: #eeaf30; }
a:link { 
	text-decoration: none; 
	color: #eeaf30; }
a:hover { 
	text-decoration: none; 
	color: #ddd; }

.back { 
	float: left; 
	display: block; 
	width: auto; 
	text-align: center;  
	margin: 16px 0 0 0; 
	height: auto; }

#navigation { 
	font-size: 10px;
	line-height: 12px;
	margin: 10px 0 0 0;
	padding: 0;
	color: #fff;
	width: 100%; }

#navigation ul { 
	list-style-type: none; }

#navigation li { 
	text-align: center;
	display: block;
	float: left;
	width: 154px;
	letter-spacing: 1px;
	border-right: 1px solid #ece7b0; }
#thisPage { 
	padding: 3px 0; }

#navigation li a:visited { 
	color: #ebe391;
	background-color: #5f4800;
	text-decoration: none;
	border-bottom: 0; }

#navigation li a:link { 
	color: #ebe391;
	background-color: #5f4800;
	padding: 3px 0;
	text-decoration: none;
	border-bottom: 0;
	display: block; }

#navigation li a:hover { 
	color: #fff;
	background-color: #c39400;
	text-decoration: none;
	border-bottom: 0; }

.borderleft	{ 
	border-left: 1px solid #ece7b0; }



/*______MODIFIERS______________________*/

.centre			{ text-align: center; }
.left			{ text-align: left; }

.width150		{ width: 150px; }
.width400		{ width: 400px; }
.width480		{ width: 480px; }
.bordernone		{ border: none; }

.number			{ font-size: 10px; color: #ece7b0; }

.margin0		{ margin: 0; }
.margintop12	{ margin-top: 12px; }
.margintop24	{ margin-top: 24px; }
.margintop30	{ margin-top: 30px; }
.margintop40	{ margin-top: 40px; }
.margintop50	{ margin-top: 50px; }
.margintop60	{ margin-top: 60px; }
.margintop80	{ margin-top: 80px; }
.margintop100	{ margin-top: 100px; }
.margintop-40	{ margin-top: -40px; }
.marginright0	{ margin-right: 0; }
.marginright5	{ margin-right: 5px; }
.marginright20	{ margin-right: 20px; }
.marginbottom4	{ margin-bottom: 4px; }
.marginbottom-6	{ margin-bottom: -6px; }
.marginbottom-25{ margin-bottom: -25px; }
.marginleft-4	{ margin-left: -4px; }
.marginleft-5	{ margin-left: -5px; }
.padleft10		{ padding-left: 10px; }
.padleft20		{ padding-left: 20px; }
.padleft60		{ padding-left: 60px; }

.relative-18	{ position: relative; top: 0; left: -18px; }
.floatleft		{ float: left; }
.clearboth		{ clear: both; }

.letterspace1	{ letter-spacing: 1px; }
.nospace		{ letter-spacing: 0; }

.yellow			{ color: #cc9900; }
.yellow2		{ color: #fed100; }
.white			{ color: #fff; }
.cream			{ color: #ece7b0; }
.brown			{ color: #4a3500; }

.subhead		{ font-size: 70%; font-family: verdana,helvetica,arial,sans-serif; }
.smallcap		{ font-size: 90%; text-transform: uppercase; 
					color: #cc9900; letter-spacing: 1px; 
					font-weight: bold; }
.smaller		{ font-size: 10px; }