@charset "UTF-8";
/* CSS Document */

h1 {
	font-family:Helvetica, sans-serif;
	font-size:40px;
	text-align:left;
	font-weight:100;
	color:#faf977;
	}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:left;
	font-weight:bold;
	color:#014461;
	padding-left:30px;
}
h3 {font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	text-align:left;
	font-weight:bold;
	color:#014461;
	margin-left:30px;
	}
p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#014461;
	padding-left:45px;
	padding-right:20px;
	margin:auto 0px;
	}
a {
	text-decoration:none;
	border:none;
	color:#014461;
}
a:hover {
	color:#53bcea;
}
img {
	border:none;
	}
hr {
	color:#014461;
	background-color:#014461;
	height:10px;
}
#head {
	width:100%;
	height:160px;
	background-image:url(../images/header.png);
	background-repeat:repeat-x;
	vertical-align:top;
}
#head img {
	margin: 20px 35px;
}

body {
	background-color:#014461;
	margin:0px 0px;
	padding:0px 0px;
}
#container {
	width:1000px;
	margin:0px auto;
	text-align:left;
	padding:15px;
}
#index_nav {
	width:1000px;
	margin:0px auto;
	
	}
#index_nav img {
	margin:0px auto;
	padding: 15px;
	text-align:center;
}
#nav {
	width:800px;
	vertical-align:top;
	margin: 0px auto;
	margin-top:-50px;
	padding:0px 0px;
}


#content {
	width:1000px;
	height:450px;
	margin:0px auto;
	padding-top:10px;
	background-color:#FFF;
	}
#content ul {
	margin-left:15px;
	margin-top:10px;
	width:570px;
}
#content li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#014461;
	padding-top:15px;
}

#content_resume {
	width:1000px;
	height:490px;
	margin:0px auto;
	padding:10px;
	background-color:#FFF;
	overflow:auto;
	}
#content_resume ul {
	margin-left:15px;
	margin-top:2px;
}
#content_resume li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#014461;
	padding-top:3px;
}

.feedback {
	width:930px;
	padding:15px;
	background-color:#faf977;
	float:left;
	margin-left:20px;
	margin-top:10px;
}

#art_gallery img {
	padding:15px 0px;
	margin-left:20px;
}
/* --------------- HORIZONTAL ACCORDION ---------------- */
/* root element for accordion. */
#accordion {
	height:456px;
	width:1000px;
	margin-left:15px;
	padding:0px;
}

/* accordion header */
#accordion img {
	float:left;
	padding:0px;
	cursor:pointer;
	opacity:0.5;
	filter: alpha(opacity=50);
}

/* currently active header */
#accordion img.current {
	cursor:default;
	opacity:1;
	filter: alpha(opacity=100);
}

/* 
	accordion pane. should initially have zero width and display:none.
	the first pane should override these with inline style
*/
#accordion div {
	width:0px;
	float:left;	
	display:none;		
}

/* content inside a pane should have fixed width */
#accordion div h3 {
	color:#014461;
	margin-top:20px;
	margin-left:15px;
	
	font-size:15px;	
}
	
#accordion div p {	
	font-size:11px;
}


/*********************** Vertical Accordion **********************************/
.accordion_toggle {
			display: block;
			height: 30px;
			width: 980px;
			background: url(images/accordion_toggle.png) no-repeat top right #faf977;
			padding: 0 10px 0 10px;
			line-height: 35px;
			color: #014461;
			font-weight: normal;
			text-decoration: none;
			border-bottom:1px solid;
			border-bottom-color:#0099FF;
			outline: none;
			font-size: 14px;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.accordion_toggle_active {
			background: url(images/accordion_toggle_active.png) no-repeat top right #014461;
			color: #faf977;
		}
		
		.accordion_content {
			background-color: #ffffff;
			color: #faf977;
			overflow: hidden;
		}
			
			.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
			
			.accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
			
		

 /************************************************** Gallery *********************************************************/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/* --------------- LIGHTBOX  ---------------- */
#lightbox{
	background-color:#faf977;
	padding: 15px;
	border-bottom: 2px solid #014461;
	border-right: 2px solid #014461;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }
#overlay{ background-image: url(../images/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}