/*----------------------------------------------------------------------------------------------------
///// JeremyKaplan.net Style Sheet \\\\\
------------------------------------------------------------------------------------------------------
Author: SM - hi@nonsponsored.com
Version: 1.1
Version Date: 04.05.08

Contains:
	=Global Resets
	=Navigation Menu
	=Global Styles
	=Content Container
	=Logo
	=Main Photo
	=Thumbnail Photos	
----------------------------------------------------------------------------------------------------*/


/* =Global Resets
----------------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}


/* =Global Styles
----------------------------------------------------------------------------------------------------*/
body {
	background-color: #494E44;
}
img {
	display: block;	
}


/* =Content Container
----------------------------------------------------------------------------------------------------*/
#container {
	margin: 0 auto;
	margin-top: 75px;
	width: 707px;
}


/* =Logo
----------------------------------------------------------------------------------------------------*/
#logo {
	background: url("/images/global/logo.png") 0 0 no-repeat;
	float: left;
	height: 26px;
	position: relative;
	text-indent: -9999px;
	top: 2px;
	width: 204px;
	z-index: 85;
	/* IE6 PNG Filter */
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/global/logo.png', sizingMethod='scale');
	_background: none;	
}


/* =Main Photo
----------------------------------------------------------------------------------------------------*/
#mainPhoto {
	border: 1px solid #fff;
	float: right;
	margin: 0 0 2px 0;
	position: relative;
}
#mainPhoto img {
	z-index: 90;
}
/* ----- +/- Info Button ----- */
#infoBtn {
	bottom: 2px;
	height: 12px;
	right: 2px;
	position: absolute;
	text-indent: -9999px;
	width: 36px;
	z-index: 100;
}
#infoBtn a {
	cursor: pointer;
	display: block;
	height: 12px;
	position: relative;
	width: 36px;
	z-index: 105;
}
#infoBtn a.black {
	background: url("/images/global/btnInfoBlack.png") 0 0 no-repeat;
	/* IE6 PNG Filter */
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/global/btnInfoBlack.png', sizingMethod='image');
	_background: none;
}
#infoBtn a.white {
	background: url("/images/global/btnInfoWhite.png") 0 0 no-repeat;
	/* IE6 PNG Filter */
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/global/btnInfoWhite.png', sizingMethod='image');
	_background: none;
}
/* ----- Info Details Graphic ----- */
#info {
	cursor: pointer;
	display: none; 
	bottom: -1px;
	right: -1px;
	position: absolute;
	z-index: 95;
}
#info img {
	height: 70px !important; /* IE6 */
	width: 159px !important; /* IE6 */
}
/* ----- Email Link ----- */
#email {
	bottom: 17px;
	position: absolute;
	right: 44px;
	_right: 41px; /* For IE6 */
}
#email a {
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#email a:hover {
	text-decoration: none;
}

/* =Thumbnail Photos
----------------------------------------------------------------------------------------------------*/
#thumbnails {
	float: left;	
	margin: 0;
	padding: 0;
	width: 142px;
}
#thumbnails li {
	display: inline;
	float: left;
	margin: 0 2px 2px 0;
}
#thumbnails li a {
	border: 1px solid #fff;
	display: inline;
	float: left;
	height: auto;
	width: auto;
}
#thumbnails li a.selected,
#thumbnails li a:hover {
	border: 1px solid #6b8c1c;
}
#thumbnails li a.selected {
	cursor: default;	
}
/* ----- Empty Thumbnails ----- */
#thumbnails li.empty {
	background-color: #41453e;
	border: 1px solid #fff;
	display: inline;
	height: 111px;
	margin: 0 2px 2px 0;
	width: 138px;
}
#thumbnails li.small {
	height: 34px;
	width: 67px;
}
#thumbnails li.last {
	height: 37px;
}

/* =Navigation Menu
----------------------------------------------------------------------------------------------------*/
#nav {
	border-right: 1px solid #fff;
	float: right;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 10px;
	letter-spacing: 0.1em;
	margin: 0;
	padding: 0;
	width: 436px; 
}
#nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#nav li {
	float: left;
	position: relative;
	width: auto;
}
/* ----- Top Level: Links ----- */
#nav a {
	background-color: #444840;
	border: 1px solid #fff;
	border-right: 0;
	color: #fff;
	cursor: default;
	display: block;
	float: left;
	font-size: 10px;
	line-height: 1.5em;
	margin: 0;
	padding: 0 0 0 10px;
	text-decoration: none; 
	width: 98px;
}
#nav a:hover, #nav ul ul a:hover {
	color: #fff; 
	background-color: #3b3f38;
}
/* ----- Second & Third Levels: Positioning & Visibility ----- */
#nav ul ul {
	height: 0;
	left: 0;
	position: absolute; /* ensures no space is required */
	top: 1.7em;
	visibility: hidden;
	width: 109px;
}
/* ----- Second Level: Positioning ----- */
#nav ul ul {
	width: auto;
}
/* ----- Second Level: Visibility ----- */
#nav ul li:hover ul,
#nav ul a:hover ul {
	visibility: visible; 
}
/* ----- Second Level: Links ----- */
#nav ul ul a {
	border: 0;
	cursor: pointer;
	height: 1.6em; 
	line-height: 1.6em; 
	padding: 0 0 0 10px; 
	width: 99px;
}
/* ----- Third Level: Positioning ----- */
#nav ul ul ul {
	left: 109px; 
	top: 0;
	width: 109px;
}
/* ----- Third Level: Visibility ----- */
/* For Hovering on First Level */
#nav ul :hover ul ul{
	visibility:	hidden;
}
/* For Hovering on Second Level */
#nav ul :hover ul :hover ul{ 
	visibility:visible;
}
/* ----- Third Level: Background ----- */
#nav ul ul ul a {
	background-color: #444840;
}
/* ----- Third Level: Links ----- */
#nav ul ul ul a {
	width: 115px;
}
#nav ul ul ul a:hover,
#nav ul ul ul :hover > a {
	background-color: #3b3f38;
}
/* ----- Table for IE ----- */
#nav table {
	left: 0;
	position: absolute;
	top: 0;
}