/* xhtml defaults */

body
{
	background-color: #ffffff;
	color: #2b2f30;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, sans-serif;
	font-size: 9px;
}
a, a:link, a:visited, a:hover
{
	text-decoration: none;
}

/* page classes */

.Upcoming
{
	background-image: url('../images/upcoming_bg.gif');
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: #a7dce2;
}
.Welcome
{
	background-image: url('../images/welcome_bg.jpg');
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.Digital
{
	background-image: url('../images/digital_bg.jpg');
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: #a7dce2;
}
.Digital_thumb
{
	background-image: url('../images/digitalthumb_bg.gif');
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: #a7dce2;
}
.Digital_item
{
	background-image: none;
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: #a7dce2;
}
.Painting
{
	background-image: url('../images/painting_bg.jpg');
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: #afd2ce;
}
.Painting_thumb
{
	background-image: url('../images/paintingthumb_bg.jpg');
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: #afd2ce;
}
.Painting_item
{
	background-image: none;
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: #afd2ce;
}
.Toys
{
	background-image: url('../images/toys_bg.jpg');
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: #B0968E;
}
.Traditional_thumb
{
	background-image: url('../images/traditionalthumb_bg.gif');
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: #B0968E;
}
.Traditional_item
{
	background-image: none;
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: #B0968E;
}
.Sketchbook
{
	background-image: url('../images/products_bg.jpg');
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: #f58857;
}
.Sketchbook_thumb
{
	background-image: url('../images/sketchbookthumb_bg.gif');
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: #f58857;
}
.Sketchbook_item
{
	background-image: none;
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: #f58857;
}
.Downloads
{
	background-image: url('../images/downloads_bg.jpg');
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: #c3d2d7;
}
.Downloads_thumb
{
	background-image: url('../images/downloadsthumb_bg.gif');
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: #DBE6B7;
}
.Downloads_item
{
	background-image: none;
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: #c3d2d7;
}
.Mailing
{
	background-image: url('../images/general_bg.gif');
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: #c3d2d7;
}


.Links
{
	background-image: url('../images/general_bg.gif');
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: #c3d2d7;
}
.Contact
{
	background-image: url('../images/general_bg.gif');
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: #c3d2d7;
}

/* positioning & containers */
#MainDisplay
{
	width: 100%;

	height: 100%;
}
.LayoutContainer

{

	width: 850px;
	height: 459px;
	text-align: left;

}
.Header
{
	display: block;
	float: left;
	clear: both;
}
.Footer
{
	display: block;
	float: left;
	clear: both;
}
.MainNav
{
	font-family: Verdana, sans-serif;
	font-size: 10px;
	background-color: #5F6A6D;
	width: 212px;
	height: 425px;
	display: block;
	float: left;
}
.SecondaryNav
{
	font-family: Verdana, sans-serif;
	font-size: 10px;
	display: block;
	float: left;
	width: 213px;
	height: 425px;
	background-image: url(/images/col2bg.gif);
	background-position: top left;
	background-repeat: repeat-y;
	overflow: auto;
}
.Content
{
	display: block;
	float: left;
	width: 425px;
	height: 425px;
}
.Container
{
	width: 350px;

	margin-left: 25px;
	margin-top: 7px;
}

/* main navigation elements (column 1) */

.MainNav .Active
{
	color: #ffffff;
	background-color: #13150F;
	padding-left: 17px;
	background-image: url(/images/activebg.gif);
	background-position: top right;
	background-repeat: no-repeat;
}
.MainNav .Inactive
{
	color: #E2F0F3;
	background-color: transparent;
	padding-left: 17px;
}
.MainNav a .Active
{
	color: #ffffff;
	text-decoration: none;
}
.MainNav a:link .Active
{
	color: #ffffff;
	text-decoration: none;
}
.MainNav a:visited .Active
{
	color: #ffffff;
	text-decoration: none;
}
.MainNav a:hover .Active
{
	color: #ffffff;
	text-decoration: none;
}
.MainNav a .Inactive
{
	color: #E2F0F3;
	text-decoration: none;
}
.MainNav a:link .Inactive
{
	color: #E2F0F3;
	text-decoration: none;
}
.MainNav a:visited .Inactive
{
	color: #E2F0F3;
	text-decoration: none;
}
.MainNav a:hover .Inactive
{
	color: #E2F0F3;
	text-decoration: none;
}

/* secondary navigation elements (column 2) */
.SecondaryNav .ShortText
{
	color: #000000;
	padding-left: 17px;
	padding-right: 17px;
}
.SecondaryNav .Active
{
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #050503;
	background-color: #ffffff;
	padding-left: 17px;
	background-image: url(/images/activebg.gif);
	background-position: top right;
	background-repeat: no-repeat;
}
.SecondaryNav .Inactive
{
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #050503;
	background-color: transparent;
	padding-left: 17px;
}
.SecondaryNav a .Active
{
	color: #050503;
	text-decoration: none;
}
.SecondaryNav a:link .Active
{
	color: #050503;
	text-decoration: none;
}
.SecondaryNav a:visited .Active
{
	color: #050503;
	text-decoration: none;
}
.SecondaryNav a:hover .Active
{
	color: #050503;
	text-decoration: none;
}
.SecondaryNav a .Inactive
{
	color: #050503;
	text-decoration: none;
}
.SecondaryNav a:link .Inactive
{
	color: #050503;
	text-decoration: none;
}
.SecondaryNav a:visited .Inactive
{
	color: #050503;
	text-decoration: none;
}
.SecondaryNav a:hover .Inactive
{
	color: #050503;
	text-decoration: none;
}

.Welcome_Events
{
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #333333;
	background-color: transparent;
	padding-left: 17px;
}
.Welcome_Events a:link
{
	color: #000000;
	text-decoration: none;
}
.Welcome_Events a:visited
{
	color: #000000;
	text-decoration: none;
}
.Welcome_Events a:hover
{
	color: #000000;
	background-color: #ffffff;
	text-decoration: none;
}

/* show and hide class pair */
.Show
{
	display: block;
}
.Hide
{
	display: none;
}

/* item display classes */

.ThumbPageContainer
{
	width: 350px;

	margin-left: 25px;
	margin-top: 7px;
}
.ItemPageContainer
{
	width: 413px;

	margin-left: 6px;
	margin-top: 7px;
}
/* since the sketchbook is wider, it's a little different */
body.Sketchbook_thumb .ItemPageContainer
{
	width: 391px;

	margin-left: 17px;
	margin-top: 13px;
}
.PageTitle
{
	display: block;
	padding-top: 7px;
	font-weight: bold;
	color: #2b2f30;
}

/* Thumbnail Container Classes */

.Thumbnail
{
	display: block;
	clear: both;
	float: left;
	margin-top: 12px;
	width: 380px;
}
.Thumbnail img
{
	display: block;
	width: 120px;
	float: left;
}
.ThumbnailTitle
{
	display: block;
	float: left;
	margin-left: 10px;
	color: #2b2f30;
}

/* Item Display Classes */
.ItemDisplay
{
	padding-bottom: 5px;
}
.ItemOptions
{
	clear: both;
	display: block;
	height: 7px;
	padding-top: 3px;
}
/* since the sketchbook is wider, it's a little different */
body.Sketchbook_thumb .ItemOptions
{
	display: none;
}
.BuyMe
{
	display: block;
	float: left;
}
.Larger
{
	display: block;
	float: right;
}
.Smaller
{
	display: block;
	float: right;
}
.Description
{
	clear: both;
	padding-top: 16px;
	height: 28px;
}
/* since the sketchbook is wider, it's a little different */
body.Sketchbook_thumb .Description
{
	color: #e2eaed;
	clear: both;
	padding-top: 0px;
	height: 15px;
}
.Description a
{
	color: #000000;
	text-decoration: underline;
}
.Description a:link
{
	color: #000000;
	text-decoration: underline;
}
.Description a:visited
{
	color: #000000;
	text-decoration: underline;
}
.Description a:hover
{
	color: #000000;
	text-decoration: underline;
	background-color: #ffffff;
}
.ItemNavigation
{
	clear: both;
	display: block;
	width: 263px;
	height: 7px;
	float: right;
	margin-top: 10px;
}
/* since the sketchbook is wider, it's a little different */
body.Sketchbook_thumb .ItemNavigation
{
	clear: both;
	display: block;
	width: 263px;
	height: 7px;
	float: right;
	margin-top: 15px;
}
.Previous
{
	display: block;
	float: left;
}
.MainListing
{
	display: block;
	float: left;
	margin-left: 4px;
	margin-right: 4px;
}
.Next
{
	display: block;
	float: left;
}
.BottomPad
{
	height: 10px;
}

/* form classes */
.Row

{

	display: block;

	clear: both;
	width: 100%;

}
.Cell
{
	width: 150px;
	display: block;
	float: left;
	margin-right: 10px;
}
.Input
{
	font-family: Verdana, sans-serif;
	font-size: 10px;
	border: #5f6a6d 1px solid;
	background-color: #e2f0f3;
	padding: 2px;
}
.TextBlock
{
	font-family: Verdana, sans-serif;
	font-size: 10px;
	border: #5f6a6d 1px solid;
	background-color: #e2f0f3;
	padding: 2px;
}
.Button
{
	font-family: Verdana, sans-serif;
	font-size: 10px;
	border: #5f6a6d 1px solid;
	background-color: #e2f0f3;
}