﻿/* CSS Document */
/* General Styles */
.tabs
{
	background-color: #605445;
	font-size: 10pt;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	padding: 15px;
}
body
{
	background-color: #605445;
	font-size: 10pt;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
}
a:link, a:visited
{
	text-decoration: underline;
	color: #ffffff;
	font-weight: normal;
}
a:active, a:hover
{
	text-decoration: underline;
	color: #C7D0CD;
	font-weight: normal;
}
th
{
	vertical-align: bottom;
}
hr
{
	border: #c7d0cd 1px solid;
}
select, input, span
{
	font-size: 11px;
	color: #111111;
	font-family: Arial, Helvetica, sans-serif;
}

#describe
{
	visibility: hidden;
	color: #605445;
}
#priceListTable
{
	margin-left: 30px;
	margin-top: 20px;
}
.priceTable
{
	border-bottom: white 1px solid;
	color: white;
	padding-left: 5px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-top: 7px;
	text-align: right;
	width: 50px;
}
th.priceTable, td.priceTable
{
	font-weight: bold;
	text-align: right;
	font-size: 12px;
}
/* legal div */
div#legal_div
{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 926px;
	height: 20px;
	margin-left: -463px; /* half of width */
	margin-top: 331px; /* half of height */
	font-size: 10px;
	color: #C7D0CD;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	letter-spacing: .8px;
	font-weight: normal;
}
div#shareit_out_div
{
	position: absolute;
	left: 50%;
	top: 0%;
	width: 926px;
	height: 700px;
	margin-left: -463px; /* half of width */
	margin-top: 0px; /* half of height */
	visibility: visible;
	vertical-align: bottom;
	text-align: right;
}
div#shareit_in_div
{
	position: relative;
	top: 720px;
}
div#legal_div a:link, div#legal_div a:visited
{
	text-decoration: none;
	color: #C7D0CD;
}
div#legal_div a:active, div#legal_div a:hover
{
	text-decoration: none;
	color: #ffffff;
}
#ddArtists
{
	border: 1px solid #FFFFFF;
	font-size: 9pt;
	color: #111111;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
div#border_div
{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 926px;
	height: 700px;
	margin-left: -463px; /* half of width */
	margin-top: -350px; /* half of height */
	border: 1px solid #C7D0CD;
	visibility: visible;
	background-color: #605445;
}
div#header_bio
{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 926px;
	height: 125px;
	margin-left: -463px; /* half of width */
	margin-top: -350px; /* -225 (slideshow_div pos)- 125 (all of header) */
	visibility: visible;
	background-color: #72765D;
}
div#header_div
{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 926px;
	height: 125px;
	margin-left: -463px; /* half of width */
	margin-top: -350px; /* -225 (slideshow_div pos)- 125 (all of header) */
	visibility: visible;
	background-color: #72765D;
}
div#home_div, div#gallery_div, div#login_div, div#aboutus_div, div#slideshow_div, div#biography_div, div#comments_div
{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 926px;
	height: 575px;
	margin-left: -463px; /* half of width */
	margin-top: -225px; /* -287 (1/2 slideshow_div ) + 62 (1/2 of header) */
	visibility: visible;
	background-color: #605445;
}
div#order_response_div
{
	position: absolute;
	visibility: hidden;
	margin-left: 10px;
	margin-top: 10px;
	background-color: #ffffff;
	color: #000000;
}
div#orderform_div, div#pricing_div
{
	position: absolute;
	margin-left: 10px;
	margin-top: 10px;
	visibility: visible;
	background-color: #605445;
}

div#gallery_div, div#biography_div
{
	overflow: auto;
	scrollbar-base-color: #88785f;
}
div#aboutustext_div
{
	position: absolute;
	left: 100%;
	top: 50%;
	width: 625px;
	height: 490px;
	margin-left: -650px; /* half the width (-487) + difference with aboutus_div width? */
	margin-top: -257px; /* -287 (1/2 slideshow_div ) + 62 (1/2 of header) */
	background-color: #605445;
}
div#aboutusimages_div
{
	position: absolute;
	left: 35px;
	top: 35px;
	width: 200px;
	height: 525px;
}
div#aboutusimages_div img
{
	border: 1px solid #C7D0CD;
}
div#aboutusimages_div span
{
	font-size: 11px;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
}
div#biotext_div
{
	position: absolute;
	left: 35px;
	top: 35px;
	width: 855px;
	height: 525px;
}
div#loginbox_div
{
	position: relative;
	left: 50%;
	top: 50%;
	width: 800px;
	height: 250px;
	margin-left: -400px; /* half of width */
	margin-top: -150px; /* -287 (1/2 slideshow_div ) + 62 (1/2 of header) */
	background-color: #605445;
}
div#dropdown
{
	position: absolute;
	left: 20px;
	top: 60px;
	visibility: visible;
}

/* Styles specific to Gallery */
table#gallery table
{
	height: 100%;
	width: 100%;
}
table#gallery th
{
	padding: 15px;
	text-align: left;
	font-style: italic;
	font-weight: normal;
}
table#gallery tr
{
	padding: 5px;
}
table#gallery td
{
	padding: 10px 10px 11px 10px;
	width: 20%;
	text-align: center;
	vertical-align: middle;
}
table#gallery img
{
	border: #ffffff 1px solid;
	max-height: 75px;
	max-width: 138px;
	text-align: center;
	vertical-align: middle;
}
table#gallery td.separate
{
	height: 0px;
	padding: 0px;
	border-top: #88785f 1px solid;
	font-size: 1px;
}

/* Styles specific to Biography */
table#biography
{
	width: 90%;
	vertical-align: top;
}
table#biography td
{
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	vertical-align: top;
	text-align: left;
	padding-bottom: 0px;
}
table#biography .artist_name
{
	font-size: 14px;
	font-weight: bold;
}
table#biography .artist_picture
{
	width: 120px;
	height: 160px;
}
table#biography .artist_biography, table#biography .artist_contact
{
	font-size: 13px;
	font-weight: normal;
	padding-top: 10px;
}
table#biography .artist_link
{
	font-size: 14px;
	font-weight: bold;
}
table#biography img
{
	vertical-align: top; /* border: solid 1px #fff; */
}

/* Order Form */
#tbAddress
{
	overflow: hidden;
}
td.ArtistOrder
{
	padding: 5px;
	margin: 5px;
	font-weight: bold;
}
.ArtistOrderTextBox
{
	width: 250px;
	font-size: 9pt;
	color: #111111;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	background: #ffffff;
}
#tbNotes
{
	width: 500px;
	font-size: 9pt;
	color: #111111;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	background: #ffffff;
}
table#artistInfo, table#orderNotes
{
	vertical-align: top;
	text-align: left;
	width: 98%;
}
#gvOrderform, table#capturePricing
{
	vertical-align: top;
	text-align: left;
	border: 1px solid #C7D0CD;
	margin: 5px;
	font-size: 11px;
}
table#capturePricing
{
	color: #000000;
	background: #F4E7B0;
	width: 75%;
}
td.photo_explain
{
	color: #000000;
	font-size: 10px;
}
table#orderForm
{
	margin: 15px;
	vertical-align: top;
	text-align: left;
	width: 100%;
}


table.EmailOrder
{
	border-top: #000000 2px solid;
	border-bottom: #000000 1px solid;
	border-left: #000000 1px solid;
	border-right: #000000 2px solid;
	border-spacing: 0px;
}
th.EmailOrder
{
	font-weight: bold;
	color: #000000;
	padding: 5px;
	margin: 0px;
	border-bottom: #000000 1px solid;
	border-left: #000000 1px solid;
}
td.EmailOrder
{
	border-bottom: #000000 1px solid;
	border-left: #000000 1px solid;
	padding: 5px;
	margin: 0px;
}
div#order_response_alert_div
{
	font-size: 10pt;
	font-weight: Bold;
	width: 600px;
	height: 75px;
	vertical-align: top;
}
a.order_return
{
	vertical-align: top;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
}
/*comments */
table#tblcomments
{
	margin: 35px;
}
table#tblcomments td
{
	padding: 10px;
}
.tbcomments
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	width: 250px;
}
.tacomments
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	width: 400px;
}
.btncomments
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
.txtcomments
{
	font-size: 12px;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
}
.titlecomments
{
	font-size: 13px;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}
