* {
  	margin: 0;
  	padding: 0;
  	border: medium 1px;
}

ul {
	list-style: none;
	}
	
li {
  	list-style-type: none;
}


p           { margin: 0 0 1.5em 0; text-align:left; }
p.last      { margin-bottom:0; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding:0; }
p img.top   { margin-top:0; } /* Use this if the image is at the top of the <p>. */

ul, ol      { margin: 0; }
ol          { list-style-type: decimal; }
dl          { margin: 1.5em 0; }
dl dt       { font-weight: bold; }

blockquote  { margin: 1.5em 0 1.5em 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em          { font-style: italic; }
pre         { margin-bottom: 1.3em; background: #eee; border:0.1em solid #ddd; padding:1.5em; }
code        { font:0.9em Monaco, monospace; }

p .year {
	font-weight: bold;
	color: white;
	padding:0 2px 0;
	background-color: #97B733;
}

/*____general____*/

.category_headline {
border-bottom:1px solid #EEEEEE;
margin-bottom:12px;
overflow:hidden;
padding-bottom:12px;
width:90%;
}

.image {
background-color:#fff;
border:medium none;
float:left;
margin:42px 0 -127px -200px;
padding:4px;
}

.image_vid {
background-color:#fff;
border:medium none;
float:left;
margin:-13px 0 -132px -331px;
padding:4px;
}


body {
  font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  line-height: 1.5;
  background-color: #333;
}

body          { font-size: 75%; }
html > body   { font-size: 12px; }

a:link{
	color: #777;
	text-decoration: underline;
}

a:hover {
	color: #000;
	text-decoration: underline;
}

h1,h2,h3,h4,h5,h6 { 
  font-family: Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;
  color:#111; 
  clear:both;
  text-transform: lowercase; 
}

h1 { font-size: 3em; }
h2 { font-size: 2em; }
h3 { font-size: 1.5em; line-height:2; }
h4 { font-size: 1.2em; line-height:1.25; font-weight:bold; }
h5 { font-size: 1em; font-weight:bold; }
h6 { font-size: 1em; }

#videogallery a#videolb{display:none}

#videogallery { 
	width: 533px; 
	zoom:1;
}

#videogallery span{  
display:block;

}

#videogallery a{
	opacity:0.87;
}
#videogallery a img{
	display:block;
	border:none;
	margin:0;
}
#videogallery a:hover{
	text-decoration:underline;
	opacity:1;
}


/*____pagelayout____*/

#wrapper {
	width: 1005px;
  	text-align: left;
  	background-image: none;
 	background-repeat: no-repeat;
  	background-position: top left;
  	background-color: #fff;
}


#performance #wrapper {
  background-image: url(../images/bg_paintings.png);
}

#installation #wrapper {
  background-image: url(../images/bg_paintings.png);
}

#exhibition #wrapper {
  background-image: url(../images/bg_paintings.png);
}

#about #wrapper {
  background-image: url(../images/bg_paintings.png);
}

#paintings #wrapper {
  background-image: url(../images/bg_paintings.png);
}

#contact #wrapper {
  background-image: url(../images/bg_paintings.png);
}

/*____branding____*/

#branding h1 {
	margin: 0; 
	z-index: 3; 
	width: 1005px; 
	background: url(../images/bg_nav.gif) no-repeat;
	text-indent: -9000px;
}

#branding {
  	height: 31px;
	background-color:transparent;
  	padding: 0;
	position:absolute;
	margin: 167px -645px;
}

#branding h1 a {
	display: block;
	background: url(../images/home-BG.png) no-repeat;
	height: 31px;
}


/*____branding home____*/

#branding-home h1 {
	margin: 0; 
	z-index: 3; 
	width: 1005px; 
	background: url(../images/bg_nav.gif) no-repeat;
	text-indent: -9000px;
}

#branding-home {
  	height: 31px;
	background-color:transparent;
  	padding: 0;
	position:absolute;
	margin: 167px -645px;
}

#branding-home h1 a {
	display: block;
	background: url(../images/home-BG.png) no-repeat;
	height: 31px;
}

/*____navigation____*/

#navcontainer {
	position: relative;
	width: 1005px;
	height: 1px;
	padding: 0;
	margin: 0;
	background: url("../images/bg_nav.gif") top left no-repeat;
	background-color: #fff;	
	}

#nav {
	position: absolute;
	top: 0px;
	left: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 68px;
	display: inline;
	overflow: hidden;
	width: 600px;
	}
	
#nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#nav a {
	float: left;
	padding: 43px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:43px; /* for IE5/Win */
	}
	
#nav a:hover {
	background-position: 0 -43px;
	}

#nav a:active, #nav a.selected {
	background-position: 0 -43px;
	}

#thome a  {
	width: 54px;
	background: url(../images/p_home.gif) top left no-repeat;
	}
	
#tpaintings a  {
	width: 163px;
	background: url(../images/p_paint_photo.gif) top left no-repeat;
	}

#tperform a  {
	width: 100px;
	background: url(../images/p_perform.gif) top left no-repeat;
	}

#tinstall a  {
	width: 136px;
	background: url(../images/p_install.gif) top left no-repeat;
	}

#txhibit a  {
	width: 90px;
	background: url(../images/p_xhibit.gif) top left no-repeat;
	}
	
#tabout a  {
	width: 54px;
	background: url(../images/p_about.gif) top left no-repeat;
	}

#tcontact a  {
	width: 72px;
	background: url(../images/p_contact.gif) top left no-repeat;
	}

/*____leftNav____*/

#leftNav_vid {
	float: left;
	position:relative; 
	width: 300px; 
	margin: 110px 0 0 0;
	padding-left: 30px;
	text-align: left;
}


