/* ---------------

JaymzBee.ca [] Music Production and Promotions - Jazz Record Label || http://www.JaymzBee.ca
All rights reserved. xguru, Inc. http://www.xguru.com
jb.css ::> 
:: last updated February 10 2008 :: v1

Curiosity Killed The Cat
---------------*/

body			{ 	margin: 0px 0px 0px 0px;
				padding: 0px;
				background-color: #000000;
			}

body, th, td		{	font-family: lucida grande, lucida sans, lucida unicode, arial, helvetica, san serif;
			}


/*-------------------| Top Navigation |-------------------*/

#header 	{	width: 900px; height:180px;
		}
ul#topnav	{ 	width:900px; height:180px;
				top:2px; left:2px;
				margin-top:0px; margin-left:0px; 
				position:absolute; float:left;
				list-style:none;
			}

ul#topnav li, ul#topnav a	{ display:block; position:absolute; }

ul#topnav span			{ display:none; }
ul#topnav a			{ height:180px; background:url("/images/jb_upper.jpg") 0 0 no-repeat; }

ul#topnav .robert		{ left:0px; }
ul#topnav .robert a		{ width:180px; }
ul#topnav .robert a:hover, ul#topnav .robert a.selected { background-position:0px -180px; }

ul#topnav .nancy		{ left:180px; }
ul#topnav .nancy a		{ width:180px; background-position:-180px 0px; }
ul#topnav .nancy a:hover, ul#topnav .nancy a.selected { background-position:-180px -180px; }

ul#topnav .adam			{ left:361px; }
ul#topnav .adam a		{ width:180px; background-position:-361px 0px; }
ul#topnav .adam a:hover, ul#topnav .adam a.selected { background-position:-361px -180px; }

ul#topnav .kollage		{ left:541px; }
ul#topnav .kollage a		{ width:180px; background-position:-541px 0px; }
ul#topnav .kollage a:hover, ul#topnav .kollage a.selected { background-position:-541px -180px; }

ul#topnav .william		{ left:721px; }
ul#topnav .william a		{ width:180px; background-position:-721px 0px; }
ul#topnav .william a:hover, ul#topnav .william a.selected { background-position:-721px -180px; }


/*-------------------| Bottom Navigation |-------------------*/

#footer 	{	width: 900px; height:180px;
		}

ul#botnav 	{ 	width:900px; height:180px;
				top:545px; left:2px;
				margin-top:0px; margin-left:0px; 
				position:absolute; float:left;
				list-style:none;
			}

ul#botnav li, ul#botnav a	{ display:block; position:absolute; }

ul#botnav span			{ display:none; }
ul#botnav a			{ height:180px; background:url("/images/jb_lower.jpg") 0 0 no-repeat; }

ul#botnav .colleen		{ left:0px; }
ul#botnav .colleen a		{ width:180px; }
ul#botnav .colleen a:hover, ul#botnav .colleen a.selected { background-position:0px -180px; }

ul#botnav .babes		{ left:180px; }
ul#botnav .babes a		{ width:180px; background-position:-180px 0px; }
ul#botnav .babes a:hover, ul#botnav .babes a.selected { background-position:-180px -180px; }

ul#botnav .archive			{ left:361px; }
ul#botnav .archive a		{ width:180px; background-position:-361px 0px; }
ul#botnav .archive a:hover, ul#botnav .archive a.selected { background-position:-361px -180px; }

ul#botnav .marieve		{ left:541px; }
ul#botnav .marieve a		{ width:180px; background-position:-541px 0px; }
ul#botnav .marieve a:hover, ul#botnav .marieve a.selected { background-position:-541px -180px; }

ul#botnav .olp		{ left:721px; }
ul#botnav .olp a		{ width:180px; background-position:-721px 0px; }
ul#botnav .olp a:hover, ul#botnav .olp a.selected { background-position:-721px -180px; }


/*-------------------| Side Navigation |-------------------*/

div#sidenav	{	position: absolute; float:left;
			top: 184px; left: 2px;
			width: 180px; height: 360px;
			color: #ffffff;
		}
