* {
	margin: 0;
	padding: 0
}

/* mac hide \*/
html, body {
	height: 100%;
	width: 100%;
}
/* end hide */

body
{
    background-color: #000000;
	color: #ffffff;
	min-height: 544px;/* for good browsers*/
	min-width: 993px;/* for good browsers*/
/*	voice-family: "\"}\"";
	voice-family: inherit;
	width: expression(document.documentElement.clientWidth - 36);
//    height: 244px;*/
}

p
{
    color: #ffffff;
	text-align: justify;
/*	padding-right: 10px;*/
    font-size: 8pt;
    font-family: Tahoma, Helvetica, Arial, Sans-Serif
}

a:link		{color:#ff9900; font-weight:bold; text-decoration:none}
a:active	{color:#ffffff; font-weight:bold; text-decoration:none}
a:visited	{color:#ff9900; font-weight:bold; text-decoration:none}
a:hover		{color:#000000; font-weight:bold; text-decoration:none; background-color:#ff9900}
a.vid:hover	{color:#000000; font-weight:bold; text-decoration:none; background-color:#000000}

#outer {
	height: 100%;
	width: 100%;
	display: table
}

#container {
	text-align: center;
	position: relative;
	vertical-align: middle;
	display: table-cell;
	height: 544px
}

#inner {
	width: 993px;
	background-color: transparent;
	height: 544px;
	text-align: center;
	margin-left: auto;
	margin-right: auto
}

#squareoff {
	position: absolute;
	width: 360px;
	left: 0px;
	z-index: 201;
	margin: 0px auto;
	color: #ffffff
}

#squarebox {
	position: relative;
	height: 105px;
	top: 423px;
	overflow: hidden;
}

#playersquare {
	position: absolute;
	width: 300px;
	height: 105px;
	top: 423px;
	left: -300px;
	background-color: #333333
}

#playersquare-tab {
	width: 60px;
	height: 60px;
	position: absolute;
	top: 0px;
	right: -60px;
	cursor: pointer;
	background-image:url('/images/music.gif')
}

#squareoff2 {
	position: absolute;
	width: 360px;
	right: 0px;
	margin: 0px auto;
	color: #ffffff;
}

#squarebox2 {
	position: relative;
	height: 60px;
	top: 201px;
	overflow: hidden;
}

#playersquare2 {
	position: absolute;
	width: 300px;
	height: 60px;
	top: 0px;
	right: -300px;
	border-top: 0px solid #000000;
	border-bottom: 0px solid #000000;
	background-color: #000000
}

#playersquare2-tab {
	width: 60px;
	height: 60px;
	position: absolute;
	top: 0px;
	left: -60px;
	cursor: pointer;
	background-image:url('/images/updates.gif')
}

#squareoff3 {
	position: absolute;
	width: 360px;
	right: 0px;
	margin: 0px auto;
	color: #ffffff;
}

#squarebox3 {
	position: relative;
	height: 195px;
	top: 4px;
	overflow: hidden;
}

#playersquare3 {
	position: absolute;
	width: 300px;
	height: 195px;
	top: 0px;
	right: -300px;
	z-index: 200;
	border-top: 0px solid #000000;
	border-bottom: 0px solid #000000;
	background-color: transparent
}

#playersquare3-tab {
	width: 60px;
	height: 60px;
	position: absolute;
	top: 0px;
	left: -60px;
	cursor: pointer;
	background-image:url('/images/twitter.gif')
}

.percentagewrap {
	width: 80%;
	margin: 0 auto;
	padding: 10px;
}
	
.aboutlinks
{
	position: absolute;
	left: 727px; 
	top: 296px;
	overflow: hidden;
	background-color: #000000;
	border: 1px solid #000000;
    font-size: 9pt;
    font-family: Verdana, Helvetica, Arial, Sans-Serif;
    font-weight: bold;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	-moz-opacity: .70;
	opacity: .70
}

.aboutlinks .bio {
 	cursor: pointer;
}

.aboutlinks .discog {
 	cursor: pointer;
}

.aboutlinks .bioS {
	background-color:#ffffff;
}

