/* CSS Document */

body {
	background-color: #ffffff; 
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.clear {
	clear: both;
}

p.name {
	margin: 0px;
	color:#A6A5A5;
	font-size:14px;
	font-weight: bold;
}

#content_right {
	width: 487px;
	height: 500px;
	float: left;
	/*background-color: #22dde4;*/ /*TURQUOISE*/
	margin-top: 40px;
}



#discription_wrap h1 {
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	margin: 0px;
	padding: 0px;
	/*background-color: #FF00FF; */ /*FUCSHIA*/


}
#discription_wrap p {
	font-size: 11px;
	line-height: 14px;
	margin: 8px 0px 0px;
	padding: 0px;
}
#discription_wrap {
	margin-top: 30px;
	/*background-color: #FF66FF;*/ /*FUCSHIA*/
 }
#discription {
	width: 240px;
	padding: 10px 0px;
	float: left;
	/*background-color: #66FF00; */ /*GREEN*/
}
#nav_wrap h1 {
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	margin: 0px;
	padding: 0px;
	/*background-color: #FF00FF;*/

}
#nav_wrap p {
	font-size: 11px;
	line-height: 14px;
	margin: 8px 0px 0px;
	padding: 0px;
}
#nav_wrap {
	margin-top: 17px;
	/*background-color: #FF66FF;*/ /*FUCSHIA*/
 }
#nav {
	width: 240px;
	padding: 10px 0px;
	float: left;
	/*background-color: #66FF00; */ /*GREEN*/
}

#image-name {
	width: 300px;
	float: left;
	background-color: #cc9999; /*ROSE*/
	padding-top: 6px;
}

/*  to delete? */

.text { 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000; 
	line-height: 120%; 
	text-decoration: none; 
	background-color: transparent; 
	text-align: left 
}
.textred { 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:red; 
	line-height: 120%; 
	text-decoration: none; 
	background-color: transparent; 
	text-align: left
}
.textblack { 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000; 
	line-height: 110%; 
	text-decoration: none; 
	background-color: transparent; 
	text-align: left 
}

/*  to delete? */

a:link { 
	color: #000000; 
	line-height: 120%; 
	text-decoration: none; 
	background-color: transparent; 
	text-align: left
 }
a:visited { 
	color: #000000;  
	line-height: 120%; 
	text-decoration: none; 
	background-color: transparent; 
	text-align: left 
}
a:hover { 
	color: #ffffff; 
	line-height: 120%; 
	text-decoration: none; 
	background-color: #000000; 
	text-align: left 
}

hr { 
	border-bottom: 1px; 
	color: #cccccc; 
	height: 1px;
}

body#page00 #left-nav li#link_00 a {
	color: #FFFFFF;
	background: #333333;
}
body#page01 #left-nav li#link_01 a {
	color: #FFFFFF;
	background: #333333;
}
body#page02 #left-nav li#link_02 a {
	color: #FFFFFF;
	background: #333333;
}
body#page03 #left-nav li#link_03 a {
	color: #FFFFFF;
	background: #333333;
}
body#page04 #left-nav li#link_04 a {
	color: #FFFFFF;
	background: #333333;
}
body#page05 #left-nav li#link_05 a {
	color: #FFFFFF;
	background: #333333;
}
body#page06 #left-nav li#link_06 a {
	color: #FFFFFF;
	background: #333333;
}
body#page07 #left-nav li#link_07 a {
	color: #FFFFFF;
	background: #333333;
}
body#page08 #left-nav li#link_08 a {
	color: #FFFFFF;
	background: #333333;
}
body#page09 #left-nav li#link_09 a {
	color: #FFFFFF;
	background: #333333;
	}
body#page10 #left-nav li#link_10 a {
	color: #FFFFFF;
	background: #333333;
	}
body#page11 #left-nav li#link_11 a {
	color: #FFFFFF;
	background: #333333;
	}
body#page12 #left-nav li#link_12 a {
	color: #FFFFFF;
	background: #333333;
	}
body#page13 #left-nav li#link_13 a {
	color: #FFFFFF;
	background: #333333;
	}
body#page14 #left-nav li#link_14 a {
	color: #FFFFFF;
	background: #333333;
	}
body#page15 #left-nav li#link_15 a {
	color: #FFFFFF;
	background: #333333;
	}
body#page16 #left-nav li#link_16 a {
	color: #FFFFFF;
	background: #333333;
	}
	
/* -left navigation- */
.menu {
	margin: 0px 0px 0px 8px;
	padding: 0px;
	float: left;
	list-style-type: none;
	top: 40px;
}
.menu ul {
	margin: 0px 0px 12px 0px;
	padding: 0px;
	list-style: none;
} 

.menu li {
	margin-bottom: 2px;
	margin-right: 20px;
	list-style-type: none;
}
	 
