/*


*/	
	/* CSS Reset */

	body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin:0;padding:0;}
	table {border-collapse:collapse;border-spacing:0;}
	fieldset, img{border:0;}
	h1, h2, h3, h4, h5, h6, address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal;}
	caption, th {text-align:left;}
	h1, h2, h3, h4, h5, h6 {font-size:100%;}
	q:before, q:after {content:'';}


	/*  ART in sheppARTon */
	em
	{
		text-transform:uppercase;
	}

	/*  Be Our Friend - contact  */
	table th,
	table td
	{
		padding-right:20px;
	}
	
	table th
	{
		font-weight:bold;
	}
	
	strong
	{
		font-weight:bold;
	}
	
	input
	{
		width:150px;
		margin-bottom:5px;
	}
	
	#email-form
	{
		width:260px;
	}
	
	#submit-form
	{
		width:130px;
	}
	
	#fFName,
	#fYName
	{
		width:150px;
		margin-bottom:5px;
	}
	
	#fFEmail,
	#fYEmail
	{
		width:260px;
		margin-bottom:5px;
	}
	
	#fSubmit
	{
		width:130px;
	}
	
	table th
	{
		vertical-align:top;
	}
	
	textarea
	{
		margin:0px;
		padding:0px;
		width:340px;
		margin-bottom:5px;
	}
	
	/* Base Styles */

	html {
		font-size:100%;
		}

	body {
		background:rgb(255,255,255);
		color:rgb(0,0,0);
		font-size:62.5%;	
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
		line-height:1.5;
		}
		
	hr { display: none; }
		
	#container {
		display: block;
		width: 770px;
		height: 1%;
		margin: 0 auto;
		position: relative;
		background: transparent url(../images/bg-container.gif) repeat-y top left;
	}
	
	body.wide #container {
		background: transparent url(../images/bg-container-wide.gif) repeat-y top left;
	}
	
	#header {
		display: block;
		position: absolute;
		left: 0px;
		width: 201px;
		height: 227px;
		background: transparent url(../images/bg-header.gif) no-repeat top left;
		z-index: 1000;
	}

	
	#headImgBG{
		position:absolute;
		left:50px;
		top:51px;
		z-index:100;
		cursor: hand;
		cursor: pointer;
	}
	
	#headImg{
		position:absolute;
		left:50px;
		top:51px;
		z-index:1000;
		cursor: hand;
		cursor: pointer;
	}
	
	#header h1 a {
		position: absolute;
		left: 46px;
		top: 51px;
		display: block;
		width: 176px;
		height: 176px;
		background: transparent url(../images/img-header.jpg) no-repeat top left;
		overflow: hidden;
		text-indent: -9999px;
		z-index: 1000;
	}
	
	#navigation {
		display: block;
		position: absolute;
		width: 201px;
		left: 0;
		top: 232px;
		margin-top: 10px;
		background: transparent url(../images/bg-navigation.gif) no-repeat top left;
		height: 1%;
	}
	
	#navigation ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		margin-left: 50px;
		width: 151px;
		overflow: hidden;
	}
	
	#navigation li {
		margin: 0 0 1px 0;
		padding: 0;
	}
	
	#navigation a {
		display: block;
		width: 151px;
		height: 23px;
		overflow:hidden;
		text-indent: -999px;
	}
	
	#nav-home a { background: transparent url(../images/nav/nav-home.gif) no-repeat top left; }
	#nav-events a { background: transparent url(../images/nav/nav-events.gif) no-repeat top left; }
	#nav-tickets a { background: transparent url(../images/nav/nav-tickets.gif) no-repeat top left; }
	#nav-venues a { background: transparent url(../images/nav/nav-venues.gif) no-repeat top left; }
	#nav-exhibitions a { background: transparent url(../images/nav/nav-exhibitions.gif) no-repeat top left; }
	#nav-beourfriend a { background: transparent url(../images/nav/nav-beourfriend.gif) no-repeat top left; }
	#nav-volunteers a { background: transparent url(../images/nav/nav-getamongstit.gif) no-repeat top left; }
	#nav-readallaboutit a { background: transparent url(../images/nav/nav-readallaboutit.gif) no-repeat top left; }
	#nav-sponsors a { background: transparent url(../images/nav/nav-sponsors.gif) no-repeat top left; }
	#nav-history a { background: transparent url(../images/nav/nav-festivalhistory.gif) no-repeat top left; }
	#nav-epostcard a { background: transparent url(../images/nav/nav-epostcards.gif) no-repeat top left; }
	#nav-photogallery a { background: transparent url(../images/nav/nav-photogallery.gif) no-repeat top left; }
	#nav-contacts a { background: transparent url(../images/nav/nav-contacts.gif) no-repeat top left; }
	
	#navigation #nav-volunteers a,
	#navigation #nav-exhibitions a {
		height: 37px;
	}
	
	#navigation a:hover {
		background-position: bottom left;
	}
	
	#saf-home #nav-home a,
	#saf-festivalhistory #nav-history a,
	#saf-events #nav-events a,
	#saf-tickets #nav-tickets a,
	#saf-beourfriend #nav-beourfriend a,
	#saf-sponsors #nav-sponsors a,
	#saf-readallaboutit #nav-readallaboutit a,
	#saf-exhibitionsentryforms #nav-exhibitions a,
	#saf-getamongstitvolunteers #nav-volunteers a,
	#saf-venuestravelinfo #nav-venues a,
	#saf-epostcard #nav-epostcard a,
	#saf-photogallery #nav-photogallery a,
	#saf-contacts #nav-contacts a {
		background-position: bottom left;
	}
	
	
	#content {
		display: block;
		/*
		float: right;
		width: 549px;
		
		padding-left: 20px;
		margin-left: 0;
		position: relative;
		*/
		
		margin-left: 201px;
		padding-left: 17px;
		/*padding-left: 20px;*/
		position: relative;
		
		/* hack for ie6 */
		height: 600px;
		
		/* for mozilla */
		min-height: 600px;
	}
	
	#container > #content { height: auto; }
	
	#contenta {
		width: 274px;
		float: left;
		padding: 0 24px;
		margin-top: 168px;
	}
	
	body.wide #contenta {
		width: 501px;
	}
	
	#contenta h2 {
		color: rgb(186,0,53);
		font-size: 2.7em;
		font-weight: normal;
		margin-bottom: 10px;
	}
	
	#contenta h3 {
		font-size: 1.4em;
		margin-bottom: 12px;
		color: rgb(255,255,255);
	}
	
	#contenta h4 {
		font-size: 1.2em;
		margin-bottom: 12px;
		color: rgb(255,255,255);
		text-transform: uppercase;
	}
	
	#contenta ul, #contenta ol {
		margin-left: 20px;
		font-size: 1.1em;
		margin-bottom: 12px;
	}
	
	#saf-home #contenta {
		margin-top: 227px;
	}
	
	#saf-home #contenta h2 {
		height: 63px;
	}
	
	/*
	#saf-home #contenta h2 {
		display: block;
		width: 274px;
		height: 63px;
		overflow: hidden;
		text-indent: -999px;
	}*/
	
	#saf-home #contenta h3 {
		font-size: 1.2em;
	}
	
	#contentb {
		width: 226px;
		float: left;
		margin-top: 168px;
	}
	
	#contentb h4 {
		font-size: 1.2em;
		color: rgb(255,255,255);
		margin: 0px 24px 12px 24px;
	}
	
	#contentb p {
		margin: 0px 24px 12px 24px;
	}
	
	#contentb ul {
		margin: 0 20px 12px 24px;
		list-style: none;
	}
	
	#contentb .sideimage {
		margin: 0 24px;
	}
	
	#contentb .sideimage img {
		margin-bottom: 10px;
	}
	
	#contentb .sideimage dl {
		background: transparent url(../images/dl-arrowup.gif) no-repeat 0 2px;
		padding-left: 20px;
		color: rgb(93,93,93);
	}
	
	#contentb .sideimage dt {
		font-weight: bold;
	}
	
		
	#footer {
		clear: both;
		width: 770px;
		height: 112px;
		position: relative;
		color: rgb(144,143,143);
	}
	
	#footer #copyright {
		position: absolute;
		bottom: 10px;
		left: 244px;
	}
	
	#footer #copyright a {
		color: rgb(144,143,143);
		text-decoration: none;
	}
	
	#footer #url {
		position: absolute;
		right: 0px;
		bottom: 0px;
	}
	
	
	
	/* Visual style information */
	
	#content {
		background: transparent url(../images/bg-content.jpg) no-repeat top left;
		color: rgb(196,196,196);
	}
	
	#flashphotos {
		position: absolute;
		z-index: 100;
		top: 5px;
		left: 0;
	}
	
	body.wide #content {
		background-image: url(../images/bg-content-wide.jpg);
	}
	
	#content a:link, #content a:visited {
		color: rgb(186,0,53);
	}
	
	#crumbs {
		position: absolute;
		top: 36px;
		left: 221px;
		width: 274px;
		display: block;
		z-index: 1000;
	}
	
	#crumbs p {
		padding-left: 24px;
		color: rgb(186,0,53);
		font-weight: bold;
	}
	
	#crumbs a {
		color: rgb(255,255,255);
		text-decoration: none;
		font-weight: normal;
	}
	
	#crumbs a:hover {
		text-decoration: underline;
	}
	
	#contenta p {
		margin-bottom: 14px;
		color: rgb(183,183,183);
		font-size: 1.1em;
	}

	
	#saf-home #content {
		background-image: url(../images/bg-content-home.jpg);
	}
	
	#saf-home #contentb {
		margin-top: 95px;
	}
	
	#saf-home #contentb #home-news {
		margin-top: 10px;
		padding: 0 20px;
	}
	
	#home-news h3 {
		color: rgb(255,255,255);
		font-weight: bold;
	}
	
	#home-news p {
		margin-bottom: 20px;
	}
	
	#home-news h2 {
		display: block;
		width: 142px;
		height: 24px;
		overflow: hidden;
		text-indent: -999px;
		background: transparent url(../images/h2-home-news.gif) no-repeat top left;
	}
	
	#home-epostcard a {
		display: block;
		margin-left: -20px;
		width: 164px;
		height: 132px;
		background: transparent url(../images/img-home-epostcard.gif) no-repeat top left;
		overflow: hidden;
		text-indent: -999px;
	}
	
	
	#footer {
		background: transparent url(../images/bg-footer.gif) no-repeat top left;
	}
	
