@charset "UTF-8";
/* CSS Document */

/* RUIGRAZINA.COM - 2008—10 */
/* DESIGNED AND CODED AT PLAYOUT - WWW.PLAYOUT.PT */

html {
	/*overflow: -moz-scrollbars-vertical;*/
    overflow-y: scroll;
	}

body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size: 11px;
	line-height: 15px;
	/*background:transparent url(../imgs/backgroundCement.jpg) 0 0 repeat;*/
}

a {
	text-decoration:none;
	color:#777777;
	outline: none;
	}
	
h3, h4, h5 {
	float:left;
	margin:0;
	}
	
a:hover {
	text-decoration:none;
	color:#C6A64E;
	}
	
.clearfix:after {
    content: ".";
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

* {margin:0; padding:0; border:none;}

.clearfix {display: inline-block;}

.hidden{
	display: none;
	}

/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* HERE WE GO */

.FL {float:left;}
.FR {float:right;}


/* BASIC STRUCTURE */

#headAndBodyWrapper {
	float:left;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background:#FFFFFF;
	}

#headAndBodyContainer {
	width:980px;
	margin:0 auto;
	}
	
/* THE HEAD - FUN STARTS HERE */

#head {
	float:left;
	height:140px;
	}
	

/* HEAD - LEFT */

#headLeft {
	width:490px;
	height:130px;
	float:left;
 }

#logoPT h1{
	float:left;
	width:200px;
	height:36px;
	margin: 40px 0 0 0;
	display:block;
	background:transparent url(../imgs/pt/logoOn.gif) no-repeat;
}

#logoPT h1 a{
	display:block;
	width:200px;
	height:36px;
	background:transparent url(../imgs/pt/logoOff.gif) no-repeat;
	cursor:pointer;
}

#logoPT h1 a:hover{
	background:transparent url(../imgs/pt/logoOn.gif) no-repeat;
}

#logoPT h1 span{
	display:none;
	width:200px;
	height:36px;
}

#logoEN h1{
	float:left;
	width:200px;
	height:36px;
	margin: 40px 0 0 0;
	display:block;
	background:transparent url(../imgs/en/logoOn.gif) 0 -8000px no-repeat;
}

#logoEN h1 a{
	display:block;
	width:200px;
	height:36px;
	background:transparent url(../imgs/en/logoOff.gif) no-repeat;
	cursor:pointer;
}

#logoEN h1 a:hover{
	background:transparent url(../imgs/en/logoOn.gif) no-repeat;
}

#logoEN h1 span{
	display:none;
	width:200px;
	height:36px;
}

/* HEAD - RIGHT */

#headRight {
	 width:490px; 
	 height:130px;
	 float:right;
 }
 
.headContentRight {
 	/*display:none;*/
	/*display:block;
	width:50px;
	height:50px;
	background:transparent url(/imgs/monoblock.gif) no-repeat;
	margin:15px 0 0 0;*/
 }

/* 2ND EPISODE - MENU */

#menuWrapper {
	width:490px;
	height:130px;
	float:right;
	padding:56px 0 0 0;
	}

#menu, #menuSublevel {
	float:right;
	width:430px;
	height:18px;
	margin:8px 0 0 0;
	display:inline;
	background:transparent url(../imgs/menuBackground.gif) 0px 17px repeat-x;
}

#menu ul, #menuSublevel ul {
	padding:0;
	margin:0;
	float:left;
}

#menu ul li, #menuSublevel ul li {
	list-style:none;
	margin:0;
	float:left;
	display:block;
	background:#FFFFFF;
}

#menu ul li a, #menuSublevel ul li a {
	float:left;
	display:inline;
	padding:0;
	text-indent:-5000px;
	height:11px;
}

/* 1 PERFIL */
.b01 {background:transparent url(../imgs/pt/menuB01On.gif) -1px 0 no-repeat;}
.b01 a { width:38px; margin:0 20px 0 0; background:transparent url(../imgs/pt/menuB01Off.gif) -1px 0 no-repeat;}
.b01 a:hover {background:transparent url(../imgs/pt/menuB01On.gif) -1px 0 no-repeat}
.b01 strong a, .b01 strong a:hover { width:38px; margin:0 20px 0 0; background:transparent url(../imgs/pt/menuB01On.gif) -1px 0 no-repeat;}

