/* position */
*{margin:0;padding:0}
#copyr		{position:fixed;bottom:10px;left:10px;width:120px;}
#contacts   {position:fixed;bottom:80px;rightt:0px;width:60px;}
#tweet      {position:absolute;top:170px;left:120px;display:none;}
#wp         {position:relative;left:-130px;}


#title 		    {position:relative;left:100px;width:600px;text-align:center;vertical-align:bottom;margin-top:0px;padding:0;}
#menu,#submenu  {position:relative;top:20px;left:100px;padding:5px;width:600px;}
#main 	  	    {position:relative;top:10px;left:130px;width:600px;}
#page 		    {position:relative;top:10px;left:130px;width:670px;vertical-align:top;}


#home_title     {text-align:center;height:40px;font: 18px/16px 'BrushstrokePlain', Arial, sans-serif;letter-spacing: 0;color:#999;}
#home_pic 		{text-align:center;}
#home_text 		{text-align:left;}
#home_contact 	{}
#campaign       {position:absolute;top:10px;right:10px;}

/* format */
@font-face {
    font-family: 'BrushstrokePlain';
    src: url('fonts/BRUSHSTP-webfont.eot');
    src: url('fonts/BRUSHSTP-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BRUSHSTP-webfont.ttf') format('truetype'),
         url('fonts/BRUSHSTP-webfont.woff') format('woff'),
         url('fonts/BRUSHSTP-webfont.svg#BrushstrokePlain') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	margin-top: 2em;
	font:75%/1.5em "Lucida Grande","Lucida Sans Unicode",sans-serif;
	background-color:#2f2f2f;/*  fff   E1E1E1 */
	color:#999999; //#3c3c3c
	}
#title     {font: 25px/20px 'BrushstrokePlain', Arial, sans-serif;letter-spacing: 0; color:#999;}
h3         {text-align:left;height:40px;font: 18px/20px 'BrushstrokePlain', Arial, sans-serif;letter-spacing: 0;color:#999;}
#contacts  {background-color:#3c3c3c;text-align:center;padding:5px;}
#menu      {background-color:#3c3c3c;}

//#menus    {font: 15px/18px 'BrushstrokePlain', Arial, sans-serif;letter-spacing: 0; }
IMG 		{border-style:outset;border-width:3px;border-color:lightgrey;}
IMG.logo  	{border-style:none;text-decoration:none;}

	
#copyr		{font:70%/1.5em "Lucida Grande","Lucida Sans Unicode",sans-serif;font-style:italic;}
#click		{font:70%/1.5em "Lucida Grande","Lucida Sans Unicode",sans-serif;font-style:italic;}
	
a 			{color:#ccc;text-decoration:none;}
a:visited 	{color:#999;}
a:hover 	{color:#f79900;border-bottom:1px solid #ccb;}


a#menu 		    {font:65%/1.4em "Lucida Grande","Lucida Sans Unicode",sans-serif;color:#ccc;text-decoration:none;}
#menu.a:visited	{font:65%/1.4em "Lucida Grande","Lucida Sans Unicode",sans-serif;color:#999;}
#menu.a:hover 	{font:65%/1.4em "Lucida Grande","Lucida Sans Unicode",sans-serif;color:#f79900;border-bottom:1px solid #ccb;}

a#submenu 		    {font:65%/1.4em "Lucida Grande","Lucida Sans Unicode",sans-serif;color:#ccc;text-decoration:none;}
#submenu.a:visited	{font:65%/1.4em "Lucida Grande","Lucida Sans Unicode",sans-serif;color:#999;}
#submenu.a:hover 	{font:65%/1.4em "Lucida Grande","Lucida Sans Unicode",sans-serif;color:#f79900;border-bottom:1px solid #ccb;}


/* visibility */
#home		{display:none;}
#cv			{display:none;}
#gallery	{display:none;}
#exhibition	{display:none;}
#classes	{display:none;}
#contact	{display:none;}
#news   	{display:none;}
#blog   	{display:none;}

label.tabform {float:left;display:inline;}
#listexhib {overflow:scroll;height:400px;}

PRE { 	font-size: larger; }