/* The photo gallery -- this should be fun */
	#gallery {
		margin: 0px 17px;
	}
	
	#galleryimage {
		display: block;
		position: relative;
		width: 474px;
		height: 315px;
		float: none;
		margin: 0;
		padding: 0;
		border: none;
		overflow: hidden;
	}
	
	#galleryimage img {
		position: absolute;
		margin: 0;
		padding: 0;
		float: none;
		border: none;
		width: 474px;
		height: 315px;
		top: 0; left: 0;
	}
	
	#gallerycomment {
		padding: 12px 13px;
		margin: 0;
		overflow: hidden;
		border-bottom: 1px solid #606060;
		background-color: rgb(0,0,0);
		color: rgb(255,255,255);
		width: 448px;
	}
	
	#gallerythumblist {
		height: 93px;
		overflow: hidden;
		position: relative;
		float: left;
		background: transparent url(../images/bg-gallery-thumbs.gif) no-repeat top left;
		margin: 0; padding: 0;
		width: 415px;
		background: url(../images/bg-gallery-thumblist.gif);
	}
	
	#gallerythumblist p {
		position: absolute;
		display: block;
		white-space: nowrap;
		padding: 15px 7px;
		margin: 0;
		left: 0px; top: 0px;
	}
	
	#gallerythumblist p img {
		display: inline;
		margin: 0 5px 0 0;
		padding: 0;
		width: 80px;
		height: 60px;
		border: 2px solid rgb(255,255,255);
		float: none;
		cursor: hand;
		cursor: pointer;
	}
	
	#gallerythumblist p .selected { border-color: #b10035; }
	
	#gallerypick {
		clear: both;
		margin: 0;
		width: 474px;
	}
	
	#gallerypick .scrollleft, #gallerypick .scrollright {
		display: block;
		width: 29px;
		height: 93px;
		overflow: hidden;
		text-indent: -999px;
		background: transparent url(../images/bg-gallery-left.gif) no-repeat center left;
		float: left;
	}
	
	#gallerypick .scrollright { background-image: url(../images/bg-gallery-right.gif); }
	
	#gallerynav .previous { float: left; margin-left: 14px; margin-top: 6px;}
	#gallerynav .next { float: right; margin-right: 24px; margin-top: 6px;}

	#cardChooser {
		position: relative;
		width: 474px;
		background: #131313 url(../images/cardchoose-background.gif) no-repeat;
		height: 211px;
		padding-top: 26px;
		margin-bottom: 15px;
	}
	
	#cardChooser table {
		margin-left: 18px;
	}
	
	#cardChooser td {
		padding-right: 5px;
		padding-bottom: 5px;
	}
	
	#cardChooser td img {
		border: 2px solid rgb(255,255,255);
	}
	
	#cardChooser td img .selected {
		border: 2px solid #b10035;
	}
	
	#cardLarge {
		position: absolute;
		top: 1px;
		right: 0;
		width: 349px;
		height: 236px;
	}
	
	#bigImage {
		margin-top: 0px;
	}
	
	#catalogue {
		padding: 20px;
	}