/*
Global Style Sheet for design.simantic.net
*/


/* Global Styles */

body {
	font: 11px "Lucida Grande", Verdana, sans-serif;
	background: #fff;
	color: #666;
	margin: 0;
	padding: 0;
}

#container {
}

.home a {
	background: url(../_images/name.gif) left top no-repeat;
	display: block;
	margin: 0 0 16px 6px;
	width: 96px;
	height: 18px;
}

.home a:hover {
	background-position: 0 -18px;
	display: block;
}

.home span {
	display: none;
}

/* Title Blocks */

.name {
	background: url(../_images/name_title.gif) left top no-repeat;
	display: block;
	width: 600px;
	height: 60px;
}

.web a {
	background: url(../_images/webfolio_title.gif) left top no-repeat;
	display: block;
	width: 332px;
	height: 53px;
}

.student a {
	background: url(../_images/studentfolio_title.gif) left top no-repeat;
	display: block;
	width: 332px;
	height: 53px;
}

.folio a:hover {
	background-position: 0 -53px;
	display: block;
}

.about {
	background: url(../_images/about_title.gif) left top no-repeat;
	display: block;
	width: 151px;
	height: 52px;
	margin: 0 0 0 4px;
}

.exhibit {
	background: url(../_images/exhibit_title.gif) left top no-repeat;
	display: block;
	width: 183px;
	height: 53px;
	margin: 0 0 0 4px;
}

.thanks {
	background: url(../_images/thanks_title.gif) left top no-repeat;
	display: block;
	width: 177px;
	height: 52px;
	margin: 0;
}

.folio span,
.about span,
.exhibit span,
.thanks span {
	display: none;
}

/* Fixed Layout (sorry purists) */

#title {
	left: 45px;
	top: 25px;
	position: absolute;
	z-index: 7;
}

#column1 {
	width: 200px;
	left: 50px;
	top: 160px;
	padding: 0 0 55px 0;
	position: absolute;
	z-index: 8;
}

#column1-2 {
	width: 425px;
	left: 50px;
	top: 160px;
	padding: 0 0 55px 0;
	position: absolute;
	z-index: 8;
}

#column2 {
	width: 200px;
	left: 300px;
	top: 160px;
	padding: 0 0 55px 0;
	position: absolute;
	z-index: 8;
}

#column2a {
	width: 200px;
	left: 300px;
	top: 175px;
	padding: 0 0 55px 0;
	position: absolute;
	z-index: 8;
}

#column2-3,
#brunsweb {
	width: 450px;
	left: 300px;
	top: 175px;
	padding: 0 0 55px 0;
	position: absolute;
	z-index: 8;
}

#column3 {
	width: 200px;
	left: 550px;
	top: 160px;
	padding: 0 0 55px 0;
	position: absolute;
	z-index: 8;
}

#column3a {
	width: 200px;
	left: 550px;
	top: 175px;
	padding: 0 0 55px 0;
	position: absolute;
	z-index: 8;
}

#copyright {
	width: 450px;
	left: 50px;
	bottom: 50px;
	position: absolute;
	z-index: 8;
}

.id_paragraph {
	padding: 0 0 50px 0;
}

.id_paragraph2 {
	top: 380px;
	position: absolute;
	padding: 0 0 80px 0;
}

/* Type Styles */

p, h1, h2, h3, h4, h5 {
	font: 11px "Lucida Grande", Verdana, sans-serif;
	font-weight: normal;
}

p {
	line-height: 15px;
}

h4 {
	font-weight: bold;
	line-height: 6px;
	overflow: visible;
}

h4.hidden {
	color: #fff;
	visibility: hidden;
}

p.subgrey {
	color: #ccc;
	font-weight: bold;
	line-height: 14px;
}

h4.subgrey,
.subgrey a,
.subgrey a:visited {
	color: #bbb;
	font-weight: bold;
}

.footer {
	color: #bbb;
	font-weight: normal;
	font-size: 10px;
	margin: 50px 0 0 0;
}

.footer a,
.footer a:visited {
	color: #aaa;
}

a, a:visited {
	color: #333;
	border: none;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

ul {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
	line-height: 20px;
}

var {
	text-decoration: line-through;
	font-style: normal;
}

/* Folio */

/* Folio Images*/

#id1, #id2, #id3, #id4 {
	margin: 0 0 50px 0;
}

#id2 a {
	background: url(../_images/folio_id2.gif) left top no-repeat;
	display: block;
	width: 80px;
	height: 80px;
}

#id2 a:hover {
	background-position: 0 -80px;
	display: block;
}

#id4 a {
	background: url(../_images/folio_id4.gif) left top no-repeat;
	display: block;
	width: 130px;
	height: 80px;
}

#id4 a:hover {
	background-position: 0 -80px;
	display: block;
}

#brunsweb a {
	background: url(../_images/folio_bruns.gif) left top no-repeat;
	display: block;
	width: 452px;
	height: 331px;
}

#brunsweb a:hover {
	background-position: 0 -331px;
	display: block;
}

#id2 span, #id4 span,
#brunsweb span {
	display: none;
}

#bg_shining {
	background: url(../_images/folio_shining2.jpg) left top no-repeat;
	width: 480px;
	height: 290px;
	display: block;
	left: 20px;
	top: 310px;
	padding: 0 0 10px 0;
	position: absolute;
	z-index: 0;
}

#bg_bag {
	width: 535px;
	height: 360px;
	display: block;
	left: 225px;
	top: 120px;
	position: absolute;
	z-index: 0;
}