﻿/* CSS Document */

body{
	background-color: #000000;
}

h1{
  font-family: "Century Schoolbook", "Georgia", "Times New Roman", serif;
  font-size: 10pt;
  color: #000000;
  padding-left:20px;
}
.container{
	display:block;
	position: relative;
	width: 763px;
	height:auto;
	top:0px;
	left:0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.header{
	position:absolute;
	height:110px;
	width:763px;
	top:0px;
	left:0.5px;
	z-index:0;
}
.text{
  font-family: "Century Schoolbook", "Georgia", "Times New Roman", serif;
  font-size: 10pt;
  color: #000000;
}
.text_large{
  font-family: "Century Schoolbook", "Georgia", "Times New Roman", serif;
  font-size: 14pt;
  color: #000000;
  margin-bottom:20px;
}
.textcontact{
  font-family: "Century Schoolbook", "Georgia", "Times New Roman", serif;
  font-size: 8pt;
  color: #000000;
}
.textlabel{
  font-family: "Century Schoolbook", "Georgia", "Times New Roman", serif;
  font-size: 7pt;
  color: #000000;
}
.swatchback{
 display:block;
 position:absolute;
 border: 1px solid white;
 height:580px;
 width:396px;
 top:200px;
 left:11px;
}
.sidebar{
	display:block;
	position:absolute;
	height: 590px;
	width: 330px;
	top: 180px;
	left: 420px;
}
.sidebar2{
	display:block;
	position:absolute;
	height: 260px;
	width: 350px;
	top: 175px;
	left: 392px;
	border: 2px solid #999999;
}
.pagenum{
	display:block;
	position:absolute;
	height: 35px;
	width: 200px;
	left:117px;
	top: 766px;
	z-index:3;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.97em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	}
	

	
.contact{
    display:block;
	position:absolute;
	width:308px;
	height: 120px;
	top:772px;
	left: 423px;
	background:#FFFFFF;
	border:1px solid #D6D8BA;
	z-index:5;
	text-align: center;
}
.footer{
    display:block;
	position:absolute;
	height: 73px;
	width: 763px;
	left: 0.5px;
	top: 850px;
	z-index:3;
}
.Bfooter{
	display:block;
	position:absolute;
	height: 73px;
	width: 763px;
	left: -2px;
	top: 616px;
}
.backdrop{
	display:block;
	postion:absolute;
	height:910px;
	width:760px;
	background: #ffffff;
	top: 200px;
	left:0px;
	border: 2px solid white;
}

.Bbackdrop{
	display:block;
	postion:absolute;
	height:610px;
	width:759px;
	background: #ffffff;
	top: 200px;
	left:0px;
    border: 2px solid white;
}
.Bbackdrop2{
	display:block;
	postion:absolute;
	height:240px;
	width:759px;
	background: #ffffff;
	top: 200px;
	left:0px;
    border: 2px solid white;
}
.heading{
	display:block;
	position:absolute;
	height:20px;
	width:707px;
	text-transform:uppercase;
	letter-spacing:2px;
	color: #000000;
	top: 134px;
	left:21px;
	font-family: "Trebuchet MS", Arial, Sans-Serif;
	font-size: 1em;
	font-weight: bold;
}
#about{
	position:absolute;
	height:74px;
	width:74px;
	top:80px;
	left:1px;
	z-index:1;
}
#products{
	position:absolute;
	height:74px;
	width:74px;
	top:80px;
	left:154px;
	z-index:1;
}
#gallery{
	position:absolute;
	height:74px;
	width:74px;
	top:80px;
	left:308px;
	z-index:1;
}
#contact{
	position:absolute;
	height:74px;
	width:74px;
	top:80px;
	left:613px;
	z-index:1;
}
#media{
	position:absolute;
	height:74px;
	width:74px;
	top:80px;
	left:461px;
	z-index:1;
}

/* BEGIN SWATCHES*/

