/* CSS Document */
/* choose a suitable font and center the #container div in Internet Explorer */
body {
   text-align:center; 
	color: #0000ff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
   letter-spacing:0.05em;
   background-color: #FFFFF6;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
   }
/* The containing box for the gallery. */
#container {
	position:relative;
	width:495px;
	height:480px;
	margin:20px auto 0 auto;
	border:1px solid #FFA07A;
/* Background placeholder for when no images are displayed */
    background:#fffff6 url(art_gallery/images/default_art.jpg) 30px 50px no-repeat;
	}
/* Removing the list bullets and indentation */
#container ul {
    padding:0; 
    margin:0; 
    list-style-type:none; 
/* set the size of the unordered list to neatly house the thumbnails */
    width:260px; 
    height:400px;
/* move the thumbnails into the correct position */
    margin:0px; 
    float:right;
    }
#container li {
    float:left;
    }
/* Remove the images and text from sight */
#container a.gallery span {
    position:absolute; 
    width:1px; 
    height:1px; 
    top:5px; 
    left:5px; 
    overflow:hidden; 
    background:#fffff6;
    }
/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {
    display:block; 
	color: #0000ff;
    text-decoration:none; 
    border:1px solid #FFA07A; 
    margin:2px 2px 2px 2px; 
    text-align:left; 
    cursor:default;
    }
#container a.slidea {
    background:url(art_gallery/thumbnails/betts-midwinter.jpg); 
    height:75px; 
    width:60px;
    }
#container a.slideb {
    background:url(art_gallery/thumbnails/betts-yellow-parasol.jpg); 
    height:75px; 
    width:59px;
    }
#container a.slidec {
    background:url(art_gallery/thumbnails/caraud-the-red-parasol.jpg); 
    height:75px; 
    width:47px;
    }
#container a.slided {
    background:url(art_gallery/thumbnails/dubin-parasol-painting.jpg); 
    height:50px; 
    width:75px;
    }
* html #container a.slided {
    width:75px; 
    w\idth:75px;
    }
#container a.slidee {
    background:url(art_gallery/thumbnails/evelyn-lady-with-parasol.jpg); 
    height:75px; 
    width:58px;
    }
#container a.slidef {
    background:url(art_gallery/thumbnails/goya-the-parasol.jpg); 
    height:49px; 
    width:75px;
    }
* html #container a.slidef {
    width:75px; 
    w\idth:75px;
    }
#container a.slideg {
    background:url(art_gallery/thumbnails/kramskoy-woman-under-parasol.jpg); 
    height:62px; 
    width:75px;
    }
* html #container a.slideg {
    width:75px; 
    w\idth:75px;
    }
#container a.slideh {
    background:url(art_gallery/thumbnails/maillol-femme-a-lombrelle.jpg); 
    height:75px; 
    width:56px;
    }
#container a.slidei {
    background:url(art_gallery/thumbnails/manet-jeanne.jpg); 
    height:75px; 
    width:51px;
    }
#container a.slidej {
    background:url(art_gallery/thumbnails/monet-the-parasol.jpg); 
    height:75px; 
    width:60px;
    }
#container a.slidek {
    background:url(art_gallery/thumbnails/monet-woman-with-parasol-facing-right.jpg); 
    height:75px; 
    width:49px;
    }
#container a.slidel {
    background:url(art_gallery/thumbnails/monet-woman-with-parasol.jpg); 
    height:75px; 
    width:49px;
    }
#container a.slidem {
    background:url(art_gallery/thumbnails/reid-white-parasol.jpg); 
    height:75px; 
    width:60px;
    }
#container a.sliden {
    background:url(art_gallery/thumbnails/renoir-woman-with-parasol.jpg); 
    height:62px; 
    width:75px;
    }
* html #container a.sliden {
    width:75px; 
    w\idth:75px;
    }
#container a.slideo {
    background:url(art_gallery/thumbnails/renoir-young-girl-with-parasol.jpg); 
    height:75px; 
    width:43px;
    }
#container a.slidep {
    background:url(art_gallery/thumbnails/rodelle-parasol-painting.jpg); 
    height:50px; 
    width:75px;
    }
* html #container a.slidep {
    width:75px; 
    w\idth:75px;
    }
#container a.slideq {
    background:url(art_gallery/thumbnails/rose-green-parasol.jpg); 
    height:75px; 
    width:75px;
    }
* html #container a.slideq {
    width:75px; 
    w\idth:75px;
    }
#container a.slider {
    background:url(art_gallery/thumbnails/sargent-lady-with-parasol.jpg); 
    height:75px; 
    width:55px;
    }
#container a.slides {
    background:url(art_gallery/thumbnails/sommers-young-woman-with-parasol.jpg); 
    height:75px; 
    width:46px;
    }
#container a.slidet {
    background:url(art_gallery/thumbnails/unknown-artist-parasol-painting.jpg); 
    height:75px; 
    width:58px;
    }
/* change the thumbnail border color */
#container a.gallery:hover {
    border:1px solid #5955B2; 
    }

/* styling the :hover span */
#container a.gallery:hover span {
	position:absolute; 
    width:200px; 
    height:400px; 
    top:50px; 
    left:30px; 
    color:#000; 
    background:#fff;
    }
#container a.gallery:hover img {
    border:1px solid #EF7F7D; 
    float:left; 
    margin-right:5px;
    }
/* Float image to the right and text on the left
#container a.slideb:hover img, #container a.slidei:hover img {
    float:right;
    }*/
	h1 {
	color: #EF7F7D;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.big h1 {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
h2 {
	color: #EF7F7D;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h3 {
	border-bottom-width: 0px;
	border-color: #FFA07A #000000 #000000;
	border-left-width: 0px;
	border-right-width: 0px;
	border-style: double;
	border-top-width: 4px;
	color: #EF7F7D;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 8px;
	text-decoration: none;
}
h4 {
	color: #EF7F7D;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.nav {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
}
.nav a:visited{
	color: #5955B2;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
}
.nav a:link {
	color: #5955B2;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
}
.nav a:hover	{
	color: #9595C9;
	font-weight: bold;
	text-decoration: underline;
	font-size: 12px;
}
.nav a:active {
	color: #9595C9;
	font-weight: bold;
	font-size: 12px;
}
a:visited, a:link {
	color: #5955B2;
	font-weight: bold;
	text-decoration: underline;
}
a:hover	{
	color: #9595C9;
	font-weight: bold;
	text-decoration: none;
}
a:active {
	color: #9595C9;
	font-weight: bold;
}
.btcontent {
	background-color: #FFFFF6;
	border: 1px #FFA07A solid;
}
.btcontent2 {
	background-color: #fffff6;
/*	background-image: url(images/bk2.jpg);
	background-position: right top;
	background-repeat: repeat-y;*/
	border: 1px #FFA07A solid;
}
.btcopyrights {
	color: #0000ff;
	font-size: 11px;
	text-align: left;
}
ul {
	list-style-image: url(images/bullet.gif);
	list-style-position: outside;
}
ul.nav {
	list-style-image: url(images/bullet1.gif);
	list-style-position: outside;
	line-height: 140%;
}
li {
	padding: 3px;
}
li.nav {
	padding: 0px;
	margin: 0px;
}
td, p {
	color: #0000ff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
}
.footer {
	background-image: url(../../catalog/includes/templates/sarasparasols/images/footer_bg.gif);
}