/* 	Multimedi-NY Style sheet
	by Takuro Mizuta Lippit www.smashtv.org
*/
body {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	margin:0;
	padding:0px;
	text-align:center;
	background-color:#2f4f4f;
}

td {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

th {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

h1 {
font-size: 1.5em; 
}

/* home page */
#home {

}

/* drop shadow bar */
#shadowtop {
	position: absolute;
	left: 0; 
	top: 0; 
	width: 100%; 
	background-color: #6BADDE; 
	height: 10px; 
	overflow: hidden;
}

#shadowbottom {
	position: absolute;
	top: 10px;
	left: 0px;
	background-color: #999999;
	border: 0;
	height: 1px;
	width: 100%;
	overflow: hidden;
}

/* center the main content block*/
/* styles for IE 5 Mac */
#horizon {
	position: absolute;
	top: 15px;
	left: 0;
}

/*  IE 5 Hack \*/
#horizon {
	width: 100%;
	top: 250px; 
	margin-top: -189px; 
	min-width: 770px;
}
/* end hack */ 
#wrapper {
	text-align: center; 
	background: #000;
	position: relative;
	width: 1000px;
	height: 750px;
	margin: 0 auto;
	border: 1px solid #fff; 
}

/* common styles */
#footer {
	position: absolute; 
	bottom: 0; 
	left:800px;
        
	padding: 2px; 
	font-size: 10px; 
	color: #666666; 

}

#banner
{
	font-size: 50px;
	font-weight: bold;
	letter-spacing: -0.08em;
	text-align: left;
	vertical-align: middle;
}

.bannertext {
position: absolute; 
top:7px; 
left:169px; 
width:360px;
border: none; 
}


.bannerimg {
position: absolute; 
top: 0; 
left: 0; 
border: 1px solid #000; 
margin: 6px; 
}

/* navigation */
#navigation
{
position: absolute; 
top: 165px; 
left: 0px; 
display: block; 
width: 100%; 
background-color: #2f4f4f; 
height: 3px; 
font-size: 10px; 
letter-spacing: 0;
height: 3px; 
}

#navigation ul {
position: absolute; 
right: 0; 
top: -23px; 
list-style-type: none; 
padding: 0; 
margin: 0; 
}

#current, 
#navigation ul li {
display: inline; 
text-align: center; 
margin: 0; 
padding: 0; 
}
 
#navigation ul li a{
text-decoration: none; 
padding: .3em 1em;
background-color: #2f4f4f; 
color: #FFF; 
font-weight: bold; 
text-transform: uppercase; 
text-align: center; 
display: block; 
float: left; 
margin-left: 2px; 
border-top: 5px solid #000; 
}

#navigation ul li a#current, 
#navigation ul li a:hover {
background-color:  #5F9EA0; 
border-top: 0; 
border-bottom: 5px solid  #5F9EA0; 
}


/*	Home page specific styles	*/
#hometext {
	position: absolute; 
	top: 115px; 
	left: 0; 
	text-align: left; 
	padding: 8px; 
	margin: 0; 
	border: 1px solid #CCC; 

}

#hometext h1, 
#homevideos h1 {
	background-image: url(../i/mark.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 22px; 
}

#hometext p {
	
}

#homevideos {
	position: absolute; 
	top: 315px; 
	left: 0; 
	text-align: left; 
	padding: 8px; 
	margin: 0; 
	border: 1px solid #CCC; 
}

#aboutText {
position: absolute; 
top: 190px; 
left: 200px; 
width:380px;
font-size:12px;
line-height:1.5;
text-align: left; 
margin: 0; 
padding: 5px; 
color: #ddd;
}

#otherText2 {
position: absolute; 
top: 290px; 
left: 200px; 
width:690px;
font-size:12px;
line-height:1.5;
text-align: left; 
margin: 0; 
padding: 5px; 
color: #ddd;
}

#otherText2 a{
letter-spacing: 0.3em;
text-decoration: none; 
color:  #ddd; 
}

#otherText2 a:hover{ 
text-decoration: none;
font-weight: bold;
}

