body { width:100%; min-width:700px; margin:0; padding:0; font:11px Palatino; line-height:13px; }

div { position:relative; float:left; }



#logo { width:100%; }
#logo img { margin:20px; padding:0; }

audio { width: 1px; }

#menu { width:100%; }
#menu p { margin:0 0 0 60px; line-height:20px;}

/* unvisited link */
a:link {
color: #000000;
}

/* visited link */
a:visited {
color: #000000;
}




.item { width:100%; margin-top:30px; }

.hold { width:88%; margin-left:60px; }

.video { width:95%; max-width:480px;}

.video2 { width:55%;max-width:300px;}

.video3 { width:45%;}

.work { width:50%; max-width:600px;}

.work1 { width:50%; max-width:1000px;}

.work2 { width:75%; max-width:1000px;}

.work3 { width:25%; max-width:600px;}

.work4 { width:65%; max-width:800px;}

.work5a { width:55%; max-width:800px;}

.work5b { width:45%; max-width:800px;}

.work5c { width:45%; max-width:800px;}

.work6 { width:35%; max-width:800px;}

.work7 { width:85%; max-width:800px;}

.work8 { width:95%; max-width:800px;}

.work9 { width:25%; max-width:300px;}

.workindex { max-width:800px;}



.work img { width:97%; }

.work1 img { width:97%; }

.work2 img { width:97%; }

.work3 img { width:97%; }

.work4 img { width:97%; }

.work5a img { width:97%; }

.work5b img { width:97%; }

.work5c img { width:97%; margin-bottom:2%; }

.work6 img { width:97%; }

.work9 img { width:97%; }

.workindex img { width:8%; }




.work p  { margin:3px 0 30px 0; font:11px Palatino; text-indent:3px; line-height:12px;}

.workindex p { margin:3px 0 30px 0; font:7px Palatino; text-indent:3px; line-height:9px;}





.slider-holder
        {
            width: 1000px;
            height: 667px;
            margin-left: auto;
            margin-right: auto;
            margin-top: 0px;
            overflow:hidden;
            text-align: center;
            padding-bottom:20px;
        }
        
        .image-holder
        {
            width: 5000px;
            height: 667px;
           	clear: both;
            position: relative;
            
            -webkit-transition: left 2s;
            -moz-transition: left 2s;
            -o-transition: left 2s;
            transition: left 2s;
        }
        
        .slider-image
        {
            float: left;
            margin: 0px;
            padding: 0px;
            position: relative;
        }
        
        #slider-image-1:target ~ .image-holder
        {
            left: 0px;
        }
        
        #slider-image-2:target ~ .image-holder
        {
            left: -1000px;
        }
        
        #slider-image-3:target ~ .image-holder
        {
            left: -2000px;
        }

		#slider-image-4:target ~ .image-holder
        {
            left: -3000px;
        }

		#slider-image-5:target ~ .image-holder
        {
            left: -4000px;
        }
        
        .button-holder
        {
            position: relative;
            top: -20px;
            left: 14px;
            
        }
        
        .slider-change
        {
            display: inline-block;
            height: 4px;
            width: 4px;
            border-radius: 20px;
            margin: 0 0 0 -5px;
            padding: 0;
            margin-bottom:-26px;
            background-color: #ececec;
            z-index:100000;
            border:4px solid white;
        }