@charset "UTF-8";
/* CSS Document */
html {overflow-y: scroll; height: 100%; }
body { background:url('img/back.png'); background-color: #333333;  text-align: center; height: 100%; }
#header { width: 100%; background:url('img/headback.png') repeat-x; height: 70px; text-align: center; margin: auto; position: fixed; top: 0px; left: 0px; right: 0px; padding-top: 15px; z-index: 5; }
#wrapper { margin: 0px auto 0px auto; width: 1000px; text-align: left; padding-top: 90px; }
#main_bit { width: 1000px; position: inline; }
#main_bit_n { width: 800px; position: inline; margin-left: 100px; margin-right: 100px; margin-top: 30px }
#navbar { width: 806px; height: 40px; margin-left: 97px; margin-right: 97px; position: inline }
.image{ display: block; margin-right: auto; margin-left: auto; margin-top: 30px; margin-bottom: 30px; border-style:solid; border-color: #FFFFFF; border-width:4px; }
.image2{ display: block; margin-right: auto; margin-left: auto; margin-top: 30px; margin-bottom: 30px; }
.formbutton{ font-family:  "Century Gothic", futura, gothic, Arial, Helvetica, sans serif; background-color: #333333; color: #CCCCCC; font-size: 10pt; border-color: #FFFFFF; }
#bottom { width: 1000px; height: 30px; margin-top: 80px; position: inline; bottom: 0px; }
h1 { font-family: "Century Gothic", futura, gothic, Arial, Helvetica, sans serif; color: #FFFFFF; font-size: 1.2em; font-weight: normal; }
h2 { font-family: "Century Gothic", futura, gothic, Arial, Helvetica, sans serif; color: #999999; font-size: 1em; font-weight: normal;  }
p, a, a:link, a:visited, a:active { text-decoration: none; font-family: "Century Gothic", futura, gothic, Arial, Helvetica, sans serif; font-size: 1em; line-height: 1.5; color: #CCCCCC; }
a:active, a:hover { text-decoration: underline }

/* Everything CSS Sprite Menu */  
   ul#menu{margin:0; padding:0; list-style:none; clear:both; text-align: center;}  
        #menu li{overflow:hidden; text-indent:-9999px; display:inline; float:left; margin-right: 15px; margin-left: 15px;}  
            #menu li a{background:url('img/nav.jpg') top left no-repeat; width:100%; height:100%; display:block;}  
  
            /* home Button */  
            #menu li.home{width:68px; height:40px;}  
                #menu li.home a{background-position:-1px -83px;}  
                #menu li.home a:hover{background-position:-1px -42px;}  
                #menu li.home a.selected{background-position:-1px -1px;}  
  
            /* work Button */  
            #menu li.work{width:60px; height:40px;}  
                #menu li.work a{background-position:-77px -83px;}  
                #menu li.work a:hover{background-position:-77px -42px;}  
                #menu li.work a.selected{background-position:-77px -1px;}  
  
            /* bio Button */  
            #menu li.bio{width:116px; height:40px;}  
                #menu li.bio a{background-position:-146px -83px;}  
                #menu li.bio a:hover{background-position:-146px -42px;}  
                #menu li.bio a.selected{background-position:-146px -1px;}  
				
			 /* ex Button */  
            #menu li.ex{width:126px; height:40px;}  
                #menu li.ex a{background-position:-270px -83px;}  
                #menu li.ex a:hover{background-position:-270px -42px;}  
                #menu li.ex a.selected{background-position:-270px -1px;}  
  
            /* tuition Button */  
            #menu li.tuition{width:74px; height:40px;}  
                #menu li.tuition a{background-position:-405px -83px;}  
                #menu li.tuition a:hover{background-position:-405px -42px;}  
                #menu li.tuition a.selected{background-position:-405px -1px;}  
  
            /* press Button */  
            #menu li.press{width:65px; height:40px;}  
                #menu li.press a{background-position:-489px -83px;}  
                #menu li.press a:hover{background-position:-489px -42px;}  
                #menu li.press a.selected{background-position:-489px -1px;}  
			
			/* contact Button */  
            #menu li.contact{width:87px; height:40px;}  
                #menu li.contact a{background-position:-563px -83px;}  
                #menu li.contact a:hover{background-position:-563px -42px;}  
                #menu li.contact a.selected{background-position:-563px -1px;}