/***************STRUCTURE***************************/
/*Reset*/
* {
margin:0;
padding:0;
}

/*
body {
	min-width:700px;

}

#body-wrapper {
	overflow:auto;
	min-width:700px;
	max-width:1100px; 
}
*/

/* Absolute positioned header for all browsers*/
#header-wrapper {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:160px;
}

#header-wrapper-short {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:40px;
}

/* Reset header position to fixed for real browsers such as Firefox*/
body>#header-wrapper {
	position:fixed;
}

body>#header-wrapper-short {
	position:fixed;
}

#header {
	height:145px;
	min-width:400px;
	max-width:1100px;
	margin-left:10%;
	/*margin-top:80px;*/
	position:relative;
}

#header-short {
	height:40px;
	min-width:400px;
	max-width:1100px;
	margin-left:10%;
	/*margin-top:80px;*/
	position:relative;
}

#header-content {
position:absolute;
bottom:0;
}

p.header-align {
	position:absolute;
	bottom:0;
}	

#content-wrapper {
    padding:160 0 0 0;
}

#content-wrapper-short {
    padding:50 0 0 0;
	padding-bottom:60px;
}

body>#content-wrapper {
	margin-left:0;
}

#content {
    min-width:550px;
	max-width:1100px;
	margin-left:10%;
}

#content_pictures {
    min-width:550px;
	max-width:768px;
	margin-left:10%;
}

#content-works {
    width:640px;
	margin-left:10%;
	margin-bottom:60px;
}

#content-texts {
    width:500px;
	margin-left:10%;
	margin-bottom:60px;
}

#content-clear-float {
	float:none;
	clear:both;
}


/***************STYLE***************************/

#header {
	background:#FFFFFF;
}
/*
#header-short {
	background:#FFFFFF;
}
*/

#header-wrapper {
	background:#FFFFFF;
}

/*
#header-wrapper-short {
	background:#FFFFFF;
}
*/

#content {
	background:#FFFFFF;
}

hr {
 height: 1px;
 color: #000000;
 background-color: #000000;
 border: none;
 display: block;
 margin-top: 0.5em;
 margin-bottom: 0.5em;
 margin-left: 0;
 margin-right: auto;
 width: 1015px;
}


/* Define style for in text links: * * * * * * * * * * *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  	
a.text {
	text-decoration: none;
	background:#D4D4D4;
   	color:#000000;} 
}	  
a.text:visited {background:#D4D4D4;
   				color:#000000;}
a.text:active {background:#D4D4D4;
				color:#00FF00;}  	  
a.text:hover { background:#6C6C6C;
   			   color:#FFFFFF;} 
   			   
   			   
/* Define style for button links:  * * * * * * * * * * *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * */   			   

div.button { 
	font-family: lucida grande, helvetica, arial, sans-serif;
	font-size: 80%;
	height: 29px;
	width: 96px;
	/*
	border-style: solid;
	border-width: 1px; 
	*/
	line-height: 29px;
	float:left; 
	margin-right:10px;
	margin-top:5px;
}

div.button a {
    border:1px solid #000000;
}

a.button  {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    background-color:#FFFFFF;
}

a.button:link {color:#000000;}    /* unvisited link */
a.button:visited {color:#000000;} /* visited link */
a.button:hover {color:#FFFFFF;
				background-color:#6C6C6C;
				border:1px solid #6C6C6C;}   /* mouse over link */
a.button:active {color:#00FF00;}  /* selected link */


/* Define style for home page image links: * * * * * * * 
 * * * * * * * * * * * * * * * * * * * * * * * * * * * */   			   

div.projectimage {
	height:212px;
	width:238px;
	float:left;
	margin-right:20px;
	margin-top:20px;
	font-family: lucida grande, helvetica, arial, sans-serif;
	font-size: 70%;
}

div.projectimage a {
	border:1px solid transparent;
}	

div.projectimage a:hover {
  	border:1px solid #6C6C6C; /* was: dotted #3E3E3E */
  	background-color:#6C6C6C;
}

div.projectimage img {
	position:relative;
	left:4px;
	top:4px;
}

a.projectimage  {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

a.projectimage:link {color:#000000;}    /* unvisited link */
a.projectimage:visited {color:#000000;} /* visited link */
a.projectimage:hover {color:#FFFFFF;}   /* mouse over link */
a.projectimage:active {color:#00FF00;}  /* selected link */
a.projectimage:hover {background-color:#6C6C6C;}


/* Define style for project pages image links: * * * * * 
 * * * * * * * * * * * * * * * * * * * * * * * * * * * */

div.imagelink {
	height:186px;
	width:208px;
	float:left;
	margin-right:4px;
	margin-top:4px;
	font-family: lucida grande, helvetica, arial, sans-serif;
	font-size: 70%;
}

div.imagelink a {
	border:1px solid transparent;
}	

div.imagelink a:hover {
  	border:1px solid #6C6C6C;  /* was: dotted #3E3E3E */
  	background-color:#6C6C6C;
}

div.imagelink img {
	position:relative;
	left:4px;
	top:4px;
}

a.imagelink  {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

a.imagelink:link {color:#000000;}    /* unvisited link */
a.imagelink:visited {color:#000000;} /* visited link */
a.imagelink:hover {color:#FFFFFF;}   /* mouse over link */
a.imagelink:active {color:#00FF00;}  /* selected link */
a.imagelink:hover {background-color:#6C6C6C;}


/* Define text styles: * * * * * * * * * * * * * * * * * 
 * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
div.blockindent {
  margin-left: 1em;
  width:550px;
}
 
p.title {
	font-family: lucida grande, helvetica, arial, sans-serif;
	font-size: 180%;
	font-weight:bold;
	color:#3E3E3E;
}

p.names {
	font-family: lucida grande, helvetica, arial, sans-serif;
	font-size: 110%;
	color:#3E3E3E;
    position:relative;
	top:5px;
	margin-bottom:10px;
}

p.caption {
	/*font-family: lucida grande, helvetica, arial, sans-serif;
	font-size: 70%;
	color:#3E3E3E;*/
	position:relative;
	left:8px;
	top:8px;
}

p.imagedescr {
	font-family: lucida grande, helvetica, arial, sans-serif;
	font-size: 80%;
	color:#3E3E3E;
	position:relative;
	left:8px;
	top:8px;
}

p.text {
	font-family: lucida grande, helvetica, arial, sans-serif;
	font-size: 80%;
}
	

form {
	font-family: lucida grande, helvetica, arial, sans-serif;
	font-size: 80%;
	line-height: 24px;
}

input {
width:414px;
}	

textarea {
width:414px;
height:150px;
}

input[type=submit] {
width:100px;
margin-top:8px;
}

em {
  font-family: lucida grande, helvetica, arial, sans-serif;
  font-style: normal;
  font-size: 50%;
}

#player {
 width: 548px;
}​