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
{margin:0; padding:0; vertical-align:baseline; border:0; outline:0; background:transparent;}

a img {border:none;}
ol, ul {list-style:none;}
a, :focus {outline:0;}
table {border-collapse:collapse; border-spacing:0;}

.left {float:left;}
.right {float:right;}
.group, .clear {clear:both;}
.del {text-decoration:line-through;}
.page-break, .hide, hr {display:none;}
.basicmargin {margin:8px;}
.basicpadding {padding:8px;}
.centered {text-align:center;}
.group:after {content: "."; display:block; height:0; clear:both; visibility: hidden;}
.group {min-height:1px;}

html, body {height: 100%;}
#wrap {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -59px;}
#footer, .push {height: 59px;}

#sm2-container {position:absolute; height:1px; width:1px; top:0;}

/* Newsletter form - change when adding shop */
input[type="text"] {border:2px solid #231f20; padding:4px; width:298px;}
input[type="submit"] {border-width:0 0 0 2px; cursor:pointer; margin:0; font-weight:bold;}
input:focus {border-color:#000;}
form a.button {height:17px; margin-top:0;}
label[for="email"] {margin-bottom:5px; display:block;}

@font-face {font-family: AvantGarde Demi; src: url('http://www.flow-records.com/fonts/avgard.ttf');	font-weight:bold;}
@font-face {font-family: AvantGarde Book; src: url('http://www.flow-records.com/fonts/avgardb.ttf');}

body, input, textarea, select {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
#nav, h1, h2, h3, h6, .button {font-family: "AvantGarde Demi", Helvetica, Arial, sans-serif;}

textarea, select {font-size:10pt;}
h1 {font-size:17pt; text-align:center;}
h2 {font-size:20pt;}
h3 {font-size:17pt;}
h4 {font-size:16pt;}
h5, .contactInfo p, .tweet p, .tweet span {font-size:8pt;}
h6 {font-size:10.8pt;}

p, label, li, .button, .labelContributer h4, .labelContributer h5, .labelContributer a, .labelPartner h4, .labelPartner h5, .labelPartner a, .artistDetails ul li, .releaseDetails ul li, .releaseItem ul li, .paging, .releaseText h5  {font-size:10pt;}
.tweet span a, .titleContainer h5, .labelContributer a:link, .labelContributer h5, .labelPartner a:link, .labelPartner h5, .crew h5, #footer a {font-weight:normal;}

.newsItem h3, .address {text-align:right;}
p, .address, .tweet p, .artistDetails ul li, .releaseDetails ul li, .releaseItem ul li, .paging, .releaseText li {line-height:1.8;}
.newsItem h3 {line-height:0.7;}

a:link, a:visited {color:#231f20; font-weight:bold; text-decoration:none;}
a:hover, a:active {color:#55c4cf;}
p a:hover, p a:active, .labelPartner a:hover, .labelPartner a:active, .labelContributer a:hover, .labelContributer a:active, .paging a:hover, .paging a:active {background:#231f20; color:#fff;}

h2, #nav {letter-spacing:1px;}
p, #nav a:link, #nav a:visited {color:#231f20;}
.titleContainer, .button:hover, #logo a:link, #logo a:visited {color:#fff;}
.tweet:hover .titleContainer.right h5, .newsItem:hover .titleContainer.right h5, .titleContainer.left h6, .titleContainer.right h6, #logo a:hover, #logo a:active, #nav a:hover, #nav a:active {color:#55c4cf;}
.tweet a:hover, .tweet a:active {color:#fff; background:#231f20;}

#rss-content-1 a:link, #rss-content-1 a:visited {color:#fff; font-size:8pt; font-weight:bold;}
#rss-content-1 a:hover, #rss-content-1 a:active {text-decoration:underline;}

/* Main stuff */
body {background: url(http://www.flow-records.com/images/mainbg.jpg) no-repeat top right; background-attachment:fixed;}
body#flowrecs  {background: url(http://www.flow-records.com/images/flowrecsbg.jpg) no-repeat top left; background-attachment:fixed;}
body#flowvinyl {background: url(http://www.flow-records.com/images/flowvinylbg.jpg) no-repeat top left; background-attachment:fixed;}
body#wolfmusic {background: url(http://www.flow-records.com/images/wolfmusicbg.jpg) no-repeat top left; background-attachment:fixed;}
body#hyperflow {background: url(http://www.flow-records.com/images/hyperflowbg.jpg) no-repeat top right; background-attachment:fixed;}
body#flowbookings {background: url(http://www.flow-records.com/images/bookingsbg.jpg) repeat-x top left;}
#wrap {background: url(http://www.flow-records.com/images/body_bg.png) repeat-x top left;}
#contentWrapper {width:890px; margin:30px auto;}
#main {width:526px;}
#secondary {width:326px;}
#header {height:140px;}
#header, #footer {width:890px; margin:0 auto;}


#logo {background: url(http://www.flow-records.com/images/logo.gif) no-repeat top left; height:140px; width:145px;}
#logo a {height:40px; padding-top:100px; display:block;}

#flowrecs #logo {background-image: url(http://www.flow-records.com/images/logo_flr.gif);}
#flowvinyl #logo {background-image: url(http://www.flow-records.com/images/logo_flv.gif);}
#wolfmusic #logo {background-image: url(http://www.flow-records.com/images/logo_wlf.gif);}
#flowdeluxe #logo {background-image: url(http://www.flow-records.com/images/logo_fle.gif);}
#hyperflow #logo {background-image: url(http://www.flow-records.com/images/logo_hyp.gif);}
#flowbookings #logo {background-image: url(http://www.flow-records.com/images/logo_flb.gif);}
#flowrecs #logo a, #flowvinyl #logo a, #wolfmusic #logo a, #flowdeluxe #logo a, #hyperflow #logo a, #flowbookings #logo a {text-indent:-9999px;}

#nav {padding-top:45px;}
#nav li {display:inline; margin-left:10px;}

.small {width:326px;}
.middle {width:436px;}
.big {width:526px;}

/* Containers and images */
.container
{
	background:#fafafa; 
	border:2px solid #a8a6a7;
	margin-bottom:20px;
	box-shadow: 2px 2px 6px #b0b0b0;
	-webkit-box-shadow: 2px 2px 6px #b0b0b0;
	-moz-box-shadow: 2px 2px 6px #b0b0b0;
}
.newsItem img, .releaseDetails img, .artistDetails .artistSocial, .artistGallery img, .releaseItem img, .linkItem img, .bookingArtist img
{
	background:#fafafa; 
	border:2px solid #fff;
	box-shadow: 2px 2px 6px #b0b0b0;
	-webkit-box-shadow: 2px 2px 6px #b0b0b0;
	-moz-box-shadow: 2px 2px 6px #b0b0b0;
}
.newsItem img 
{
	margin:20px -20px 10px 10px;
	position:relative;
	left:-40px;
}
 .releaseDetails img, .artistDetails .artistSocial
{
	margin:40px -20px 39px 10px;
	position:relative;
	left:-40px;
}
.artistGallery
{
	margin:0 -20px 39px 10px;
	position:relative;
	left:-40px;
}
.artistGallery img {margin-right:13px;}
.releaseItem img {margin:8px;}

.labelContributer {text-align:right; padding:10px 0;}
.labelContributer:hover, .labelPartner:hover, .crew:hover {background:#EDEDED;}
.labelContributer img
{
	background:#fafafa; 
	border:2px solid #fff;
	box-shadow: 2px 2px 6px #b0b0b0;
	-webkit-box-shadow: 2px 2px 6px #b0b0b0;
	-moz-box-shadow: 2px 2px 6px #b0b0b0;
	margin:0 10px 10px -20px;
	position:relative;
	right:-42px;
}
.labelPartner {padding:10px 0; width:294px;}
.labelPartner img
{
	background:#fafafa; 
	border:2px solid #fff;
	box-shadow: 2px 2px 6px #b0b0b0;
	-webkit-box-shadow: 2px 2px 6px #b0b0b0;
	-moz-box-shadow: 2px 2px 6px #b0b0b0;
	margin:0 10px 10px -20px;
	position:relative;
}
.crew img
{
	background:#fafafa; 
	border:2px solid #fff;
	box-shadow: 2px 2px 6px #b0b0b0;
	-webkit-box-shadow: 2px 2px 6px #b0b0b0;
	-moz-box-shadow: 2px 2px 6px #b0b0b0;
}
.crew .imagebox.left img {margin:0 10px 10px -20px;}
.crew .imagebox.right img {margin:0 -20px 10px 10px;}
.crew.middle.right {text-align:right;}

.labelPhoto {height:200px; background:#ededed;}

/* Title Boxes */
.titleContainer.left, .titleContainer.right, .titleContainer.centered, .titleContainerSocial.right {margin:8px 0; position:relative;}
.titleContainer.left h2, .titleContainer.left h5, .titleContainer.left h6 {background: url(http://www.flow-records.com//images/title_container_left_corner_bg.gif) no-repeat bottom left;}
.titleContainer.right h2, .titleContainer.right h5, .titleContainer.right h6 {background: url(http://www.flow-records.com/images/title_container_right_corner_bg.gif) no-repeat bottom right;}

.titleContainer.left, .titleContainer.centered {background: url(http://www.flow-records.com/images/title_container_left_bg.gif) no-repeat bottom right; left:-11px;}
.titleContainer.right {background: url(http://www.flow-records.com/images/title_container_right_bg.gif) no-repeat bottom left; right:-11px;}

.titleContainer.left h2, .titleContainer.right h2, .titleContainer.centered h2 {padding:6px 10px 15px;}
.titleContainer.left h5, .titleContainer.right h5, .titleContainer.left h6, .titleContainer.right h6 {padding:3px 5px 12px;}

.tweet .titleContainer.right {right:-19px; margin:10px 0 0;}
.titleContainer.left h6, .titleContainer.right h6 {text-transform:uppercase;}

.titleContainer.centered {width:348px;}
.titleContainer.centered h2 {background: url(http://www.flow-records.com/images/title_container_center_bg.gif) no-repeat bottom left;}

.titleContainerSocial.right {background: url(http://www.flow-records.com/images/title_container_right_white_bg.gif) no-repeat bottom left; right:-11px;}
.titleContainerSocial.right .facebookShare {background: url(http://www.flow-records.com/images/title_container_right_corner_white_bg.gif) no-repeat bottom right; padding:6px 0 14px 0;}
.titleContainerSocial.right .twitterShare {padding:6px 0 12px 6px;}

/* News Item */
.newsItem {margin-bottom:10px;}
.newsItem p {margin-left:170px;}
.newsItem h4 {padding:20px 8px 0; margin-left:170px;}

.newsItem h3 {color:#fafafa; padding-right:10px; min-height:1px;}
.newsItem:hover {background:#ededed;}
.newsItem:hover h3 {color:#ededed; background:#fafafa;}
.newsItem .titleContainer {margin-top:20px;}

/* Release Item */
.releaseItem {padding-bottom:10px; margin-bottom:10px; width:438px;}
.releaseItem.clear.left {margin-left:0;}
.releaseItem.left {margin-left:2px;}
.releaseItem h4 {padding:12px 8px 0; margin-top:8px;}
.releaseItem h4, .releaseItem p, .releaseItem ul {margin-left:200px;}
.releaseDetails, .releaseItem:hover h4, .releaseItem:hover ul, .releaseItem:hover p, .artistDetails, .bookingArtist:hover h4 {background:#ededed;}

.releaseDetails {width:328px; padding-bottom:20px;}
.artistDetails ul, .releaseDetails ul, .releaseDetails .button, .artistDetails .button {margin-left:48px;}

.releaseContent {width:558px; padding-top:40px;}
.releaseText {margin:0 48px 0 40px;}
.releaseText h5, .releaseText p {margin:10px 0;}
.releaseText ul li {margin-left:20px; list-style-type:square;}

.artistDetails {width:328px; padding-bottom:20px;}

.bookingArtist {margin:10px; width:200px; height:220px;}
.bookingArtist h4 {margin-left:40px; padding:10px;}
.bookingArtist a {font-weight:normal;}
.bookingArtist p {text-align:center;}

/* Paging */
.paging {text-align:center; padding:10px; background:#fff; font-weight:bold;}

/* Footer */
#footer {clear:both;}
.socialIcons {padding-right:10px;}
.socialIcons a, .rss {text-indent:-9999px; display:block; width:32px; height:32px; float:left; margin:10px 0 0 10px; background: url(http://www.flow-records.com/images/social_icons.gif) no-repeat top left;}

.socialIcons a[title="Twitter"] {background-position: -84px 0;}
.socialIcons a[title="Facebook"] {background-position: -42px -42px;}
.socialIcons a[title="Myspace"] {background-position: -84px -42px;}
.socialIcons a[title="Beatport"] {background-position: 0 -42px;}
.socialIcons a[title="Soundcloud"] {background-position: -126px -42px;}
.socialIcons a[title="Youtube"] {background-position: -126px 0;}
.rss {background-position: -42px 0; margin-right:10px;}

.socialIcons a[title="Twitter"]:hover {background-position: -84px -84px;}
.socialIcons a[title="Facebook"]:hover {background-position: -42px -126px;}
.socialIcons a[title="Myspace"]:hover {background-position: -84px -126px;}
.socialIcons a[title="Beatport"]:hover {background-position: 0 -126px;}
.socialIcons a[title="Soundcloud"]:hover {background-position: -126px -126px;}
.socialIcons a[title="Youtube"]:hover {background-position: -126px -84px;}
.rss:hover {background-position: -42px -84px;}

.contactInfo {width:358px;}
.socialIcons.container, .contactInfo.container 
{
	margin-bottom:0;
	border-bottom:none;	
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	height:80px;
}
.carousel {height:274px; background: #ededed;}

.tweet {margin:8px 8px 20px 8px;}
.tweet blockquote {background:#ededed; padding:10px;}
.tweet:hover blockquote {background:#ddd;}
.tweet span {padding:15px 10px 0 10px;}
.tweet span.right {background:url(http://www.flow-records.com/images/tweet_bottomright_bg.gif) no-repeat top right;}
.tweet span.left {background:url(http://www.flow-records.com/images/tweet_bottomleft_bg.gif) no-repeat top left;}
.tweet:hover span.right {background:url(http://www.flow-records.com/images/tweet_bottomright_bg_hover.gif) no-repeat top right;}
.tweet:hover span.left {background:url(http://www.flow-records.com/images/tweet_bottomleft_bg_hover.gif) no-repeat top left;}

/* Buttons */
.releaseDetails .button, .artistDetails .button {width:200px;}
.button {background:#54c5d0; padding:5px; display:block; margin:8px; border-left:2px solid #231f20;}
.button[title="press release"] {background:#54c5d0 url(http://www.flow-records.com/images/pr_button.gif) no-repeat center right;}
.button[title="beatport"] {background:#54c5d0 url(http://www.flow-records.com/images/beatport_button.gif) no-repeat center right;}
.button[title="buy cd"] {background:#54c5d0 url(http://www.flow-records.com/images/cd_button.gif) no-repeat center right;}
.button[title="rsvp"] {background:#54c5d0 url(http://www.flow-records.com/images/rsvp_button.gif) no-repeat center right;}
.button[title="Artist Booking"] {background:#54c5d0 url(http://www.flow-records.com/images/book_button.gif) no-repeat center right;}
.button[title="Artist Management"] {background:#54c5d0 url(http://www.flow-records.com/images/manage_button.gif) no-repeat center right;}
.button[title="Artist Website"] {background:#54c5d0 url(http://www.flow-records.com/images/website_button.gif) no-repeat center right;}

.linkItem {padding:8px; width:260px; margin:10px 10px 10px 0;}
.linkItem:hover {background:#ededed;}
.linkItem h4, .linkItem p {margin-left:80px;}

.fbMargin {margin-top:120px;}

#freeform {margin:20px;}
#freeform textarea {border:2px solid #231F20; width:298px; padding:4px; max-width:500px !important;}
#freeform select {border:2px solid #231F20; width:200px;}
#freeform p.left {margin:0 10px 10px 0;}
#freeform h4, .bookingRequest h4 {margin:40px 0 10px 0;}
.bookingNav a.left {display:block; margin:0 20px 20px 0;}
.bookingNav a.right {display:block; margin:0 0 20px 20px;}

.bookingRequests {margin-top:80px;}
.bookingRequest {padding:20px;}

/* Newsletter subscription */
.blank {background:white;}
.newsletters table input[type="checkbox"] {width:30px;}
.newsletters table td {background:#DDDDDD; border:1px solid white; padding:10px;}
.newsletters table {width:800px;}
.newsletters .checkboxes {width:20px;}
.newsletters .examples {width:200px;}

/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#fafafa;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

#slider {
	position:relative;
    width:510px;
    height:250px;
	background:url(http://www.flow-records.com/images/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:220px;
	bottom:-23px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(http://www.flow-records.com/images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(http://www.flow-records.com/images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}
ul#topnav {
	margin-top:34px;
	float: right;
	list-style: none;
	position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
}
ul#topnav li {
	font-size: 10pt;
	float: left;
	letter-spacing:-1px;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	-webkit-border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
}
ul#topnav li a {
	padding: 10px 6px;
	display: block;
	color: #231f20;
	text-decoration: none;
}
ul#topnav li:hover { background: #231F20; }
ul#topnav li:hover a { color:#fff; }

ul#topnav li span {
	padding: 10px 0;
	position: absolute;
	top:36px;
	display: none; /*--Hide by default--*/
	background: #231F20;
	color: #fff;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;

}
ul#topnav li span.last {right:0;}
ul#topnav li:hover span { display: block; } /*--Show subnav on hover--*/
ul#topnav li span a { display: inline; background:url(http://www.flow-records.com/images/navigation_bg.gif) no-repeat center right; } /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul#topnav li span a.last {background:none;}
ul#topnav li span a:hover {text-decoration: none;}

#rss-content-1 {
	display: none;        /* required */
	position: absolute;   /* required */
	padding: 10px 10px 30px;
	background: url(http://www.flow-records.com/images/tooltip.gif) no-repeat bottom center;
	color:#fff;
}

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('http://www.flow-records.com/images/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('http://www.flow-records.com/images/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('http://www.flow-records.com/images/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('http://www.flow-records.com/images/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('http://www.flow-records.com/images/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('http://www.flow-records.com/images/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('http://www.flow-records.com/images/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('http://www.flow-records.com/images/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('http://www.flow-records.com/images/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('http://www.flow-records.com/images/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('http://www.flow-records.com/images/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('http://www.flow-records.com/images/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('http://www.flow-records.com/images/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('http://www.flow-records.com/images/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('http://www.flow-records.com/images/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('http://www.flow-records.com/images/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('http://www.flow-records.com/images/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.flow-records.com/images/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.flow-records.com/images/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.flow-records.com/images/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.flow-records.com/images/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.flow-records.com/images/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.flow-records.com/images/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.flow-records.com/images/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.flow-records.com/images/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.flow-records.com/images/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.flow-records.com/images/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.flow-records.com/images/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.flow-records.com/images/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.flow-records.com/images/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.flow-records.com/images/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.flow-records.com/images/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.flow-records.com/images/fancy_shadow_nw.png', sizingMethod='scale'); }