/*---------------------------------------------
August 2009 

Generated by Soojin Creative: branding, on-line marketing, full service web design
http://www.soojincha.com
-----------------------------------------------*/
* {
margin: 0; 
padding: 0; }

body {
background: white url(img/bg.gif) repeat-x top left;}



img { 
border: 0; padding:0;}

.clear {
clear: both; }

.right {
float: right; text-align:right;}

.left {
float: left; }

.uppper {
text-transform:uppercase;}

.space_top{
margin-top: 0.6em;}

.white{ color:#FFFFFF;}

.list {
   float:left;
   margin: 0 0 5px 12px;
   }

/* typography */

body {
	font-size: 1em;
        line-height: 1.8em;
	color: #666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;

}

h1 {
	font-size: 1.2em;
	line-height: 1;
	margin-bottom: 0.1em;
	color:#f48534;
	text-transform:lowercase;
}

h2 {
    border-bottom: 1px dotted #333;
    display:block;
	font-size: 1.2em;
	font-weight:normal;
	margin-bottom: 0.2em;
	margin-top:0px;
	padding:0px;
	color:#999999;
	letter-spacing:1px;
	
}

h3 {
	font-size: 0.9em;
	line-height: 1;
	margin-bottom: 0.1em;
	color:#333;
	
}



/* quote */

.sub_title {display: block; margin: 3px 0 1px 0; text-align:left;}


#name { margin: 3px 0 7px 15px; font-size: 0.9em; display: block; text-align:left;}
.name_upper {text-transform:uppercase; font-size: 1em;}

#quote {
width: 880px;
background: white;
text-align:left;
color:#999999;
text-size: 1.2em;
line-height: 1.2em;

}

#quote a {color:#999;}
#quote a:hover {color:#666;}

.quoteframe {
border:none;
margin: 35px 0 20px 0;
scrollbar-base-color: #999999;
scrollbar-arrow-color: white;
scrollbar-track-color: #ccccff;

scrollbar-shadow-color: black;
scrollbar-lightshadow-color: black;
scrollbar-darkshadow-color: gray;

scrollbar-highlight-color: white;
scrollbar-3dlight-color: black;
}

.quote1{
	font-size: 1.8em;
	line-height: 1.1em;
	padding:0px;
	text-align:left;
       letter-spacing: 0.06em;
}


.quote2{
	font-size: 2.2em;
	line-height: 1em;
	padding:0px;
	text-align:left;
       letter-spacing: 0.03em;
	   
}

.quote3{
	font-size: 1.5em;
	line-height: 1.1em;
	padding:0px;
	text-align:left;
       letter-spacing: 0.06em;
}

p {
	text-align:left;
	font-size: 1em;
	margin: 0;
	line-height: 1.2em;
	padding: 0 0 10px 0;
}



a:hover {
    color:#999;
	background-color:none;
}



a {
	color: #663300;
	text-decoration: none;
	background-color:none;
}

ul {
style-list-tyle: none;
}

/* structure */

#wrapper{
width: 894px;
margin: 0px auto;
padding-top: 30px;
}

#frame{
	margin-top:10px;
	border-top: 10px solid #000;
	padding: 5px 0 1px 0;
}

#filmmaker{
        margin-top:10px;
	border: none;
	padding: 5px 0;
}


#frametext{
   float:left;
        margin-top:10px;
	border-top: 2px solid #000;
	padding: 5px 0;
	clear:both;
	width: 800px;
}


 #header{float:left;
	width: 159px;
	height:65px;
	background:url(img/amnonbuchbinder.png) no-repeat top;
	padding: 0px;
	margin: 0px;
       outline:none;

}

#header a {border:none;
       outline:none;
       text-indent: -900em;
       display:block;}

/*navigation */

li { list-style: none; padding: 0; margin: 0 ;}

#textframe li {
   text-align: left;
   list-style:circle;
   margin: 0 0 3px 15px;
   padding: none;}
   
.dvd_details li, #sm_textframe li {
   text-align: left;
   list-style:circle;
   margin: 0 0 3px 15px;
   padding: none;}

#nav { 
   float:left;
   margin-top: 17px;
   margin-left; 159px;
   outline:none;
   width: 615px;
   height: 40px;
}

.bio a, .film a, .author a, .story a, .teacher a, .buy a, .news a, .contact a, .blog a {display: block; text-indent: -900em; outline: none; padding:0;}

