/*-----------------------------------------------
'	Company: Lemonade
'	Copyright © 2005, All rights reserved.
'	Date Created: 8th December 2005
'
'	DO NOT MODIFY THIS DOCUMENT WITHOUT
'	NOTIFYING THE AUTHOR FIRST
'
------------------------------------------------*/

/*------------- STRUCTURE -------------*/


#airlock {
			width:					100%;
			float:					left;
			background:				url(../images/bg_wrap.gif) repeat-x;
			height:					600px;
}

#globalWrap {
			width:					790px;
			margin:					16px auto;
			padding:				0;
			text-align:				left;
			
}


#main {
			float:					left;
			width:					788px;
			widt\h:					760px;
			padding:				14px 16px 13px 14px;
			background:				#FFF;
			margin:					0;
}

#main h2 {
			background:				url(../images/bg_h2.gif) no-repeat;
			width:					570px;
			height:					49px;
			color:					#56C2E6;
			padding:				12px 12px 0 12px;
			widt\h:					546px;
			font-size:				16px;
			line-height:			17px;
			font-family:			Trebuchet MS, Arial, Helvetica, Sans-Serif;
}

*#main h2 {
			height:					61px;
}

#main h2 a {
			float:					left;
			font-size:				15px;
			color:					#000;
			text-decoration:		none;
}

#main h2 span {
			margin:					0;
			padding:				0;
			color:					#000;
			font-family:			Trebuchet MS, Arial, Helvetica, Sans-Serif;
			font-size:				11px;
			font-weight:			bold;
			line-height:			13px;
			margin:					10px 0 0 0;
			display:				block;
}

#main h2 a.menu {
			float:					left;
			background:				url(../images/bg_slash.gif) no-repeat;
			padding:				0 0 0 16px;
			margin:					19px 22px 0 0;
			clear:					none;
}

#main h2 a span {
			display:				none;
}

#main h2 a.first {
			padding:				0 !important;
			background:				none !important;
			clear:					both !important;
			float:					left !important;
}

html>body #main h2 a.menu {
			float:					left;
			background:				url(../images/bg_slash.gif) no-repeat 0 8px;
			padding:				0 0 0 16px;
			margin:					15px 22px 0 0;
			clear:					none;
}

#header {
			float:					left;
			width:					760px;
			
}

#header img, #intro img {
			float:					left;
}

#navigation {
			float:					left;
			width:					190px;
			height:					73px;
			border-left:			8px solid #56C2E6;
			background:				#000;	
			padding:				0;
			/*padding:				0 6px;*/
			widt\h:					178px;
}

/* temp */
#navigation img {
			float:					left;
}

#navigation a {
			float:					left;
			width:					182px;
			height:					14px;
			margin:					0;
}

#navigation a:hover {
			background-position:	right -14px !important;
}

#navigation a.selected, #navigation a.selected:hover {
			background-position:	right -28px !important;
}

#navigation a.navVenues:hover {
			background-position:	right -17px !important;
}

#navigation a.venueSelected, #navigation a.venueSelected:hover {
			background-position:	right -34px !important;
}


#navigation a.navAbout {
			background:				url(../images/mn_about.gif) no-repeat;
			background-position:	right 0;
}

#navigation a.navArtists {
			background:				url(../images/mn_artists.gif) no-repeat;
			background-position:	right 0;
}

#navigation a.navNations {
			background:				url(../images/mn_nations.gif) no-repeat;
			background-position:	right 0;
}

#navigation a.navActivities {
			background:				url(../images/mn_activities.gif) no-repeat;
			background-position:	right 0;
}

#navigation a.navVenues {
			background:				url(../images/mn_venues.gif) no-repeat;
			background-position:	right 0;
			height:					17px;
}

#footer {
			float:					left;
			padding:				10px 0 0 0;
			width:					760px;
			background:				url(../images/bg_line_dashed.gif) repeat-x;
}

#footer div {
			text-align:				right;
}

