body  {
	font-family: Trebuchet,Georgia,'Lucida Grande',Verdana,Helvetica,sans-serif;
	font-size: 85%;
	background: #004b03 url(images/bg.jpg) center top fixed repeat-x;
	margin: 0;
	padding: 0;
	text-align: center;
}
#wrapper {
	width: 971px;
	margin: 0 auto;
	text-align: center;
	}
#container1 { 
	width: 971px;
	height: 165px;
	margin: 33px auto 0;
	text-align: center;
} 
#header { 
	background: url(images/banner_bg.gif) center top no-repeat;
	width: 971px;
	height: 127px;
	padding: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
-moz-opacity: 0.90; */
} 
#header img	{
	margin: 18px 0 0 11px;
}
a:active, a:focus {
	outline: 0;
}
a:link, a:visited	{
	text-decoration: none;
	color: #03C;
}
a:hover, a:active	{
	text-decoration: underline;
	color: #039;
}

/* End the TOP Area */
/* Begin the Sidebars */
/* Left Sidebar */

#container { 
	width: 960px;
	background: #FFF url(images/bgInner.png);
	margin: 5px auto 0;
	text-align: left;
} 
#containerTop	{
	width: 960px;
	height: 10px;
	background: url(images/containterTop_bg.png);
}
#sidebar1 {
	clear: left;
	float: left;
	width: 150px;
	padding: 15px 10px 15px 20px;
	font-size: 90%;
}
#sidebar1 img, #sidebar1 a:link img, #sidebar1 a:visited img	{
	border: 1px outset #fee86e;
}
#sidebar1 a:hover img, #sidebar1 a:active img	{
	border: 1px inset #fee86e;
}
.boxOuter1	{
	width: 171px;
	background: url(images/box_top1.gif);
	background-repeat: no-repeat;
	padding-top: 12px;
	margin-left: -10px;
}
.boxInner1	{
	margin: 0;
	padding: 1px 0 0 0;
	width: 171px;
	background-color: #f7ee22;
	background-image: url(images/box_bg1.gif);
	background-repeat: repeat-y;
}
#sidebar1 .boxInner1 p	{
	padding: 8px;
	margin: 0;
}
.boxInner1 h3, .boxInner1 FORM, .boxInner1 IMG, .boxInner1 p	{
	margin: 0 2px 0 10px;
}
.boxBottom1	{
	width: 171px;
	height: 12px;
	background: url(images/box_bottom1.gif);
	background-repeat: no-repeat;
}

/* Right Sidebar */

#sidebar2 {
	float: right;
	width: 160px;
	padding: 15px 10px 15px 5px;
	font-size: 95%;
	color: #fff;
}
.boxOuter2	{
	width: 182px;
	background: url(images/box_top2.gif);
	background-repeat:no-repeat;
	padding-top: 12px;
	margin-left: -18px;
}
.boxInner2	{
	margin: 0;
	padding: 1px 0 0 0;
	width: 182px;
	background-color: #d74a3e;
	background-image: url(images/box_bg2.gif);
	background-repeat: repeat-y;
	color: #000;
}
#sidebar2 .boxInner2 p	{
	padding: 8px;
	margin: 0;
}
.boxInner2 h3, .boxInner2 FORM, .boxInner2 IMG, .boxInner1 p	{
	margin: 0 2px 0 10px;
}
.boxBottom2	{
	width: 182px;
	height: 12px;
	padding: 1px 0 0 0;
	background: url(images/box_bottom2.gif);
	background-repeat: no-repeat;
}
#sidebar2 p	{
	margin: 1px 0 0 -8px;
	padding: 3px;
}
#sidebar2 img, #sidebar2 a:link img, #sidebar2 a:visited img	{
	border: 1px outset #ffb88a;
}
#sidebar2 a:hover img, #sidebar2 a:active img	{
	border: 1px inset #fe9b71;
}
/* End Sidebars */
/* Begin Main Body of page */

#mainContent { 
	margin: 0 200px;
	padding: 0 10px 20px;
}
#footer	{
	margin: 0;
	padding: 0;
	width: 960px;
	min-height: 90px;
	text-align: center;
	background: #5971bb url(images/footer-bg.gif) repeat-x;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=92);
-moz-opacity: 0.92; */
}
#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: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#footer a:link, #footer a:visited	{
	color: #FFF;
	font-size: 85%;
	text-decoration: none;
	display: block;
	width: 960px;
	line-height: 3em;
	background: #3c529c;
	border: 1px solid #3c529c;
	border-right-width: 0;
	border-left-width: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.7; */
}
#footer a:hover, #footer a:active	{
	background: #5971bb;
	color: #fff;
	font-size: 95%;
	border: 1px solid #fff;
	border-right-width: 0;
	border-left-width: 0;
	font-weight: bold;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: 0.7; */
}


/* Miscellaneous Other Elements */


#mainContent p a:link, #mainContent p a:visited	{
	font-variant: small-caps;
}
#mainContent ul li a:link, #mainContent ul li a:visited	{
	line-height: 1.5em;
}
.fltrt {
	float: right;
	margin: 3px 3px 3px 8px;
}
.fltlft {
	float: left;
	margin: 3px 8px 3px 3px;
}
.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;
}
.nobr	{
	white-space: nowrap;
}
H1	{
	font-size: 140%;
	font-variant: small-caps;
	border-bottom: 1px solid #2e507c;
	letter-spacing: 2px;
	margin-top: 10px;
}
H2	{
	font-size: 110%;
	text-align: center;
	margin-top: 0;
}
H3	{
	font-size: 100%;
}
H4	{
	font-size: 90%;
}
.underline	{
	text-decoration: underline;
	font-style:italic;
}
.small	{
	font-style: italic;
	font-size: 90%;
}