.bio a:hover, .film a:hover, .author a:hover, .story a:hover, .teacher a:hover, .buy a:hover, .news a:hover, .contact a:hover, .blog a:hover {background-position: bottom;}

#bio_professional .bio a, #bio_personal .bio a, #bio .bio a, #film .film a, #author_theway .author a, #story .story a, #s2overview .story a, #s2philosophy .story a, #s2associate .story a, #s2passage .story a, #teacher .teacher a, #buy .buy a, #new .news a, #contact .contact a, #woverview .teacher a, #wexamples .teacher a, #wphilosophy .teacher a {background-position: bottom;}

.news a{
   float:left;
   width: 127px;
   height: 16px;
   margin-top:0px;
   margin-left: -7px;
   background: url(img/menu_newsblog.png) no-repeat top left;
}


.bio a{
   float:left;
   width: 111px;
   height: 16px;
   background: url(img/menu_bio.png) no-repeat top left;
}

.film a{
   float:left;
   width: 115px;
   height: 16px;
   background: url(img/menu_film.png) no-repeat top left;
}

.author a{
   float:left;
   width:  84px;
   height: 16px;
   background: url(img/menu_author.png) no-repeat top left;
}

.story a{
   float:left;
   width: 136px;
   height: 16px;
   background: url(img/menu_story.png) no-repeat top left;
}

.teacher a{
   float:left;
   width: 93px;
   height: 16px;
   margin-top:3px;
   margin-left: -6px;
   background: url(img/menu_teacher.png) no-repeat top left;
}

.buy a{
   float:left;
   width: 99px;
   height: 16px;
   margin-top:3px;
   margin-left: 6px;
   background: url(img/menu_buy.png) no-repeat top left;
}



.contact a{
   float:left;
   width: 81px;
   height: 16px;
   margin-top:3px;
   background: url(img/menu_contact.png) no-repeat top left;
}

.blog a{
   float:left;
   width: 55px;
   height: 16px;
   margin-top:3px;
   margin-left: 6px;
   background: url(img/menu_blog.png) no-repeat top left;
}


/*menu left*/
.teacher a, .overview a, .examples a, .philosophy a, .department a {display: block; text-indent: -900em; outline: none; padding:0;}

.teacher a:hover, .overview a:hover, .examples a:hover, .philosophy a:hover, .department a:hover {background-position: bottom;}

 #woverview .overview a, #wexamples .examples a, #wphilosophy .philosophy a {background-position: bottom;}


.overview a{
   float:left;
   width: 93px;
   height: 26px;
   margin-bottom: 10px;
   background: url(img/menu_w1.png) no-repeat top left;
}

.examples a{
   float:left;
   width: 93px;
   height: 26px;
   margin-bottom: 10px;
   background: url(img/menu_w2.png) no-repeat top left;
}

.philosophy a{
   float:left;
   width: 93px;
   height: 26px;
   margin-bottom: 10px;
   background: url(img/menu_w3.png) no-repeat top left;
}

.department a{
   float:left;
   width: 93px;
   height: 26px;
   margin-bottom: 10px;
   background: url(img/menu_w4.png) no-repeat top left;
}


/*menu story-editing left*/
.soverview a, .sphilosophy a, .stheway a, .spassage a, .sassociate a, .bprofessional a, .bpersonal a {display: block; text-indent: -900em; outline: none; padding:0;}

#s2overview .soverview a, #s2philosophy .sphilosophy a, #s2associate .sassociate a,#author_theway .stheway a, #autor_passage .spassage a, #bio_professional .bprofessional a, #bio_personal .bpersonal a {background-position: bottom;}

.soverview a:hover, .sphilosophy a:hover, .stheway a:hover, .spassage a:hover, .sassociate a:hover, .bprofessional a:hover, .bpersonal a:hover {background-position: bottom;}

.soverview a{
   float:left;
   width: 117px;
   height: 26px;
   margin-bottom: 10px;
   background: url(img/menu_s0.png) no-repeat top left;
}

.sphilosophy a{
   float:left;
   width: 117px;
   height: 26px;
   margin-bottom: 10px;
   background: url(img/menu_s2.png) no-repeat top left;
}

.stheway a{
   float:left;
   width: 117px;
   height: 26px;
   margin-bottom: 10px;
   background: url(img/menu_s3.png) no-repeat top left;
}