#swatch1{
	display:block;
	position:absolute;
	height: 72px;
	width: 72px;
	top: 10px;
	left: 6px;
	z-index:0;
	border: 2px solid #999999;
}
#swatch2{
	display:block;
	position:absolute;
	height: 72px;
	width: 72px;
	top: 10px;
	left: 107px;
	border: 2px solid #999999;
}
#swatch3{
	display:block;
	position:absolute;
	height: 72px;
	width: 72px;
	top: 10px;
	left: 208px;
	border: 2px solid #999999;
}
#swatch4{
	display:block;
	position:absolute;
	height: 72px;
	width: 72px;
	top: 10px;
	left: 309px;
	border: 2px solid #999999;
}
#swatch5{
	display:block;
	position:absolute;
	height: 72px;
	width: 72px;
	top: 155px;
	left: 6px;
	border: 2px solid #999999;
}
#swatch6{
	display:block;
	position:absolute;
	height: 72px;
	width: 72px;
	top: 155px;
	left: 107px;
	border: 2px solid #999999;
}
#swatch7{
	display:block;
	position:absolute;
	height: 72px;
	width: 72px;
	top: 155px;
	left: 208px;
	border: 2px solid #999999;
}
#swatch8{
	display:block;
	position:absolute;
	height: 72px;
	width: 72px;
	top: 155px;
	left: 309px;
	border: 2px solid #999999;
}
#swatch9{
	display:block;
	position:absolute;
	height: 72px;
	width: 72px;
	top: 300px;
	left: 6px;
	border: 2px solid #999999;
}
#swatch10{
	display:block;
	position:absolute;
	height: 72px;
	width: 72px;
	top:300px;
	left: 107px;
	border: 2px solid #999999;
}
#swatch11{
	display:block;
	position:absolute;
	height: 72px;
	width: 72px;
	top:300px;
	left: 208px;
	border: 2px solid #999999;
}
#swatch12{
	display:block;
	position:absolute;
	height: 72px;
	width: 72px;
	top:300px;
	left: 309px;
	border: 2px solid #999999;
}
#swatch13{
	display:block;
	position:absolute;
	height: 72px;
	width: 72px;
	top:445px;
	left: 6px;
	border: 2px solid #999999;
}
#swatch14{
	display:block;
	position:absolute;
	height: 72px;
	width: 72px;
	top:445px;
	left: 107px;
	border: 2px solid #999999;
}
#swatch15{
	display:block;
	position:absolute;
	height: 72px;
	width: 72px;
	top:445px;
	left: 208px;
	border: 2px solid #999999;
}
#swatch16{
	display:block;
	position:absolute;
	height: 72px;
	width: 72px;
	top:445px;
	left: 309px;
	border: 2px solid #999999;
}

/* BEGIN SWATCH ROLLOVERS */

#swatch1over{
	display:block;
	position:absolute;
	height: 74px;
	width: 74px;
	top: 11px;
	left: 7px;
	z-index:2;
}
#swatch2over{
	display:block;
	position:absolute;
	height: 74px;
	width: 74px;
	top: 11px;
	left: 108px;
	z-index:2;
}
#swatch3over{
	display:block;
	position:absolute;
	height: 74px;
	width: 74px;
	top: 11px;
	left: 209px;
	z-index:2;
}
#swatch4over{
	display:block;
	position:absolute;
	height: 74px;
	width: 74px;
	top: 11px;
	left: 310px;
	z-index:2;
}
#swatch5over{
	display:block;
	position:absolute;
	height: 74px;
	width: 74px;
	top: 156px;
	left: 7px;
	z-index:2;
}
#swatch6over{
	display:block;
	position:absolute;
	height: 74px;
	width: 74px;
	top: 156px;
	left: 108px;
	z-index:2;
}
#swatch7over{
	display:block;
	position:absolute;
	height: 74px;
	width: 74px;
	top: 156px;
	left: 209px;
	z-index:2;
}
#swatch8over{
	display:block;
	position:absolute;
	height: 74px;
	width: 74px;
	top: 156px;
	left: 310px;
	z-index:2;
}
#swatch9over{
	display:block;
	position:absolute;
	height: 74px;
	width: 74px;
	top: 301px;
	left: 7px;
	z-index:2;
}
#swatch10over{
	display:block;
	position:absolute;
	height: 74px;
	width: 74px;
	top:301px;
	left: 108px;
	z-index:2;
}
#swatch11over{
	display:block;
	position:absolute;
	height: 74px;
	width: 74px;
	top:301px;
	left: 209px;
	z-index:2;
}
#swatch12over{
	display:block;
	position:absolute;
	height: 74px;
	width: 74px;
	top:301px;
	left: 310px;
	z-index:2;
}
#swatch13over{
	display:block;
	position:absolute;
	height: 74px;
	width: 74px;
	top:446px;
	left: 7px;
	z-index:2;
}
#swatch14over{
	display:block;
	position:absolute;
	height: 74px;
	width: 74px;
	top:446px;
	left: 108px;
	z-index:2;
}
#swatch15over{
	display:block;
	position:absolute;
	height: 74px;
	width: 74px;
	top:446px;
	left: 209px;
	z-index:2;
}
#swatch16over{
	display:block;
	position:absolute;
	height: 74px;
	width: 74px;
	top:446px;
	left: 310px;
	z-index:2;
}
#swatchevent1over{
	display:block;
	position:absolute;
	height: 100px;
	width: 100px;
	top:451px;
	left: 394px;
	z-index:2;
}
#swatchevent2over{
	display:block;
	position:absolute;
	height: 100px;
	width: 100px;
	top:451px;
	left: 512px;
	z-index:2;
}
#swatchevent3over{
	display:block;
	position:absolute;
	height: 100px;
	width: 100px;
	top:451px;
	left: 630px;
	z-index:2;
}