#videoTitle2 h1{
position: absolute; 
top: 280px;
left:205px;
text-align: left; 
font-size:15px; 
color: #fff; 
margin: 0; 
}
/*	Other pages	*/
#otherText {
position: absolute; 
top: 190px; 
left: 200px; 
width:690px;
font-size:12px;
line-height:1.5;
text-align: left; 
margin: 0; 
padding: 5px; 
color: #ddd;
}

#otherText a{
letter-spacing: 0.3em;
text-decoration: none; 
color:  #ddd; 
}
#otherText a:hover{ 
text-decoration: underline;

}

#otherText a.bold{
text-decoration: none; 
color:  #ddd; 
}
#otherText a.bold:hover{ 
text-decoration: none;
font-weight: bold;
}

#otherimg img.videoimg1 {
position: absolute; 
top: 250px; 
left:450px;
border: 1px solid #000; 
}

#otherimg img.videoimg2 {
position: absolute; 
top: 218px; 
left:650px;
border: 1px solid #000; 
}

/*	Video page	*/
#videoNav {
position: absolute; 
top: 166px;
left: 0; 
text-align: left; 
border-right: 1px solid #2f4f4f; 
width: 173px; 
height: 745px;  
margin: 0; 
padding:0;

}

#videoNav h2 {
position: absolute; 
top: 0;
left:0;
width: 171px; 
font-size:14px; 
color: #fff; 
padding: 5px 0px 5px 2px; 
margin: 0; 
border-bottom: 1px solid #2f4f4f; 
}

#videoNavList {
position: absolute; 
top: 35px; 
list-style-type: none; 
width: 172px; 
padding: 0;
margin: 0; 
}


#videoNav ul li{
padding: 0px 0px 0px 0px;
display: block; 
border-bottom: 1px solid #000; 
font-size: 11px; 
color: #fff; 

}

#videoNav ul li a{
padding: 0px 0px 0px 4px;
display: block; 
font-size: 11px; 
text-decoration: none; 
color: #fff; 
}

#videoNav ul li a:hover{
background-color: #5F9EA0; 
color: #FFF; 
font-weight: bold;
}

#videoTextLeft {
position: absolute; 
top: 460px; 
left: 180px; 
width:85px;
font-size:11px;
text-align: right; 
margin: 0; 
padding: 5px; 
color: #ddd; 
}

#videoTextRight {
position: absolute; 
top: 540px; 
left: 250px; 
width:690px;
font-size:12px;
line-height:1.5;
text-align: left; 
margin: 0; 
padding: 5px; 
color: #ddd; 
}

#videoTextRight a{
text-decoration: none; 
color:  #ddd; 
}
#videoTextRight a:hover{ 
text-decoration: underline;

}

#videoTitle h1{
position: absolute; 
top: 185px;
left:205px;
text-align: left; 
font-size:15px; 
color: #fff; 
margin: 0; 
}

#movielink{
	position: absolute;
	top: 425px;
	left: 218px;
	width: 169px;
	font-size:11px;
	color: #006699;
	margin: 0;
	padding: 0;
}

#movielink a{
text-decoration: none; 
color:  #00BFFF; 
}

#movielink a:hover{ 
font-weight: bold;
}

#buyButton a img{
	border-color: #ffffff;
	position: absolute;
	top:480px;
	left:256px;
	border : none
}

img.videoimg1 {
position: absolute; 
top: 240px; 
left:250px;
border: 1px solid #000; 
}

img.videoimg2 {
position: absolute; 
top: 210px; 
left:420px;
border: 1px solid #000; 
}

img.videoimg3 {
position: absolute; 
top: 240px; 
left:400px;
border: 1px solid #000; 
}
img.videoimg4 {
position: absolute; 
top: 240px; 
left:550px;
border: 1px solid #000; 
}
img.videoimg5 {
position: absolute; 
top: 240px; 
left:700px;
border: 1px solid #000; 
}

/* background img*/
#instruction p{background-image: url(../images/bg_critical.jpg); background-repeat: no-repeat; }