#footer a {
			padding:				0 11px 0 15px;
			background:				url(../images/separator.gif) no-repeat;
}

html>body #footer a {
			background-position:	0 6px;
}

#footer a.first {
			background:				none;
}

#footer a.last {
			padding:				0 0 0 15px;
}


#credit {
			float:					left;
			width:					790px;
			padding:				4px 0 0 16px;
			widt\h:					774px;
}

#nationsHTML {
			float:					left;
			background:				#000 url(../images/nations/map.gif) no-repeat right 0;
			position:				relative;
			width:					760px;
			height:					360px;
}

#nationsInfo {
			position:				absolute;
			width:					600px;
			bottom:					10px;
			left:					10px;
			height:					290px;
			color:					#FFF;
			font-size:				10px;
			padding:				15px 20px;
			widt\h:					560px;
			z-index:				1;
}

#nationsSources {
			position:				absolute;
			width:					600px;
			bottom:					10px;
			left:					10px;
			height:					290px;
			color:					#FFF;
			font-size:				10px;
			padding:				15px 20px;
			widt\h:					560px;
			z-index:				1;
}

#nationsInfo h3 {
			margin:					10px 0;
			color:					#FFF;
			border:					0;
}

#nationsHTML #closeLink {
			position:				absolute;
			left:					550px;
			top:					310px;
			width:					40px;
			z-index:				2;
			display:				none;
}

#nationsHTML #sourcesLink {
			position:				absolute;
			left:					690px;
			top:					330px;
			width:					45px;
			z-index:				3;
}

#nationsInfo td {
			width:					350px;
}

#nationsNav {
			float:					left;
			width:					110px;
			padding:				10px 0 0 15px;
			widt\h:					95px;
}

#nationsHTML img {
			float:					left;
}

#nationsHTML a {
			float:					left;
			width:					95px;
			color:					#FFF;
			font-weight:			bold;
			clear:					both;
			text-decoration:		none;
}

#nationsHTML a:hover {
			color:					#56C2E6;
			text-decoration:		none;
}

#nationsHTML h3 {
			color:					#FFF;
}



/*------------- ARTISTS  - HORIZONTAL ------------*/

#artistWorkHorizontal, #horizontalImage {
			float:					left;
			width:					570px;
}

#artistCreditsHorizontal, #horizontalText {
			float:					left;
			width:					190px;
			height:					290px;
			position:				relative;
}

#artistCreditsHorizontal a, #horizontalText a {
			float:					left;
			position:				absolute;
}

#artistCreditsHorizontal #subnav {
			float:					left;
			position:				absolute;
			margin:					0;
			padding:				0;
}

#artistCreditsHorizontal #subnav a {
			position:				relative;
			margin:					0 0 1px 0;
}

#artistCreditsHorizontal div, #horizontalText div {
			vertical-align:			bottom;
			position:				absolute;
			bottom:					0;
			padding:				0 10px;
}

#artistCreditsHorizontal h4, #horizontalText h4 {
			width:					180px;
			float:					left;
			font-style:				italic;
			font-weight:			normal;
			font-size:				11px;
}

#artistCreditsHorizontal div a, #horizontalText div a {
			float:					left;
			margin:					10px 2px 0 0;
			position:				relative;
}

#artistCreditsHorizontal p, #horizontalText p {
			padding:				6px 0 6px 10px;
			font-size:				12px;
			line-height:			16px;
}

#artistDetailsHorizontal {
			float:					left;
			width:					760px;
			margin:					35px 0 0 0;
			padding:				0 0 50px 0;
}

#artistDetailsHorizontal div span {
			display:				none;
}

#artistDetailsHorizontal div.nomargin {
			margin:					0;
}

#artistDetailsHorizontal div p {
			float:					none;
}

#artistDetailsHorizontal h3 {
			margin:					0 0 20px 0;
}

#artistDetailsHorizontalWork {
			width:					365px;
			float:					left;
			margin:					0 13px 0 0;
}