/* BEGIN LABELS */ 

#label1{
	display:block;
	position:absolute;
	height: 72px;
	width: 72px;
	top: 85px;
	left: 6px;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.97em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	}
	
#label2{
	display:block;
	position:absolute;
	height: 72px;
	width: 72px;
	top: 85px;
	left: 107px;
			text-align: center;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.97em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	}
	
#label3{
	display:block;
	position:absolute;
	height: 72px;
	width: 72px;
	top: 85px;
	left: 208px;
			text-align: center;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.97em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	}

#label4{
	display:block;
	position:absolute;
	height: 72px;
	width: 72px;
	top: 85px;
	left: 309px;
			text-align: center;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.97em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	}

#label5{
	display:block;
	position:absolute;
	height: 65px;
	width: 72px;
	top: 233px;
	left: 6px;
		text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.97em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	}
	
#label6{
	display:block;
	position:absolute;
	height: 66px;
	width: 72px;
	top: 233px;
	left: 107px;
			text-align: center;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.97em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	}
	
#label7{
	display:block;
	position:absolute;
	height: 66px;
	width: 72px;
	top: 233px;
	left: 208px;
			text-align: center;
		text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.97em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	}
	
#label8{
	display:block;
	position:absolute;
	height: 65px;
	width: 72px;
	top: 233px;
	left: 309px;
			text-align: center;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.97em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	}
	
#label9{
	display:block;
	position:absolute;
	height: 67px;
	width: 72px;
	top: 378px;
	left: 6px;
			text-align: center;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.97em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	}
	
#label10{
	display:block;
	position:absolute;
	height: 66px;
	width: 72px;
	top:378px;
	left: 107px;
			text-align: center;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.97em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	}
	
#label11{
	display:block;
	position:absolute;
	height: 66px;
	width: 72px;
	top:378px;
	left: 208px;
			text-align: center;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.97em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	}
	
#label12{
	display:block;
	position:absolute;
	height: 65px;
	width: 72px;
	top:378px;
	left: 309px;
			text-align: center;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.97em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	}
	
#label13{
	display:block;
	position:absolute;
	height: 72px;
	width: 72px;
	top:523px;
	left: 6px;
		text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.97em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	}
	
#label14{
	display:block;
	position:absolute;
	height: 72px;
	width: 72px;
	top:523px;
	left: 107px;
			text-align: center;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.97em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	}
	
#label15{
	display:block;
	position:absolute;
	height: 72px;
	width: 72px;
	top:523px;
	left: 208px;
			text-align: center;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.97em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	}
	
#label16{
	display:block;
	position:absolute;
	height: 72px;
	width: 72px;
	top:523px;
	left: 309px;
			text-align: center;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.97em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	}
	

/* BEGIN CSS MAGIC ROLLOVERS */

a img {height: 74px; width: 74px; border-width: 0;}
a#swatchover img {background: url('images/swatchinvis.gif') top left no-repeat;}
a#swatchover:hover img {background: url('images/swatchover.gif') top left no-repeat;}

a img {height: 100px; width: 100px; border-width: 0;}
a#swatchover100 img {background: url('images/swatchinvis100.gif') top left no-repeat;}
a#swatchover:hover img {background: url('images/swatchover100.gif') top left no-repeat;}

