* {
  margin: 0;
	padding: 0;
	border: 0;
}
input {
	border: inherit;
	margin: inherit;
	padding: inherit;
}
body {
  font-family: verdana, helvetica, arial, sans-serif;
	font-size: 62.5%;
	background-color: #fff;
	color: #444;
}

dt { height: 18px; margin: 0px 0px 0px 0px; font-size: 1.1em; }
dd { margin: 0px 0px 7px 0px; }

h2 {
	font: normal normal 1.5em/1.0em arial, helvetica, sans-serif;
	font-weight: lighter;
}

div.blockquote {
	margin: 0px 0px 5px 20px;
}

h4 {
	margin: 0;
	margin-bottom: 5px;
	font: normal normal 12px/1.0em verdana, arial, helvetica, sans-serif;
	font-weight: normal;
	color: #333;
}

a { color: #6693b4; text-decoration: underline; }
a:hover { color: #485f7d; text-decoration: none; }

a.hot { color: #FF3333 !important; }
a.hot:hover { color: #990000 !important; }

dt.cdinfo {
	height: 85px;
}

dt.cdinfo p {
	font-size: 0.8em;
	font-weight: normal;
	font-style: normal;
	color: #555;
}
dt.cdinfo div.cd {
	width: 75px;
	height: 75px;
	float: right;
	margin: 5px 20px 5px 15px;
	border: 1px solid #ccc;
}

.defying { background: #fff url(../img/cd_defying.gif) no-repeat left top; }
.leslie { background: #fff url(../img/cd_leslie.gif) no-repeat left top; }
.casino { background: #fff url(../img/cd_casino.gif) no-repeat left top; }
.perfect { background: #fff url(../img/cd_perfect.gif) no-repeat left top; }


.black { color: #000 !important; }
.displayed { display: block; }
.notdisplayed { display: none; }

ol li {
	margin: 0px 0px 10px 0px;
	border: 1px solid #eee;
	padding: 1px 2px;
	height: 18px;
	line-height: 18px;
}
ol li embed {
	float: right;
}
div.ipod {
	margin-top: 2px;
	display: inline-block;
	padding: 0px 0px 0px 15px;
	height: 15px;
	line-height: 15px;
	background: transparent url(../img/icon_ipod.gif) no-repeat left top;
	float: left;
}

.clickable { cursor: pointer; }
.padding { padding: 5px; }
.borders { border: 1px solid #c9c9c9; }
.alignleft { text-align: left !important; }
.alignright { text-align: right !important; }

.wine { background-color: #9d7d80; }
.pink { background-color: #cea7a2; }
.salmon { background-color: #e8a292; }
.perry { background-color: #8b8391; }
.brick { background-color: #c26c5c; }
.mocha { background-color: #c48962; }

#horizon {
	background-color: transparent;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	margin-top: -275px;
	text-align: center;
	min-width: 1006px; 
}
#main_container {
	background-color: #fff;
	position: relative;
	text-align: left;
	width: 1006px;
	height: 526px;
	margin: 0px auto;
}

div.logo_header {
	clear: both;
	width: 401px;
	height: 50px;
	background: transparent url(../img/logo.gif) no-repeat left top;
}

div.main {
  clear: both;
	width: 1006px;
	height: 357px;
	background-color: #fff;
}



a.icon_sound {
	height: 14px;
	line-height: 14px;
	padding-left: 16px;
	background: transparent url(../img/icon_sound.gif) no-repeat 0px 0px;
}
a.icon_sound:hover {
	text-decoration: none;
	background: transparent url(../img/icon_sound.gif) no-repeat 0px -14px;
}
a.icon_sound_selected, a.icon_sound_selected:hover {
	cursor: default;
	height: 14px;
	line-height: 14px;
	padding-left: 16px;
	background: transparent url(../img/icon_sound.gif) no-repeat 0px -42px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
span.icon_sound {
	cursor: default;
	height: 14px;
	line-height: 14px;
	padding-left: 16px;
	background: transparent url(../img/icon_sound.gif) no-repeat 0px -28px;
}



/* Feature Articles */
div.main div.feature {
  width: 401px;
	height: 357px;
	float: left;
  background-color: #ede6e1;
}

div.feature div.feature_photo {
	width: 125px;
	height: 125px;
	margin: 0px 5px 5px 0px;
}

div.main div.feature div.article {
	margin: 5px 5px 20px 5px;
	padding: 0px 0px 0px 130px;
	width: 240px; /* 370 - 130padding */
	height: auto;
	min-height: 125px;
	text-align: justify;
	color: #333;
	font-size: 1.1em;
	line-height: 1.2em;
	background-color: #ede6e1;
}
div.main div.feature div.article h2 {
	float: left;
	width: 170px;
}
div.main div.feature div.article a,
div.subcontent a {
	color: #6e4c52;
	text-decoration: underline;
}
div.main div.feature div.article a:hover,
div.subcontent a:hover {
	color: #c26c5c;
	text-decoration: none;
}
div.main div.feature div.article p {
	margin: 0px 0px 10px 0px;
	clear: both;
}
div.main div.feature div.article span.date {
	font-size: 0.9em;
	color: #777;
	float: right;
	margin: 2px 0px 0px 0px;
	text-transform: uppercase;
}

#feature_sound { background: transparent url(../img/feature_sound.png) no-repeat left top; }
#feature_pinkup { background: transparent url(../img/feature_pinkup.png) no-repeat left top; }
#feature_neverheard { background: transparent url(../img/feature_random.gif) no-repeat left top; }
#feature_highschool { background: transparent url(../img/feature_highschool.gif) no-repeat left top; }
#feature_fiddler { background: transparent url(../img/feature_fiddler.gif) no-repeat left top; }
#feature_random { background: transparent url(../img/feature_random.gif) no-repeat left top; }
#feature_newsupdate { background: transparent url(../img/feature_newsupdate.gif) no-repeat left top; }
#feature_frank_sept { background: transparent url(../img/feature_frankenstein.gif) no-repeat left top; }
#feature_backnyc { background: transparent url(../img/feature_nyc.gif) no-repeat left top; }
#feature_defying { background: transparent url(../img/feature_defying.gif) no-repeat left top; }
#feature_frank_agatha { background: transparent url(../img/feature_agatha.gif) no-repeat left top; }
#feature_cabaret { background: transparent url(../img/feature_cabaret.gif) no-repeat left top; }


/* Primary Content (604x357 px) */
div.main div.content {
	width: 604px;
	height: 357px;
	overflow: hidden;
	float: right;
	background-color: #fff;
}

/* Secondary content */
div.main div.secondarycontent {
	width: 604px;
	height: 357px;
	float: right;
	background-color: transparent;
}
.pane {
	background: transparent url(../img/pane_bg.gif) no-repeat right top;
}
div.main div.secondarycontent #page {
	padding: 0px 0px 0px 40px;
	float: left;
	width: 540px;
	height: 357px;
	overflow: hidden;
}

#page p {
	margin: 0px 0px 10px 0px;
}

div.main div.secondarycontent img.h2 {
	display: block;
}
div.main div.secondarycontent dt {
	margin: 30px 0px 10px 0px;
	font-size: 1.3em;
	color: #999;
	font-style: italic;
}
div.main div.secondarycontent dd {
	margin: 0px 20px 20px 25px;
	font-size: 1.1em;
}

div.bottom {
	width: 1006px;
	height: 30px;
	clear: both;
	margin-top: 1px;
	overflow: hidden;
}
div.bottom div.corner {
  width: 280px;
	height: 30px;
	float: left;
	background-color: #b2b2b2;
}

div.corner p {
	padding: 10px;
	color: #555;
}
div.corner a {
	color: #333 !important;
	text-decoration: underline;
}
div.corner a:hover {
	color: #000 !important;
	text-decoration: none;
}

div.bottom ul.nav {
  list-style-type: none;
	display: block;
	width: 725px;
	height: 30px;
	float: right;
	background-color: #c48962;
}


#kwicks { position: relative; }
#kwicks .kwick {
	float: left;
	display: block;
	width: 120px;
	height: 30px;
	line-height: 30px;
	margin: 0;
	font-family: "helvetica neue", arial, helvetica, sans-serif;
	overflow: hidden;
	cursor: pointer;
}
#kwicks span {
	border-left: 1px solid #fff;
	width: 138px;
	height: 30px;
	line-height: 30px !important;
	display: block;
}
#kwicks span a { color: #fff; text-decoration: none; font-size: inherit; }
#kwicks span.first {
	border: 0;
}

#kwicks .wine span { background: transparent url(../img/icon_calendar.png) no-repeat right 3px; }
#kwicks .pink span { background: transparent url(../img/icon_listen.png) no-repeat right 3px; }
#kwicks .salmon span { background: transparent url(../img/icon_shows.png) no-repeat right 3px; }
#kwicks .perry span { background: transparent url(../img/icon_photos.png) no-repeat right 3px; }
#kwicks .brick span { background: transparent url(../img/icon_reviews.png) no-repeat right 3px; }
#kwicks .mocha span { background: transparent url(../img/icon_contact.png) no-repeat right 3px; }


#kwicks .last {
  margin: 0;
	border-right: 0;
}
div.bottom ul.nav li a,
div.bottom ul.nav li span {
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	font-weight: lighter;
	padding: 0px 0px 0px 5px !important;
/*	line-height: 14px !important; */
}






/* Subcontent */
div.subcontent {
	clear: both;
	width: 1006px;
	margin-top: 1px;
	background: #fff url(../img/submenu_bg.gif) repeat-y left bottom;
}
div.subcontent p {
	margin: 0px 0px 10px 0px;
}
div.subcontent div {
	margin-left: 281px;
	padding: 3px 5px 5px 5px;
	line-height: 1.2em;
}
div.showsrow { clear: both; margin-top: 1px; }
div.showsrow div.corner {
	background-color: #e2d8ca;
	width: 280px;
	height: 89px;
	float: left;
}
div.showsrow div.shows {
	position: relative;
	background-color: #ede6e1;
	width: 725px;
	height: 89px;
	float: right;
}


#sub_photos dt {
	padding: 0px 0px 0px 26px;
	background: transparent url(../img/icon_gallery.gif) no-repeat left top;
}




#wrapper {
  width: 604px;
	height: 357px;
	overflow: hidden;
	position: relative;
}
#inner {
	width: 604px;
	height: 2000px;
	position: relative;
}
#cover_container {
	width: 250px;
	height: 357px;
	position: relative;
}


.scrolling_content {
	position: absolute !important;
	width: 604px;
	height: 357px;
}

#photos_general {
	cursor: default;
	left: 0px;
	top: 0px;
}

#photos_headshots {
	cursor: default;
	left: 605px;
	top: 0px;
}

#photos_shows {
	cursor: default;
  left: 1211px;
	top: 0px;
}

#photos_family {
	cursor: default;
  left: 1816px;
	top: 0px;
}



.scrolling_cover {
	width: 250px;
	height: 357px;
	position: absolute !important;
}

#largecover_frank {
	left: 0px;
	top: 0px;
	background: transparent url(../img/covers/frank.jpg) no-repeat left top;
}
#largecover_piazza {
	left: 280px;
	top: 0px;
	background: transparent url(../img/covers/piazza.jpg) no-repeat left top;
}
#largecover_lesmis {
	left: 560px;
	top: 0px;
	background: transparent url(../img/covers/lesmis.jpg) no-repeat left top;
}