#leftNav {
	float: left;
	position:fixed; 
	width: 170px; 
	margin: 150px 0 0 0;
	padding-left: 30px;
	text-align: left;
}

#leftNav p {
	color:#333;
	}
		
#leftNav li {
	margin: 0; 
	padding: 0;
	list-style-type: none;
	text-decoration: underline;
	color:#97B733;
	}
	
#leftNav li a{
	margin: 0; 
	padding: 0;
	display: inline;
	text-decoration: underline;
	color:#97B733;
	}
	
#leftNav a:hover {
	text-decoration:none;
	color:#333;
	}

#leftNav a:active, #nav a.selected {
	text-decoration: none;
	color:#97B733;
	}
	
#leftNav_auto {
	position: absolute; 
	float: center; 
	width: 170px; 
	margin: 127px 0 0 0;
	padding: 0px 63px;
	text-align: center;
	font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	font-size: 102%;
    clear:both;
    text-transform: lowercase; 
}

#leftNav_auto img {display:block;}
#leftNav_auto img#loading {position:absolute; left:330px; top:100px;}
#leftNav_auto ul {padding:0; margin:0; list-style:none;}
#leftNav_auto ul#sub_0 {margin-bottom:1px; height:25px;}

#leftNav_auto ul#sub_0 li {display:block; float:left; cursor:default; color:#fff; width:84px; background: #361; text-decoration:none; height:25px; line-height:25px; text-indent:4px; margin-left:1px; cursor:pointer;}


#leftNav_auto p {
	color:#333;
	}
		
#leftNav_auto li {
	margin: 0; 
	padding: 0;
	list-style-type: none;
	text-decoration: underline;
	color:#97B733;
	}
	
#leftNav_auto li a{
	margin: 0; 
	padding: 0;
	display: inline;
	text-decoration: underline;
	color:#97B733;
	}
	
#leftNav_auto a:hover {
	text-decoration:none;
	color:#333;
	}

#leftNav_auto a:active, #nav a.selected {
	text-decoration: none;
	color:#97B733;
	}	

#leftNav_form {
	position: absolute; 
	float: center; 
	width: 170px; 
	margin: 127px 0 0 0;
	padding: 0px 63px;
	text-align: center;
	font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	font-size: 102%;
    clear:both;
    text-transform: lowercase; 
}

#leftNav_form li {
	margin: 0; 
	padding: 0;
	list-style-type: none;
	text-decoration: underline;
	color:red;
	}
	
	
/*____content____*/

#content { 
	margin: -180px 0 0 0;
  	width: 100%;
 	float: none;
  	background-color: #fff;
}

#content_install { 
	margin: 190px 0 0 0;
  	width: 100%;
 	float: none;
  	background-color: #fff;
}


#news {
float:right;
padding: 10px;
width: 350px;
height: 188px;
}

#maincontent {
float:right;
padding: 10px;
width: 350px;
height: 200px;
}

#paintings #content,
#installation #content, 
#exhibition #content, 
#performance #content, 
#exhibition #content,
#about #content {
	display: inline; 
  	width: 650px;
	margin: 80px 90px 0 0;
  	float: right;
  	background-color: none;
}

#installation #content {
	display: inline; 
  	width: 620px;
	margin: 115px 18px 0 0;
  	float: right;
  	background-color: none;
}

#contact #content {
	display: inline; 
  	width: 532px;
	margin: 68px 19px 0 0;
  	float: right;
  	background-color: none;
}

/* form */

form {
width: 330px;
margin : -58px 0px;

}

.col1 {
	text-align: left;
	width: 120px;
	height: 31px;
	margin: 0;
	float: left;
	margin-right: 2px;
}

.col2 {
	width: 195px;
	height: 31px;
	display: block;
	float: left;
	margin: 0;
}

.col2comment {
	width: 195px;
	height: 190px;
	margin: 0;
	display: block;
	float: left;
}

.col1comment {
	text-align: left;
	width: 120px;
	height: 98px;
	float: left;
	display: block;
	margin-right: 2px;
}

div.row {
	clear: both;
	width: 335px;
}

.submit {
	height: 29px;
	width: 330px;
	padding-top: 5px;
	clear: both;
} 

.input {
	background-color: #fff;
	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5A698B;
	margin: 4px 0 5px 8px;
	padding: 1px;
	border: 1px solid #333333;
}

.textarea {
	border: 1px solid #333333;
	background-color: #fff;
	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5A698B;
	margin: 4px 0 5px 8px;
}

#address {
	display: inline;
	float: left;
	width: 200px;
	margin: 0;
	padding: 0;
	border: 1px solid red;
}

/*-----menu-------*/
.menu {
	float:none;
	width:60px;
	margin-right:6px;
	margin-top:3px;
	border:0px solid red;
}
.menu ul {
	list-style:none;
}
.menu ul li {
	float:left;
	font:normal 15px Georgia;
	color:#613016;
	margin-right:30px;
	display:inline;
}
.menu ul li a {
	color:#613016;
	text-decoration:none;
}
.menu ul li a:hover {
	color:#4d4d4d;
}


/*____footer____*/

#footer {
	clear:both;
	position:relative;
	background:#333 url(/images/bg_utility.gif) repeat-x top;
	margin-top:3em;
	padding:10px 0 50px 5px;
	width:100%;
	text-align:left;
	font-size:85%;
	color:#97B733;
}

#footer a:link, a:visited{
	color: #777;
	text-decoration: underline;
}

#footer a:hover {
	color: #000;
	text-decoration: underline;
}

.copyright {
float:left;
width: 220px;
}

.utility {
float:left;
display: inline;
margin: 0 0 0 25px;
width: 220px;
}
