html, body {
	background: #FFFFFF url(../images/bkg.gif) top left repeat; 
	margin: 0px;
	padding: 0px;
	text-align: center;	
	font-family: "Verdana";
	color: #4D393A;	
	height: 100%;
	font-size: 12px;
}

h1 {
	font-size: 18px;
	margin-top: 0px; 
	margin-bottom: 5px;	
}
h2 {
	font-size: 14px;
	margin-top: 0px; 
	margin-bottom: 0px;
	font-weight: bold;
}
h3 {
	font-size: 12px;
	margin-top: 0px; 
	margin-bottom: 0px;
	font-weight: bold;
}


a:link {
	color: #7D1313;
	text-decoration: none;
}
a:visited {
	color: #290708;
	text-decoration: none;
}
a:hover {
	color: #924440;
	text-decoration: underline;
}
a:active {
	color: #DEC4A6;
	text-decoration: underline;
}

/****************** home page specific styles *******************/
/* PNG support for IE */
#homeHeaderImage {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/home_header.png',sizingMethod='crop'); 
}
#homeHeaderImage[id] {
	background-image: url(../images/home_header.png);
}
#homeHeaderImage {
	height: 150px;	
	width: 695px;
	text-align: left;

	margin-left: -345px; /* Negative margin technique to center the header image */
	left: 50%; 
	top: 24px;
	position: absolute;
	z-index: 3;
}


#randomHomeImageWrapper {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/home_pic_bkg.png',sizingMethod='crop'); 
}
#randomHomeImageWrapper[id] {
	background: url(../images/home_pic_bkg.png) top left no-repeat;
}
#randomHomeImageWrapper {
	position: absolute; 
	z-index: 3; 
	left: 50%; 
	margin-left: -341px; 
	top: 40px; 
	width: 316px; 
	height: 282px;
}
/****************** END home page specific styles *******************/

/****************** content page specific styles *******************/
/* PNG support for IE */
#contentHeaderImage {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/content_header.png',sizingMethod='crop'); 
}
#contentHeaderImage[id] {
	background-image: url(../images/content_header.png);
}
#contentHeaderImage {
	height: 116px;	
	width: 695px;
	text-align: left;

	margin-left: -345px; /* Negative margin technique to center the header image */
	left: 50%; 
	top: 26px;
	position: absolute;
	z-index: 3;
}

#contentHomeLink {
	background: transparent url(../images/blank.gif) top left repeat; 
	width: 320px; 
	height: 60px; 
	position: absolute; 
	left: 50%; 
	margin-left: -160px; 
	top: 47px; 
	z-index: 4;
}
/****************** END content page specific styles *******************/

/* 
OK - if the content is too short, then #outerShell won't cover the entire scroll length.
If there's plenty of content, it was doing fine.  So I'm adding #outerShellCover to correct 
the problem.  This thing will appear to be #outerShell, but will be below it.  And it will
fill in the space that's left behind, if there is any.
*/	
#outerShellCover {
	border-left: 2px solid #E5BF9B; 
	border-right: 2px solid #E5BF9B; 
	width: 695px;
	height: 100%;	/* need this to make it stretch correctly in IE */
	position: absolute; 
	z-index: 1; 	
	margin-left: -347px;
	left: 50%; 
	
	
	background: #765B48 url(../images/content_bkg.gif) top left repeat; 
}

#outerShell {
	border-left: 2px solid #E5BF9B; 
	border-right: 2px solid #E5BF9B; 
	width: 695px; 

	background: #765B48 url(../images/content_bkg.gif) top left repeat; 

	margin-left: -347px; /* Negative margin technique to center the shell */
	left: 50%; 
	position: absolute;
	z-index: 2;
}

#contentBackground {
	width: 624px; 
	background-color: #FFDCBA;
	background: transparent url(../images/text_bkg.jpg) top center repeat-y;	
}

#contentInnerPad {	
	text-align: left;
}

.sidebarImages {
	float: right; 
	margin-left: 20px;
}

div.clickThruImage {
	margin: 10px;
}

a.clickThruImageLink {
	border: 1px solid #8A5C42;	
	cursor: pointer;
}

a.clickThruImageLink:hover {
	border: 1px solid #330001;	
	cursor: pointer;
}

/***************** navigation styles *****************/
#navShell {
	width: 590px; 
	height: 18px; 
	border: 2px solid #AC9689; 
	background-color: #513F3F; 
	text-align: center;
	color: #FFE5C0;
	font-size: 11px;
	padding-top: 4px;	

	position: absolute;
	z-index: 3;
	margin-left: -294px; /* Negative margin technique to center the shell */
	left: 50%; 
	position: absolute;
}

#navShell a:link, #navShell a:visited, #navShell a:active {
	color: #FFE5C0;
	text-decoration: none;
}
#navShell a:hover {
	color: #513F3F;
	background-color: #FFDBB9;
	text-decoration: none;
}

.pagingLinks, .pagingLinks a:link {
	color: #7D1313;
}
.pagingLinks a:visited {
	color: #7D1313;
}
.pagingLinks a:hover {
	color: #924440;
}
.pagingLinks a:active {
	color: #7D1313;
}

/***************** END navigation styles *****************/