/* 2 PROJECTOS */
.b02 { background:transparent url(../imgs/pt/menuB02On.gif) no-repeat;}
.b02 a {width:65px; margin:0 20px 0 0; background:transparent url(../imgs/pt/menuB02Off.gif) no-repeat;}
.b02 a:hover { background:transparent url(../imgs/pt/menuB02On.gif) no-repeat;}
.b02 strong a, .b02 strong a:hover {width:65px; margin:0 20px 0 0; background:transparent url(../imgs/pt/menuB02On.gif) no-repeat;}

/* 2 1 ARQUITECTURA */
.b02b01 { background:transparent url(../imgs/pt/menuB02B01On.gif) no-repeat;}
.b02b01 a {width:85px; margin:0 20px 0 0; background:transparent url(../imgs/pt/menuB02B01Off.gif) no-repeat;}
.b02b01 a:hover { background:transparent url(../imgs/pt/menuB02B01On.gif) no-repeat;}
.b02b01 strong a, .b02b01 strong a:hover {width:85px; margin:0 20px 0 0; background:transparent url(../imgs/pt/menuB02B01On.gif) no-repeat;}

/* 2 2 DESIGN */
.b02b02 { background:transparent url(../imgs/pt/menuB02B02On.gif) no-repeat;}
.b02b02 a {width:40px; margin:0 20px 0 0; background:transparent url(../imgs/pt/menuB02B02Off.gif) no-repeat;}
.b02b02 a:hover { background:transparent url(../imgs/pt/menuB02B02On.gif) no-repeat;}
.b02b02 strong a, .b02b02 strong a:hover {width:40px; margin:0 20px 0 0; background:transparent url(../imgs/pt/menuB02B02On.gif) no-repeat;}

/* 3 NOTICIAS */
.b03 { background:transparent url(../imgs/pt/menuB03On.gif) no-repeat;}
.b03 a {width:52px; margin:0 20px 0 0; background:transparent url(../imgs/pt/menuB03Off.gif) no-repeat;}
.b03 a:hover { background:transparent url(../imgs/pt/menuB03On.gif) no-repeat;}
.b03 strong a, .b03 strong a:hover {width:52px; margin:0 20px 0 0; background:transparent url(../imgs/pt/menuB03On.gif) no-repeat;}

/* 4 MEDIA */
.b04 { background:transparent url(../imgs/pt/menuB04On.gif) no-repeat;}
.b04 a {width:35px; margin:0 19px 0 0; background:transparent url(../imgs/pt/menuB04Off.gif) no-repeat;}
.b04 a:hover { background:transparent url(../imgs/pt/menuB04On.gif) no-repeat;}
.b04 strong a, .b04 strong a:hover {width:35px; margin:0 19px 0 0; background:transparent url(../imgs/pt/menuB04On.gif) no-repeat;}

/* 4 1 REVISTAS+MAGAZINES */
.b04b01 { background:transparent url(../imgs/pt/menuB04B01On.gif) no-repeat;}
.b04b01 a {width:128px; margin:0 20px 0 0; background:transparent url(../imgs/pt/menuB04B01Off.gif) no-repeat;}
.b04b01 a:hover { background:transparent url(../imgs/pt/menuB04B01On.gif) no-repeat;}
.b04b01 strong a, .b04b01 strong a:hover {width:128px; margin:0 20px 0 0; background:transparent url(../imgs/pt/menuB04B01On.gif) no-repeat;}

/* 4 2 MOVING IMAGE */
.b04b02 { background:transparent url(../imgs/pt/menuB04B02On.gif) no-repeat;}
.b04b02 a {width:81px; margin:0 20px 0 0; background:transparent url(../imgs/pt/menuB04B02Off.gif) no-repeat;}
.b04b02 a:hover { background:transparent url(../imgs/pt/menuB04B02On.gif) no-repeat;}
.b04b02 strong a, .b04b02 strong a:hover {width:81px; margin:0 20px 0 0; background:transparent url(../imgs/pt/menuB04B02On.gif) no-repeat;}

