/* CSS Document */

html, body, table, td, li, ul, ol, p {font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px;}

#outer img, object, #sidetext {
	display:block;
	outline: none;
}

#outer {
	margin-top: 30px;
}

#imagecontent {
	height: 400px;
}

body {
	background: #6D6F72 url('../images/bg_pattern_solo.gif');
	width: 100%;
	margin: 8px 0;
}

#bottom-content {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
}

#photo-caption {
	position: absolute;
	bottom: 0;
	right: 0;
	margin-top: 4px;
}

#photo-caption,  #photo-caption a {
	color:#FAAF7C;
	text-decoration: none;
	letter-spacing: 0.4em;
}


#nav {
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	padding-top: 4px;
	letter-spacing: .2em;
	text-transform: uppercase;
}

#nav ul {
	margin:0px;
	padding: 0px;
	/* position: absolute; */
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	
}

#nav li {
	display: block;
	width: 182px;	
	text-align: right;
	margin: 0;
	padding: 0;
	position: relative;
}

/* to color the bullets since everything else is A tag */
#nav .subtopic {
	position: absolute;
	top: 0px;
	left: 190px;
	width: 740px;
	text-align: left;
	font-size: 1em;
	font-weight: normal;
	text-transform: none;
	display: none;
}

#nav div {
	margin: 0;
	padding: 0;
}

#nav a {
	text-decoration:none;
	margin: 0;
	padding: 0;
}

#nav .subtopic, #nav a, #nav .subtopic a {
	color: #71C6CB;
}

#nav a:hover, #nav a.selected, #nav .subtopic a:hover {
	color: white; 
}

/* no overflow on table cells? */
#layout td {overflow:hidden;}

#credit-footer {
	text-align: center;
	font-size: 9px;
	color: #666666;
	padding-top: 12em;
	letter-spacing: 0.4em;
	position: relative;
}

#credit-footer a {
	color: #666666;
	text-decoration: none;
}

#social-media-icons {
	letter-spacing: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
}

#social-media-icons img {
	display: inline;
}