.sidenav		{	font-size: 8pt; color: #ffffff; text-align:center; }
.sidenav a,a:link		{ color:#1993BE; text-decoration: underline; }
.sidenav a:hover		{ color:#819B54; text-decoration : none; }
.sidenav a:active		{ color:#EC008C; text-decoration : none; }

div#sidenav2	{	position: absolute; float:left;
			top: 2px; left: 2px;
			width: 180px; 
			color: #ffffff;
		}
.sidenav2		{	font-size: 8pt; color: #ffffff; text-align:center; }
.sidenav2 a,a:link		{ color:#1993BE; text-decoration: underline; }
.sidenav2 a:hover		{ color:#819B54; text-decoration : none; }
.sidenav2 a:active		{ color:#EC008C; text-decoration : none; }

div#links	{	font-size: 10pt; color: #ffffff;
		}

div#links a 	{	display: block; text-align: center; 
			padding: 2px 2px;
			margin: 0px 0px 0px 0px;
			border-width: 0;
			text-decoration: none; color: #ffffff;
		}

div#links a		{ background:transparent; }
div#links a:hover	{ color: #ffffff; background-color: #212020; }


#default 	{	width: 718px; height:360px;
				position:absolute; float:left;
				top:184px; left:184px;
			background:url("/images/jb_bk.jpg");
/*			background:transparent; */
			background-attachment: scroll;
			overflow-x: hidden;overflow-y: auto;
				scrollbar-face-color: #ffff00; 
				scrollbar-highlight-color: #819B54; 
				scrollbar-shadow-color: #819B54; 
				scrollbar-3dlight-color: #ffff00; 
				scrollbar-arrow-color: #819B54; 
				scrollbar-track-color: #FFFF00; 
				scrollbar-darkshadow-color: #ffff00;
				filter:chroma(color=#FFFF00);
			margin: 0px 0px 0px 0px;
			clear:both;			
		}

#content2 	{	width: 718px; min-height:580px;
				position:absolute; float:left;
				top:2px; left:184px;
/*			background:url("/images/jb_bk.jpg"); */
			background:transparent; 
			background-attachment: scroll;
			overflow-x: hidden;overflow-y: auto;
				scrollbar-face-color: #ffff00; 
				scrollbar-highlight-color: #819B54; 
				scrollbar-shadow-color: #819B54; 
				scrollbar-3dlight-color: #ffff00; 
				scrollbar-arrow-color: #819B54; 
				scrollbar-track-color: #FFFF00; 
				scrollbar-darkshadow-color: #ffff00;
				filter:chroma(color=#FFFF00);
			margin: 0px 0px 0px 0px;
			clear:both;			
		}

#xfooter		{	position:absolute; top:740px; left:800px;
				margin: 0px 0px 0px 0px;
				font-family:Arial,Helvetica,sans-serif;
				font-size:8pt;
				color:#ffffff;
				text-align:right;
			}

input, textarea, select { font-size: 8pt trebuchet, arial, helvetica, san-serif; color: #666666;}


/*-------------------| Content Classes |-------------------*/


h1	{ font-size: 28pt; 
			color:#dee1e4; letter-spacing: -1pt;
			font-weight:normal;
			text-align:center;
			margin: 10px 0px 10px 0px;
			padding:1px 0px 1px 0px;
			
	}
#default h1	{ font-size: 28pt; 
			color:#dee1e4; letter-spacing: -1pt;
			font-weight:normal;
			text-align:center;
			margin: 10px 100px 10px 0px;
			padding:1px 0px 1px 0px;
			
	}
h2	{ font-size: 12pt; 
			color:#dee1e4; 
			font-weight:bold;
			text-align:center;
			margin: 20px 0px 20px 0px;
			padding:3px 0px 3px 0px;
			border-top: 1px solid #404040;
			border-bottom: 1px solid #404040;
	}
#default	h2	{ font-size: 12pt; 
			color:#dee1e4; 
			font-weight:bold;
			text-align:center;
			margin: 20px 100px 20px 0px;
			padding:3px 0px 3px 0px;
			border-top: 1px solid #404040;
			border-bottom: 1px solid #404040;
	}
	
h3	{ font-size: 10pt; 
			color:#dee1e4;
			font-weight:bold;
			text-align:left;
			margin: 6px 0px 6px 0px;
	}
h3 a,a:link		{ color:#1993BE; text-decoration: underline; }
h3 a:hover		{ color:#819B54; text-decoration : none; }
h3 a:active		{ color:#EC008C; text-decoration : none; }

h4	{ font-size: 8pt; 
			color:#404040; 
			margin: 20px 0px 20px 0px;
			text-align:left;
	}

h4 a:link		{ color:#1993BE; text-decoration: underline; }
h4 a:visited		{ color:#FE0000; text-decoration: underline; }
h4 a:hover		{ color:#819B54; text-decoration : none; }
h4 a:active		{ color:#EC008C; text-decoration : none; }

p	{ font-size: 9pt; 
			color:#dee1e4; 
			font-weight:normal;
			text-align:left;
			margin: 6px 0px 12px 0px;
	}
p a,a:link		{ color:#1993BE; text-decoration: underline; }
p a:hover		{ color:#819B54; text-decoration : none; }
p a:active		{ color:#EC008C; text-decoration : none; }

#default p	{ font-size: 9pt; 
			color:#dee1e4; 
			font-weight:normal;
			text-align:center;
			margin: 6px 100px 12px 0px;
	}
#default p a,a:link		{ color:#1993BE; text-decoration: underline; }
#default p a:hover		{ color:#819B54; text-decoration : none; }
#default p a:active		{ color:#EC008C; text-decoration : none; }

h5	{ font-size: 18pt; 
			color:#404040; 
			font-weight:normal;
			margin: 10px 0px 10px 0px;
				text-align:justify;
	}

h5 a:link	{ color:#1993BE; text-decoration: underline; }
h5 a:visited 	{ color:#1993BE; }
h5 a:hover	{ color:#1993BE; text-decoration : none; }
h5 a:active	{ color:#EC008C; text-decoration : none; }

h6	{ font-size: 8pt; 
			color:#DEE1E4; 
			font-weight:normal;
			margin: 10px 20px 10px 0px;
				text-align:left;
				line-height: 1.6em;
	}

/*-------------------| Dynamic Content Table |-------------------*/

#t2 { margin: 0px 0px 0px 180px; }

#t2 th  { font-size: 8pt; 
		margin: 0px 0px 0px 0px;
		color: #dee1e4; text-align:left;
		}
#t2 td  { font-size: 8pt;
		margin: 0px 0px 0px 0px;
		color: #dee1e4; text-align:left;
		}

.formbox { font-size: 8pt;
			background: transparent;
			color: #dee1e4;
			border-bottom: 1px solid #404040;
			border-top: none;
			border-right: none;
			border-left: none; 
		text-align:left;
		}
.formbox2 { font-size: 8pt;
			background: transparent;
			color: #dee1e4;
			border-bottom: 1px solid #404040;
			border-top: 1px solid #404040;
			border-right: 1px solid #404040;
			border-left: 1px solid #404040;
		text-align:left;
		}

/*-------------------| Dynamic Content Table For Listings SLIDESHOW |-------------------*/

#slide 		{ width:400px; float:right; }

#slide td 	{ align:right; vertical-align:top; }

.photo		{	border: 1px solid #000000; margin: 0px 0px 0px 0px; }
.img		{	border: 1px solid #000000; margin: 20px 0px 20px 0px; }
.imgl		{	border: 1px solid #dee1e4; margin: 0px 20px 10px 0px; }
.imgr		{	border: 1px solid #dee1e4; margin: 0px 0px 10px 20px; }
.imgrb		{	border: 1px solid #000000; margin: 0px 0px 10px 20px; }
.imgpr		{	border: 0px solid #dee1e4; margin: 10px 0px 20px 0px; }

.imgsn		{	border: 0px solid #000000; margin: 10px 0px 10px 0px; }

.imgt a:link img	{	border: 1px solid #dee1e4; margin: 0px 0px 0px 0px; }
.imgt a:hover img	{	border: 1px solid #000000; margin: 0px 0px 0px 0px; }

hr		{	height: 1px; border:1px; background-color: #cccccc; }