/* Paintings Display */

#display	{
	width: 900px;
	background-color: #000;
}
#display p	{
	margin: 0 4px 4px;
	padding: 0;
	font-variant: small-caps;
	color: #fff;
}
#display p .regular, #display .regular p	{
	font-variant: normal;
}
#display p a:link, #display p a:visited	{
	color: #fff;
	text-decoration: none;
}
#display p a:hover, #display p a:active	{
	color: #FF0000;
	text-decoration: underline;
}

#display h1	{
	color: #fff;
}
.banner h2	{
	display: inline;
}
#display .banner h2	{
	font-size: 105%;
	margin: 2px 0 2px 5px;
	padding: 0;
	text-align: left;
}
#display h3	{
	font-size: 120%;
	font-variant: small-caps;
	letter-spacing: 1px;
	margin: 5px 0 0 20px;
	padding: 0;
}
#display .banner h4	{
	text-align: left;
	padding: 0;
	margin: 0;
}
#display .banner .price	{
	text-align: right;
}
#display img.thumb2	{
	height: 60px;
	margin: 0;
}
#display .trimmed p {
	display: inline;
	font-size: 90%;
}



/* Link to individual painting details */
#display a:link.details, #display a:visited.details	{
	display: block;
	border: 2px outset #add1f2;
	margin: 2px 4px 4px 2px;
	padding: 6px 3px 3px 10px;
	color: #953310;
	background-color: #f5f5f5;
	font-style: italic;
}
#sidebar1 a:link.details, #sidebar1 a:visited.details	{
	padding: 3px;
	margin-left: -10px;
	border: 2px solid transparent;
}
#display a:hover.details, #display a:active.details	{
	border: 2px inset #CCCCCC;
	margin: 4px 2px 2px 4px;
	color: #953310;
}
/* So there is no border INSIDE the details button */
a.details, a.details img	{
	text-decoration: none;
	border: 0;
}
/* Google Map on the Map page */
#map	{
	margin: 0 0 0 5px;
}

#preload	{
display: none;
position: absolute;
left: -1000px;
}
.moduleRow {
	background-color: #000;
	float: left;
	height: 196px;
	width: 270px;
	margin: 5px;
	padding: 5px;
	border: 1px solid #000;
}
.moduleRowOver {
	background-color: #191919;
	float: left;
	height: 196px;
	width: 270px;
	margin: 5px;
	padding: 5px;
	border: 1px outset #191919;
}
.moduleRow .column	{
	width: 36px;
	height: 150px;
	padding: 3px;
	float: left;
	color: #000;
	display: none;
}
.moduleRowOver .column	{
	width: 36px;
	height: 150px; 
	padding: 3px;
	float: left;
	color: #fff;
	display: block;
}
.sold	{
	color: #FF0000;
	font-weight: bold;
	font-variant: small-caps;
	margin-left: -4px;
}
.moduleRow img.thumb	{
	height: 150px;
	border: 2px solid #000;
	padding: 8px;
	margin: 5px 0 5px 42px;
	background-color: #000;
}
.moduleRowOver img.thumb	{
	height: 150px;
	border: 2px inset #393939;
	padding: 8px;
	margin: 5px 0;
	background-color: #000;
}
.moduleRow .linkDetails, .moduleRowOver .linkDetails	{
	padding-left: 39px;
}
a:link .iconExpand, a:visited .iconExpand	{
	display: block;
	height: 25px;
	width: 25px;
	background: url(images/oil_painting_off.gif);
}
a:hover .iconExpand, a:active .iconExpand	{
	display: block;
	height: 25px;
	width: 25px;
	background: url(images/oil_painting_on.gif);
}

a:link.iconDetail, a:visited.iconDetail	{
	display: block;
	height: 25px;
	width: 25px;
	background: url(images/painting_details_off.gif);
}
a:hover.iconDetail, a:active.iconDetail	{
	display: block;
	height: 25px;
	width: 25px;
	background: url(images/painting_details_on.gif);
}
a:link.button, a:visited.button	{
	margin: -10px 2px 2px;
	float: right;
}
a:hover.button	{
	margin: -12px 4px 4px 0;
}
a:active.button	{
	margin: -8px 0 0 4px;
}
.usa	{
	float: right;
	padding: 5px;
	width: 200px;
	height: auto;
	background: #2f2f2f;
	font-size: 95%;
}
.usa IMG	{
	float: left;
	margin: 5px;
}
a:link img.push, a:visited img.push	{
	margin: 0;
	padding: 3px;
}
a:hover img.push	{
	padding: 1px 5px 5px 1px;
}
a.active img.push	{
	padding: 4px 1px 1px 5px;
}
h2 a:link, h2 a:visited	{
	text-decoration: none;
	padding: 4px;
	border: 2px outset #DDD;
	margin: 3px;
}
h2 a:hover, h2 a:active	{
	border: 2px inset #DDD;
	margin: 1px 5px 5px 1px;
	background-color: #e7e7e7;
}