.menu a {
	text-decoration: none;
	color: #000000;
	display: table;
	background-color: #F0F0F0;

}	
.menu a:hover {
     background: #333333;
	 color: #FFFFFF;
}
/* -left navigation HORIZONTAL- */
.menu-horiz {
	margin: 0px 0px 0px 8px;
	padding: 0px;
	float: left;
	list-style-type: none;
}
.menu-horiz ul {
	margin: 0px 0px 12px 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
} 

.menu-horiz li {
	margin-bottom: 2px;
	margin-right: 20px;
	list-style-type: none;
		list-style: none;
	display: inline;
}
	 
.menu-horiz a {
	text-decoration: none;
	color: #000000;
	background-color: #F0F0F0;

}	
.menu-horiz a:hover {
     background: #333333;
	 color: #FFFFFF;
}
/* -END left navigation HORIZONTAL- */

.textdesc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	}
	.projecttitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	font-weight: bold;
}

/* mooShow 0.01 beta CSS Document */

.mooshow a img { 
	border: none;
	outline: none;
	-moz-outline: none;
	}

.mooshow_outerContainer{
	position: relative;
	/*background-color: #fff;*/
	color: #FFFFFF;
	width: 20px;
	height: 1px;
	margin: 0 auto;
	display: inline;
	}

.dropShadowBorder {
	border-top:1px solid #FFF;
	border-right:1px solid #CCC;
	border-left:1px solid #FFF;
	border-bottom:1px solid #CCC;
	}

.mooshow {
	position: inherit;
	display: none;
	}
	
.mooshow_loading{
	position: absolute;
	top: 0;
	left: 0;
	display:none;
	}

.mooshow_copyright{
	position: absolute;
	top: 15px;
	right: 10px;
	color: #CCCCCC;
	font-size:9px;
	}

.mooshow_extras{
	margin: 0 auto;
	text-align: left;
	color:#666666;
	background-color: inherit;
	}

.mooshow_topNav{
	padding-top: 5px;
	padding-bottom: 15px;
	text-align: left;
	font-size: 8px;
	background-color: inherit;
	color:#CCCCCC;
	line-height: 170%;
	width: 100%;
	display: none;
	}

.mooshow_captions{
	/*background-color: #66FF99;*/ /*LIME GREEN*/
	font-size: 11px;
	color:#000000;
	text-align: right;
	line-height:100%;
	height: 15px;
	padding-top: 5px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;

	}

.mooshow_contentContainer{
	/*background-color:#faff66; *//*YELLOW*/
	color: inherit;
	position: relative;
	text-align: right;
	line-height: 0.0;
	height: 375px;
	width: 487px;
	background-repeat: no-repeat;
	background-position: left top;
	}
	
.mooshow_overlayNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	margin: 0 auto;
	}

.mooshow_prevLink, .mooshow_nextLink{
	width: 30%;
	height: 100%;
	background: transparent url(../../../mooshow/blank.gif) no-repeat; /* Trick IE into showing hover */
	outline:none;
	}
	
.mooshow_prevLink { left: 0; float: left; outline: none; -moz-outline: none;}
.mooshow_nextLink { right: 0; float: right; outline: none; -moz-outline: none;}
.mooshow_prevLink:hover, .mooshow_prevLink:visited:hover { background: url(mooshow/prev.gif) no-repeat left 100%; }
.mooshow_nextLink:hover, .mooshow_nextLink:visited:hover { background: url(mooshow/next.gif) no-repeat right 100%; }


.mooshow_IPTC{
	position: absolute;
	top: 0px;
	left: 0px;
	height: auto;
	background-color: #000;
	color:#CCCCCC;
	font-size:9px;
	line-height:140%;
	text-align:left;
	filter:alpha(opacity=80); 
	-moz-opacity: 0.8; 
	opacity: 0.8;
	display: none;
	}
		
.mooshow_IPTCbutton{
	position: absolute;
	top: 0;
	left: 0;
	}

.mooshow_IPTC_left{
	float: left;
	text-align:right;
	width:18%;
	}

.mooshow_IPTC_right{
	float: right;
	text-align:left;
	width:80%;
	}
#controlls #counter_wrap {
	font-size: 11px;
	line-height: 14px;
	margin: 0px;
	padding-right: 5px;
	
}
#controls-bottom #counter_wrap {
	font-size: 11px;
	line-height: 14px;
	margin: 0px 0px 0px;
}
#title {
	font-size: 14px;
	line-height: 14px;
	margin: 0px 0px 0px;
	font-weight: bold;
}
.loadtime {
	text-align: center;
	font-size: 10px;
	margin-left: 30px;

}
#slideshow { 
    margin: 50px auto; 
    position: relative; 
    width: 947px; 
    height: 800px; 
    padding: 10px; 

}

#slideshow > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}