/* 5 LINKS */
.b05 { background:transparent url(../imgs/pt/menuB05On.gif) no-repeat;}
.b05 a {width:32px; margin:0 20px 0 0; background:transparent url(../imgs/pt/menuB05Off.gif) no-repeat;}
.b05 a:hover { background:transparent url(../imgs/pt/menuB05On.gif) no-repeat;}
.b05 strong a, .b05 strong a:hover {width:32px; margin:0 20px 0 0; background:transparent url(../imgs/pt/menuB05On.gif) no-repeat;}

/* 6 CONTACTOS*/
.b06 { background:transparent url(../imgs/pt/menuB06On.gif) no-repeat;}
.b06 a {width:59px; margin:0 20px 0 0; background:transparent url(../imgs/pt/menuB06Off.gif) no-repeat;}
.b06 a:hover { background:transparent url(../imgs/pt/menuB06On.gif) no-repeat;}
.b06 strong a, .b06 strong a:hover {width:59px; margin:0 20px 0 0; background:transparent url(../imgs/pt/menuB06On.gif) no-repeat;}

/* 7 SHOP*/
.b07 { background:transparent url(../imgs/pt/menuB07On.gif) no-repeat;}
.b07 a {width:29px; margin:0; background:transparent url(../imgs/pt/menuB07Off.gif) no-repeat;}
.b07 a:hover { background:transparent url(../imgs/pt/menuB07On.gif) no-repeat;}
.b07 strong a, .b07 strong a:hover {width:29px; margin:0; background:transparent url(../imgs/pt/menuB07On.gif) no-repeat;}

/*ENGLISH */

/* 1 PROFILE */
.en .b01 {background:transparent url(../imgs/en/menuB01On.gif) 0 0 no-repeat;}
.en .b01 a { width:45px; margin:0 26px 0 0; background:transparent url(../imgs/en/menuB01Off.gif) 0 0 no-repeat;}
.en .b01 a:hover {background:transparent url(../imgs/en/menuB01On.gif) 0 0 no-repeat}
.en .b01 strong a, .en .b01 strong a:hover { width:45px; margin:0 26px 0 0; background:transparent url(../imgs/en/menuB01On.gif) 0 0 no-repeat;}

/* 2 PROJECTS */
.en .b02 { background:transparent url(../imgs/en/menuB02On.gif) no-repeat;}
.en .b02 a {width:57px; margin:0 26px 0 0; background:transparent url(../imgs/en/menuB02Off.gif) no-repeat;}
.en .b02 a:hover { background:transparent url(../imgs/en/menuB02On.gif) no-repeat;}
.en .b02 strong a, .en .b02 strong a:hover {width:57px; margin:0 26px 0 0; background:transparent url(../imgs/en/menuB02On.gif) no-repeat;}

/* 2 1 ARCHITECTURE */
.en .b02b01 { background:transparent url(../imgs/en/menuB02B01On.gif) no-repeat;}
.en .b02b01 a {width:83px; margin:0 25px 0 0; background:transparent url(../imgs/en/menuB02B01Off.gif) no-repeat;}
.en .b02b01 a:hover { background:transparent url(../imgs/en/menuB02B01On.gif) no-repeat;}
.en .b02b01 strong a, .en .b02b01 strong a:hover {width:83px; margin:0 25px 0 0; background:transparent url(../imgs/en/menuB02B01On.gif) no-repeat;}

/* 2 2 DESIGN */
.en .b02b02 { background:transparent url(../imgs/en/menuB02B02On.gif) no-repeat;}
.en .b02b02 a {width:40px; margin:0 25px 0 0; background:transparent url(../imgs/en/menuB02B02Off.gif) no-repeat;}
.en .b02b02 a:hover { background:transparent url(../imgs/en/menuB02B02On.gif) no-repeat;}
.en .b02b02 strong a, .en .b02b02 strong a:hover {width:40px; margin:0 25px 0 0; background:transparent url(../imgs/en/menuB02B02On.gif) no-repeat;}

/* 3 NEWS */
.en .b03 { background:transparent url(../imgs/en/menuB03On.gif) no-repeat;}
.en .b03 a {width:32px; margin:0 26px 0 0; background:transparent url(../imgs/en/menuB03Off.gif) no-repeat;}
.en .b03 a:hover { background:transparent url(../imgs/en/menuB03On.gif) no-repeat;}
.en .b03 strong a, .en .b03 strong a:hover {width:32px; margin:0 26px 0 0; background:transparent url(../imgs/en/menuB03On.gif) no-repeat;}

