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


 body{
	margin:0;
	padding:100px 0 0 150px;
	background:#000000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-color:#ffffff;
	font-size: 11px;
	color: #FFF
 }
 
  p{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-color:#ffffff;
	font-size: 11px;
	color: #FFF;
	text-align:left;
	text-decoration:none
  }
	  p.video{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-color:#ffffff;
	font-size: 11px;
	color: #FFF;
	text-align:center;
	text-decoration:none
 }
 
   h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-color:#ffffff;
	font-size: 13px;
	color: #FFF;
	text-align:center;
	text-decoration:none
 }
 
 a{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-color:#ffffff;
	font-size: 11px;
	color: #FFF;
	text-decoration:none
 }
 
a:hover {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #ff9900;
	text-decoration:none
}
 
  a.email{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-color:#ffffff;
	font-size: 11px;
	color: #FFF;
	text-align: left;
	text-decoration:none
 }
 
 tr.even td {
	background-color: #222222
}


  
 div#background{
	position:absolute;
	top:3px;
	left:114px;
	width:724px;
	height:588px;
	background-image: url(meno_website_bg.jpg);
	color: #000;
	text-align:right;
	border:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-color:#ffffff;
	font-size: 11px;
	color: #FFF
 }
 
   div#watchmore{
	position:absolute;
	margin-topt:   370px;
	margin-left: 125px;
	top:84px;
	left:-41px;
	width:190px;
	height:107px;
	color: #000000;
	border:none
  }
  
     div#meno{
	position:absolute;
	margin-topt:   410px;
	margin-left: 450px;
	top:96px;
	left:-137px;
	width:234px;
	height:80px;
	color: #000000;
	border:none
  }
  
       div#content{
	position:absolute;
	margin-topt:   410px;
	margin-left: 450px;
	top:155px;
	left:-276px;
	width:446px;
	height:630px;
	color: #000000;
	border:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-color:#ffffff;
	font-size: 11px;
	color: #FFF
  }
         div#gradtop{
	position:absolute;
	margin-topt:   410px;
	margin-left: 450px;
	top:137px;
	left:-280px;
	width:446px;
	height:4px;
	color: #000000;
	border:none
  }
         div#gradbot{
	position:absolute;
	margin-topt:   410px;
	margin-left: 450px;
	top:567px;
	left:-280px;
	width:446px;
	height:4px;
	color: #000000;
	border:none
  }
           div#contact{
	position:absolute;
	margin-topt:   410px;
	margin-left: 450px;
	top:592px;
	left:-170px;
	width:490px;
	height:20px;
	color: #000000;
	border:none
  }
  
         div#quote{
	position:absolute;
	margin-topt:   410px;
	margin-left: 450px;
	top:11px;
	left:-221px;
	width:400px;
	height:80px;
	color: #000000;
	border:none
  }
  
  
         div#menu{
	position:absolute;
	margin-topt:   410px;
	margin-left: 450px;
	top:191px;
	left:-444px;
	width:150px;
	height:400px;
	color: #000000;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#ffffff;
	border:none;
	font-size: 10px;
  }

ul {
margin-top: 0px;
margin-bottom: 0px;
list-style-image: url(your custom bullet);
color: #333333;
font-size: 80%;
font-weight: normal;
margin-left: 20px;
padding-left: 20px;
line-height: 1.3em;
}

.scrollArea {
width: 275px;
height: 100px;
padding-left: 5px;
padding-right: 5px;
border-color: #6699CC;
border-width: 1px;
border-style: solid;
float: left;
overflow: auto;
}

.tb7 {
	width: 221px;
	background: transparent url('images/bg.jpg') no-repeat;
	color : #747862;
	height:20px;
	border:0;
	padding:4px 8px;
	margin-bottom:0px;
}

/* this holds it all. set width for allowable space (20px wider than shown image) */
div#ps {
  padding : 0;
  width : auto; 
  margin : auto;
  width : 420px;  /* set width to allow for all the boxes in a row and adjust this when changing thumbnail sizes*/
}