.aboutlinks .discogS {
	background-color:#000000;
}

#about1, #about2 {
	/*percantage width: make it 100% to match container*/
	left: 725px; 
	top: 320px;
	width: 252px;
	height: 190px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: absolute;
	background-color: #000000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
	-moz-opacity: .85;
	opacity: .85;
	margin: 0.3em 10px 0.3em 2px;
	/* negative left margin to compensate for the padding,
	not related to fleXcroll, and may not be needed elsewhere */
	padding: 2px;
    color: #ffffff;
/*	padding-right: 10px;*/
    font-size: 8pt;
    font-family: Tahoma, Helvetica, Arial, Sans-Serif;
	text-align: left;
}

.songlinks
{
	position: absolute;
	left: 17px; 
	top: 231px;
	overflow: hidden;
	background-color: #000000;
	border: 1px solid #000000;
    font-size: 9pt;
    font-family: Verdana, Helvetica, Arial, Sans-Serif;
    font-weight: bold;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	-moz-opacity: .70;
	opacity: .70
}

.songlinks .songs {
 	cursor: pointer;
}

.songlinks .promos {
 	cursor: pointer;
}

.songlinks .songsS {
	background-color:#ffffff;
}

.songlinks .promosS {
	background-color:#000000;
}

#songs1, #songs2 {
	/*percantage width: make it 100% to match container*/
	left: 15px; 
	top: 255px;
	width: 195px;
	height: 154px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: absolute;
	background-color: #000000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
	-moz-opacity: .85;
	opacity: .85;
	margin: 0.3em 10px 0.3em 2px;
	/* negative left margin to compensate for the padding,
	not related to fleXcroll, and may not be needed elsewhere */
	padding: 2px;
    color: #ffffff;
/*	padding-right: 10px;*/
    font-size: 8pt;
    font-family: Tahoma, Helvetica, Arial, Sans-Serif;
	text-align: left;
}

.songarea
{
	position: absolute;
	left: 220px;
	top: 3px;
	overflow: hidden
}

#songinfo
{
	padding: 3px 2px
}

#songlyrics {
	/*percantage width: make it 100% to match container*/
	width: 299px;
	height: 296px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	top: -3px;
	background-color: #000000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	-moz-opacity: .70;
	opacity: .70;
	margin: 0.3em 10px 0.3em 2px;
	/* negative left margin to compensate for the padding,
	not related to fleXcroll, and may not be needed elsewhere */
	padding: 2px;
    color: #ffffff;
/*	padding-right: 10px;*/
    font-size: 8pt;
    font-family: Tahoma, Helvetica, Arial, Sans-Serif
}

.videolinks {
	position: absolute;
	left: 718px; 
	top: 263px;
	overflow: hidden;
	background-color: #000000;
	border: 1px solid #000000;
    font-size: 9pt;
    font-family: Verdana, Helvetica, Arial, Sans-Serif;
    font-weight: bold;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	-moz-opacity: .70;
	opacity: .70
}

.videolinks .videos {
 	cursor: pointer;
}

.videolinks .live {
 	cursor: pointer;
}

.videolinks .videosS {
	background-color:#ffffff;
}

.videolinks .liveS {
	background-color:#000000;
}

#vids1, #vids2 {
	/*percantage width: make it 100% to match container*/
	left: 716px; 
	top: 285px;
	width: 265px;
	height: 230px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: absolute;
	background-color: #000000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
	margin: 0.3em 10px 0.3em 2px;
	/* negative left margin to compensate for the padding,
	not related to fleXcroll, and may not be needed elsewhere */
	zoom:1;
	padding: 2px
}

#vids1 span, #vids2 span { display:block; }

#vids1 a, #vids2 a {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	position:relative;
	vertical-align:top;
	margin:0px;
	width:265px;
	font-family:Trebuchet,Tahoma,Arial,sans-serif;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
#vids1 a img, #vids2 a img {
	display:block;
	border:none;
	margin:0;
}
#vids1 a:hover, #vids2 a:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	-moz-opacity: 1;
	opacity:1;
}