/* 4 MEDIA */
.en .b04 { background:transparent url(../imgs/en/menuB04On.gif) no-repeat;}
.en .b04 a {width:34px; margin:0 25px 0 0; background:transparent url(../imgs/en/menuB04Off.gif) no-repeat;}
.en .b04 a:hover { background:transparent url(../imgs/en/menuB04On.gif) no-repeat;}
.en .b04 strong a, .en .b04 strong a:hover {width:34px; margin:0 25px 0 0; background:transparent url(../imgs/en/menuB04On.gif) no-repeat;}

/* 4 1 JOURNALS+MAGAZINES */
.en .b04b01 { background:transparent url(../imgs/en/menuB04B01On.gif) no-repeat;}
.en .b04b01 a {width:131px; margin:0 25px 0 0; background:transparent url(../imgs/en/menuB04B01Off.gif) no-repeat;}
.en .b04b01 a:hover { background:transparent url(../imgs/en/menuB04B01On.gif) no-repeat;}
.en .b04b01 strong a, .en .b04b01 strong a:hover {width:131px; margin:0 25px 0 0; background:transparent url(../imgs/en/menuB04B01On.gif) no-repeat;}

/* 4 2 MOVING IMAGE */
.en .b04b02 { background:transparent url(../imgs/en/menuB04B02On.gif) no-repeat;}
.en .b04b02 a {width:81px; margin:0 25px 0 0; background:transparent url(../imgs/en/menuB04B02Off.gif) no-repeat;}
.en .b04b02 a:hover { background:transparent url(../imgs/en/menuB04B02On.gif) no-repeat;}
.en .b04b02 strong a, .en .b04b02 strong a:hover {width:81px; margin:0 25px 0 0; background:transparent url(../imgs/en/menuB04B02On.gif) no-repeat;}

/* 5 LINKS */
.en .b05 { background:transparent url(../imgs/en/menuB05On.gif) no-repeat;}
.en .b05 a {width:32px; margin:0 25px 0 0; background:transparent url(../imgs/en/menuB05Off.gif) no-repeat;}
.en .b05 a:hover { background:transparent url(../imgs/en/menuB05On.gif) no-repeat;}
.en .b05 strong a, .en .b05 strong a:hover {width:32px; margin:0 25px 0 0; background:transparent url(../imgs/en/menuB05On.gif) no-repeat;}

/* 6 CONTACTS*/
.en .b06 { background:transparent url(../imgs/en/menuB06On.gif) no-repeat;}
.en .b06 a {width:52px; margin:0 21px 0 0; background:transparent url(../imgs/en/menuB06Off.gif) no-repeat;}
.en .b06 a:hover { background:transparent url(../imgs/en/menuB06On.gif) no-repeat;}
.en .b06 strong a, .en .b06 strong a:hover {width:52px; margin:0 21px 0 0; background:transparent url(../imgs/en/menuB06On.gif) no-repeat;}

/* 7 SHOP*/
.en .b07 { background:transparent url(../imgs/pt/menuB07On.gif) no-repeat;}
.en .b07 a {width:29px; margin:0; background:transparent url(../imgs/pt/menuB07Off.gif) no-repeat;}
.en .b07 a:hover { background:transparent url(../imgs/pt/menuB07On.gif) no-repeat;}
.en .b07 strong a, .b07 strong a:hover {width:29px; margin:0; background:transparent url(../imgs/pt/menuB07On.gif) no-repeat;}

/* MAIN BODY */

#mainBody {
	float:left;
	width:980px;
	margin:0;
	padding:0 0 60px 0;
	position: relative;
	}
	
#mainBodySmallPadding {
	float:left;
	width:980px;
	margin:0;
	padding:20px 0 30px 0;
	}
	
#mainBodyBlock {
	float:left;
	width:980px;
	margin:0;
	padding:20px 0 60px 0;
	}
	
.homeDesc {
	position: absolute;
	width: 190px;
	height: 72px;
	padding: 2px 0 0 10px;
	top:20px;
	right:20px;
	background: #FFF;
	z-index: 30;
	filter:alpha(opacity=80);   /* Internet Explorer       */
    -moz-opacity:0.8;           /* Mozilla 1.6 and below   */
    opacity: 0.8;              /* newer Mozilla and CSS-3 */
	}
	
