﻿

div.main
{
    width:1100px;
}

div.cap
{
    position:absolute;
    top:0;
    left:-40px;
}


div.mainimg
{
    width:940px;
    height:620px;
    margin:20px auto;
    position:relative;
    background-color: #2D2D2D;
    z-index:1;
    text-align:right;
    
}

div.logo_l
{
    position:absolute;
    left:-40px;
    top:180px;
    z-index:0;
}


img.logo
{
    opacity: 0.1;
 filter: alpha(opacity=10);
 -moz-opacity: 0.1;

}

div.comm
{
    width:620px;
    height:160px;
    /*overflow:auto;*/
    padding:10px;
    position:absolute;
    left:330px;
    top:420px;
    color:#ffffff;
    text-align:left;
    border-top:gray 1px dotted;
}

div.movbox
{
    width:300px;
    height:150px;
    margin-left:10px;
    overflow:auto;
    font-size:0.8em;
    float:left;
}


table.comm
{
    font-size:0.8em;
}

td.comm
{
    padding:0 0 0 6px;
}


div.info
{
    width:300px;
    height:200px;
    padding:10px;
    /*border:gray 1px dotted;*/
    position:absolute;
    top:20px;
    left:10px;
    color:#ffffff;
    text-align:left;
    font-size:0.9em;
}

div.movlist
{
    width:300px;
    height:220px;
    overflow:auto;
    position:absolute;
    top:220px;
    left:10px;
    color:#ffffff;
    text-align:left;
    font-size:0.9em;
}

img.mov
{
    border:#ffffff 1px solid;
    margin:4px;
    cursor:pointer;
}


#container {
	width: 100%;
	
	text-align: center;
}

#viewer {
	margin: 3px auto;
	/*width: 990px;
	height: 480px;*/
	height:600px;
	text-align: left;
	overflow: hidden;
	
}

#viewer img {
	top: 0;
	left: 350px;
	position: absolute;
}


    
img.sample
{
 -moz-box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
 -webkit-box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
 -o-box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
 -ms-box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
}

a.mov1:link
{
    color:yellow;
    text-decoration:none;
}
a.mov2:link
{
    color:#8EE3FF;
    text-decoration:none;
}

a:hover
{
    text-decoration:underline;
}

a.mov1:visited
{
    color:yellow;
    text-decoration:none;
}
a.mov2:visited
{
    color:#8EE3FF;
    text-decoration:none;
}



a.clm:link
{
    color:yellow;
    text-decoration:none;
}

a.clm:hover
{
    text-decoration:underline;
}

a.clm:visited
{
    color:yellow;
    text-decoration:none;
}