div.scrolling_content ul {
  background: #000;
	opacity: 0.2;
  border: 1px solid #ddd;
	right: 5px;
  bottom: 5px;
  position: absolute;
  overflow: hidden;
  padding: 2px 0;
  z-index: 10001;
}
div.scrolling_content ul:hover {
	border: 1px solid #a3a3a3;
	background-color: #000;
	opacity: 0.9;
}
div.scrolling_content ul a {
  cursor: pointer;
  display: block;
  width: 20px;
  height: 20px;
  margin: 0px 5px;
  opacity: 0.5;
}
div.scrolling_content ul a.next { background: transparent url(../img/photo_navigation_bg.gif) no-repeat right top; }
div.scrolling_content ul a.prev { background: transparent url(../img/photo_navigation_bg.gif) no-repeat left top; }
div.scrolling_content ul a.active { color: #fff; }
div.scrolling_content p {
	position: absolute;
	z-index: 1500;
	font: verdana, helvetica, arial, sans-serif;
	background-color: #fff;
	padding: 2px 3px;
	color: #000;
	left: 5px;
	bottom: 5px;
	margin-right: 70px;
}
div.scrolling_content p a {
	color: #333;
	text-decoration: none;
}
div.scrolling_content p a:hover {
	color: #000;
	text-decoration: underline;
}


div.scrolling_content ul a.active,
div.scrolling_content ul a:hover {
  opacity: 1;
}
div.scrolling_content ul li {
  float: left;
  list-style: none;
}

ul.square li {
	list-style: square;
	margin: 2px 0px 3px 15px;
}


#contact_info p { color: #555; margin: 0px 0px 10px 0px; }
#contact_info a, a#back_to_top, .cdinfo a {
	color: #333;
	text-decoration: none;
}
#contact_info a:hover, a#back_to_top:hover, .cdinfo a:hover {
	border-bottom: 1px dotted #333;
	color: #000;
}


