/* CSS Document */

body {
background-color:#D0D0D4;
background-image:url(../images/back.gif);
background-repeat:repeat-x;
padding-top:0px;
margin-top:40px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-weight:normal;
font-size:11px;
}

#containermain {
width:772px;
margin-left:auto;
margin-right:auto;
text-align:left;
}

#container {
width:772px;
height:590px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
text-align:left;
}

#shopcontainer {
width:772px;
overflow:auto;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
text-align:left;
}

#navcolumn {
margin-top:40px;
width:145px;
float:left;
}

#imagecolumn {
width:240px;
float:left;
margin-top:40px;
height:340px;
text-align:left;
}

#textcolumn {
width:340px;
float:left;
margin-top:40px;
padding-top:1px;
padding-right:27px;
padding-left:20px;
text-align:right;
line-height:15px;
}

#shopcolumn {
width:580px;
float:left;
margin-top:40px;
padding-top:1px;
padding-right:27px;
padding-left:20px;
padding-bottom:0px;
text-align:right;
line-height:15px;
}

#columnone {
width:260px;
float:left;
padding: 0px 40px 0px 30px;
text-align:left;
line-height:15px;
}
#columntwo {
width:260px;
float:left;
padding: 0px 0px 0px 0px;
text-align:left;
line-height:15px;
}

.img-margin-left {
margin-left:3px;
} 

/* ============= NAVIGATION ==============  */

.home { display:block; width:145px; height:30px; margin-bottom:14px; }
#home .home { background-image:url(../nav/home_on.jpg); }
a.home:link, a.home:visited, a.home:active { background-image:url(../nav/home_off.jpg); }
a.home:hover { background-image:url(../nav/home_on.jpg); }

.about { display:block; width:145px; height:30px; margin-bottom:14px; }
#about .about { background-image:url(../nav/about_on.jpg); }
a.about:link, a.about:visited, a.about:active { background-image:url(../nav/about_off.jpg); }
a.about:hover { background-image:url(../nav/about_on.jpg); }

.village { display:block; width:145px; height:30px; margin-bottom:14px; }
#village .village { background-image:url(../nav/village_on.jpg); }
a.village:link, a.village:visited, a.village:active { background-image:url(../nav/village_off.jpg); }
a.village:hover { background-image:url(../nav/village_on.jpg); }

.fineart { display:block; width:145px; height:30px; margin-bottom:14px; }
#fineart .fineart { background-image:url(../nav/fineart_on.jpg); }
a.fineart:link, a.fineart:visited, a.fineart:active { background-image:url(../nav/fineart_off.jpg); }
a.fineart:hover { background-image:url(../nav/fineart_on.jpg); }

.sculpture { display:block; width:145px; height:30px; margin-bottom:14px; }
#sculpture .sculpture { background-image:url(../nav/sculpture_on.jpg); }
a.sculpture:link, a.sculpture:visited, a.sculpture:active { background-image:url(../nav/sculpture_off.jpg); }
a.sculpture:hover { background-image:url(../nav/sculpture_on.jpg); }

.gift { display:block; width:145px; height:30px; margin-bottom:14px; }
#gift .gift { background-image:url(../nav/gift_on.jpg); }
a.gift:link, a.gift:visited, a.gift:active { background-image:url(../nav/gift_off.jpg); }
a.gift:hover { background-image:url(../nav/gift_on.jpg); }

.visit { display:block; width:145px; height:30px; margin-bottom:14px; }
#visit .visit { background-image:url(../nav/visit_on.jpg); }
a.visit:link, a.visit:visited, a.visit:active { background-image:url(../nav/visit_off.jpg); }
a.visit:hover { background-image:url(../nav/visit_on.jpg); }

/* ========  TEXT ELEMENTS ========= */

H1 { font-family:"Times New Roman", Times, serif; font-size:24px; color:#919C53; font-weight:normal; }

p { font-family:Arial, Helvetica, sans-serif; color:#000000; font-weight:normal; font-size:11px; }
p a:link, p a:active, p a:visited { color:#919C53; text-decoration:underline; }
p a:hover, p a:active:hover, p:visited:hover { color:#919C53; text-decoration:none; }