/* Stylesheet for Artival.co.uk */

/* Hide contents off-left */
.accessibility {
    height:1px; 
    left:0px; 
    overflow:hidden;
    position:absolute; 
    top:-500px;
    width:1px; 
}

body {
	font: 0.76em 'Georgia', Verdana, Arial, Helvetica, sans-serif normal;
	color:#333;
	margin:0;
	padding:0;
	width:100%;
	background:url(../images/bg.jpg) no-repeat center top #d0d0d0;
}
#container {
	margin:10px auto;
	padding:0 0 20em 0;
	width:960px;
	position:relative;
	overflow:hidden;
}
#header { 
	background:url(../images/header.png) no-repeat left top;
	width:960px;
	margin:-4em 0 0 0;
	padding:0 0 0 0;
	overflow:hidden;
	z-index:0;
}
#content { 
	width:920px;
	background:url(../images/white_bg.png) repeat-y left top;
	margin:-3px 0 0 0.8em;
	padding:0 0px 0 30px;
	overflow:hidden;
}
#footer { background:url(../images/footer.png) no-repeat left top; 
	width:960px;
	color:#fff; 
	font-size:0.9em; 
	margin:-5em 0 0 0; 
	padding:3em 0 3em 1em;
	z-index:1;
}
#primary {width:530px;overflow:hidden;float:left;}
#secondary {width:350px;padding-bottom:10em;overflow:hidden;float:left;background:url(../images/footer_logos.gif) 99% bottom no-repeat;}

h1 {float:left;margin:3em 0 0 3.5em;}
/*h1 {width:449px;height:55px;position: relative; top:0; left:5%; margin:1.2em 0 0 0;font-size:2.3em;float:left;clear:both; }
h1 span {position:absolute;width:449px;height:55px; top:0; left:0;background:url(../images/logo.gif) no-repeat left top;}*/
h2 {width:400px;margin:1.5em 0 1em 0.5em;font-size:1.6em;color:#860049;font-weight:bold;}
#secondary h2 {margin-bottom:0.7em;width:300px;}
p { color:#333; font-size:1.3em;margin:10px 0 8px 0.5em; line-height:1.1em;clear:both; width:600px; }
#secondary p {width:320px;}
ul {font-size:1.1em;margin:0 0 8px 5px;}
ul li {margin:0 0 0.5em 0.5em;}
.clear { clear: both; }
p.date {width:330px;color:#da2e8a;font-size:1.7em;float:left;clear:none;margin:2.5em 0 0 2em;text-align:center;}
h2.strapline {font-size:1.6em;width:860px; color:#fff;margin:1.5em 0 1.5em 2.3em;float:left;font-weight:normal;}
img.free-entry {position:relative;top:0;left:60%}
img.download {position:relative;top:-18px;left:440px}

/* nav styles */
#nav {padding:0 0 0.5em 0;font-size:1.2em;margin:0 0 0 2em;clear:both;}
#nav ul {list-style:none;margin:0 0 0 0;padding:0;overflow:hidden;clear:both;}
#nav ul li {float:left;padding:0 0 0 0;margin:0 5px 0 5px;font-size:1em;font-weight:bold;}
#nav ul li a {display:block;}
#nav ul li a:link, #nav ul li a:visited, #nav ul li a:active {padding:9px 12px 7px 12px;color:#fff;text-decoration:none;}
#nav ul li a:hover, #nav ul li a:focus, #nav ul li a.active {background:#860049;text-decoration:none;padding:9px 12px 7px 12px;color:#fff;}
#nav ul li a.first-nav {padding-left:10px;} /* T */

a:link, a:visited {color:#fff;text-decoration:underline;}
a:hover, a:focus {color:#fff;text-decoration:none;}
.panel a:link, .panel a:visited {color:#354a43;text-decoration:none;} 
.panel a:hover, .panel a:focus {color:#354a43;text-decoration:none;}

/* standard panels */
.panel_v {overflow:hidden;float:left;}
#artist_1 {	width:500px; height:206px; position:relative;top:0;	left:0;	float:left;}
#artist_1 span {position:absolute;width:500px; height:206px;background:url(../images/debelle_SM.jpg) no-repeat left top;}

#artist_2 {	width:250px; height:178px; position:relative;top:0;	left:0;	float:left;margin:1.5em 5px 0 0;}
#artist_2 span {position:absolute;width:250px; height:178px;background:url(../images/rubicks_SM.jpg) no-repeat left top;}

#artist_3 {
	width:250px;
	height:178px;
	margin:0;
	float:left;
	padding: 0;
	margin:1.5em 0 0 0;
}
#artist_3 span {position:absolute;width:250px; height:178px;background:url(../images/floetic_SM.jpg) no-repeat left top;}

#artist_4 {
	width:250px;
	height:152px;
	float:left;
	margin:1.5em 5px 1.5em 0;
}
#artist_4 span {position:absolute;width:250px;	height:152px;background:url(../images/small_SM.jpg) no-repeat left top;}

#artist_5 {
	width:250px;
	height:152px;
	float:left;
	margin:1.5em 0;
}
#artist_5 span {position:absolute;width:250px;	height:152px;background:url(../images/steeles_SM.jpg) no-repeat left top;}

.fs-1 {color:#333; font-size:1.2em;}
a.fs-1:link, a.fs-1:visited {color:#333; font-size:1em;}
a.fs-1:hover, a.fs-1:active, a.fs-1:focus {color:#333; font-size:1em;text-decoration:none;}

.fs-2 {color:#860049; font-size:1.6em;margin-left:7px;font-weight:bold;}
.fs-3 {color:#3e7baa; font-size:1.6em;margin-left:7px;font-weight:bold;}
.fs-4 {color:#e7ab15; font-size:1.5em;margin-left:7px;font-weight:bold;font-family:arial;font-weight:normal;}
.fs-5 {color:#333; font-size:1.3em;}
a.fs-5:link, a.fs-5:visited {color:#333; font-size:1.3em;}
a.fs-5:hover, a.fs-5:active, a.fs-5:focus {color:#333; font-size:1.3em;text-decoration:none;}
.fs-6 {color:#3e7baa; font-size:1em;font-weight:bold;}

ul.list_main {overflow:hidden;width:240px;float:left;}
ul.list_main li { background:url(../images/bullet.png) no-repeat left top;padding-left:35px;margin:10px 0 0 0;}

#footer ul {padding:1em 0 2em 30px;display:inline;}
#footer ul li {display:inline;font-size:1.2em;margin:0;font-family:verdana;}

/* margin / padding */
.margin-t {margin-top:15px;}
.margin-t-2 {margin-top:25px;}
.margin-b {margin-bottom:20px;}
.padding-b {padding-bottom:26em;}
.padding-b-2 {padding-bottom:18em;}
.padding-b-3 {padding-bottom:10em;}
.padding-b-4 {padding-bottom:5em;}
.padding-l {padding-left:1em;}
.margin-l {margin-left:65px;}
.margin-l-2 {margin-left:10px;}