@charset "utf-8";
/* CSS Document */

#kwick1              { width:728px; margin: 0 auto; background-color: #000000;} /*sets the container width*/
#kwick1 .kwicks1          { height:145px; list-style-type:none; margin:0 auto; padding:0; }
#kwick1 li           { float:left; }
#kwick1 .kwick1           { display:block; cursor:pointer; overflow:hidden; height:145px; width:200px; } /*sets the starting width of the images*/
#kwick1 .kwick1 span      { display:none; }
#kwick1 .Gal1            { background:url(../Images/Gallery1.jpg) no-repeat;}/*defines the image to use in the Kwick*/
#kwick1 .Gal2            { background:url(../Images/Gallery2.jpg) no-repeat; }
#kwick1 .Gal3          { background:url(../Images/Gallery3.jpg) no-repeat; }

#kwick2              { width:728px; margin: 0 auto; background-color: #000000;} /*sets the container width*/
#kwick2 .kwicks2          { height:145px; list-style-type:none; margin:0; padding:0; }
#kwick2 li           { float:left; }
#kwick2 .kwick2           { display:block; cursor:pointer; overflow:hidden; height:145px; width:200px; } /*sets the starting width of the images*/
#kwick2 .kwick2 span      { display:none; }
#kwick2 .Col1           { background:url(../Images/Collection1.jpg) no-repeat; }
#kwick2 .Col2            { background:url(../Images/Collection2.jpg) no-repeat; }
#kwick2 .Col3          { background:url(../Images/Collection3.jpg) no-repeat; }

#kwick3              { width:728px; margin: 0 auto; background-color: #000000;} /*sets the container width*/
#kwick3 .kwicks3          { height:145px; list-style-type:none; margin:0; padding:0; }
#kwick3 li           { float:left; }
#kwick3 .kwick3           { display:block; cursor:pointer; overflow:hidden; height:145px; width:200px; } /*sets the starting width of the images*/
#kwick3 .kwick3 span      { display:none; }
#kwick3 .Col4           { background:url(../Images/Collection4.jpg) no-repeat; }
#kwick3 .Col5            { background:url(../Images/Collection5.jpg) no-repeat; }
#kwick3 .Col6          { background:url(../Images/Collection6.jpg) no-repeat; }

#kwick4              { width:728px; margin: 0 auto; background-color: #000000;} /*sets the container width*/
#kwick4 .kwicks4          { height:145px; list-style-type:none; margin:0; padding:0; }
#kwick4 li           { float:left; }
#kwick4 .kwick4           { display:block; cursor:pointer; overflow:hidden; height:145px; width:200px; } /*sets the starting width of the images*/
#kwick4 .kwick4 span      { display:none; }
#kwick4 .Col7           { background:url(../Images/Collection7.jpg) no-repeat; }
#kwick4 .Col8            { background:url(../Images/Collection8.jpg) no-repeat; }
#kwick4 .Col9          { background:url(../Images/Collection9.jpg) no-repeat; }

body  {
	font: 100% Calibri;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	background-color: #101010;
}

.toggler  {
	font-family: Calibri, Verdana, Arial, sans-serif;
	cursor:pointer;
	width: 46em;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px;
	text-align: center; /* this overrides the text-align: center on the body element. */
	background-color: #101010;
	color: #101010;
	padding-bottom: 0em;
	padding-top:0.5em;
	height:1.64em;
	font-size: 1em;
	font-weight: lighter;
	text-transform: lowercase;
/*	margin-right: 5em;
*/
}
.toggler:hover   {
}

.toggler2  {
	font-family: Calibri, Verdana, Arial, sans-serif;
	cursor:pointer;
	border: 0px;
	text-align: center; /* this overrides the text-align: center on the body element. */
	background-color: #101010;
	color: #101010;
	padding-bottom: 0em;
	padding-top:0.5em;
	height:1.64em;
	font-size: 1em;
	font-weight: lighter;
	text-transform: lowercase;
/*	-moz-border-radius-topright:1em;  /* shorthand topleft topright bottomright bottomleft */
/*	-webkit-border-top-right-radius:1em; /* all corners */
/*	-moz-border-radius-bottomleft:1em;  /* shorthand topleft topright bottomright bottomleft */
/*	-webkit-border-bottom-left-radius:1em; /* all corners */
}
/*	start pic of the month */
#pic       {
	margin: 0 auto;
	top:0em;
	left:0em;
	position: absolute;
	cursor:pointer;
	height:120px;
	background-image: url(../Images/POD2.png);
	background-repeat: no-repeat;
	background-position: left top;
	z-index:9000
}
.picclosed         { height:120px; width:135px;}
.picopen           { Height:740px; width:1650px; }
/*	end pic of the month */



.element     {
		width: 735px;
		margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding-top: 0;
	padding-bottom: 0;
}

.element2     {
	width: 120px;	
	padding-top: 0;
	padding-bottom: 0;
}


.intro {
	height:9em;
	width:44em;
	text-align: left;
	Margin: 0 auto;
background-color: #101010;
}
.floater {
	z-index: 100;
position: relative;
	left: 40em;
	top: -3em;

}
.floater2 {
	z-index: 3000;
	position: absolute;
	left: 1.5em;
	top: 8.5em;

}
.floaterIndex {
	z-index: 1;
	position: relative;
	height: auto;
	left: 28pc;
	top: -38pc;

}

.floaterIndex2 {
	z-index: 2;
	position: relative;
	height: 1px;
	left: -15pc;
	bottom: 10pc;

}

#menu {
	z-index: 200;
	position: absolute;
	left: 1.5em;
	top: 9.5em;
	width: 122px;

}

#verticalmenu {
	width: 122px;

}

