/*
Blue background: 	#7187A3
Beige: 				#E4D389
Red: 				#BB4F2D
Purple: 			#392446
Violet: 			#772B4D
Light Blue: 		#B8C3D1
	
	Page Width: 740px
	Arial MT 15pt: navigation font
*/

/* anchors */

a {
	text-decoration: none;
	color: #E4D389;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: 0px;
} 

/* fonts */

body, td {
	font-family: verdana, sans-serif;
	line-height: 150%;
}

h3 {
	font-size: larger;
	font-weight: bold;
}

/* layout */

html {
	/* do nothing. */
}

body {
	margin: 0px;
	/* Set the height for IE which seems to set the body to the content size. */
	height: 100%;
	/* background */
	background-color: #7187A3;
	background-image: url(../images/headerBackground.gif);
	background-repeat: repeat-x;
}

#layout {
	height: 100%;
	width: 740px;
}

/* header (navigation) */

#header {
	height: 50px;
}

#navigation {
	text-align: right;
}

#navigation img {
	/* Apply vertical alignment to the images to get rid of the white space IE
	 * places to the right and left of inline-block elements such as images. */
	vertical-align: bottom;
}

#navigation img.gallery {
	float: left;
	margin: 10px 10px 0px 10px;
}

#navigation img.site {
	margin: 10px 10px 0px 10px;
}

/*
#leftColumnTransition {
	* Apply vertical alignment to the images to get rid of the white space IE
	 * places to the right and left of inline-block elements such as images. *
	vertical-align: bottom;
	float:left;
	padding-bottom:-15px;
	margin-left:-1px;
}
*/

#leftColumnTransition
{
	clear: both;
	display: block;
	margin-left:-1px;
}

.navigation
{
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	white-space:nowrap;
}

.navigation.left
{
	float: left;
}

.navigation.right
{
	float: right;
}

.navigation a:link, .navigation a:visited, .navigation a:active,  .navigation a:hover 
{
	color: white;
	text-decoration: none;
	padding: 0px 10px;
}

/* columns */

#gallery {
	/* size */
	width: 240px; /* 250 minus 10 for padding. */
	padding: 0px 0px 0px 8px; /* minus 2 pixel for image border. */

	
	/* alignment */
	vertical-align:top;
	/* background */
	background-repeat: no-repeat;
	background-image: url(../images/leftColumnBackground.gif);
	background-color:#E4D389;
	
}

#content {
	/* size */
	width: 470px; /* 490 minus 20 for padding. */
	padding: 0px 10px;
	/* alignment */
	vertical-align: top;
}

#gallery img {
	display: block;
	float: left;
	margin: 0px 6px 6px 0px; /* minus 2 pixel for image border*/
	/* border */
	border: 2px solid white;
}

#gallery img.hightlight {
	border: 2px solid #BB4F2D;
}

#gallery br {
	clear: both;
}

#thumbnailTransition {
	/* Force all elements after to clear. */
	display: block;
}

#content img.logo {
	float: right;
}

/* footers */

#galleryFooter {
	/* size */
	padding: 10px;
	/* alignment */
	text-align: center;
	vertical-align: bottom;
	/* background */
	background-color: #E4D389;
}

#galleryFooter img {
	vertical-align: bottom;
}

#contentFooter {
	/* size */
	padding: 10px 25px;
	/* alignment */
	vertical-align: bottom;
	/* font */
	color: #E4D389;
	font-size: smaller;
}

/* home page */

/* center the large logo over the painting on the home page. */

#content img.logo.large {
	margin: 30px 15px;
}

#homePageImage {
	float: right;
}

#artistStatement {
	/* Force the artist statement down far enough so that the text begins after
	 * the floated painting. */
	margin: 20px auto;
}

ul.galleries {
	color: #E4D389;
	list-style-type: square;
}

/* interior pages */

/* center the main image  */

#interiorMainImage {
	vertical-align:middle;
	margin-top:30px;
}

#title	{
	color:#392446;
	display:block;
	text-align:right;
	padding-right:225px;
	padding-top:20px;
	
}

#title a:link		{color:#392446; text-decoration:none; border-bottom:none;}
#title a:visited	{color:#392446; text-decoration:none; border-bottom:none;}
#title a:hover		{color:#E4D389; text-decoration:underline}
#title a:active		{color:#E4D389; text-decoration:underline}

.details	{
	color:#E4D389;
	display:block;
	text-align:right;
	padding-right:225px;
	font-size:smaller;
}

/* contact page */

#contact {
	/* size */
	width: 470px;
	height: 800px;
	/* background */
	background-color: #7187A3;
	background-image: url(../images/contactBackground.gif);
	background-repeat: no-repeat;
}

/* The breakout box adds a screened out background over top of the main
 * background image. Positioning of the screen must line up pixel for
 * pixel with the main background image. */

#contactBreakoutBox {
	/* size */
	width: 250px;
	/* position */
	margin: 0px 0px 0px 220px;
	/* background */
	background-color: #B8C3D1;
	background-image: url(../images/contactBreakoutBoxBackground.gif);
	background-repeat: no-repeat;
}

/* The inner container is used to do away with margin collapsing, which is
 * honored by Gecko based browsers. */

#contactBreakoutBoxInnerContainer {
	padding: 100px 10px 10px 10px;
}

/* The actual content of the break out box is in a square area with a
 * white background. */

#contactBreakoutBoxContent {
	/* size */
	width: 210px; /* 230 - 10 padding */
	padding: 10px;
	/* background */
	background-color: #ffffff;
	/* text */
	color: #772B4D;
}

#contactLogo {
	text-align: right;
}

.smallText	{
	font-size:80%;
	color:#7187A3;
}

.fitName	{
	font-size:90%;
}

/*	HISTORY	*/
.historyFont	{
	font-size:80%;
	line-height:1.4;
}

#picture	{
	color:#392446;
	font-weight:bold;
	display:block;
	text-align:left;
	font-size:120%;
	margin-bottom:-15px;
}

/*	Store Styles	*/
.item .image	{
	text-align:center;
	float:none !important;
}

.item	{
	margin-top:30px;
}

.yui-content	{
	color:#333333;
	padding-left:5px;
	padding-right:5px;
}

.yui-content p	{
	color:#333333;
}

.gridContainer a:link			{color:#E4D389; text-decoration:none;}
.gridContainer a:visited		{color:#E4D389; text-decoration:none;}
.gridContainer a:hover			{color:#E4D389; text-decoration:none;}
.gridContainer a:active			{color:#E4D389; text-decoration:none;}


.yui-skin-sam {
	
}

.yui-nav	{
 white-space:nowrap;
}

.yui-content	{
	color:#333333;
	padding-left:10px;
	padding-right:10px;
}

.yui-content p	{
	color:#333333;
}

.pageNavigation a:link		{color:#E4D389; text-decoration:none;}
.pageNavigation a:visited	{color:#E4D389; text-decoration:none;}
.pageNavigation a:hover		{color:#f6ebb1; text-decoration:none;}
.pageNavigation a:active	{color:#E4D389; text-decoration:none;}


.itemLongDescription	{
	font-size:small;
	color:#392446;
}

.navigationItem	{
	font-size:smaller;
}