/* CSS Document */

/* Common
------------------------------------------------------------------------*/
* {
    font-style: normal;
    list-style-type: none;
    list-style-position: outside;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
}

body {
	margin: 0;
	padding: 0;
	color:#000000;
	background: #ffffff;
	min-width:800px;
	font-size: small;
	font-family:Helvetica, Arial, sans-serif;
	text-align:center;
}

* html body {
	font-size: x-small; /* for IE5/Win */
	f\ont-size: small; /* for other IE versions */
}


/* WRAPPER CONTAINS THE LEFT AND RIGHT DIVS
------------------------------------------------------------------------*/
#wrapper {
	width: 800px;
	background: url(assets/bgrpt_mid.jpg) repeat-y;
	text-align: left;	
	margin: 40px auto 0px auto;
	padding: 0;
}

/* GENERIC CLEAR FOR FLOATED ELEMENTS
------------------------------------------------------------------------*/
.floatclear{
	clear: both;
	height: 1px;
}


/* HEADER CONTAINS THE LOGO BACKGROUND IMAGE AND THE NAVIGATION
------------------------------------------------------------------------*/
#header {
}

#navigation {
	margin: 92px 0px 0px 0px;
	padding: 0px;
	width: 652px;
	height: 22px;
	text-align: left;
	float: left;

}

#primarynav {
	width: 652px;
	height: 22px;
	background: url(assets/navigation.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	position: relative;
}

#primarynav span {
	display:none;
}

#primarynav li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: block;
	position: absolute;	
}

#primarynav a {
	display: block;
	height: 22px;
	text-decoration: none;
}

#home 				{left:0px; top:0; width:31px; height:22px;}
#thestory 			{left:49px; top:0; width:58px; height:22px;}
#theactors 			{left:124px; top:0; width:66px; height:22px;}
#theshootandmusic 		{left:209px; top:0; width:106px; height:22px;}
#workshopsandrehearsals 	{left:333px; top:0; width:149px; height:22px;}
#refugeesinscotland 	{left:502px; top:0; width:126px; height:22px;}

#home a, #thestory a, #theactors a, #theshootandmusic a, #workshopsandrehearsals a, #refugeesinscotland a {height:22px;}

#home a:hover,#home .active 								{background:url(assets/navigation.gif) -0px -22px no-repeat; width:31px; height:22px;}
#thestory a:hover,#thestory .active 						{background:url(assets/navigation.gif) -49px -22px no-repeat; width:58px; height:22px;}
#theactors a:hover,#theactors .active 						{background:url(assets/navigation.gif) -124px -22px no-repeat; width:66px; height:22px;}
#theshootandmusic a:hover,#theshootandmusic .active 			{background:url(assets/navigation.gif) -209px -22px no-repeat; width:106px; height:22px;}
#workshopsandrehearsals a:hover,#workshopsandrehearsals .active	{background:url(assets/navigation.gif) -333px -22px no-repeat; width:149px; height:22px;}
#refugeesinscotland a:hover,#refugeesinscotland .active 		{background:url(assets/navigation.gif) -502px -22px no-repeat; width:126px; height:22px;}

#logo {
	float: right;
	padding: 15px 0 0 11px;
}