/* this hides the accessible links from view but keeps 'em available */
.ps_offset {
  position : absolute;
  margin-left : -2000px;
  margin-top : -2000px;
}

/* for h2 heading, but an option if h2 is pre-styled (note width) */
div#ps h2 { 
  margin : 60px 0 15px 4%;
  font-weight : normal;
  color : #ff9900; 
  width : 400px;
}

/* this the same as h2 above, may be optional (do note the width) */
div#ps p { 
  margin : 15px 0 15px 4%;
  font-size : 0.85em; 
  width : 400px; 
}

/* style the unordered list (note height) */
div#ps ul {
  margin : 5px 0 70px 4%;
  height : 40px;
}

/* make the list items show horizontally */
div#ps ul li {
  display : inline; 
}

/* set the links as blocks, size in px (must be floated) */
div#ps ul a {
  display : block;
  float : left;
  border : 1px solid #ff9900;
  text-decoration : none;
  margin : 0 5px 5px 0;
  width : 60px;
  height : 40px;
  cursor : pointer;   /* this is for Opera only */
}

/* set hover state border */
div#ps ul a:hover {
  border : 1px solid #000;
}

/* but remove border from images */
div#ps a img {
  border : 0;
}

/* set fous position (width and height will match big photo size and list row width */
div#ps ul a#psa1:focus, div#ps ul a#psa1:active, div#ps ul a#psa2:focus, div#ps ul a#psa2:active, div#ps ul a#psa3:focus, div#ps ul a#psa3:active, div#ps ul a#psa4:focus, div#ps ul a#psa4:active, div#ps ul a#psa5:focus, div#ps ul a#psa5:active, div#ps ul a#psa6:focus, div#ps ul a#psa6:active, div#ps ul a#psa7:focus, div#ps ul a#psa7:active, div#ps ul a#psa8:focus, div#ps ul a#psa8:active, div#ps ul a#psa9:focus, div#ps ul a#psa9:active, div#ps ul a#psa10:focus, div#ps ul a#psa10:active { 
  margin-top : -300px; 
  margin-right: 50px;
  left: 25px;
  top: 330px;
  width : 380px; /* adjust this only when changing thumbnail sizes */
  height : 250px;
  position : absolute;
  cursor : default;   /* because I like it, if you don't, do use "cursor : default" */
}

/* set backgrounds for each state */
div#ps ul a#psa1 {
  background : #000 url(http://www.meno.tv/images/prodpicweb_01.jpg) no-repeat 0 0;
}
div#ps ul a#psa1:hover {
  background : #222 url(http://www.meno.tv/images/prodpicweb_01.jpg) no-repeat 0 0;
}
div#ps ul a#psa1:focus, div#ps ul a#psa1:active {
  background : #444 url(http://www.meno.tv/images/prodpicweb_01.jpg) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa2 {
  background : #000 url(http://www.meno.tv/images/prodpicweb_02.jpg) no-repeat 0 0;
}
div#ps ul a#psa2:hover {
  background : #222 url(http://www.meno.tv/images/prodpicweb_02.jpg) no-repeat 0 0;
}
div#ps ul a#psa2:focus, div#ps ul a#psa2:active {
  background : #444 url(http://www.meno.tv/images/prodpicweb_02.jpg) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa3 {
  background : #000 url(http://www.meno.tv/images/prodpicweb_03.jpg) no-repeat 0 0;
}
div#ps ul a#psa3:hover {
  background : #222 url(http://www.meno.tv/images/prodpicweb_03.jpg) no-repeat 0 0;
}

