/*-------------------------------------------------
GLOBAL PAGE LAYOUT ELEMENTS
-------------------------------------------------*/

* { margin: 0; padding: 0; }

body {
	margin: 0.5em 0 0 0;
	padding: 0;
	text-align: center;
	font-family: 'Trebuchet MS', arial, sans-serif;
	color: #999;
	background-color: #666;
	}

body, html { height: 95%; }


/* Logo goes here */
h1 {
	text-indent: -9000px;
	height: 80px;
	background: transparent url(../img/logo_levensaler_orng.gif) 0% 50% no-repeat;
	}
h2 { display: none; }	
h3 { font-size: 12px; }	
	
a:link, a:visited {
	color: #ccc;
	text-decoration: none;
	}

a.selected:link, a.selected:visited {
	color: #fff;
	}

a:hover, a:visited:hover {
	color: #fff;
	}

a:link img { border: 1px solid #b3b3b3; }
a:visited img { border: 1px solid #666; }
a:hover img, a:visited:hover img { border: 1px solid #fff; }
a.selected:link img, a.selected:visited img { border: 1px solid #f90; }
a.selected:hover img, a.selected:visited:hover img { border: 1px solid #f90; }

/* Workaround for vertical centering */
#Wrapper{margin:0 auto;height:100%;width:100%;position:relative}
#Wrapper[id]{display:table;position:static}
#InnerWrapper{position:absolute;top:0;left:0;}
#InnerWrapper[id]{display:table-cell;vertical-align:middle;position:static}
#OuterContainer{position:relative;top:-50%}

/* Outer bounding table */
#Frame { width: 100%; }

/* Container that gets resized and holds the photo */
#Container {
	margin: 0 auto;
	position: relative;
	width: 400px;	/* Initial width */
	height: 300px;	/* Initial height */
	background-color:#4d4d4d;
	overflow: hidden;
	}

#PhotoRow { background: #666 url(../img/bkd_gray_diagonal3.gif); }	
#PhotoRow td { text-align: right; width: 45%; }
#PhotoRow td#PhotoCell { width: 10%; }
#HeaderRow td { background: #666 url(../img/bkd_fade_top.gif) left bottom repeat-x; }

#LoadContainer {
	height: 25%;
	width: 50%;
	position: absolute;
	top: 40%;
	left: 25%;
	text-align: center;
	z-index: 1;
	}

#MenuLink {
	display: block;
	float: right;
	height: 120px;
	width: 26px;
	background: #4d4d4d url(../img/bkd_menu.gif) 0 70px no-repeat;
	text-decoration: none;
	}

#MenuLink:hover, #MenuLink:visited:hover { background: #4d4d4d url(../img/bkd_menu.gif) -26px 70px no-repeat; }
#MenuLink.selected:link, #MenuLink.selected:hover, #MenuLink.selected:visited { background: #4d4d4d url(../img/bkd_menu.gif) -52px 70px no-repeat; }
	

#MenuLink span { display: none; }

#MenuContainer {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 200;
	background-color: #333;
	width: 100%;
	height: 120px;
	filter: alpha(opacity: 80);
	KHTMLOpacity: 0.8;
	MozOpacity: 0.8;
	opacity: 0.8;
	}

#MenuContainer ul {
	margin: 0;
	text-align: left;
	list-style: none;
	line-height: 18px;
	font-size: 11px;
	background: transparent url(../img/bkd_menu_li.gif) 0 bottom repeat-x;
	}

#colA { position: absolute; top: 15px; left: 15px; }
#colB { position: absolute; top: 15px; left: 150px; }
#colC { position: absolute; top: 15px; left: 285px; }

#MenuContainer ul li {
	width: 120px;
	padding: 0 0 0 5px;
	white-space: nowrap;
	background: transparent url(../img/bkd_menu_li.gif) 0 0 repeat-x;
	}

#MenuContainer ul li.selected { background-color: #4d4d4d; }