/***************** artist styles *************************/
#listBlock {
	background-color: #93775F;	
	padding: 5px 0px 10px 10px;
	width: 525px;	/* Specifically setting the width to avoid an IE float clearing problem */
}
.itemBlockEven {
	color: #320000; 
	background-color: #FFE5C0; 
	border-top: 1px solid #FFE5C0; /* need borders to match background so hover state switch won't be jumpy */
	border-bottom: 1px solid #FFE5C0; 
	padding: 5px;
	width: 505px; /* Specifically setting the width to avoid an IE float clearing problem */
}
.itemBlockOdd {
	color: #320000; 
	background-color: #FFEFD8; 
	border-top: 1px solid #FFEFD8; /* need borders to match background so hover state switch won't be jumpy */
	border-bottom: 1px solid #FFEFD8; 
	padding: 5px;
	width: 505px; /* Specifically setting the width to avoid an IE float clearing problem */
}
.itemBlockHover {
	color: #85705F; 
	background-color: white; 
	border-top: 1px solid black; 
	border-bottom: 1px solid black; 
	padding: 5px;
	cursor: pointer;
	width: 505px; /* Specifically setting the width to avoid an IE float clearing problem */
}
.miniItemPictureContainer {
	width: 55px; 
	height: 55px; 
	float: left; 
	border: 1px solid black; 
	margin-right: 5px; 
	overflow: hidden;
}
.artistPictureContainer {
	width: 158px; 
	height: 158px; 
	float: right; 
	border: 1px solid black; 
	margin-left: 5px; 
	overflow: hidden;
}
/***************** END artist styles *************************/

/***************** gallery styles *************************/
.divider {
	background: url(../images/divider.jpg) bottom center no-repeat;
	width: 581px; 
	height: 9px; 
	position: absolute;
	line-height: 9px;
}

/***************** END gallery styles *************************/

/***************** footer styles *************************/
#footerTear {
	width: 624px;
	background: transparent url(../images/text_bottom.jpg) top left no-repeat;
	height: 50px;
}

/***************** END footer styles **********************/

/***************** contact us styles **********************/
.formGroup {
	margin-bottom: 10px;
}
.error {
	color: red;
}
/***************** END contact us styles **********************/

/**************** J-Tech Footer *********************/
.jtechFooter {
	width: 600px; 
	padding-top: 5px;
	padding-bottom: 10px;
	margin-left: auto; margin-right: auto;
	font-size: 12px;
	position: relative;
	color: #FFE5C0;
}
.jtechFooter .jtechLinkWrapper {
	position: absolute; right: 0px; top: 5px;	/* top: should match .jtechFooter's padding-top */
}
.jtechFooter a:link, .jtechFooter a:visited {
	color: #FFE5C0;
	text-decoration: none;
}
.jtechFooter a:hover, .jtechFooter a:active {
	color: #b5a473;
	text-decoration: underline;
}
.jtechCommentsContainer {
	display: none;
	position: absolute; top: -90px; right: 0px; 
}
.jtechComments {	
	width: 350px; 
	background-color: white; 
	padding: 5px; 
	text-align: justify;
	color: #2c2104;
}
.jtechComments a:link, .jtechComments a:visited {
	color: #745946;
	text-decoration: none;
}
.jtechComments a:hover, .jtechComments a:active {
	color: #b5a473;
	text-decoration: underline;
}
.jtechComments .closeButton {
	float: right; 
	position: relative; top: -8px; left: 6px;
}
.jtechCommentsContainer .topLeft {
	background: url(../images/jtech_footer/tl.png) top left no-repeat;
	*background: none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/jtech_footer/tl.png',sizingMethod='crop');
	width: 17px;
	height: 17px;
}
.jtechCommentsContainer .topRight {
	background: url(../images/jtech_footer/tr.png) top left no-repeat;
	*background: none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/jtech_footer/tr.png',sizingMethod='crop');
	width: 17px;
	height: 17px;
}
.jtechCommentsContainer .bottomLeft {
	background: url(../images/jtech_footer/bl.png) top left no-repeat;
	*background: none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/jtech_footer/bl.png',sizingMethod='crop');
	width: 17px;
	height: 17px;
}
.jtechCommentsContainer .bottomRight {
	background: url(../images/jtech_footer/br.png) top left no-repeat;
	*background: none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/jtech_footer/br.png',sizingMethod='crop');
	width: 17px;
	height: 17px;
}
.jtechCommentsContainer .top {
	background: url(../images/jtech_footer/t.png) top left repeat-x;
	*background: none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/jtech_footer/t.png',sizingMethod='scale');
	height: 17px;
}
.jtechCommentsContainer .bottom {
	background: url(../images/jtech_footer/b.png) top left repeat-x;
	*background: none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/jtech_footer/b.png',sizingMethod='scale');
	height: 17px;
}
.jtechCommentsContainer .left {
	background: url(../images/jtech_footer/l.png) top right repeat-y;
	*background: none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/jtech_footer/l.png',sizingMethod='scale');
	width: 17px;
}
.jtechCommentsContainer .right {
	background: url(../images/jtech_footer/r.png) top left repeat-y;
	*background: none;
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/jtech_footer/r.png',sizingMethod='scale');
	width: 17px;
}