div#ps ul a#psa3:focus, div#ps ul a#psa3:active {
  background : #444 url(http://www.meno.tv/images/prodpicweb_03.jpg) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa4 {
  background : #000 url(http://www.meno.tv/images/prodpicweb_04.jpg) no-repeat 0 0;
}
div#ps ul a#psa4:hover {
  background : #222 url(http://www.meno.tv/images/prodpicweb_04.jpg) no-repeat 0 0;
}
div#ps ul a#psa4:focus, div#ps ul a#psa4:active {
  background : #444 url(http://www.meno.tv/images/prodpicweb_04.jpg) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa5 {
  background : #000 url(http://www.meno.tv/images/prodpicweb_05.jpg) no-repeat 0 0;
}
div#ps ul a#psa5:hover {
  background : #222 url(http://www.meno.tv/images/prodpicweb_05.jpg) no-repeat 0 0;
}
div#ps ul a#psa5:focus, div#ps ul a#psa5:active {
  background : #444 url(http://www.meno.tv/images/prodpicweb_05.jpg) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa6 {
  background : #000 url(http://www.meno.tv/images/prodpicweb_06.jpg) no-repeat 0 0;
}
div#ps ul a#psa6:hover {
  background : #222 url(http://www.meno.tv/images/prodpicweb_06.jpg) no-repeat 0 0;
}
div#ps ul a#psa6:focus, div#ps ul a#psa6:active {
  background : #444 url(http://www.meno.tv/images/prodpicweb_06.jpg) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa7 {
  background : #000 url(http://www.meno.tv/images/prodpicweb_07.jpg) no-repeat 0 0;
}
div#ps ul a#psa7:hover {
  background : #222 url(http://www.meno.tv/images/prodpicweb_07.jpg) no-repeat 0 0;
}
div#ps ul a#psa7:focus, div#ps ul a#psa7:active {
  background : #444 url(http://www.meno.tv/images/prodpicweb_07.jpg) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa8 {
  background : #000 url(http://www.meno.tv/images/prodpicweb_08.jpg) no-repeat 0 0;
}
div#ps ul a#psa8:hover {
  background : #222 url(http://www.meno.tv/images/prodpicweb_08.jpg) no-repeat 0 0;
}
div#ps ul a#psa8:focus, div#ps ul a#psa8:active {
  background : #444 url(http://www.meno.tv/images/prodpicweb_08.jpg) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa9 {
  background : #000 url(http://www.meno.tv/images/prodpicweb_09.jpg) no-repeat 0 0;
}
div#ps ul a#psa9:hover {
  background : #222 url(http://www.meno.tv/images/prodpicweb_09.jpg) no-repeat 0 0;
}
div#ps ul a#psa9:focus, div#ps ul a#psa9:active {
  background : #444 url(http://www.meno.tv/images/prodpicweb_09.jpg) no-repeat 0 0;
}

/* set backgrounds for each state */
div#ps ul a#psa10 {
  background : #000 url(http://www.meno.tv/images/prodpicweb_10.jpg) no-repeat 0 0;
}
div#ps ul a#psa10:hover {
  background : #222 url(http://www.meno.tv/images/prodpicweb_10.jpg) no-repeat 0 0;
}
div#ps ul a#psa10:focus, div#ps ul a#psa10:active {
  background : #444 url(http://www.meno.tv/images/prodpicweb_10.jpg) no-repeat 0 0;
}

/* rinse and repeat as needed */

/* this needs to be in conditional comment for IE only */
div#ps ul a#psa1:focus, div#ps ul a#psa1:active, div#ps ul a#psa2:focus, div#ps ul a#psa2:active, div#ps ul a#psa3:focus, div#ps ul a#psa3:active, div#ps ul a#psa4:focus, div#ps ul a#psa4:active, div#ps ul a#psa5:focus, div#ps ul a#psa5:active, div#ps ul a#psa6:focus, div#ps ul a#psa6:active, div#ps ul a#psa7:focus, div#ps ul a#psa7:active, div#ps ul a#psa8:focus, div#ps ul a#psa8:active, div#ps ul a#psa9:focus, div#ps ul a#psa9:active, div#ps ul a#psa10:focus, div#ps ul a#psa10:active, {
  margin-top : -254px; /* adjust this only when changing thumbnail sizes */
  margin-left : -201px; /* adjust this as rows get longer */
}