.mast {
    display: block;

	width:300px;	/* 306px / 960px */
	
	border-right: 0px solid #eee;
}

ul.nav {
	border-top: 1px solid #888583;
	margin:0;
	width:100%;
}
ul.nav a {
	background: url("../TNail/tnailink.jpg") no-repeat ;
	font: bold 14px/1.2 "Book Antiqua", "Palatino Linotype", Georgia, serif;
	display: block;
	text-align: center;
	letter-spacing: 0.1em;
	padding:24px;
	text-transform: uppercase;
	opacity:0.2;
}
ul.nav a:hover {
	opacity:0.9;
}
ul.navtwo {
	border-top: 1px solid #888583;
	margin:0;
	width:100%;
}
ul.navtwo a {
	background: url("../TNail/tnailink.jpg") no-repeat ;
	font: bold 14px/1.2 "Book Antiqua", "Palatino Linotype", Georgia, serif;
	display: block;
	text-align: center;
	letter-spacing: 0.1em;
	padding:24px;
	text-transform: uppercase;
	opacity:0.2;
}
ul.navtwo a:hover {
	opacity:0.9;
}

.two  ul.nav a {
	background: url("../TNail/tnaillink3.png") no-repeat 0 20px;
	font: bold 14px/1.2 "Book Antiqua", "Palatino Linotype", Georgia, serif;
	display: block;
	text-align: center;
	letter-spacing: 0.1em;
	padding: 3em;
	margin-bottom: -1em;
	height: 300px;
	text-transform: uppercase;
	opacity:0.9;
}

li.one a {
	background: url("../TNail/1_JohnnyLydon_Pil_soundcheck.jpg") no-repeat ;
	opacity:0.2;
}
li.oneon a {
	background: url("../TNail/1_JohnnyLydon_Pil_soundcheck.jpg") no-repeat -7px -4px;
	opacity:0.9;
}
li.two a {
	background: url("../TNail/clashx3.jpg") no-repeat 0px -20px ;
	opacity:0.4;
}
li.twoon a {
	background: url("../TNail/clashx3.jpg") no-repeat 0px -20px ;
	opacity:0.9;
}
li.three a {
	background: url("../TNail/donnad.jpg") no-repeat ;
	opacity:0.3;
}
li.threeon a {
	background: url("../TNail/donnad.jpg") no-repeat ;
	opacity:0.9;
}
li.four a {
	background: url("../TNail/cupid5.jpg") no-repeat ;
	opacity:0.3;
}
li.fouron a {
	background: url("../TNail/cupid5.jpg") no-repeat ;
	opacity:0.9;
}
li.five a {
	background: url("../TNail/la1.jpg") no-repeat -40px -20px ;
	opacity:0.3;
}
li.fiveon a {
	background: url("../TNail/la1.jpg") no-repeat -40px -20px ;
	opacity:0.9;
}
li.six a {
	background: url("../TNail/cbgbphotog2.jpg") no-repeat 0px 0px ;
	opacity:0.3;
}
li.sixon a {
	background: url("../TNail/cbgbphotog2.jpg") no-repeat 0px 0px ;
	opacity:0.9;
}
li.sev a {
	background: url("../TNail/MBhydra7.jpg") no-repeat 0px 0px ;
	opacity:0.3;
}
li.sevon a {
	background: url("../TNail/MBhydra7.jpg") no-repeat 0px 0px ;
	opacity:0.9;
}
li.eig a {
	background: url("../TNail/knight2Crp.jpg") no-repeat 0px 0px ;
	opacity:0.3;
}

li.eigon a {
	background: url("../TNail/knight2Crp.jpg") no-repeat 0px 0px ;
	opacity:0.9;
}
li.nin a {
	background: url("../TNail/la1.jpg") no-repeat 0px 0px ;
	opacity:0.3;
}
li.oneon {
opacity:0.9;
}
li.twoon {
opacity:0.9;
}
/* ------------------------------------------------------------ *\
|* ------------------------------------------------------------ *|
|* Media Queries
|* ------------------------------------------------------------ *|
\* ------------------------------------------------------------ */
@media all and (max-width: 800px) { 
.mast {
    display: block;

	width:150px;	/* 306px / 960px */
	
	border-right: 0px solid #eee;
}
}