.adminlogintext
{
	font-size: 12px;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
}
.adminlogintitle
{
	font-size: 14px;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
.adminloginbutton
{
	text-align: center;
}
.quotenote
{
	font-size: 9px;
	color: #c7d0cd;
}

/* tempate styles */
#addthis
{
	position: relative;
	top: 40px;
	left: 50%;
	width: 926px;
	margin-left: -463px; /* half of width */
	vertical-align: top;
	text-align: right;
	filter: alpha(opacity=70);
	opacity: 0.70;
}
.whiteContentBox
{
	position: absolute;
	top: 30px;
	left: 50%;
	width: 925px;
	margin-left: -450px; /* half of width */
	background-color: white;
	border: 1px solid #C7D0CD;
}
/* Gallery Styles */
div#homeshow_div
{
	position: absolute;
	left: 25px;
	top: 0px;
	width: 875px;
	height: 200px;
	visibility: visible;
	background-color: #605445
}
div#homeshow2_div
{
	position: absolute;
	left: 25px;
	top: 360px;
	width: 875px;
	height: 200px;
	visibility: visible;
	background-color: #605445;
}
div#hometext_div
{
	position: absolute;
	left: 63px;
	top: 190px;
	width: 800px;
	height: 175px;
	background-color: #605445;
}
a:active.homeimage, a:hover.homeimage
{
	border: 2px solid #C7D0CD;
}
table.homeimage
{
	width: 875px;
	text-align:center;
	height: 200px;
}
td.homeimage
{
	text-align: center;
	vertical-align: middle;
}
input.homeimage
{
	max-width:210px;
	height:150px;
}
