body {
	padding: 0px;
	margin: 0px;
	background-color: #F4F4F4;
	background-image: url(http://ruffprod.com/images/bg_tile.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	color: #7D6E59;
	font-size: 12px;	
}
#header {
	background-image: url(http://ruffprod.com/images/header_gradient.jpg);
	background-repeat: no-repeat;
	width: 800px;
	height: 20px;
	padding: 100px 0px 10px 0px;
	text-align: right;
	line-height: 20px;
	letter-spacing: 2px;
	margin: 0px auto 0px auto;
}	
a.head:link {
	color: #7D6E59;
	text-decoration: none;
}
a.head:visited {
	color: #7D6E59;
	text-decoration: none;
}
a.head:hover {
	color: #041943;
	text-decoration: underline;
	background-color: #CCCCCC;	
}
a.head:active {
	color: #7D6E59;
	text-decoration: none;
}
#topband {
	border-top: 2px solid #7D6E59;
	border-bottom: 2px solid #7D6E59;
	overflow: auto;
	background-color: #CCCCCC;
	margin: 0px 0px 15px 0px;	
}
#wrapper {
	width: 800px;
	margin: 0px auto 0px auto;
}
#picture {
	float: right;
	width: 575px;
	height: 195px;
	background-repeat: no-repeat;
}
.menuindex {
	background-image: url(http://ruffprod.com/images/menu_index.jpg)
}
.menustaff {
	background-image: url(http://ruffprod.com/images/menu_staff.jpg)
}
.menulinks {
	background-image: url(http://ruffprod.com/images/menu_links.jpg)
}
.menucurrent {
	background-image: url(http://ruffprod.com/images/menu_current.jpg)
}
.menupast {
	background-image: url(http://ruffprod.com/images/menu_past.jpg)
}
.menulatino {
	background-image: url(http://ruffprod.com/images/menu_latino.jpg)
}
.menukrank {
	background-image: url(http://ruffprod.com/images/menu_krank.jpg)
}
.menutv {
	background-image: url(http://ruffprod.com/images/menu_tv.jpg)
}
.menubackstage {
	background-image: url(http://ruffprod.com/images/menu_backstage.jpg)
}
.menucontact {
	background-image: url(http://ruffprod.com/images/menu_contact.jpg)
}
#menu {
	width: 225px;
	color: #041A43;
	letter-spacing: 3px;
	height: 185px;
	padding: 5px 0px 5px 0px;
	float: left;
}
a.menu:link {
	color: #041A43;
	text-decoration: none;
	display: block;
	width: 219px;
	padding: 3px 0px 3px 5px;
}
a.menu:visited {
	color: #041A43;
	text-decoration: none;
	display: block;
	width: 219px;
	padding: 3px 0px 3px 5px;
}
a.menu:hover {
	color: #F4F4F4;
	text-decoration: none;
	display: block;
	width: 219px;
	padding: 3px 0px 3px 5px;
	background-color: #041943;		
}
a.menu:active {
	color: #041A43;
	text-decoration: none;
	display: block;
	width: 219px;
	padding: 3px 0px 3px 5px;
}
a.menusmall:link {
	color: #7D6E59;
	text-decoration: none;
	display: block;
	width: 205px;
	padding: 2px 0px 2px 19px;
	letter-spacing: 1px;
}
a.menusmall:visited {
	color: #7D6E59;
	text-decoration: none;
	display: block;
	width: 205px;
	padding: 2px 0px 2px 19px;
	letter-spacing: 1px;
}
a.menusmall:hover {
	color: #7D6E59;
	text-decoration: none;
	display: block;
	width: 205px;
	padding: 2px 0px 2px 19px;
	background-color: #041943;		
	letter-spacing: 1px;
}
a.menusmall:active {
	color: #7D6E59;
	text-decoration: none;
	display: block;
	width: 205px;
	padding: 2px 0px 2px 19px;
	letter-spacing: 1px;
}
#contentband {
	border-top: 2px solid #7D6E59;
	border-bottom: 2px solid #7D6E59;
	overflow: auto;
	background-color: #041943;
	clear: both;
	color: #999999;
	font-size: 14px;	
}
.home {
	width: 560px;
	margin: 0px auto 0px auto;
	padding: 10px 10px 20px 230px;
	background-image: url(http://ruffprod.com/images/rick.jpg);
	background-repeat: no-repeat;
	background-position: 0px -20px;
	line-height: 1.6em;
}
.staff {
	width: 560px;
	margin: 0px auto 0px auto;
	padding: 10px 10px 20px 230px;
	background-image: url(http://ruffprod.com/images/staff_background.jpg);
	background-repeat: no-repeat;
	line-height: 1.4em;
}
.personnel {
	border-bottom: 1px dashed #7D6E59;
	color: #7D6E59;
	padding: 0px 0px 7px 0px;
	font-size: 16px;
	font-variant: small-caps;
	letter-spacing: 2px;
	margin: 0px 0px 7px 0px;
}
.links {
	width: 560px;
	margin: 0px auto 0px auto;
	padding: 10px 10px 10px 230px;
	background-image: url(http://ruffprod.com/images/links_background.jpg);
	background-repeat: no-repeat;
	line-height: 2em;
}
.pastprojects {
	width: 560px;
	margin: 0px auto 0px auto;
	padding: 10px 10px 10px 230px;
	background-image: url(http://ruffprod.com/images/cd.jpg);
	background-repeat: no-repeat;
	line-height: 1.5em;
}
.contact {
	width: 405px;
	margin: 0px auto 0px auto;
	padding: 10px 10px 10px 385px;
	background-image: url(http://ruffprod.com/images/card.jpg);
	background-repeat: no-repeat;
	line-height: 1.4em;
}	
#footer {
	width: 800px;
	color: #999999;
	text-align: center;
	padding: 3px 0px 250px 0px;
	margin: 0px auto 0px auto;
	font-size: 11px;
	clear: both;
}
a:link {
    text-decoration: underline;
	color: #999999;
	}
a:visited {
    text-decoration: underline;
	color: #999999;
	}
a:active {
    text-decoration: underline;
	color: #999999;
	}
a:hover {
    text-decoration: underline;
	color: #7D6E59;
	}	
/* forms */
form {
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 14px;
}

input {
width: 100%;
border: 1px solid #7D6E59;
background-color: #F4F4F4;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #7D6E59;
}
.textarea {
width: 100%;
height: 4.8em;
border: 1px solid #7D6E59;
background-color: #F4F4F4;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #7D6E59;
}
.button {
text-align: center;
width: 150px;
background-color: #999999;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #041943;
}
#albumart {
float: left;
width: 225px;
padding: 10px 0px 10px 0px;
}
#music {
float: right;
width: 570px;
padding: 10px 0px 10px 0px;
line-height: 1.5em;
font-size: 14px;
}

/*backstage*/
#container {
	position:relative; 
	width:720px; 
	height:700px; 
	margin:10px auto 10px auto;
}
#container b {
	font-weight:normal; 
	width:720px; 
	text-align:center; 
	position:absolute; 
	bottom:250px; 
	left:0; 
	color: #999999;
	line-height:1.4em; 
	z-index:1;
}
a.gallery, a.gallery:visited {
	display:inline; 
	color:#000; 
	text-decoration:none; 
	border:1px solid #7D6E59;
	width:75px; 
	height:75px; 
	float:left; 
	margin:7px 21px; 
	position:relative; 
	cursor:default;
}
a.slidea {background:url(http://ruffprod.com/backstage/zdionne.jpg);}
a.slideb {background:url(http://ruffprod.com/backstage/ztyatboard.jpg);}
a.slidec {background:url(http://ruffprod.com/backstage/zrufflaura.jpg);}
a.slided {background:url(http://ruffprod.com/backstage/zfinalmix.jpg);}
a.slidee {background:url(http://ruffprod.com/backstage/zmikelaura.jpg);}
a.slidef {background:url(http://ruffprod.com/backstage/zrufflaysdown.jpg);}
a.slideg {background:url(http://ruffprod.com/backstage/zmikevictor.jpg);}
a.slideh {background:url(http://ruffprod.com/backstage/zmikebassclinic.jpg);}
a.slidei {background:url(http://ruffprod.com/backstage/zkentstudio.jpg);}
a.slidej {background:url(http://ruffprod.com/backstage/zmikestanley.jpg);}
a.slidek {background:url(http://ruffprod.com/backstage/zkeithlaura.jpg);}
a.slidel {background:url(http://ruffprod.com/backstage/zmikesoundcheck.jpg);}

a.gallery span {
	visibility:hidden; 
	display:block; 
	position:absolute; 
	width:720px; 
	height:500px; 
	top:189px; 
	left:9px; 
	color:#666666; 
	text-align:center; 
	cursor:default;
	background-color:#041943;
	text-decoration: none;
}

a.slidea span {left:-13px; top:180px;}
a.slideb span {left:-132px; top:180px;}
a.slidec span {left:-251px; top:180px;}
a.slided span {left:-370px; top:180px;}
a.slidee span {left:-489px; top:180px;}
a.slidef span {left:-608px; top:180px;}
a.slideg span {left:-13px; top:89px;}
a.slideh span {left:-132px; top:89px;}
a.slidei span {left:-251px; top:89px;}
a.slidej span {left:-370px; top:89px;}
a.slidek span {left:-489px; top:89px;}
a.slidel span {left:-608px; top:89px;}

a.gallery:hover {
	white-space:normal; 
	border:1px solid #F4F4F4;
	z-index:100;
}

a.gallery:hover span {
	visibility:visible; 
	z-index:100;
}

a.gallery:hover span img {
	margin:10px; 
	border:1px solid #F4F4F4;
	position:relative; 
	z-index:100;
}

a.gallery:active, a.gallery:focus {
	border:1px solid #F4F4F4;
	z-index:10;
}

a.gallery:active span, a.gallery:focus span {
	visibility:visible; 
	z-index:10;
}

a.gallery:active span img, a.gallery:focus span img {
	border:1px solid #F4F4F4;
	position:relative; 
	margin:10px; 
	z-index:10;
}