/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
	
	body {
		background: url(../images/background.gif) repeat #333333;min-width:850px;
	font-family: Arial, Helvetica, sans-serif; font-size:9pt; list-style:none;}
	
@charset "UTF-8";
/* CSS Document */
body {
	;text-align:left;
	margin:0px;
	padding:0;
	font-size:8pt;
	color: #666666;
	list-style:none}

#wrapper {
background:#f1efe2;
	position: relative;
	margin:30px auto;
	width:800px;z-index:2;
		}


#floater{
		 position: absolute;
		 margin:0 auto;
		 width: 100%;
		 height:880px;
		 background: #FFFFFF;
		 left: 0;
		 top: 0;
		 z-index: -1;
		 opacity: .9;
	}
                                                                                ul { margin: 0; padding: 0; }


/** Links and stuff **/
a:link {
	text-decoration: none;
	color: #f1efe2;border:none}
a:active {
	text-decoration: none;
	color: #a2a2a2;border:none
}
a:visited {
	text-decoration: none;
	color: #7a7a7a;border:none
}
a:hover {
	text-decoration: none;
	color:#e2759b;border:none }


/** Header and footer **/
#header a img {
	color:none;
	border:none;
	}

#footer {
	text-align:left;
	background:#aadddc;
	color:#008790;
	padding:10px;
	z-index:3;
	font-size:10px;
	line-height:14pt;
	margin-top:5px}

#footer a {
	color: #7a7a7a;}

#footer a:hover {
	color:#850F4E;}
	
#footer ul {float:right; padding-top:5px; width:200px}
#footer li {float:left; list-style:none; padding-right:5px}
#footer p {width:500px }
#clear {clear:both}


/** Navigation **/
#navigation {
	float: left;
    width: 800px;
    background:#f1efe2;
    list-style: none;
   	padding:0;height:30px;
		height:49px;
	border-bottom:1px #008790 dashed;
	padding-bottom:0px;
}

#navigation ul {
    text-align: center;
	padding:0;
	margin: 0;
	z-index:100;
	}

#navigation li {
    list-style: none;
	float:left;
	height:49px;
	}

#navigation li a {
	color:#008790;
	float:left;
	width:133px;
	padding:0;
	font-size:8pt;
	 }



	
#home
{
  display: block;
  width: 133px;
  height: 49px;
  background: url("http://www.moneyrunners.co.uk/images/nav/home.gif") no-repeat 0 0;

}

#about
{
  display: block;
  width: 133px;
  height: 49px;
  background: url("http://www.moneyrunners.co.uk/images/nav/about.gif") no-repeat 0 0;

}

#listen
{
  display: block;
  width: 133px;
  height: 49px;
  background: url("http://www.moneyrunners.co.uk/images/nav/listen.gif") no-repeat 0 0;

}

#shop
{
  display: block;
  width: 133px;
  height: 49px;
  background: url("http://www.moneyrunners.co.uk/images/nav/shop.gif") no-repeat 0 0;

}

#contact
{
  display: block;
  width: 133px;
  height: 49px;
  background: url("http://www.moneyrunners.co.uk/images/nav/contact.gif") no-repeat 0 0;

}
#gallery2
{
  display: block;
  width: 133px;
  height: 49px;
  background: url("http://www.moneyrunners.co.uk/images/nav/gallery.gif") no-repeat 0 0;

}

#home:hover, #about:hover, #listen:hover, #shop:hover, #contact:hover, #gallery2:hover { background-position: 0 -51px; }

#home span, #about span, #listen span, #shop span, #contact span, #gallery2 span { display: none;}

/** Content, Left, middle and Right **/
#content {
	padding:10px;
	float: left;
	background:#f1efe2;
	width:780px;
	z-index:-1;
	}

#left {
	width:200px;
	float:left; padding-right:5px;
	border-right:1px dashed #333;
	list-style:none;
	}

#left ul li.title{
	background: #89058c;
	color:white;
	width:190px}
	
#left ul {
	margin-bottom:160px;
	}

#left li{
	list-style:none; 
	text-indent: 10px; 
	}

#left li a {
            indent:none;
            background: #CCCCCC;
            color:#333;
            display: block;
            line-height: 30px;
            float:left;
            width:190px;
            padding:0;
            font-size:8pt }

#left li a:hover {
           color:white;
		   background:black;
            text-decoration: none;
}


#middle {
	width:550px;
	float:left;
	 }

#middlemap {
	width:560px;
	float:left;
	}

