@charset "utf-8";
body {
	background-color: #646464;
	font-family: "Century Gothic", Verdana, Arial, sans-serif;
	color: #000;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/page-back.png); 
	background-repeat: repeat-y;
}
#ribbon {
	background-color: #464646;
	position: absolute;
	height: 100%;
	width: 70px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #c74129;
}
#uppersquare {
	background-color: #3c3c3c;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 70px;
	width: 70px;
}
#logo  {
	background-image: url(../images/logo.png);
	position: absolute;
	height: 210px;
	width: 70px;
	top: 75px;
}
#mainwindow {
	position: absolute;
	left: 72px;
	right: 0px;
}
#menu {
	background-color: #3c3c3c;
	position: relative;
	top: 0px;
	text-align: center;
	line-height: 10px;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	height: 10px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#menu ul {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
}
#menu ul li {
	list-style-type: none;
	display: inline;
	padding-right: 1em;
	padding-left: 1em;
	color: #b4b4b4;
}
#menu ul li a {
	text-decoration: none;
}

#menu ul li a:link {
	color: #B4B4B4;
}
#menu ul li a:visited {
	color: #b4b4b4;
}
#menu ul li a:hover {
	color: #c74129;
}
.highlight {
	color: #c74129;
}
#bottomline {
	position: absolute;
	bottom: 5px;
	font-size: 11px;
	color: #919191;
	left: 80px;
}
#slideshow {
	position:absolute;
	height:450px;
	width:700px;
	left: 50%;
	top: 100px;
	margin-left: -350px;
}
#slideshow IMG {
	position: absolute;
	left: 0px;
	top: 0px;
	overflow:hidden;
	border: 1px solid #000;
}
#sketch {
	position: absolute;
	top: 180px;
	margin-right: 0px;
	margin-left: -425px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	height: 416px;
	width: 850px;
	left: 50%;
}
#language {
	position: absolute;
	font-size: 13px;
	top: 380px;
	right: 80px;
}
#language a {
	text-decoration: none;
}
#language a:link {
	color: #919191;
}
#language a:visited {
	color: #919191;
}
#language a:hover {
	color: #c74129;
}
#contentwindow {
	position: absolute;
	top: 100px;
	height: 390px;
	width: 640px;
	border: 1px solid #000;
	margin-left: -350px;
	padding: 30px;
	font-size: 12px;
	left: 50%;
	background-image: url(../images/text-back.png);
}
#contentwindow a {
	text-decoration: none;
}

#contentwindow a:link {
	color: #000;
}


#contentwindow a:visited {
	color: #000;
}
#contentwindow a:hover {
	color: #c74129;
}
#contentwindow ul {
	margin: 0px;
	padding: 0px;
}

#contentwindow ul li {
	list-style-type: none;
}
#contentwindow ul li a {
	text-decoration: none;
}
#contentwindow ul li a:link {
	color: #000;
}
#contentwindow ul li a:visited {
	color: #000;
}
#contentwindow ul li a:hover {
	color: #c74129;
}
#contentleft {
	text-align: justify;
	height: 390px;
	width: 420px;
	padding-right: 30px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #5b5b5b;
}
#contentright {
	height: 390px;
	width: 152px;
	left: 515px;
	top: 30px;
	position: absolute;
}
#id-pic {
		border: 1px solid #5b5b5b;
}
#bio-mix a, #bio-ars a, #bio-jose a, #bio-mits a, #bio-ptou a, #bio-julie a{
	display: block;
	height: 150px;
	width: 150px;
	border: 1px solid #5b5b5b;
}
#bio-mix a span, #bio-ars a span, #bio-jose a span, #bio-mits a span, #bio-ptou a span, #bio-julie a span{
	display: none;
}
#bio-mix a:hover, #bio-ars a:hover, #bio-jose a:hover, #bio-mits a:hover, #bio-ptou a:hover, #bio-julie a:hover{
	background-position: -150px 0;
}
#bio-mix a{
	background-image: url(../images/mix.jpg);
}
#bio-ars a{
	background-image: url(../images/ars.jpg);
}
#bio-jose a{
	background-image: url(../images/jose.jpg);
}
#bio-mits a{
	background-image: url(../images/mits.jpg);
}
#bio-ptou a{
	background-image: url(../images/ptou.jpg);
}
#bio-julie a{
	background-image: url(../images/julie.jpg);
}