.spassage a{
   float:left;
   width: 117px;
   height: 40px;
   margin-bottom: 10px;
   background: url(img/menu_s4.png) no-repeat top left;
}

.sassociate a{
   float:left;
   width: 117px;
   height: 27px;
   margin-bottom: 10px;
   background: url(img/menu_s5.png) no-repeat top left;
}

.bprofessional a{
   float:left;
   width: 117px;
   height: 27px;
   margin-bottom: 10px;
   background: url(img/menu_b1.png) no-repeat top left;
}

.bpersonal a{
   float:left;
   width: 117px;
   height: 27px;
   margin-bottom: 10px;
   background: url(img/menu_b2.png) no-repeat top left;
}




#leftmenu {float:left; width: 93px; margin: 5px 25px 0 44px;}
#leftmenu2 {float:left; width: 117px; margin: 5px 25px 0 20px;}
#leftmenu li {float:left;}
#textframe {
   float:left;
   width: 600px;
   font-size: 1em;
   padding-top: 5px;
}

.back_bio {float:left; margin-right: 25px; width:139px; height: 517px;background: url(img/bg_bio.png) no-repeat top left;}
.back_autor {float:left; margin-right: 25px; width:139px; height: 633px;background: url(img/bg_author.png) no-repeat top left;}
.back_storyedit {float:left; margin-right: 25px; width:139px; height: 517px;background: url(img/bg_storyedit.png) no-repeat top left;}
.back_teacher {float:left; margin-right: 25px; width:139px; height: 517px;background: url(img/bg_teacher.png) no-repeat top left;}

#sm_textframe {
   float:left;
   width: 700px;
   font-size: 1em;
   padding-top: 5px;
   margin-left: 165px;
}
   
/*sub page layout */
.shortfilms {
   width: 800px;
   text-align: left;
    margin-top:20px;
    float:left;
   clear:right;
   padding:none;
}

.dvd_details {
  	float:left;
    margin-right: 40px;
     width: 280px;

	padding: none;
	border: none;
	text-align:left;
	}


.film_details {
        width: 230px;
        height: 190px;
    	float:left;
        padding: none;
	border: none;
	margin-right: 65px;
	text-align:left;
	}


.film_details img {
	border: 5px solid #fff;
	padding: 0px;
    background: none;
}

.film_details  a:hover img {
	border: 5px solid #fff;
	padding: 0px;
}

.film_details img {
	border: 5px solid #fff;
	padding: 0px;
    background: none;
}

.title {text-align:left; outline:none; padding:none; margin-top:0px;}

.no_outline {float:left; outline:none; border:none;}


#content {
	width: 776px;
	padding: none;
	border: none;
}

#content .img{
width: 776px;
height: 460px;
padding:0px;
margin:0px;
}


#content .text { padding:8px 0 0 8px; clear:both;}
#content .text p{ padding-left:4px;}
#about .smbox {width: 366px; float:left; margin-right:20px; padding:8px 0 0 8px;}
#about .smbox2 {width: 370px; float:left; margin-right:0px; padding:8px 0 0 8px;}


#content .frame{
	width: 600px;
	float: left;
	border:none;
	text-align:left;
}
#content .frame img{
    padding:none;
	margin-top:5px;
}

#content .frame .samsung {width: 600px; text-align:center; background-color: #003; padding: 10px 0;}

#contact .smbox a, #contact .smbox2 a {color:#999; }
#contact .smbox a:hover, #contact .smbox2 a:hover {color:#06f;}


#news {
    border-top: 1px dotted #333;
	margin: 10px 0 10px 0;
	width: 775px;
	padding: 8px 0 ;
	color: #999;
        text-transform:uppercase;
        letter-spacing: 0.05em;
}

#news a {color: #666;}
#news a:hover {color: #06f;}

#footer {
        text-indent: 160px;
	text-align: left;
	padding: 2px 0 2px 5px;
	color: #666666;
	background-color:#000000;
	margin-top: 5px;
        font-size: 0.7em;
}

#footer a {color:#666;
}

#main_footer {text-indent: 0px;
	text-align: left;
	padding: 4px 0 4px 5px;
	color: #666666;
	background-color:#000000;
	margin-top: 5px;
        font-size: 0.7em;}

#main_footer a {color:#666;}