@media screen {
	div#preloader {
		position: absolute;
		left: -9999px;
		top:  -9999px;
		}
	div#preloader img {
		display: block;
		}
	}

a:focus { outline:none }

img { border: 0 }

.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 0px 0 0px;
}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 529px; background: #000000; overflow: hidden}
.csw .loading {margin: 200px 0 300px 0; text-align: center}

.stripViewer { /* This is the viewing window */
	position: absolute;
	overflow: hidden; 
	margin: auto;
	width: 993px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 529px;
	clear: both;
	background-color: #000000;
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 993px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 0px;
}

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	margin: auto;
	position: relative;
	float: right;
	top: 532px
}

.stripNav ul { /* The auto-generated set of links */
	list-style: none;
}

.stripNav ul li {
	float: left;
	margin-left: 3px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}

.stripNav a { /* The nav links */
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	line-height: 12px;
	background-color: #000000;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 0px;
}

.stripNav li.tab1 a { background-image:url('http://www.billykincaid.com/images/nav/news.gif'); width:46px }
.stripNav li.tab2 a { background-image:url('http://www.billykincaid.com/images/nav/about.gif'); width:54px }
.stripNav li.tab3 a { background-image:url('http://www.billykincaid.com/images/nav/songs.gif'); width:53px }
.stripNav li.tab4 a { background-image:url('http://www.billykincaid.com/images/nav/videos.gif'); width:56px }
.stripNav li.tab5 a { background-image:url('http://www.billykincaid.com/images/nav/events.gif'); width:58px }
/*.stripNav li.tab6 a { background-image:url('http://www.billykincaid.com/images/nav/contact.gif'); width:68px }*/

.stripNav li.tab1 a:hover { background-image:url('http://www.billykincaid.com/images/nav/news_o.gif'); width:46px }
.stripNav li.tab2 a:hover { background-image:url('http://www.billykincaid.com/images/nav/about_o.gif'); width:54px }
.stripNav li.tab3 a:hover { background-image:url('http://www.billykincaid.com/images/nav/songs_o.gif'); width:53px }
.stripNav li.tab4 a:hover { background-image:url('http://www.billykincaid.com/images/nav/videos_o.gif'); width:56px }
.stripNav li.tab5 a:hover { background-image:url('http://www.billykincaid.com/images/nav/events_o.gif'); width:58px }
/*.stripNav li.tab6 a:hover { background-image:url('http://www.billykincaid.com/images/nav/contact_o.gif'); width:68px }*/

.stripNav li.tab1 a.current { background-image:url('http://www.billykincaid.com/images/nav/news2.gif'); width:46px }
.stripNav li.tab2 a.current { background-image:url('http://www.billykincaid.com/images/nav/about2.gif'); width:54px }
.stripNav li.tab3 a.current { background-image:url('http://www.billykincaid.com/images/nav/songs2.gif'); width:53px }
.stripNav li.tab4 a.current { background-image:url('http://www.billykincaid.com/images/nav/videos2.gif'); width:56px }
.stripNav li.tab5 a.current { background-image:url('http://www.billykincaid.com/images/nav/events2.gif'); width:58px }
/*.stripNav li.tab6 a.current { background-image:url('http://www.billykincaid.com/images/nav/contact2.gif'); width:68px }*/

.stripNav li.tab1 a:hover.current { background-image:url('http://www.billykincaid.com/images/nav/news2_o.gif'); width:46px }
.stripNav li.tab2 a:hover.current { background-image:url('http://www.billykincaid.com/images/nav/about2_o.gif'); width:54px }
.stripNav li.tab3 a:hover.current { background-image:url('http://www.billykincaid.com/images/nav/songs2_o.gif'); width:53px }
.stripNav li.tab4 a:hover.current { background-image:url('http://www.billykincaid.com/images/nav/videos2_o.gif'); width:56px }
.stripNav li.tab5 a:hover.current { background-image:url('http://www.billykincaid.com/images/nav/events2_o.gif'); width:58px }
/*.stripNav li.tab6 a:hover.current { background-image:url('http://www.billykincaid.com/images/nav/contact2_o.gif'); width:68px }*/