﻿* {
		margin: 0;
		padding: 0;
		}
	
html {
		font-size: 100%;
		}

body {
		font: 62.5%/1.5 Verdana, Arial, Helvetica, sans-serif;
		background: url(/Content/i/Waterfall-Top.png) no-repeat;
		}

#wrapper {
		font-size: 1.2em;
		line-height: 1.5em;
		}

p {
		margin-bottom: 1.5em;
		}

/* ---------- add your code below ---------- */

h1 { width: 716px;
		height: 181px;
		background: url(/Content/i/Header.png) 10px 20px no-repeat;
		text-indent: -9999px;
		}
#top { width: 735px;
		height: 30px;
		margin-top: 10px;
		margin-left: 15px;
		background: url(/Content/i/Trans-Top.png) no-repeat;
		}
.menu1 { position: absolute;
			 top: 201px;
			 left: 20px;
		      }
.item { padding-left:4px; padding-right:10px; font-weight:bold; color:Black;}
.selected { color:Red; text-decoration:underline; cursor:default;}
#main { width: 727px;
		position: relative;
		padding: 4px;
			margin-left: 15px;
		background: url(/Content/i/Trans-Middle.png) repeat-y;
		}
#mainContent { padding: 3px 20px 3px 5px;}
#mainOne { float: left;
			width: 490px;
			margin: 0 20px 0 225px;
			}
#biopage #mainOne { width: 490px;
					float: left;
					margin: 0;
					}
#biopage #mainOne h2 + p {margin-top: 5px; font-size: .9em;}
#sideOne { width: 217px;
			float: left;
			margin: 0 0 0 -735px;
			}
#sideTwo { width: 217px;
			float: left;
			margin: 0 0 5px 5px;
			padding-top: 220px;
			font-size: .9em;
			}
ul { list-style-type: none;
               font-size: 1em;
			   line-height: 1em;
			   margin: 5px 0 0 0;
			   padding: 0px;

			   }
#sapi{ margin-top: 1.5em;} 		   
ul li { margin-bottom: 1em;}
ul li a:link{ color: #666666;}	
ul li a:link { text-decoration: none;}
ul li a:visited, ul li a:active { color: #666666; text-decoration: none;}
ul li a:hover { color: #EFA954;} 
#bottom { width: 735px;
		height: 35px;
		margin-left: 15px;
		background: url(/Content/i/Trans-Bottom.png) no-repeat;
		}	
#bottombg { width: auto;
		height: 895px;
		background: url(/Content/i/Waterfall-Bottom.png) no-repeat;
		}
#bottombg p { margin-left:20px;}
#bottombg span { font-size: 1.3em; font-weight: bold; margin-left: 90px;}	
#phcontent {width:535px; margin:0; padding:0;}
#maintext { width:700px; margin: 3px 3px 3px 10px;}
.pager 
{
	 display:block;
    text-align:center;
    clear: both;
    font-size:medium;
}

.pager a
{
	color:#000000; margin: 0 2px;
}
.pager a.disabled { display: none; text-indent= -9999px;}
.selected { text-decoration: none; padding:3px; background-color:#C6D4CC;}
#ChiesePaintngHistory 
{
    padding-top:920px; width:700px; margin: 3px 3px 3px 10px;
}
#Home #phcontent  
{
    position:absolute;
    top:170px;
    left:8px;
}
#Home #catalog { top:210px;}
.productlist
{ padding-top: 5px; list-style: none;}

.productlist li
{
    
    float: left;
	border: 1px solid #000000;
    margin-left: 10px;
    margin-bottom: 15px;
	padding-top: 5px;
	text-align: center;
}
#phcontent h2 { margin-left: 10px;}
#phcontent ul li a img
{ border:0;}
.photo
{ width:165px; height:180px; display:block; }

.clearFix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}

.idescss
 { width: 155px;  height:3em; display:block; margin-top:-10px;}

#catalog { width: 173px;
			position: absolute;
			top: 130px;
			left: 580px;
			padding: 2px 0 2px 3px;
			border: 2px solid #C6D4CC;
			background-color:#A0B7B1;
			color: White;
				}
#catalog hr { color:White; margin-bottom:1em; margin-right:2px;}
#catalog a:link, #catalog a:visited { color:White; text-decoration:none;}
#catalog a:hover {  color:#EFA954; text-decoration:underline;}				
#sold { color:Red; font-size:large; background-color:White;}

