body { color: black; background-color: gray; text-align: center; margin: 0; padding: 0; }
/* needed for IE to make :active state work first time */
a, a:visited { color:#000; font-size: 10px; font-family: verdana, arial, helvetica; } 
#container { background-color: white; text-align: left; position: relative; width: 750px; height: 530px; margin: 10px auto 0; padding: 10px; }
#container2 { background-color: white; text-align: left; margin: 10px auto 0; padding: 10px; position: relative; width: 750px; height: 420px; }
#logo { position: absolute; top: 0; width: 750px; height: 145px; margin: 10px 0 0; }
#artvariation { width: 450px; height: 170px; float: right; margin: 10px; }
#smalllogo { margin: 10px 0 0; position: absolute; top: 0; width: 500px; height: 114px; }
.thankyou { color: black; font-size: 16px; font-family: verdana, arial, helvetica; margin-top: 50px; }
.thankyou a, a:visited { color: black; font-size: 16px; }
.thankyou a:hover { color: black; font-size: 16px; background-color: #f7e02e; }
#container3 { position: absolute; width: 500px; height: 134px; margin-top: 10px; }
#homemenu { position: absolute; top: 145px; width: 750px; height: 25px; margin: 0 0 10px; }
#artguidebody { color: black; font-size: 9px; font-family: verdana, arial, helvetica; background-color: #ebebeb; background-image: url(../images/art_guide_bg.jpg); background-repeat: no-repeat; text-align: left; position: absolute; top: 134px; width: 470px; height: 440px; margin-bottom: 10px; padding: 25px 10px 10px 20px; }
#faqsbody { color: black; font-size: 9px; font-family: verdana, arial, helvetica; background-color: #ebebeb; background-image: url(../images/faqs_bg.gif); background-repeat: no-repeat; text-align: left; margin-bottom: 10px; padding: 25px 10px 10px 20px; position: absolute; top: 134px; width: 470px; height: 440px; }
#money { color: black; font-size: 10px; font-family: verdana, arial, helvetica; background-image: url(../images/money_bg.jpg); background-repeat: no-repeat; position: absolute; top: 170px; width: 750px; height: 250px; margin-top: 10px; padding-top: 35px; padding-bottom: 20px; padding-left: 20px; }
#contract { color: black; font-size: 10px; font-family: verdana, arial, helvetica; background-image: url(../images/contract_bg.jpg); background-repeat: no-repeat; margin-top: 10px; padding-top: 35px; padding-bottom: 20px; padding-left: 20px; position: absolute; top: 170px; width: 750px; height: 250px; }
#welcome { position: absolute; top: 380px; width: 750px; height: 250px; margin: 10px 0 0; padding: 0; }
#faqs { color: black; font-size: 10px; font-family: verdana, arial, helvetica; background-image: url(../images/faqs_bg.jpg); position: absolute; top: 170px; width: 750px; height: 250px; margin-top: 10px; }
#artguide { color: black; font-size: 10px; font-family: verdana, arial, helvetica; background-image: url(../images/art_guide_bg.jpg); margin-top: 10px; position: absolute; top: 170px; width: 750px; height: 250px; }
#sidebar { background-image: url(../images/sidebar_bg.gif); background-repeat: no-repeat; position: absolute; top: 180px; right: 10px; width: 170px; height: 165px; padding-top: 30px; }
#contractsmall { position: absolute; top: 350px; right: 10px; width: 170px; height: 80px; }
#ace { position: absolute; top: 180px; width: 750px; height: 250px; margin-right: 0; }
#bottom { position: absolute; top: 435px; width: 750px; height: 100px; margin-bottom: 10px; padding-top: 3px; border-top: 1px solid #959595; }
#footer { color: black; font-size: 9px; font-family: verdana, arial, helvetica; text-align: left; position: relative; left: -10px; width: 750px; height: 20px; margin: 5px auto 10px; padding: 0; }
#nav { position: absolute; top: 145px; width: 750px; height: 25px; margin: 0 0 10px 0; }
#contact { color: black; font-size: 10px; font-family: verdana, arial, helvetica; line-height: 13px; background-image: url(../images/contact_bg.jpg); background-repeat: no-repeat; position: absolute; top: 170px; width: 750px; height: 250px; margin-top: 10px; padding-top: 20px; padding-bottom: 20px; padding-left: 40px; }
#bio { color: black; font-size: 10px; font-family: verdana, arial, helvetica; background-image: url(../images/bio_bg.jpg); background-repeat: no-repeat; text-align: left; margin-top: 10px; position: absolute; top: 170px; width: 750px; height: 250px; padding: 35px 0 20px 20px; }
#under { color: black; font-size: 10px; font-family: verdana, arial, helvetica; background-color: #ebebeb; background-image: none; background-repeat: no-repeat; text-align: left; margin-top: 10px; padding: 35px 0 20px 20px; position: absolute; top: 170px; width: 730px; height: 190px; }
.text a, a:visited { color: black; font-size: 10px; text-decoration: none; }
.text a:hover { color: #000; font-size: 10px; background-color: #f7e02e; text-decoration: none; }
#quote { background-image: url(../images/quote_bg.jpg); background-repeat: no-repeat; position: absolute; top: 170px; width: 750px; height: 250px; margin-top: 10px; padding-top: 35px; padding-bottom: 20px; padding-left: 30px; }
#form { color: black; font-size: 10px; font-family: verdana, arial, helvetica; background-color: #ebebeb; position: absolute; top: 215px; left: 30px; width: 700px; height: 205px; overflow: scroll; clip: rect(auto auto auto auto); padding: 5px; }
.formtable { width: 500px; height: 200px; }
#map { position: absolute; top: 200px; right: 30px; width: 255px; height: 210px; }
#contact a, a:visited { color: black; font-size: 10px; text-decoration: none; }
#form a, a:visited { color: black; font-size: 10px; text-decoration: none; }
#contact a:hover { color: #000; font-size: 10px; background-color: #f7e02e; }
#form a:hover { color: #000; font-size: 10px; background-color: #f7e02e; }
#map a, a:visited { color: black; font-size: 10px; text-decoration: none; }
.title { color: black; font-size: 10px; font-family: verdana, arial, helvetica; font-weight: bold; text-decoration: underline; text-transform: capitalize; margin-top: 0; padding-bottom: 0; }
#map a:hover { color: #000; font-size: 10px; outline: solid 2px #f7e02e; }
.text { color: black; font-size: 10px; font-family: verdana, arial, helvetica; line-height: 12px; text-align: left; margin-top: -8px; margin-right: 40px; margin-bottom: -4px; }
.plaintext { color: black; font-size: 10px; font-family: verdana, arial, helvetica; line-height: 15px; text-align: left; padding-right: 30px; }
#screen { background-image: url(../images/screen_bg.jpg); background-repeat: no-repeat; position: absolute; top: 170px; width: 750px; height: 250px; margin-top: 10px; padding: 35px 30px 20px 20px; }
#embroidery { background-image: url(../images/embroid_bg.jpg); background-repeat: no-repeat; position: absolute; top: 170px; width: 750px; height: 250px; margin-top: 10px; padding: 35px 30px 20px 20px; }
#portfolio { color: #323232; font-size: 16px; font-family: verdana, arial, helvetica; background-image: url(../images/portfolio_bg.jpg); background-repeat: no-repeat; margin-top: 10px; position: absolute; top: 170px; width: 750px; height: 250px; }
#clicker { color: #323232; font-size: 16px; font-family: verdana, arial, helvetica; text-align: center; position: absolute; top: 260px; right: 35px; width: 255px; height: 100px; }
#special1 { color: black; font-size: 9px; font-family: verdana, arial, helvetica; line-height: 12px; position: absolute; top: 35px; left: 20px; width: 310px; height: 200px; }
#promos { color: black; font-size: 9px; font-family: verdana, arial, helvetica; position: absolute; top: 35px; left: 365px; width: 350px; height: 200px; }
.formquote {
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	color: black;
	text-decoration: none;
	background-color: #f7e02e;
	padding-left: 2px;
	border: solid 1px #000;
	letter-spacing: 1px;
	margin-left: 3px;
}
.formbody { color: black; font-size: 10px; font-family: verdana, arial, helvetica; }
#specials { background-image: url(../images/specials_bg.jpg); background-repeat: no-repeat; position: absolute; top: 170px; width: 750px; height: 250px; margin-top: 10px; }
#pantoja { color: black; font-size: 9px; font-family: verdana, arial, helvetica; text-align: right; position: relative; right: -10px; width: 750px; margin-top: -30px; margin-right: auto; margin-left: auto; }
#pantoja a, a:visited { color: black; font-size: 9px; font-family: verdana, arial, helvetica; text-decoration: none; }
#pantoja a:hover { color: white; font-size: 9px; font-family: verdana, arial, helvetica; font-weight: bold; text-decoration: none; }

/* styling for LEFT gallery */
#thumbnails { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; position:absolute; width:410px; height:210px; top: 200px; left: 5px; margin:5px; }
#thumbnails img { border:0; }
#thumbnails .thumbs  /* wrap for thumbnails */ { width:420px; position:absolute; left:0; top:0; }
#thumbnails a.gallery:hover span { display:block; position:absolute; width:300px; height:40px; top:195px; left:455px; padding:5px; color:#000; font-size: 10px; font-family: verdana, arial, helvetica; font-weight: bold; z-index:100; }
#thumbnails a.gallery:hover span:first-line  /* picture title */ { font-style:normal; font-weight:bold; font-size:12px; color:black; font-family: verdana, arial, helvetica; }
#thumbnails a.gallery:active, #thumbnails a.gallery:focus {border:1px solid #000;}
#thumbnails a.gallery:active em, #thumbnails a.gallery:focus em  /* porfolio full image */ { display:block; position:absolute; width:255px; height:210px; top:-10px; color:#000; background-color: #ebebeb; left: 460px; border:solid 1px gray; z-index:50; padding: 3px; }
#thumbnails h1 { clear:both; margin:0; width:255px; text-align:center; font-family: verdana, arial, helvetica; font-size:25px; font-weight:normal; color:#555; position: absolute; top: -20px; left: 460px; height: 125px; z-index: 40; padding-top: 90px; }
#thumbnails h1 em { font-size:14px; color:black; font-family: verdana, arial, helvetica; }

/* common styling for all galleries */
a.gallery, a.gallery:visited {display:block; display:block; color:#000; text-decoration:none; border:solid 1px; width:40px; height:40px; float:left; margin:10px 0 0 10px; z-index:50;}
a.slidea {background:url(../images/slidea.jpg);}
a.slideb {background:url(../images/slideb.jpg);}
a.slidec {background:url(../images/slidec.jpg);}
a.slided {background:url(../images/slided.jpg);}
a.slidee {background:url(../images/slidee.jpg);}
a.slidef {background:url(../images/slidef.jpg);}
a.slideg {background:url(../images/slideg.jpg);}
a.slideh {background:url(../images/slideh.jpg);}
a.slidei {background:url(../images/slidei.jpg);}
a.slidej {background:url(../images/slidej.jpg);}
a.slidek { background: url(../images/slidek.jpg); }
a.slidel { background: url(../images/slidel.jpg); }
a.slidem { background: url(../images/slidem.jpg); }
a.sliden { background: url(../images/sliden.jpg); }
a.slideo { background: url(../images/slideo.jpg); }
a.slidep { background: url(../images/slidep.jpg); }
a.slideq { background: url(../images/slideq.jpg); }
a.slider { background: url(../images/slider.jpg); }
a.slides { background-image: url(../images/slides.jpg); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }
a.slidet { background: url(../images/slidet.jpg); }
a.slideu { background: url(../images/slideu.jpg); }
a.slidev { background: url(../images/slidev.jpg); }
a.slidew { background: url(../images/slidew.jpg); }
a.slidex { background: url(../images/slidex.jpg); }
a.slidey { background: url(../images/slidey.jpg); }
a.slidez { background: url(../images/slidez.jpg); }
a.slideaa { background: url(../images/slideaa.jpg); }
a.slidebb { background: url(../images/slidebb.jpg); }
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:solid 1px silver;}