#middle li{
	indent:10px;
	list-style:none; 
	text-indent: 10px; }
	 
	#middle ul li.title {
	margin-left:10px;

	width:340px}
#middlemap li{
	indent:10px;
	list-style:none; 
	text-indent: 10px; }
	 
	#middlemap ul li.title {
	margin-left:10px;
	background: #89058c;
	color:white;
	width:560px}

#middle p {
	margin-left:10px;
	width: 520px}
	
#middle a{color: #89058c}
#middle a:hover{color:#e2759b}



/** RIGHT - GIG DATES! **/

#right {
	width:220px;
	float:left;
	}

#right a { color:#008790; border:none}
#right a img { color:#008790; border:none}
#right a:hover { color: #850F4E;}


#right li{
	indent:10px;
	list-style:none; 
	text-indent: 0px;	float:left;padding-bottom:10px;
 }
#right ul{
	margin-bottom:10px
	}
																								
#right ul li.title{
	font-size: 14px; 
	font-weight: 600; 
	color:#f1efe2;
	text-indent:none;
	background: #008790;
	padding:5px;
	width:220px}

#right ul li.title2{
	color: #008790;
	text-indent:none;
	width:220px;
	padding-bottom:5px; float:left;
	padding-right:5px}

	

#myspace
{
  display: block;
  width: 20px;
  height: 20px;
  background: url("http://www.moneyrunners.co.uk/images/myspace_button.gif") no-repeat 0 0;

}

#facebook
{
  display: block;
  width: 20px;
  height:20px;
  background: url("http://www.moneyrunners.co.uk/images/face_button.gif") no-repeat 0 0;

}

#youtube
{
  display: block;
  width: 20px;
  height:20px;
  background: url("http://www.moneyrunners.co.uk/images/youtube_button.gif") no-repeat 0 0;

}

#newep
{
  display: block;
  width: 230px;
  height:244px;
  background: url("http://www.moneyrunners.co.uk/images/ep2.gif") no-repeat 0 0;

}

#newep:hover { background-position: 0 -248px; }
#newep span{ display: none;}

#myspace:hover { background-position: 0 -20px; }
#myspace span{ display: none;}
#facebook:hover { background-position: 0 -20px; }
#facebook span{ display: none;}
#youtube:hover { background-position: 0 -20px; }
#youtube span{ display: none;}
	
	
	/** GALLERY **/
.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
.galleria_main div{display:none;}
.galleria_main div.active{display:block;}
* html .galleria li div span{width:400px} /* MSIE bug */

/* BEGIN DEMO2 STYLE */
	.demolink{margin-bottom:2em;}
	.demo2{position:relative;clear:both;margin:5px 0 0 15px;;height:520px;width:550px;}
	.gallery_demo2{width:100%;}
	.gallery_demo2 li{width:64px;height:60px;border:1px solid #f1efe2;margin: 7px 7px 0 0;overflow:hidden;background:#f1efe2 ;}
	.gallery_demo2 li.active{border-color:#623;}
	.gallery_demo2 li div{top:145px;left:0;border:2px solid #111;background:#111;}
	.gallery_demo2 li img.thumb{opacity:.3}
	.gallery_demo2 li.active img.thumb,.gallery_demo2 li:hover img.thumb{opacity:.99}
	.gallery_demo2 li div .caption{padding-left:5px;font:normal 0.7em/1.4 sans-serif;color:#999;}
	
	
	
/*SHOP */

#cds {width:500px}
#cds   img {float:left}
#tshirts {width:500px;height:280px}
#tshirts img {float:left}

/*CONTACT FORM */
	
#contact-area {
	width: 520px;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 432px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
}

#contact-area textarea {
	height: 80px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #008790;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 60px;
	padding-top: 5px;
}

#mailing {width:220px;margin:-26px 0 0 230px; text-align:left;}
#checkbox {width:10px;margin-left:10px; float:left}

#successMsg {margin-left:75px; color: #850F4E}

	/** WHITE BORDER **/
#white-left {
height: 100%;
position: fixed;
top: 0;
left: 0;
width: 10px;
background:#f1efe2;
}

#white-right {
height: 100%;
position: fixed;
top: 0;
right: 0;
width: 10px;
background:#f1efe2;
}

#white-top {
height: 10px;
position: fixed;
top: 0;
left: 0;
width: 100%;
background:#f1efe2;
}

#white-btm {
height: 10px;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background:#f1efe2;
}