body {
	font-family:"Verdana","Helvetica","Arial",sans-serif;
	z-index:1;
}

#container {
	border: 2px solid black;
	margin-left:auto;
	margin-right:auto;
	width: 912px;
	height: 513px;
	max-width: 100%;
	max-height: 100%;
}

#aboutText {
	position:absolute;
	top:10px;
	left:152px;
	width:750px;
	height: 100%;
	text-align:left;
}

/*Add dropcaps to fist letter of each paragraph of "about" section
#aboutText p:first-letter {
	font-size : 200%;
	font-weight : bold;
	float : left;
	color : black;
	margin-right: .1em;
	padding: 0;
	line-height:.5em;
}*/

#contactText {
	position:absolute;
	top:150px;
	left:152px;
	width:750px;
	height: 200px;
	text-align:center;
}

#captionBox {
	background-color: #000000;
	width: 100%;
	position: absolute;
	bottom: 0px;
	text-align: center;
	font-weight: bold;
	color: white;
	font-size: .75em;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

h1.blurb {
	font-size:.75em;
	text-align:center;
	padding-top:1em;
	font-weight:bold;
	border-top:2px solid black;
}

.fadedImage {
	filter:alpha(opacity=10);
	-moz-opacity:0.1;
	-khtml-opacity: 0.1;
	opacity: 0.1;
}

.fullsizeContainer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.fullsize {
	/*width:100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;*/
	float:right;
}

.imageThumb {
	float:left;
	margin:5px;
}

.navIcon {
	margin-right: 3px;
}

a.imageLink img{
	border:none;
}

a.imageLink:hover img {
	outline: 5px solid black;
}

a.thumb-arrow {
	width: 32px;
	height: 32px;
	margin:0 3px;
	background-image:url('assets/up-arrow.png');
	background-repeat:no-repeat;
	display:block;
	float: left;
}
a.thumb-arrow:hover {
	outline:2px solid black;
}

a.left-arrow {
	width: 32px;
	height: 32px;
	margin:0 3px;
	background-image:url('assets/left-arrow.png');
	background-repeat:no-repeat;
	display:block;
	float: left;
}
a.left-arrow:hover {
	outline:2px solid black;
}

a.right-arrow {
	width: 32px;
	height: 32px;
	margin:0 3px;
	background-image:url('assets/right-arrow.png');
	background-repeat:no-repeat;
	display:block;
	float: left;
}
a.right-arrow:hover {
	outline:2px solid black;
}

#controlBar {
	bottom: -37px;
	right: 10px;
	position: absolute;
}

#galleryPanel {
	margin-top:16px;
	margin-left:212px;
	margin-right:0px;
	width:700px;
	float:left;
}

#bodyPanel {
	width: 100%;
	height: 100%;
	position:relative;
	z-index:2;
}

#homePanel {
	/*width: 100%;*/
	float:right;
	/*position: absolute;
	top: 0;
	left: 0;
	float: left;*/
}

#sideBar {
	width: 112px;
	height: 100%;
	max-height: 100%;
	background-color: #ffffff;
	border-right:2px solid black;
	padding:0 15px;
	text-align:center;
	z-index:300;
	position:absolute;
	top:0;
	left:0;
}

div.transOn {
	filter:alpha(opacity=15);
	-moz-opacity:0.15;
	-khtml-opacity: 0.15;
	opacity: 0.15;
}

div.transOff {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

#sideBar a:link, a:visited, a:active {
	color:#000000;
	text-decoration: none;
}

#sideBar a:hover {
	color:#888888;
	text-decoration: none;
}

#sideBar img {
	margin-top:10px;
}
#sideBar p {
	margin: .75em 0;
}

#footer {
	text-align: center;
	font-size:75%;
	width: 100%;
	height: 2em;
	margin-top:.5em;
	float:right;
}