#artistDetailsHorizontalBio {
			width:					179px;
			float:					left;
			margin:					0 13px 0 0;
}

#artistDetailsHorizontalStatement {
			width:					190px;
			float:					left;
			margin:					0;
}



/*------------- ARTISTS  - Vertical ------------*/

#artistWorkVertical {
			float:					left;
			width:					365px;
}

#artistCreditsVertical {
			float:					left;
}

#artistCreditsVertical a {
			float:					right;
}


#artistCreditsVertical h4 {
			width:					366px;
			float:					left;
			font-style:				italic;
			font-weight:			normal;
			font-size:				11px;
			margin:					25px 0 0 0;
}


#artistCreditsVertical div {
			float:					left;
			width:					366px;
}


#artistCreditsVertical div a {
			float:					right;
			margin:					0 0 10px 2px;
}

#artistDetailsVertical {
			float:					left;
			width:					394px;
			margin:					0;
			padding:				0 0 0 14px;
			widt\h:					380px;
}


#artistDetailsVertical a {
			float:					right;
}


#artistVertical {
			float:					left;
			width:					760px;
			padding:				0 0 50px 0;
}

#artistDetailsVertical div span {
			display:				none;
}

#artistDetailsVertical div.nomargin {
			margin:					0;
}

#artistDetailsVertical div p {
			float:					none;
}

#artistDetailsVertical h3 {
			margin:					7px 0 20px 0;
}

#artistDetailsVerticalWork {
			width:					365px;
			float:					left;
			margin:					0 0 10px 0;
			
}

#artistDetailsVerticalBio {
			width:					179px;
			float:					left;
			margin:					0 9px 0 0;
			
}

#artistDetailsVerticalStatement {
			width:					190px;
			float:					left;
			margin:					0;
}




/*------------- TRAFFIC ------------*/

#contentLeft {
			float:					left;
			width:					380px;
			padding:				15px 0 50px 0;
}

#contentLeftSubnav {
			float:					left;
			width:					380px;
			padding:				75px 0 50px 0;
}

html>body #contentLeftSubnav {
			padding:				40px 0 50px 0;
}


#contentRight {
			float:					left;
			width:					382px;
			padding:				15px 0 50px 20px;
			widt\h:					360px;
}


#content p {
			margin:					0 0 9px 0;
}


#content .contentFull {
			float:					left;
			clear:					both;
			width:					752px;
}

#content .contentFullSmall {
			float:					left;
			clear:					both;
			width:					570px;
}

#content #subnav {
			float:					right;
			position:				relative;
			margin:					0;
			line-height:			0;
			clear:					both;
}

#content #subnav a {
			clear:					both;
			float:					right;
			margin:					0 0 1px 0;
			padding:				0;
}

/*------------- GLOBAL -------------*/


body 
{
			padding:				0;
			margin:					0;
			font-family:			Trebuchet MS, Arial, Helvetica, Sans-Serif;
			font-size:				11px;
			color:					#000;
			background:				url(../images/bg.gif);
}

img {
			border:					0;
}

h1 span, h2 span {
			display:				none;
}

h1 {
			float:					left;
			margin:					0;
			line-height:			12px;
}

h2 {
			float:					left;
			margin:					0;
}

h3 {
			border-bottom:			1px dashed #000;
			color:					#56C2E6;
			font-size:				16px;
			line-height:			18px;
			padding:				0 0 3px 0;
			font-family:			Trebuchet MS, Arial, Helvetica, Sans-Serif;
}

h4 {
			margin:					4px auto;
			font-size:				14px;
}

a {
			color:					#56c2e6;
			text-decoration:		none;
			font-weight:			bold;
}

a:hover {
			color:					#56c2e6;
			text-decoration:		underline;
}

td {
			vertical-align:			top;
}

a span {
			display:				none;
}

/*----------- GENERIC CLASSES ----------*/

div.nomargin {
			margin:					0;
}