#workmenu {
	height: 390px;
	width: 150px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #5b5b5b;
}
#worksubmenu li{
	margin-left: 30px;
}#worklist {
	height: 390px;
	width: 320px;
	top: 30px;
	position: absolute;
	left: 210px;
}
#contentwindow #worklist ul li {
	list-style-type: disc;
}
#preload {
	display: none;
}
#contentimages {
	position: absolute;
	top: 100px;
	height: 450px;
	width: 700px;
	border: 1px solid #000;
	margin-left: -350px;
	padding: 0px;
	font-size: 75%;
	left: 50%;
	background-image: url(../images/text-back.png);
}
#caption {
	top: 416px;
	position: absolute;
	height: 34px;
	width: 690px;
	background-image: url(../images/caption-back.png);
	padding-left: 10px;
	font-size: 11px;
}
#image_indication {
	position: relative;
	top: 0px;
	text-align: center;
	padding-top: 20px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 500px;
}
#image_indication ul {
	margin: 0px;
	padding: 0px;
}
#image_indication ul li {
	list-style-type: none;
	display: inline;
	color: #b4b4b4;
	padding-right: 7px;
	padding-left: 7px;
	height: 14px;
	width: 14px;
}
#image_indication ul li a {
	text-decoration: none;
}
#image_indication ul li a:link {
	color: #B4B4B4;
}
#image_indication ul li a:visited {
	color: #b4b4b4;
}
#image_indication ul li a:hover {
	color: #c74129;
}
.ind_text {
	visibility: hidden;
}
a.ind_img {
	background-image: url(../images/img_ind_1.gif);
	background-repeat: no-repeat;
}
a.ind_img:hover {
	background-image: url(../images/img_ind_2.gif);
}
a.ind_img_back {
	background-image: url(../images/img_ind_back_1.gif);
	background-repeat: no-repeat;
}
a.ind_img_back:hover {
	background-image: url(../images/img_ind_back_2.gif);
}
a.ind_img_act {
	background-image: url(../images/img_ind_2.gif);
	background-repeat: no-repeat;
}
#publ-index {
	top: 550px;
	position: absolute;
	width: 500px;
	left: 50%;
	margin-left: -250px;
	text-align: center;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 75%;
}
#publ-index ul {
	margin: 0px;
	padding: 0px;
}
#publ-index ul li {
	list-style-type: none;
	display: inline;
	color: #b4b4b4;
	padding-right: .5em;
	padding-left: .5em;
}
#publ-index ul li a {
	text-decoration: none;
}
#publ-index ul li a:link {
	color: #B4B4B4;
}
#publ-index ul li a:visited {
	color: #b4b4b4;
}
#publ-index ul li a:hover {
	color: #c74129;
}
#info-trigger {
	height: 21px;
	width: 54px;
	left: 0px;
	top: 0px;
	position: absolute;
	background-image: url(../images/info-back.png);
	text-align: center;
	margin: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#info-trigger a {
	text-decoration: none;
	color: #000;
	font-size: 12px;
}
#info-text {
	height: 300px;
	width: 335px;
	position: absolute;
	top: 24px;
	left: 0px;
	background-image: url(../images/info-back.png);
	display: none;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 11px;
}
#contentleft form fieldset {
	border: 1px solid #919191;
}
#contentleft form fieldset table tr td input {
	font-family: "Century Gothic", Arial;
	font-size: 11px;
}
#map a{
	display: block;
	height: 390px;
	width: 150px;
	border: 1px solid #5b5b5b;
}
#map a {
	background-image: url(../images/map.jpg);
}
#map a span {
	display: none;
}
#map a:hover{
	background-position: -150px 0;
}
#sketch_ind {
	position: absolute;
	top: 180px;
	margin-right: 0px;
	margin-left: -425px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	height: 416px;
	width: 850px;
	left: 50%;
}
#sketch_ind IMG {
	position: absolute;
	left: 0px;
	top: 0px;
}