/* - - - - - - - - - - - - - - - - - - - - -



Created by SOOJIN Creative (www.soojincha.com) : May, 2009


- - - - - - - - - - - - - - - - - - - - - */
/* reset*/
body,h1,h2,h3,h4,h5,h6,p,ul {margin:0;padding:0;}
ul, li { list-style: none;}


/* type*/

h1 {font: 0.875em; color:#fff;margin: 0; padding: 0;}
h1.padding {padding-left:10px;}

h2 {font-size: 1em; font-weight:normal; color:#ffff00; background:#000; margin-top:5px;}




.clear {clear:both;}

a {text-decoration:none; color:#000; border:none;}
a: hover {color:#645200;}

p {padding-top: 0.5em;}


body {
	text-align:center;
	margin:0 auto;
	padding: 0;
	color: #333;
	font-size: 0.75em;
	line-height: 1.5em;
	font-family: "Courier New", Courier, monospace;
	background-color:#000;
        
}


#wrapper {
    position: relative; 
    width: 800px; 
    height: 785px; 
    margin: 50px auto; 
	text-align: center; 
	padding: 0;
	background: transparent url(img/background2.png) no-repeat top center;
	

}

	
/*navigation */
#nav_main {
    width: 589px;
   height: 386px;
   padding: 0;
    margin: 91px 0 0 105px;
	text-align: left; 
	background: transparent url(img/main_title.png) no-repeat top right;
   float: left;	
}

#menu { margin-top: 65px;}
#menu a {border:none;}

/*navigation */
#left_nav {
   float:left;
   margin-top: 35px;
   width: 249px;
   padding: 0;
}
li { list-style: none; padding: 0; margin: 0 ;}

#left_nav a {display: block; text-indent: -900em; outline: none;}
#left_nav a:hover {background-position: bottom;}

#left_nav .about {
   width: 249px;
   height: 89px;
   background: url(img/about.png) no-repeat top left;
}

#left_nav .order {
   width: 249px;
   height: 55px;
   background: url(img/order.png) no-repeat top left;
}

#left_nav .teacher {
   width: 266px;
   height: 48px;
   background: url(img/teacher2.png) no-repeat top left;
}

#left_nav .student {
   width: 266px;
   height: 53px;
   background: url(img/creation.png) no-repeat top left;
}


#left_nav .contact {
   width: 249px;
   height: 39px;
   background: url(img/contact.png) no-repeat top left;
}

.links li {padding:0; margin:0; float:left; position:relative;}

#left_nav .shadowland {
   float: left;
   width: 106px;
   height: 55px;
   background: url(img/shadowland.png) no-repeat top left;
}

#left_nav .amnon {
   float: left;
   width: 143px;
   height: 55px;
   background: url(img/amnon.png) no-repeat top left;
}

#left_nav .shadowland a:hover {background-position: bottom;}
#left_nav .amnon a:hover {background-position: bottom;}


#bottom_nav {
   
   float:left;
   margin-top: 48px;
   outline:none;
   width: 550px;
   height: 40px;
}

.orderb a, .teacherb a, .creationb a{display: block; text-indent: -900em; outline: none; padding:0;}
.orderb a:hover, .teacherb a:hover, .creationb a:hover {background-position: bottom;}

.orderb a{
   float:left;
   width: 153px;
   height: 40px;
   background: url(img/orderb2.png) no-repeat top left;
}

.creationb a{
   float:left;
   width: 185px;
   height: 35px;
margin-left:6px;
   background: url(img/creationb2.png) no-repeat top left;
}

.teacherb a{
   float:left;
   width: 190px;
   height: 36px;
   margin-top:2px;
   background: url(img/teacherb2.png) no-repeat top left;
}
/*body content starts here */


#frame {
   float: left;
   width: 584px;
   height: 387px;
   margin: 99px 0 70px 110px;
   padding:0;
   background: url(img/title0608.png) no-repeat top right;
}


#right_title {
   float:left;
   width: 335px;
   height: 387px;
   background: url(img/title_big.png) no-repeat top left;
}

#left_title {
   float:left;
   width: 217px;
   height: 600px;

   }
   
#left_title a{
   width: 193px;
   height: 140px;
  margin-top: 455px;
  margin-left: 10px;
   display: block; 
   text-indent: -900em; 
   outline: none;
   background: url(img/title_small.png) no-repeat top right;
   }
   
   
   
   
#left_title a:hover {background-position: bottom;}

#about {
   float:left;
   margin: 0;
   }

#about a{
   outline: none;
   width: 400px;
   height: 483px;
   background: url(img/about_trailer.png) no-repeat top left;
   display: block; 
   text-indent: -900em; 
   outline: none;
   }
#about a:hover {background-position: bottom;}

#trailer {margin: 50px auto; background-color:#000; width:800px;}

.clear {clear:both;}


#footer {
   float: left;
   width:800px;
   height:15px;
   text-align:center;
   margin: 17px auto;
   font-size: 0.9em;
   }

.trailerfont, .trailerfont a {color: #666;}
.trailerfont a:hover {color: #fff;}

   
#footerb {
   float: left;
   width:583px;
   height:15px;
   text-align:left;
   margin-top:2px;
   font-size: 0.9em;
   }

.soojincreative { margin-left:10px;}

.soojincreative a img{ border:none; padding:0; margin:0;}

a img {border:none;}