.menuline {
	background:url(../Images/menu3.png) no-repeat;
	padding-top:6px;
	border: 0;
/*-moz-border-radius:1em;  /* shorthand topleft topright bottomright bottomleft */
/*	-webkit-border-radius:1em; /* all corners */
}

.menu1{
	color: #101010;
	font-weight:lighter;
	text-transform: lowercase;
	text-decoration: none;
	border: 0;
}

.menu2{
	color: #333;
	text-decoration: none;
}

#accordion2 {
	border-right: thin ridge #c0c0c0;
	border-left: thin ridge #c0c0c0;
	border-bottom: thin ridge #c0c0c0;
	/*-moz-border-radius:1em;  /* shorthand topleft topright bottomright bottomleft */
/*	-webkit-border-radius:1em; /* all corners */
}

.twoColElsLtHdr #container {
	width: 62em;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #101010;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #101010;
	color: #660000;
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 0em;
}
 
.twoColElsLtHdr #header {
	width:62em;
	padding: 0;
	color: #101010;
	background-color: #101010;
	background-position: center;

} 
.twoColElsLtHdr #header h1 {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
}

.twoColElsLtHdr #accordion {
		width: 46em;
	border-right: thin ridge #c0c0c0;
	border-left: thin ridge #c0c0c0;
	border-bottom: thin ridge #c0c0c0;	}

.twoColElsLtHdr #mainContent {
	width: 58em;
	margin: 0 auto;  /*the auto margins (in conjunction with a width) center the page */
	border: 0px solid #101010;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #101010;
	color: #660000;
} 
.twoColElsLtHdr #mainContentcolH {
	width: 45.9em;
		margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #000000;
	color: #660000;
	padding-left: 0em;
	border: 0px solid #101010;	

} 
.twoColElsLtHdr #mainContentthumbs {
	width: 44em;
		max-height:38em;
		margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #101010;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #101010;
	color: #660000;
	padding-left: 3em;
	overflow: auto;
} 
.twoColElsLtHdr #mainContentcol {
	width: 41em;
	margin: 0 auto;
	border: 0px solid #101010;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #101010;
	color: #660000;
	padding-bottom: 0.5em;
} 

.twoColElsLtHdr #apDiv1 {
	width: 44em;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #101010;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #101010;
	color: #660000;
	padding-bottom: 0.5em;
	padding-left:1em;

/*	margin-right: 5em;
*/
} 

.apDiv2 {
	width: 42em;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	background-color: #000000;
	padding-top: 0.5em;	
	padding-bottom: 0.5em;


/*	margin-right: 5em;*/
} 

.twoColElsLtHdr #apDivA {
	width: 44em;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #101010;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #101010;
	color: #660000;
	padding-bottom: 1em;
/*	margin-right: 5em;
*/
} 

.twoColElsLtHdr #apDivB {
	width: 44em;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #101010;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #101010;
	color: #660000;
	padding-bottom: 1em;
/*	margin-right: 5em;
*/
} 

.twoColElsLtHdr #container #mainContent h1 {
	color: #FFFFFF;
}

.twoColElsLtHdr #footer {
	width:62em;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding-top: 1em;
	color: #101010;
	background-color: #101010;


	
} 

.twoColElsLtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color: #CCCCCC;
}
/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
 		margin-right: 1.5em;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
 	margin-right: 1.5em;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.p1 {
	font-family: Calibri, Verdana, Arial, sans-serif;
	font-size: 0.9em;
	color: #d0d0d0;
	text-align: left;
}
.p2 {
	font-family: Calibri, Verdana, Arial, sans-serif;
	font-size: 1em;
	color: #FFFFFF;
	text-align: left;
	font-weight: bold;
}
.p3 {
	font-family: Calibri, Verdana, Arial, sans-serif;
	font-size: 0.8em;
	color: #d0d0d0;
	text-align: left;
}

.h1 {
	font-family: Calibri, Verdana, Arial, sans-serif;
	font-size: 1.4em;
	font-style: normal;
	font-weight: normal;
	color: #991111;
}

.h2 {
	font-family: Calibri, Verdana, Arial, sans-serif;
	font-size: 1.2em;
	font-style: normal;
	font-weight: normal;
	color: #9c3022;
}

.h3 {
	font-family: Calibri, Verdana, Arial, sans-serif;
	font-size: 2em;
	font-style: normal;
	font-weight: normal;
	color: #981211;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.f1 {
	font-family: Calibri, Verdana, Arial, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: #b5b7b4;
	text-decoration: none;
}

.f2 {
	font-family: Calibri, Verdana, Arial, sans-serif;
	font-size: 9.9px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
}

img, ul, li {
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
		border: 0px;
}

.img2 {
	border: 2px solid #202020;	
}

.thumb {
	padding: 1px;
	border: 1px solid #101010;
	Opacity: 0.55;
	filter: alpha(opacity=55);
	-moz-opacity:0.55;


}
.thumbOn {
	padding: 1px;
	border: 1px solid #999999;
	Opacity: 1;
	filter:alpha(opacity=100);
	-moz-opacity:1;
}
.banner{
	width: 20em;
/*	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #101010;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #101010;
	color: #660000;
	padding-top: 0;
	padding-bottom: 0;
	float: left; /*I added this*/

}

.buttons{
	width: 2em;
/*	margin: 0 auto;  the auto margins (in conjunction with a width) center the page */
	border: 0px solid #101010;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #101010;
	color: #660000;
	padding-top: 0;
	padding-bottom: 0;
	float: right; /*I added this*/

}

.footer{
	width: 62em;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #101010;
	background-color: #101010;
	color: #660000;
	padding-top: 0;
	padding-bottom: 0;

}