#feature_container {
	width: 379px;
	height: 357px;
	overflow: hidden;
	float: left;
}
div.main div.sidecontent {
	width: 401px;
	height: 357px;
	float: left;
}
div.main div.sidecontent #contact_info {
	display: block;
	width: 401px;
	height: 105px;
	margin-top: 240px;
	font-style: normal;
	color: #777;
}
div.main div.sidecontent #contact_info div {
	padding: 25px 5px 10px 20px;
}

div.secondarycontent h2 {
	font: normal normal 3.0em/1.0em "Helvetica Neue", helvetica, arial, sans-serif;;
	font-weight: normal;
 	color: #777;
}
h3 {
	font: normal normal 1.7em/1.0em "Helvetica Neue", helvetica, arial, sans-serif;
	font-weight: normal;
	color: #777;
	margin-top: 20px;
}

div.secondarycontent dl {
	padding-bottom: 30px;
}

.grey { color: #a3a3a3; }
.glass1 { background: #fff url(../img/glass_photo1.jpg) no-repeat left top; }
.glass2 { background: #fff url(../img/glass_photo2.jpg) no-repeat left top; }
.glass3 { background: #fff url(../img/glass_photo3.jpg) no-repeat left top; }
.glass4 { background: #fff url(../img/glass_photo4.jpg) no-repeat left top; }
.glass5 { background: #fff url(../img/glass_photo5.jpg) no-repeat left top; }
.glass30 { background: #fff url(../img/glass_photo30.jpg) no-repeat left top; }
.glass6 { background: #fff url(../img/glass_photo6.jpg) no-repeat left top; }
.photopane { background: #fff url(../img/pane_left_bg.gif) no-repeat -200px top; }

div.side250 {
	width: 250px;
	height: 357px;
	overflow: hidden;
	float: left;
}
div.main705 {
	width: 705px;
	float: left;
}


#area {
	margin: 1px 1px 1px 0px;
	float: right;
	background-color: #e2d8ca !important;
	height: 355px;
	width: 20px;
}
 
#knob {
	position: relative;
	height: 48px;
	width: 16px;
	margin: 1px;
	border: 1px solid #d0c4b6;
	background: #e2d8ca url(../img/knob_bg.gif) repeat-y left top;
	background-color: #e2d8ca !important;
}

#secondary_area {
	float: right;
	height: 355px;
	width: 20px;
	/* border: 1px solid #eee; */
	background: #fff url(../img/area_bg.gif) no-repeat left top;
}
#secondary_knob {
	background: #ddd;
	height: 40px;
	width: 14px;
	margin: 2px;
	border: 1px solid #cdcdcd;
	background: #f0f0f0;
}


div.gallery_link {
	width: 170px;
	height: 150px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	float: left;
	margin: 0px 20px 0px 0px;
}
div.gallery_link a {
	text-align: center;
	position: relative;
	top: 138px;
	font-size: 1.1em;
}

#photo_pane {
	width: 1006px;
	height: 300px;
	background-color: #fff;
}

.gallery_leslie { background-image: url(../img/gallery_leslie.gif); }
.gallery_friends { background-image: url(../img/gallery_friends.gif); }
.gallery_performances { background-image: url(../img/gallery_performances.gif); }

#covers {
	margin: 0;
	padding: 0;
}
div.cover {
	border: 1px solid black;
	background-color: #fff;
	opacity: 0.75;
	width: 44px;
	height: 63px;
	float: left;
	margin: 12px 0px 0px 5px;
}
#cover_frankenstein { background: #fff url(../img/covers/mini_frank.gif) no-repeat left top; }
#cover_piazza { background: #fff url(../img/covers/mini_piazza.gif) no-repeat left top; }
#cover_lesmis { background: #fff url(../img/covers/mini_lesmis.gif) no-repeat left top; }
#cover_marty { background: #fff url(../img/covers/mini_marty.gif) no-repeat left top; }
#cover_company { background: #fff url(../img/covers/mini_company.gif) no-repeat left top; }
#cover_bells { background: #fff url(../img/covers/mini_bells.gif) no-repeat left top; }
#cover_fiddler { background: #fff url(../img/covers/mini_fiddler.gif) no-repeat left top; }
#cover_poop { background: #fff url(../img/covers/mini_poop.gif) no-repeat left top; }
#cover_brigadoon { background: #fff url(../img/covers/mini_brigadoon.gif) no-repeat left top; }
#cover_georgem { background: #fff url(../img/covers/mini_georgem.gif) no-repeat left top; }
#cover_southpac { background: #fff url(../img/covers/mini_southpac.gif) no-repeat left top; }
#cover_jekyll { background: #fff url(../img/covers/mini_jekyll.gif) no-repeat left top; }
#cover_guysdolls { background: #fff url(../img/covers/mini_guysdolls.gif) no-repeat left top; }
#cover_singin { background: #fff url(../img/covers/mini_singin.gif) no-repeat left top; }