#MenuContainer a { width: 120px; display: block; }

#MenuContainer ul li a:link, #MenuContainer ul li a:visited { color: #999; }
#MenuContainer ul li a:hover, #MenuContainer ul li a:visited:hover { color: #ccc; }
#MenuContainer ul li.selected a:link, #MenuContainer ul li.selected a:visited { color: #fff; background: transparent url(../img/bkd_menu_arrow.gif) 108px 50% no-repeat; }

#LinkContainer {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	height: 200px;
	width: 200px;
	z-index: 100;
	filter: alpha(opacity: 50);
	KHTMLOpacity: 0.5;
	MozOpacity: 0.5;
	opacity: 0.5;
	/* now, trick IE into displaying links on hover */
	background: url(../img/c.gif) 50% 50% no-repeat;
	}

#PrevLink {
	z-index: 100;
	position: absolute;
	top: 0%;
	left: 0%;
	height: 100%;
	width: 50%;
	display: block;
	}

#NextLink {
	z-index: 100;
	position: absolute;
	top: 0%;
	left: 50%;
	height: 100%;
	width: 50%;
	display: block;
	}

#PrevLink:hover, #NextLink:hover { text-decoration: none; }
#PrevLink:hover { background: transparent url(../img/prev_minus.gif) 50% 50% no-repeat; }
#NextLink:hover { background: transparent url(../img/next_plus.gif) 50% 50% no-repeat; }

#PrevLink span, #NextLink span { display: none; }

/* Inner container for photo */
#PhotoContainer { visibility: hidden; }

#ThumbnailRow td {
	background-color: #808080;
	border-bottom: 1px solid #999;
	}

#ThumbnailRow td ul {
	margin: 9px 0;
	text-align: right;
	list-style: none;
	float:right;
	}

#ThumbnailRow ul li {
	margin: 0 0 0 2px;
	float: left;
	height: 30px;
	width: 30px;
	background-color: #666;
	overflow: hidden;
	}

#CaptionContainer p {
	background-color: #333;
	font-size: 11px;
	padding: 5px 10px 6px 10px;
	text-align: left;
	float: none;
}
#Footer {
	background: none;
	padding: 50px 0 30px 0;
	background-color: #4d4d4d;
}
#Footer div {
	margin: 0 auto;
	width: 755px;
}
#Footer div div {
	margin: 0;
	width: 251px;
	text-align: left;
	float: left;
}
#Footer div div div {
	margin: 0;
	width: auto;
	padding: 0 10px;
	float: none;
}
#Footer h3 {
	font-size: 11px;
	padding: 0 0 8px 0;
	border-bottom: 2px solid #666;
	text-transform: uppercase;
	color: #f90;
}
#Footer h3 span {
	color: #808080;
}
#Footer h4 {
	font-size: 12px;
	margin-top: 40px;
	padding: 0;
	color: #808080;
}
#Footer h5 {
	font-size: 10px;
	padding: 8px 0 0 0;
	color: #808080;
}
#Footer p {
	padding: 10px 0;
	color: #999;
	line-height: 17px;
}
#Footer ul {
	padding-top: 5px;
	list-style: none;
}
#Footer li {
	font-size: 11px;
	line-height: 17px;
	padding: 5px 0;
	background: transparent url(../img/bkd_menu_li_light.gif) 0 bottom repeat-x;
}
#Footer a:link, #Footer a:visited { color: #ccc; }
#Footer a:hover, #Footer a:visited:hover { color: #fff; }
#recBox ul {
	float: left;
	width: 50%;
}
#Footer p.copyright {
	margin: 40px 0 10px 0;
	border-top: 1px solid #41464a;
	padding-top: 10px;
	color: #878a8c;
}
#Footer div.clear {float:none;clear:both;}

/* Miscellaneous */	
img { border: none; }
p { font-size: 11px;padding: 0.5em 0; }