body {
background-image: url(http://www.faziosmusic.com/images/Images_Backgrounds/Fazios-bkgd-1.jpg);
background-repeat:repeat-x;
}

.style1 {border-width: 0px;}

.tablebackground{
background-image: url(http://www.faziosmusic.com/images/Images_Backgrounds/Fazios-bkgd-2.jpg);
background-repeat:repeat-x;
}

.nivoSlider {
    position:relative;
    width:1000px; /* Change this to your images width */
    height:140px; /* Change this to your images height */
    background:url(images/loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.nivoSlider a {
    border:0;
    display:block;
}

a  {
	font-family: Arial Black, Arial Black, Gadget, sans-serif;
	font-size: 100%;
	color: #254b7b;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	text-decoration: none;
	}

a:hover {
	font-family: Arial Black, Arial Black, Gadget, sans-serif;
	font-size: 100%;
	color: #ffffff;
	background-color: #99b0cc;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	text-decoration: none;
	}

a.imglink:hover  {
    border : 0; 
    background-color: transparent;
    }

p  {
	font-family: Georgia, serif;
	font-size: 98%;
	color: #606060;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 1.3em;
   }
  
h1 {
	
	font-family: Arial Black, Arial Black, Gadget, sans-serif;
	font-size: 20px;
	letter-spacing: -1px;
	color: #254b7b;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
   }

h2 {
	font-family: Arial Black, Arial Black, Gadget, sans-serif;
	font-size: 18px;
	letter-spacing: -1px;
	color: #254b7b;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
   }

h3 {
	font-family: Arial Black, Arial Black, Gadget, sans-serif;
	font-size: 16px;
	letter-spacing: -.5px;
	color: #666766;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	font-weight: bold;
	font-style:normal;
   }

h4 {
	font-family: Arial Black, Arial Black, Gadget, sans-serif;
	font-size: 14px;
	letter-spacing: -1px;
	color: #254b7b;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
   }
  
h5 {
    font-family: Arial Black, Arial Black, Gadget, sans-serif;
    font-size: 12px;
	letter-spacing: -1px;
	color: #254b7b;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
   }  
 
h6 {
	font-family: Arial Black, Arial Black, Gadget, sans-serif;
	font-size: 100%;
	color: #254b7b;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	text-decoration: none;
    }  
  
.p-numberlist {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-indent: 50px;
	list-style-position: outside;
	list-style-type: decimal;
	color: #000000;
	padding-right: 10px;
}

ol {
	font-family: Arial Black, Arial Black, Gadget, sans-serif;
	font-size: 12px;
	line-height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #7b7b7b;
   }

ul {
	font-family: Arial Black, Arial Black, Gadget, sans-serif;
	font-size: 12px;
	line-height: 16px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #7b7b7b;
	list-style-position: outside;
	list-style-type: square;
   }

.staffheader {
    background-color: #5d7b9d;   
	font-family: Arial, Helvetica, sans-serif;
	font-size: 32px;
	color: #7e6347;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	text-transform: capitalize;
	font-weight:bold;
	line-height:26px;
	text-decoration: underline;
   }

.contact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #7e6347;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	text-transform: capitalize;
	font-weight: normal;
	line-height:26px;
	text-decoration: underline;
   }

.stafftitle
   {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1.8em;
	color: #ffffff;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 30px;
	font-weight: normal;
	font-style:italic
   }

.block {
    font-family: Verdana, Tacoma, sans-serif; 
    color:#004764; 
    font-size:1.0em; 
    letter-spacing:-.5px; 
    font-weight:700; 
    margin: 0px 5px 10px 5px; 
    padding:5px 5px 2px 5px;
   }

.subheader {
    font-family: Verdana, Tacoma, sans-serif; 
    font-style:italic;
    color:#004764; 
    font-size:1.0em;
    letter-spacing:-.5px;
    font-weight:700; 
    margin: 0px 5px 0px 146px; 
    padding: 0px 5px 0px 0px;
    }
   
.subheader-customer {
    font-family: Verdana, Tacoma, sans-serif; 
    font-style:italic;
    color:#004764; 
    font-size:1.0em;
    letter-spacing:-.5px;
    font-weight:700; 
    margin: 0px 5px 0px 320px; 
    padding: 0px 5px 0px 0px;
    }    
    
.holiday  
   {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 130%;
	font-weight:500;
	color: #660000;
	margin:0px 5px 3px 5px;
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 6px;
	line-height: 1.25em;
   }   
  
.blockquote
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 98%;
	color: #001219;
	margin:0px 5px 5px 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 1.3em;	
	}  

.infolist
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 98%;
	color: #001219;
	margin:0px 5px 5px 50px;
	padding:0px 0px 0px 0px;
	line-height: 1.3em;
	}   
   
.NewsCopy   
   {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight:500;
	text-indent:18px;
	color: #000000;
	margin:0px 5px 3px 5px;
	padding-top: 6px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 6px;
	line-height: 1.25em;
   }
     
.NewsCopyLP   
   {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight:500;
	text-indent:18px;
	color: #000000;
	margin:0px 5px 20px 5px;
	padding-top: 6px;
	padding-right: 8px;
	padding-bottom: 10px;
	padding-left: 6px;
	line-height: 1.25em;
   }   
   
.image-left {float: left; margin: 0px 10px 10px 5px;}
.image-right {float: right; margin: 0px 0px 10px 10px;}
.leftnav {padding: 3px 2px 0px 5px;}
.box {background:#4088b8; border:1px solid #c8c8c8; color:#fff; font-size:0.9em; line-height:1.4em; padding:10px 10px 10px 13px;}
.box a {color:#f0f0f0;}
.left {float:left; margin:0 15px 4px 0;}
.right {float:right; margin:0 0 4px 15px;}
.readmore {margin:-10px 10px 12px 0; text-align:right;}
.timestamp {font-size:1.2em; margin:-5px 0 15px 10px;}
.timestamp a {font-weight:normal;}
.blue {color:#4088b8;}
.clear {clear:both;}
.fade {color:#c8c8c8;}
.gray {color:gray;}
.photo {background:#fff; border:1px solid #bababa; margin:6px 18px 2px 5px; padding:2px;}
.photobox-right {float:right; margin:0px 0px 4px 15px; background:#fff; border:1px solid #bababa; margin:6px 18px 2px 5px; padding:2px;}
.photobox-left {float:left; margin:0px 10px 2px 10px; background:#fff; border:1px solid #bababa; margin:0px 7px 0px 7px; padding:2px; height: 125px;}
.photobox-default {float:left; margin:0px 10px 2px 10px; background:#fff; border:1px solid #bababa; margin:0px 7px 0px 7px; padding:2px; width: 198px; height: 275px;}
.photobox-customer {float:left; margin:0px 10px 2px 10px; background:#fff; border:1px solid #bababa; margin:0px 7px 0px 7px; padding:2px;}
.photobox-flash {float:left; margin:0px 10px 0px 5px; background:#ffffff; border:1px solid #bababa;  padding:0px; vertical-align:top;}

.bodylinks  {
	font-family: Verdana, Tacoma, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color:  Gray;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-weight: normal;
	line-height: 18px;
	text-decoration: underline;
	}

.registeronline1  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color:  Orange;
	background-color: #ffffff;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-weight: normal;
	line-height: 18px;
	text-decoration: underline;
	}

.registeronline2  {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: large; 
	font-weight: bold;
	color: #000000;
	background-color: Yellow;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-decoration: underline;
	}

.mainmenu  {
	font-family: Verdana, Tacoma, sans-serif;
	font-size: 12px;
	color: ffffff;
	background-color: Black;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-weight: normal;
	}

#navlist li {
	list-style-type: none;
	margin-left: -35px;
	font-family: Arial;
	}

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}

#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
	
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	
/* Min-Width */
.lbWidth { /* most browsers */
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px;
	}

* html .lbContent { /* IE6 */
	margin-left: -790px;
	position:relative;
	}

* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
	}
	
	
/* Clearfix */	
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 
	

/* Nivo Slider CSS */
/* 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:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.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:9;
	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:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}