#sitecontent { width:700px; padding:5px;}
#sitecontent fieldset{ padding:5px;}
.wizardButton { float:left; margin-top:10px;}

.button { color:Black; background-color: #C6D4CC; border: 1px solid black; cursor:pointer; padding:0 .5em; margin-bottom:4px;}
td.actionButtons A {
   color: White; margin: 0 .5em 0 .5em; font-size: 1.3em;
    text-decoration: none; padding: 0 1.5em 0 1.5em;
    background-color: green; border: 1px solid black;
}
#paypal-checkout-button { color: White; margin: 0 .5em 0 .5em; font-size: 1.3em;
    text-decoration: none; padding: 0 1.5em 0 1.5em;
    background-color: green; border: 1px solid black; cursor:pointer;}
.ts { color: Gray;}

#nav {  
 list-style: none;  
 margin: 0;  
 padding: 0;
 position: absolute;
 top: 205px;
 left: 20px;  
 font-size:10px; width:710px;
}  
#nav li {  
 display: inline; margin: 0 1em;   
}  
#nav a:link, #nav a:visited {  
 padding: 0.2em 1em 0.2em 1em;  color:#000000; font-weight:bold; text-decoration: none;
}  
#nav a:hover {  color:#EFA954;}
#Home li#home a, #ChinesePainting li#exhibits a, #Cart li#shopping a, #infopage li#info a, #custompage li#custom a, #biopage li#bio a, 
#contactpage li#contact a, #artpage li#art a
{ background-color:#C6D4CC; cursor:default; color:Black;}

.hr { color:#A0B7B1;}
#custompage .hr { margin-bottom: 1em;}

.img-wrapper img {
  background:#fff;
  padding:4px;
  border:1px solid #a9a9a9;}
  
 #custompage h2 { margin-bottom: 10px;}	
 .custom { margin-bottom: 25px;}
 
 fieldset { margin: 1em 0;
padding: 1em;
border: 1px solid #ccc;
background: #f8f8f8; }
legend { font-weight: bold; margin-bottom: 2em;}
#RadioButton1, #RadioButton2, #RadioButton3 {margin-right: 1em;}

.club { border: 1px solid #ccc;
background: #f8f8f8; width: 450px; padding:.8em;}

#ppl { float: right; margin-right: 15px;}

#power a:link, #power a:visited, #adminOnly a:link, #adminOnly a:visited { color:#000000; text-decoration: none;}
#power a:hover, #adminOnly a:hover { color:#EFA954;}

.toplink { float:right; }

.StatusMessage
{
    color: Red;
}
#atomz { position: absolute;
		left: 680px;
		top: 165px;
		}
#Cart #atomz { display: none;}
#share { display: block; margin-top: 5px; float: right;

  width: 55px;

  height: 17px;

  background: url(/Content/i/MSW-Share.png) no-repeat 0 0;

  text-indent: -9999px;

  }		

#share:hover { display: block;

  width: 55px;

  height: 17px;

  background: url(/Content/i/MSW-Share.png) no-repeat 0 0;

  }
  
#artpage img { float: right; margin-left: 5px; margin-bottom: 5px;}
#artsfair { display: block; margin-top: 5px; float: right;

  width: 66px;

  height: 50px;

  background: url(/Content/i/fair2010.gif) no-repeat 0 0;

  text-indent: -9999px;

  }		

#artsfair:hover { display: block;

  width: 66px;

  height: 50px;

  background: url(/Content/i/fair2010-over.gif) no-repeat 0 0;

  }
  
#fship {text-align:right; width:710px; margin-bottom:1em;}

#switcher {
  float: left;
  background: #fef5ec url(/Images/2Birds.jpg) no-repeat bottom right;
  border: 1px solid #000;
  margin: 10px 40px 10px 10px;
  padding: 10px;
  font-size: .9em;
}
#switcher h3 {
  margin: 0;
}

#switcher .button {
  width: 600px;
  float: left;
  margin-left: 20px;
  padding: 5px;
  background-color: Transparent;
  border: none;
}
.button h4 { margin-top: 10px;}

.hidden {
  display: none;
}

#switcher:hover, #switcher h3:hover {
  cursor: pointer;
}
.togglebox p { margin:0; }

/* ---------- iphone ---------- */
#nav { -webkit-text-size-adjust: none;}


