html {
                text-align: center;
                background-color: white;
                background:url(image/tile.jpg) 96px 47px;
				/* background:url(image/tile.gif) -5% 24%; */

            }
            
            html.enlarge 
            {
				   background:none;
            }
            
            * {
                padding: 0px;
                margin: 0px;
            }
            
			body {
				font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
                font-size: 62.5%;
				width: 807px;  
                margin-right: auto;
                margin-left: auto;
				text-align:center;			
				position:relative;

		
			}
			
            #contatiner 
            {
                margin-right: auto;
                margin-left: auto;
                width: 807px;                
                color: #999;

            }
            
            hr {
                margin: 30px 0;
            }
            
            h1 {
                margin-top: 35px;
                height: 23px;
                width: 85px;
				font-size:100%;
                background: url(image/logo.gif) 0 0;
                float: left;
                text-indent: -9999px;
            }
            
            p {
                margin: 8px auto;
            }

            ul {
                list-style-type: none;
            }
            
			a:link {
                color: #6699cc;
                text-decoration: none;
            }
            
            a:hover {
                color: #ff3399;
            }
            
            .contact a:link  
            {
				color: #ff3399;
            }
            
            .contact a:hover
            {
				color: #6699cc;
            }
            
            a:visited {
                color: #999;
                text-decoration: none;
            }
			
			
            .clear {
                clear: left;
            }
            
            ul.float {
                float: left;
                overflow:auto;
            }
            
            ul.float li {
                float: left;
            }
            
            ul.float {
                margin-top: 10px;
            }
            /*
             * navigation
             */
            a.prev input {
                color: #6699cc;
            }
            
            a.next input {
                color: #ff3399;
            }
			
            /*
             * ---------------------------------------- main menu
             */            
            ul#main {
                margin-left: 8px;
                height: 45px;
                width: 714px;
                padding-bottom:1px;		
            }
            
            ul#main li a {
                background-position: 0px 100%;
                display: block;
				height:45px;
            }
			
			 ul#main li a.active {
				text-indent:-9999px;
				margin-top:30px;
				height:15px;
				background-position: 0px 100%;						
				background-repeat:no-repeat;
			}
               
/*                			
			a#ctl00_menu_ctl00_HyperLink1 {width: 132px;}
            a#ctl00_menu_ctl01_HyperLink1 {width: 77px;}
            a#ctl00_menu_ctl02_HyperLink1 {width: 142px;}
            a#ctl00_menu_ctl03_HyperLink1 {width: 67px;}
            a#ctl00_menu_ctl04_HyperLink1 {width: 142px;}            
            a#ctl00_menu_ctl05_HyperLink1 {width: 76px;}            
            a#ctl00_menu_ctl06_HyperLink1 {width: 74px;}
*/			
			a#publications {width: 143px;}
            a#collections {width: 132px;}
            a#about {width: 77px;}
            a#boutique {width: 142px;}
            a#news {width: 67px;}            
            a#links {width: 76px;}            
            a#contact {width: 74px;}
            /*
             * ---------------------------------------- sub menu
             */
            ul#sub_main {
                margin: 15px 0 27px 0;                
				width:100%;
            }
            
            ul#sub_main li {margin-right: 5px;}
            
            #sub_main li a:link,   #sub_main li a:visited
            {
				color:Black;
            }
            
            #sub_main li a:hover {
                color: #ffffff;
                background-color: #000000;
            }
            
            /*
             * cancel sub_main menu hover effects
             */
			
            #sub_main a.prev:hover {
                color: #6699cc;
                background-color: white
            }
            
            #sub_main a.next:hover {
                color: #ff3399;
                background-color: white;
            }      
					
			#sub_main a.next, #sub_main a.prev
			{
				display:none;
			}		
				
					
            /*
             * ---------------------------------------- the windows
             */
            .window {
				clear:left;
                letter-spacing: 0.2em;
                line-height: 200%;                
                padding: 62px 84px 38px 28px;
				margin:20px 0;
                text-align: left;
				background:#ffffff;

            }
            
             /* missing submenu */             
            .about, .contact, .links, .news, .boutique
            {
				margin-top:74px;			
            }
            
            #collection 
            {
				width:800px;
				height:600px;
				margin:0;
				padding:0;
				
            }
            /* add the hight of the submenu on pages with no submenus to the window */
                                    
            
            .window h3 {
                color: #cccc66;
                font-size: 100%;
                clear:left;
            }  
            
            .window h4 
            {
				color: #cccc66;
				font-size: 100%;
				margin-top:6px;
            }          
            
           .about {
                margin-left: 258px;	
            }
            
            .boutique {
                margin-left: 304px;
                padding-left: 28px;
                padding-right: 28px;
                width: 342px;
            }
			
			/* image object: plus button and image */
            .window dl {
				float:left;
                margin-top: 39px;
                margin-bottom: 18px;                
                text-align: right;
            }			
			.window dd img {
				display:block;
			}
			
			
			
			.window dt a{
				font-size:30px;
				font-weight:bold;
				
			} 
			
			
            
            .news {
                width: 302px;
                margin-left: 122px;
                padding-left: 28px;
                padding-right: 71px;
            }
            
            .publications {
                width: 504px;
                margin-left: 90px;
                padding-right: 78px;
                padding-left: 28px;
            }
            
            .links {
                width: 200px;                
                margin-left: 450px;
                padding-right: 60px;
                padding-left: 28px;
            }
            
			.contact {
                width: 236px;
                margin-left: 506px;
                padding-right: 35px;
                padding-left: 28px;
            }



/* 
 * send mail form items
 * -------------------------------------
 */
#sendmail form {
	display:none;
	padding-bottom:5px;
	color:#cccc66;
}

#sendmail {

	position: absolute;
	text-align:left;
	width:158px;	
	background-color:white;
	padding-left:13px;

}

#sendmail button{
	text-align:left;	
	color:#cccc66;
}
#sendmail  button#visible {
	display:block;
	height:28px;
	cursor:pointer;
}

#sendmail input {
	font-size:100%;
	margin-bottom:4px;
}

#sendmail  button {
	font-size:100%;
	background:none;
	border:0;
	vertical-align:text-bottom;
}
#sendmail em {
	display:block;
	margin:3px 0 0 30px;
	font-style:normal;
	width:133px;	
}

.hidden 
{
	visibility:hidden;
}