/* 4 COLUMNS */

.fourCol {
	float:left; 
	width:225px; 
	padding:0 20px 0 0; 
	display:inline; 
	line-height:16px;
	font-size:12px;
	background:none;
	word-wrap: break-word;
	} 

/* 5 COLUMNS */

.fiveCol {
	float:left; 
	width:180px; 
	padding:0 20px 0 0;
	margin:0; 
	display:inline; 
	line-height:16px;
	font-size:11px;
	background:none;
	word-wrap: break-word;
	overflow:hidden;
	position: relative;
	} 
	
.fiveColLast {
	float:left; 
	width:180px; 
	padding:0;
	margin:0; 
	display:inline; 
	line-height:16px;
	font-size:11px;
	background:none;
	word-wrap: break-word;
	overflow:hidden;
	position: relative;
	}
	
.fiveColImg2ColLast {
	float:left; 
	width:380px; 
	padding:0;
	margin:0; 
	display:inline;
	word-wrap: break-word;
	overflow:hidden;
	}
	
/* HOME INTRO */

#homeIntro {
	float:left;
	width:589px;
	position:relative;
	}

/* HOME HIGHLIGHTS */

#homeHighlightsContainer {
	float:right;
	width:380px;
	}
	
.homeHighlights {
	float:left;
	width:380px;
	display:inline;
	}
	
.homeHighlights strong {
	float:left;
	width:380px;
	display:inline;
	height:32px;
	margin:0 0 -2px 0;
	}

.homeHighlightsLine {
	float:left;
	width:380px;
	display:inline;
	margin:0;
	border:none;
	height:15px; 
	background:url(/imgs/menuBackground.gif) 0 8px repeat-x;
	}
	
.homeHighlights p {	
	float:left;
	width:380px;
	display:inline;
	color:#666666; 
	line-height:14px;
	margin:0;
	padding:0 0 40px 0;
	}
	
/* projTitle */

#projTxtContainer {
	float:left;
	width:600px;
	}
	
.projTitle {
	float:left;
	width:580px;
	display:inline;
	}
	
.projTitle strong {
	float:left;
	width:580px;
	display:inline;
	height:32px;
	margin:0 0 -2px 0;
	}

.projTitleLine {
	float:left;
	width:580px;
	display:inline;
	margin:0;
	border:none;
	height:15px; 
	background:url(/imgs/menuBackground.gif) 0 8px repeat-x;
	}
	
.projTitle p {	
	float:left;
	width:580px;
	display:inline;
	color:#666666; 
	line-height:14px;
	margin:0 0 40px 0;
	}
	
/* GALLERY CONTAINER */

#galleryContainer {
	float:right;
	margin:2px 0 0 0;
	display:inline;
	width:380px;
	height:456px;
	}	
	
/* PROJECTS LIST */

.projectsList {
	float:left;
	width:317px;
	height:92px;
	background:#F0F0F0 url(/imgs/projectListBg.jpg) top left no-repeat;
	padding:0;
	}
	
.projectsListMargin {margin:0 14px 30px 0;}
.projectsListNoMargin {margin:0 0 30px 0;}
	
.projectsList img {
	float:left;
	width:146px;
	height:92px;
	margin:0;
	padding:0;
	}
	
.projectsList a {
	float:left;
	width:146px;
	height:92px;
	margin:0;
	padding:0;
	}

.projectsList a:hover img{
	display:none;
	}

.projectsListTitle {
	float:left;
	width:162px;
	height:88px;
	margin:0;
	padding:4px 0 0 9px;
	}
	
.projectListBox{
	float:left;
	width:200px;
	height:88px;
	margin:0 0 0 4px;
	padding:4px 0 0 9px;
	background:#F0F0F0;
	}
	
.projectListBoxDetail{
	float:left;
	width:388px;
	height:85px;
	margin:0 0 0 4px;
	padding:7px 49px 0 9px;
	background:#F0F0F0;
	color: #999;
	}
	
.addToCart {
	margin:18px 0 0 1px;
	}
	
/* NEWS */

#newsContainer {
	float:left;
	width:980px;
	}
	
.newsImg {
	float:left;
	width:350px;
	height:92px;
	margin:0 0 30px 0;
	display:inline;
	}
	
