@charset "UTF-8";

/* formerly content.css */

#imagesContainer {
	margin: 0 auto;
	padding: 0 25px;
	text-align: center;
/* 	width: 665px; */
}

	#imagesContainer div {
	
	}

	#portfolioInfo {
		margin:5px 10px;
		text-align: left;
	}

	#imagesContainer #portfolio div {
		display: block;
		float: left;
		height: 75px;
		margin: 10px;
		width: 75px;
	}
	
	#imagesContainer img {
/* 		border:1px solid #bbb; */
	}

	#fontPage div {
		width:auto;
	}
	
		#frontPage div span {
			text-align: left;
			display: block;
			margin-top:2px;
		}
		
	.mainPage { height: 200px; }

	.mainPage a {
		float:left;
		margin:5px;
	}
	
		.mainPage a img {
			margin-bottom: 2px;
		}
		
	#textPage {
		width: 50%;
		margin:75px 25%;
		text-align: left;
		overflow: auto;
	}
	
		#textPage h1 {
			
		}
		
		#textPage p {
		
		}
		
/* formerly menu.css */

@charset "UTF-8";

/*
##menuContainerContainer { min-width: 800px; }
##menuContainer {
	margin: 0 auto;
}
##menu {
	width: 69.99%;
}

}
##menuName {
	float: left;
	width: 100%;
}
*/


#logo {
	text-align: left;
	display: inline;
	width:50%;
}

#menuContainerContainer {
	min-width: 800px;
}

#menuName {
	float: left;
	width: 30%;
}

#TOCname {
	width: 100%;
}

.TOCheader {
	min-height: 40px;
	font-size: 16px;
	margin-top: 35px;
}

.TOCtitle {
	margin-top: 5px;
}

#menu {
vertical-align: baseline;
width: 69.5%;
text-align: right;
z-index: 485;
position: relative;
}

#menu ul {
list-style: none;
margin: 0;
text-align: left;
padding: 0 4px;
width: auto;
display: inline;
filter: alpha(opacity=90);
opacity: .90;
}

#menu ul, #menu li, #menu h2 {
	display: inline;
}

#menu ul ul, #menu ul ul li, #menu ul ul h2 {
	display: block;
}

#menu h2 {
background: transparent;
font-weight: normal;
}

#menu a {
background: transparent;
text-decoration: none;
}

#menu a:hover {
background: transparent;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
left: -4px; 
padding-left: 5px;
width: 100%;
display: table;
}

#menu ul ul a {
	display: block;
	width: 100%;
}

#menu ul ul ul {
width: 100%;
display: table;
position: absolute;
top: 0;
left: 100%;
text-align: left;
}

#menu ul ul ul a {
	padding-left: 5px;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}



	#menuContainer {
		width: 100%;
		margin: 0 auto;
		padding: 10px 0 0 0;
		text-align: center;
	}
		#menuName {
			text-align: left;
			display: inline;
		}

		#menuItems {
			text-align: left;
			display: inline;
		}
		

		
/* formerly siv.css */

#sivDisplay {
	margin: 0 auto;
	position: relative;
	z-index: 1
}
	
		#sivImage {
			float: left;
			font-size: 90%;
			text-align: left;
			
		}
		
			#sivImage img {
				margin-bottom: 2px;
			}
			
#sivNav {
	position: fixed;
	bottom: 0;
	text-align: center;
}

	#sivNav img {margin:0 2px;}
	
	.imageMenu {
		text-transform: uppercase;
		font-size: 8px;
		cursor: pointer;
	}
	
		.imageMenu em{
			font-style: normal;		
		}
	
			.imageMenu:hover em {
				color: #fff8a4;
			}
			
/* formerly inline overrides */

	##containAll {
		margin: 0 auto;
		min-width: 980px;
		max-width: 2000px;
	}
	
	##menu ul ul li a.categoryLink { background: url('templates/10/images/rightarrow_off.gif') right no-repeat; }

/* image viewer styles, formerly inline in portfolio */
		.rounded { 
			-moz-border-radius:1.5ex;
		    -webkit-border-radius:1.5ex;
		    border-radius: 1.5ex;
		  }
		#container {z-index:99; position:fixed; bottom:-1px; width:80%; margin:0 10%;}
		#trigger {z-index:99; height:16px; padding-top: 4px; width:100%; border:1px solid #ddd; font-size: 10px; text-align:center;}
		#pop {z-index:99; height:100px; width:100%; border-left:1px solid #ddd; border-right:1px solid #ddd;}
		#scroller {font-size: 500%; position:relative; left:0; padding-top:10px;}
		 #scroller span {cursor:pointer;}
		 #scroller img {border: 1px solid #333; cursor:pointer;}
		#sivNavContainer { position: absolute; top: 3%; left: .5%; height: 85%; width: 99%; z-index: 95; display: block;}
		#navLeft, #navRight {width: 49%; height: 100%; display: block; z-index: 150; background-image: url(data:image/gif;base64,AAAA); filter: alpha(opacity=90);
opacity: .90; cursor: pointer; }
		#navLeft { left: 0; float: left; }
		#navRight { right: 0; float: right; }
		#imageCounterContainer { }
		#navLeftA, #navRightA { padding: 0 5px; cursor: pointer; }			
		
		#captionOverlay {
			background: #000;
			color: #ccc;
			position: absolute;
			z-index: 94;
			padding: 15px 40px;
			text-align:left;
		}
		#captionOverlay a.imgCaption {
			color: #ccc;
		}
		
		#controls {text-align: center;
			height: 50px;}
		 	#controls div.section {float:left;}
		 	
		#portfolio_introduction {
			width: 50%;
			margin: 75px 25% 0 25%;
			text-align: left;
			overflow: auto;
			padding-right:50px;
		}
		#breatherContainer { width:80%; margin:0 10%; }