@charset "utf-8";

/* Main Experience CSS */

#content #lifewrapper {
	width:708px;
	height:212px;
	background-color:#ffff00;
	float:left;
	padding: 6px 24px 6px 24px;
}
#content #lifewrapper img {
	width:282px;
	height:170px;
}
#content #lifewrapper .imgboxon {
	width:286px;
	height:176px;
	background-color:#666666;
	padding: 2px 2px 24px 2px;
	margin:0px 3px 0px 3px;
	text-align:center;
	float:left;
}
#content #lifewrapper .imgboxoff {
	width:286px;
	height:176px;
	background-color:#ffffff;
	padding: 2px 2px 24px 2px;
	margin:0px 3px 0px 3px;
	text-align:center;
	float:left;
}
#content #exp {
	width:756px;
	margin: 0px 0px 0px 194px;
	padding: 0px 0px 10px 0px;
}
#content #exp h1{
 	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	line-height:30px;
	letter-spacing:-1px;
	color:#666666;
	margin-top:0px;
	margin-bottom:10px;
	font-weight:normal;
}
#content .lifeheader {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-variant:small-caps;
	font-weight:bold;
	color:#000000;
}
#content .lifebody {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
}
#content .lifeheaderon {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-variant:small-caps;
	font-weight:bold;
	color:#ffff00;
}
#content .lifebodyon {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ffff00;
}
#content #categorywrapperleft {
	width:373px;
	height:282px;
	float:left;
	padding: 0px;
	margin:10px 10px 0px 0px;
}
#content #categorywrapperright {
	width:373px;
	height:282px;
	float:left;
	padding: 0px;
	margin:10px 0px 0px 0px;
}
#content #filmstrip {
	width:736px;
	height:98px;
	margin:16px 0px 8px 0px;
}
#exp h2 {
text-transform:uppercase;
}
#content .experience_intro {
	font-size: 50px;
	padding: 2px 2px 2px 8px;
	overflow:hidden;
}
/* Horizontal Carousel */

#horizontal_carousel {
		float: left;
		width: 756px;
		height: 257px;
		position: relative;
		margin: 0 0 0 0;
		background-color:#ffff00;
		padding: 6px 0px 6px 0px;
}

#horizontal_carousel .container {
		float: left;
		width: 708px;
		height: 257px;
		position: relative;
		overflow: hidden;
		padding: 0;
		margin:0;
		background-color:#ffff00;
	/*	background: url(/system/layout/images/carouselbackground.gif) no-repeat; */
}

#horizontal_carousel ul {
		margin: 0;
		padding:0;
		width: 100000px;
		position: relative;
		top: 0;
		left: 0;
		height: 257px;
}

#horizontal_carousel ul li {
		width: 286px;
		height: 257px;
		list-style:none;
		float:left;
		margin:0px 3px;
		padding: 2px; 
}
#horizontal_carousel ul li.white {
	background-color:#FFFFFF;
	color: #000000;
}
#horizontal_carousel ul li.black {
	background-color:#282727;
	color: #FFFF00;
}
#carouseldescription {
	font-size: 36px;
}

#horizontal_carousel ul li img {
		margin:0 0 0 2px;
		padding:0;
		
}

#horizontal_carousel .previous_button {
		float:left; 
		width: 24px; 
		height: 175px;
		background: url(/system/layout/images/previous_button.png) no-repeat;
		cursor: pointer;
		padding: 0;
		margin:0;
}

#horizontal_carousel .previous_button_over {background: url(/system/layout/images/previous_button_hover.png) no-repeat;}
#horizontal_carousel .previous_button_disabled {background: url(/system/layout/images/transparent.gif) no-repeat; cursor: default;}

#horizontal_carousel .next_button {
		float:left; 
		width: 24px; 
		height: 175px;
		background: url(/system/layout/images/next_button.png) no-repeat;
		cursor: pointer;
		padding: 0;
		margin:0;
}

#horizontal_carousel .next_button_over {background: url(/system/layout/images/next_button_hover.png) no-repeat;}
#horizontal_carousel .next_button_disabled {background: url(/system/layout/images/transparent.gif) no-repeat; cursor: default;}

/* Captioning CSS */

.intro_text_large {font-size:11px;padding:3px 0 0 10px;line-height: 13px;overflow: hidden; max-height: 67px;}
.intro_text_small {font-size:11px;padding:3px 0 0 10px;line-height: 13px;overflow: hidden; max-height: 39px;}
.slideshow_caption {font-size:11px;line-height:13px;padding: 2px 3px 2px 3px;}

/* Three photo box */
.photocaption {display:inline; float:left; text-decoration:none; margin:0 0px; border:0px;}
.photocaption em {font-style:normal;}
.photocaption em.txt, .photocaption b {display:none;}
.photocaption img {border:0; display:block;}
.photocaption:hover {background:#fff; position:relative;overflow:hidden;}
.photocaption:hover b {display:block; position:absolute; top:0; left:0; width:174px; background:#fff; height:46px;  opacity:.85; margin-top:80px;}
.photocaption:hover em.txt {display:block; position:absolute; top:5px; width:169px; left:5px; height:54px; color:#000; font-size:11px; margin-top:80px; line-height:13px;}

/* Five photo box */
.photocaption2 {display:inline; float:left; text-decoration:none; margin:0 0px; border:0px;}
.photocaption2 em {font-style:normal;}
.photocaption2 em.txt, .photocaption2 b {display:none;}
.photocaption2 img {border:0; display:block;}
.photocaption2:hover {background:#fff; position:relative;overflow:hidden;}
.photocaption2:hover b {display:block; position:absolute; top:0; left:0; width:118px; background:#fff; height:38px; opacity:.85;margin-top:47px;}
.photocaption2:hover em.txt {display:block; position:absolute; top:0px; width:113px; left:0px; padding:3px; height:45px; font-size:11px; color:#000; margin-top:47px; line-height:13px;}