.news {
	float:left;
	width:604px;
	height:92px;
	display:inline;
	border-left:6px solid #CCCCCC;
	margin:0 0 30px 10px;
	padding:0 0 0 10px;
	}
	
.news strong {
	float:left;
	width:604px;
	display:inline;
	height:32px;
	margin:-4px 0 -2px 0;
	}

.newsLine {
	float:left;
	width:604px;
	display:inline;
	margin:0;
	border:none;
	height:15px; 
	background:url(/imgs/menuBackground.gif) 0 8px repeat-x;
	}
	
.news p {	
	float:left;
	width:604px;
	display:inline;
	color:#666666; 
	font-size:12px;
	line-height:15px;
	margin:0;
	}
	
/* MEDIA */

#media {
	float:left;
	width:980px;
	}
	
#media img{
	float:left;
	margin:0;
	}
	
/* TEXT */

.text li {
	list-style-type:none;
	padding:0 0 0 10px;
	}
	
.text li a{
	color:#C6A64E;
	display:inline;
	margin:0 0 0 -10px;
	padding:0 0 0 10px;
	background:url(../imgs/arrowOff.gif) 0 4px no-repeat;
	}
	
.text li a:hover{
	color:#777777;
	background:url(../imgs/arrowOn.gif) 0 4px no-repeat;
	}
	
/* LINKS */

.linkTit {
	width:180px;
	}

.link li {
	list-style-type:none;
	float:left;
	width:180px; 
	font-size:10px; 
	text-transform:uppercase; 
	line-height:12px; 
	margin: 0 0 5px 0;
	background:transparent url(../imgs/menuBackground.gif) left bottom repeat-x;
	}

.link li a {
	float:left;
	margin:-5px 0 0 0;
	padding: 6px 0 5px 10px; 
	width:170px;
	background:url(../imgs/arrowOn.gif) 0 9px no-repeat;
}

.link li a:hover {
	color:#C6A64E;
	background:url(../imgs/arrowOff.gif) 0 9px no-repeat;
	}

/* SHOP */

.shopLine {
	float:left;
	display: block;
	}

/* THE FOOTER - FUN ENDS HERE */
	
#footerWrapper{
	width:100%;
	float:left;
	height:90px;
	margin:0;
	padding:0;
	font-size:10px;
	}

#footerContainer {
	display:block;
	width:980px;
	margin:0 auto;
	}
	
/* LANGUAGE MENU */

#language {
	padding:0;
	margin:10px 0 0 0;
	float:left;
	display:block;
}

#language ul {
	display:block;
	padding:0;
	margin:0;
	float:left;
}

#language ul li {
	list-style:none;
	padding:0;
	margin:0;
	float:left;
}

#language ul li a {
	display:block;
	padding:0 6px 0 0;
	margin:0;
	float:left;
	color:#888888;
	font-weight:bold;
}

#language ul li a:hover {
	color:#FFFFFF;
}

#language ul li ul li a {
	display:block;
	padding:0 6px 0 0;
	margin:0;
	float:left;
	color:#000000;
	font-weight:bold;

}

#language ul li ul li a:hover {
	color:#FFFFFF;
}

#copyright {
	float:left;
	width:980px;
	margin:10px 0 0 0;
	display:inline;
	color:#888888;
	line-height:15px;
	text-transform:uppercase;
	}
	
#copyright strong {
	color:#AAAAAA;
	}
	
/* CREDITS + MAIN LINKS */	

#mainLinks {
	float:right;
	display:inline;
}

#mainLinks ul {
	padding:0;
	margin:0;
	float:left;
}

#mainLinks ul li {
	list-style:none;
	margin:0;
	float:left;
	display:inline;
	font-size:1px;
}

#mainLinks ul li a {
	float:left;
	display:inline;
	padding:0;
	text-indent:-5000px;
	font-size:1px;
}

.mainLink01 { background:transparent url(../imgs/playoutOn.png) 0px -8000px no-repeat; _background:none;}
.mainLink01 a {width:38px; height:11px; margin:13px 0 0 -1px; background:transparent url(../imgs/playoutOff.png) no-repeat;}
.mainLink01 a:hover { background:transparent url(../imgs/playoutOn.png) no-repeat;}