a#aboutover img {background: url('images/menuinvis.gif') top left no-repeat;}
a#aboutover:hover img {background: url('images/aboutUs-on.jpg') top left no-repeat;}

a#productsover img {background: url('images/menuinvis.gif') top left no-repeat;}
a#productsover:hover img {background: url('images/products-on.jpg') top left no-repeat;}

a#galleryover img {background: url('images/menuinvis.gif') top left no-repeat;}
a#galleryover:hover img {background: url('images/gallery-on.jpg') top left no-repeat;}

a#mediaover img {background: url('images/menuinvis.gif') top left no-repeat;}
a#mediaover:hover img {background: url('images/media-on.jpg') top left no-repeat;}

a#contactover img {background: url('images/menuinvis.gif') top left no-repeat;}
a#contactover:hover img {background: url('images/contact-on.jpg') top left no-repeat;}

/* COLLECTIONS.HTML SPECIFIC CODE */
a#col-swatchover img{height: 150px; width: 150px; border-width: 0; background: url('images/col-swatchinvis.gif') top left no-repeat;}
a#col-swatchover:hover img {background: url('images/col-swatchover.gif') top left no-repeat;}
a#col-swatchover:active img {background: url('images/col-swatchactive.gif') top left no-repeat;}


#col-swatch1{
	display:block;
	position:absolute;
	height: 101px;
	width: 353px;
	top: 175px;
	left: 12px;
	z-index:0;
	border: 2px solid #999999;}
#col-swatch1b{
	display:block;
	position:absolute;
	height: 235px;
	width: 353px;
	top: 175px;
	left: 12px;
	z-index:0;
	border: 2px solid #999999;}
#col-swatch2{
	display:block;
	position:absolute;
	height: 101px;
	width: 353px;
	top: 175px;
	left: 392px;
	z-index:0;
	border: 2px solid #999999;}
#col-swatch3{
	display:block;
	position:absolute;
	height: 101px;
	width: 353px;
	top: 312px;
	left: 12px;
	z-index:0;
	border: 2px solid #999999;}
#col-swatch4{
	display:block;
	position:absolute;
	height: 101px;
	width: 353px;
	top: 312px;
	left: 392px;
	z-index:0;
	border: 2px solid #999999;}
#col-swatch5{
	display:block;
	position:absolute;
	height: 101px;
	width: 353px;
	top: 449px;
	left: 12px;
	z-index:0;
	border: 2px solid #999999;}
#col-swatch6{
	display:block;
	position:absolute;
	height: 101px;
	width: 353px;
	top: 449px;
	left: 392px;
	z-index:0;
	border: 2px solid #999999;}
#col-swatch7{
	display:block;
	position:absolute;
	height: 101px;
	width: 353px;
	top: 586px;
	left: 12px;
	z-index:0;
	border: 2px solid #999999;}	
#col-swatch8{
	display:block;
	position:absolute;
	height: 101px;
	width: 353px;
	top: 586px;
	left: 392px;
	z-index:0;
	border: 2px solid #999999;}		
#col-swatch9{
	display:block;
	position:absolute;
	height: 101px;
	width: 353px;
	top: 723px;
	left: 12px;
	z-index:0;
	border: 2px solid #999999;}		
	
#event-swatch1{
	display:block;
	position:absolute;
	height: 375px;
	width: 353px;
	top: 175px;
	left: 12px;
	z-index:0;
	border: 2px solid #999999;}
#event-swatch2{
	display:block;
	position:absolute;
	height: 264px;
	width: 354px;
	top: 175px;
	left: 392px;
	z-index:0;
	border: 2px solid #999999;}
#event-pic1{
	display:block;
	position:absolute;
	height: 100px;
	width: 100px;
	top: 449px;
	left: 392px;
	z-index:0;
	border: 2px solid #999999;}
#event-pic2{
	display:block;
	position:absolute;
	height: 100px;
	width: 100px;
	top: 449px;
	left: 510px;
	z-index:0;
	border: 2px solid #999999;}
#event-pic3{
	display:block;
	position:absolute;
	height: 100px;
	width: 100px;
	top: 449px;
	left: 628px;
	z-index:0;
	border: 2px solid #999999;}




/* END COLLECTIONS CODE */
