/********************************************/
/* Body and container                       */
/********************************************/

a, a:visited, a:hover, a:active {
color:#64676A;
}

body {
margin:0 auto;
padding:0;
font:80% verdana, arial, sans-serif;
background:#ffffff;
color:#64676A;
}

#wrap {
background:#ffffff;;
color:#64676A;
margin:0 auto;
padding:0px 0px;
width:800px;
}

h2 {
font-size:1.2em;
font-weight:bold;
margin:22px 0 10px 10px;
padding:0;
}

h3 {
font-size:1.2em;
font-weight:bold;
margin:8px 0 6px 10px;
padding:0;
alignment:center;
}


/********************************************/
/* Headers			                        */
/********************************************/

#hdr {
color:#505050;
background:#ffffff url(img/hdr.jpg) top left no-repeat;
height:73px;
border:0;
margin:0 0 0 0;
padding:0 0 0 0;
}

#hdr h1 {
font-size:2.8em;
font-weight:normal;
letter-spacing:-2px;
margin:0 0 0 15px;
padding:0 0 0 0;}

#hdr h1 a,#hdr h1 a:hover {
padding:0;
}

#hdr p {
font-size:1.1em;
letter-spacing:-1px;
margin:0 0 0 35px;
padding:0 0 0 0;
}

/********************************************/

.menu {
padding:0;
margin:5px 0 0 387px;
height: 20px;
}


/* remove the bullets, padding and margins from the lists */
.menu ul{
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;
}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:23px;
}

/* style all the links */
.menu a, .menu :visited {
display:block;
height: 18px;
padding:4px 0;
color:#64676A;
text-decoration:none;
margin-right:1px;
text-align:center;
}

.menu a.hm {
width:63px;
}

.menu a.bp {
width:163px;
}

.menu a.ds {
width:80px;
}

.menu a.cu {
width:103px;
}

/* style the links hover */
.menu :hover{
color:#64676A;
background:transparent;
}

.menu ul ul a{
background:#C8E0E9;
font-size:12px;
width:107px;
height: 16px;
}

.menu ul ul a.bp{
background:#C8E0E9;
font-size:12px;
width:160px;
height: 16px;
}

.menu ul ul a:hover{
background:#7ABAD0;

}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:107px;
height:0;
}

/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}

/********************************************/
/* Content			                        */
/********************************************/

#cnt {
border:0;
margin:0 0 0 0;
padding:0 0 0 0;
top;
line-height:1.5em;
text-align:center;
background:#ffffff;
}

#cntlft {
border:0;
margin:0 0 0 0;
padding:0 0 0 0;
top;
line-height:1.5em;
text-align:left;
background:#ffffff;
}

#cntwho {
border:0;
margin:0 0 0 0;
padding:0 0 0 0;
top;
text-align:left;
background:#ffffff;
}

#cnt p, #cntlft p {
margin: 6px 0 6px 10px;
}

#cnt a, #cntlft a {
margin: 4px 0 4px 10px;
}

#cnt ul, #cnt ol, 
#cntlft ul, #cntlft ol, 
#cntwho ul, #cntwho ol, 
#cnts1 ul, #cnts1 ol {
margin:0 0 6px 20px;
padding:0;
}

#cnt ul ul, #cnt ol ol, 
#cntlft ul ul, #cntlft ol ol {
#cntwho ul ul, #cntwho ol ol, 
margin:0px 0 4px 20px;
}

#cnt li, #cntlft li , #cntlft li p, #cntwho ul li, #cnts1 li p {
margin:0 0 3px 10px;
padding:0 0 0 4	px;
}

#cntwho h2 {
margin:10px 0 7px 10px;
}

#cntwho p, #cnts1 p {
margin: 6px 0 6px 10px;
font:95% verdana, arial, sans-serif;
}

#cnts2 {position:relative; float:right; width:285px; height:252px; border:0; margin:0 0 0 515; padding:0;}

#cnts2 p {margin: -2px 0 3px 0px; text-align:center;}

#cnts1 {position:relative; float:left; width:514px; height:252px; background:#ffffff; border:0; margin: 0 0 0 0;}



/********************************************/
Picture Viewer
/********************************************/

#outcont {position:relative; width:800px; height:500px; background:#ffffff; border:0; margin:0; padding:0; text-align:center; }

#incont {position:relative; float:right; width:630px; height:500px; 
background:#ffffff url(img/ftr.jpg) bottom center no-repeat;
border:0; margin:0 0 0 170; padding:0; }

#incont h2 {
font-size:1.2em;
font-weight:bold;
margin:20px 0 10px 50px;
alignment:center;
padding:0;
}

#incont h3 {
font-size:1.2em;
font-weight:bold;
margin:20px 0 6px 50px;
padding:0;
alignment:center;
}

#incont p {
margin: 6px 6px 6px 50px;
}

#incont ul, #incont li {
margin: 4px 0 4px 50px;
}

#incont li a {
margin: 4px 0 4px 0px;
}

#container {position:relative; float:left; width:170px; height:500px; background:#ffffff; border:0; margin: 0 0 0 0;}

a.gallery, a.gallery:visited {display:inline; text-decoration:none; color:#000; border:1px solid #000; width:75px; height:75px; float:left; margin: 5px 0 0 5px; position:relative; cursor:default;}


a.gallery span {visibility:hidden; display:block; position:absolute; width:628px; height:498px; top:0px; left:85px; color:#000; background:#ffffff; text-align:center; border:0; cursor:default;}

a.slidea span {left: 162px; top:-5px;}
a.slideb span {left: 80px; top:-5px;}
a.slidec span {left: 162px; top:-88px;}
a.slided span {left: 80px; top:-88px;}
a.slidee span {left: 162px; top:-170px;}
a.slidef span {left: 80px; top:-170px;}
a.slideg span {left: 162px; top:-252px;}
a.slideh span {left: 80px; top:-252px;}
a.slidei span {left: 162px; top:-334px;}
a.slidej span {left: 80px; top:-334px;}
a.slidek span {left: 162px; top:-416px;}
a.slidel span {left: 80px; top:-416px;}

a.gallery:hover {white-space:normal; border:1px solid #fff; z-index:100;}

a.gallery:hover span {visibility:visible; z-index:100;}

a.gallery:hover span img {margin:5px; border:1px solid #000; position:relative; z-index:100;}

a.gallery:active, a.gallery:focus {border:1px solid #c00; z-index:10;}

a.gallery:active span, a.gallery:focus span {visibility:visible; z-index:10;}

a.gallery:active span img, a.gallery:focus span img {border:1px solid #000; position:relative; margin:5px; z-index:10;}


/********************************************/
#imap {display:block; width:580px; height:213px; background:url(img/front.jpg) no-repeat; position:relative; margin:10px 0 5px 7px;}

#imap a#painting {display:block; width:580px; height:0; padding-top:213px; overflow:hidden; position:absolute; left:0; top:0; background:transparent url(img/front2.jpg) no-repeat 580px 213px; cursor:default;}
* html #imap a#painting {height:213px; he\ight:0;}

#imap a#painting:hover {background-position: 0 0; z-index:10;}

#imap dd {position:absolute; padding:0; margin:0;}
#imap #solar {left:227px; top:79px; z-index:20;}
#imap #lowen {left:315px; top:85px; z-index:20;}
#imap #craft {left:43px; top:106px; z-index:20;}
#imap #local {left:461px; top:100px; z-index:20;}
#imap #nochm {left:168px; top:143px; z-index:20;}
#imap #reed {left:520px; top:117px; z-index:20;}
#imap #soul {left:339px; top:80px; z-index:20;}
#imap #ethic {left:361px; top:158px; z-index:20;}

#imap a#link_solar {display:block; width:41px; height:78px; text-decoration:none; z-index:20;}
#imap a#link_lowen {display:block; width:22px; height:49px; text-decoration:none; z-index:20;}
#imap a#link_craft {display:block; width:45px; height:59px; text-decoration:none; z-index:20;}
#imap a#link_local {display:block; width:37px; height:51px; text-decoration:none; z-index:20;}
#imap a#link_nochm {display:block; width:47px; height:24px; text-decoration:none; z-index:20;}
#imap a#link_reed {display:block; width:56px; height:29px; text-decoration:none; z-index:20;}
#imap a#link_soul {display:block; width:38px; height:69px; text-decoration:none; z-index:20;}
#imap a#link_ethic {display:block; width:188px; height:48px; text-decoration:none; z-index:20;}

#imap a em {display:none;}

#imap a span, #imap a:visited span {display:none;}

#imap a#link_solar:hover, #imap a#link_lowen:hover, #imap a#link_craft:hover, #imap a#link_local:hover, #imap a#link_nochm:hover, #imap a#link_reed:hover, #imap a#link_soul:hover, #imap a#link_ethic:hover {border:1px solid #f00;}

#imap a:hover span {position:absolute; display:block; width:580px; height:100px; text-align:center;}

#imap a#link_solar:hover span {left:-227px; top:170px;}
#imap a#link_lowen:hover span {left:-315px; top:164px;}
#imap a#link_craft:hover span {left:-43px; top:143px;}
#imap a#link_local:hover span {left:-461px; top:149px;}
#imap a#link_nochm:hover span {left:-168px; top:106px;}
#imap a#link_reed:hover span {left:-520px; top:132px;}
#imap a#link_soul:hover span {left:-339px; top:169px;}
#imap a#link_ethic:hover span {left:-361px; top:91px;}
#imap a#link_solar:hover em {position:absolute; display:block; left:358px; top:-79px; width:200px; height:333px; overflow:hidden; font-size:1px; background:url(img/solar.jpg);}
#imap a#link_lowen:hover em {position:absolute; display:block; left:271px; top:-85px; width:200px; height:333px; overflow:hidden; font-size:1px; background:url(img/lowen.jpg);}
#imap a#link_craft:hover em {position:absolute; display:block; left:543px; top:-106px; width:200px; height:333px; overflow:hidden; font-size:1px; background:url(img/craft.jpg);}
#imap a#link_local:hover em {position:absolute; display:block; left:125px; top:-100px; width:200px; height:333px; overflow:hidden; font-size:1px; background:url(img/local.jpg);}
#imap a#link_nochm:hover em {position:absolute; display:block; left:418px; top:-143px; width:200px; height:333px; overflow:hidden; font-size:1px; background:url(img/nochm.jpg);}
#imap a#link_reed:hover em {position:absolute; display:block; left:66px; top:-117px; width:200px; height:333px; overflow:hidden; font-size:1px; background:url(img/reed.jpg);}
#imap a#link_soul:hover em {position:absolute; display:block; left:247px; top:-80px; width:200px; height:333px; overflow:hidden; font-size:1px; background:url(img/soul.jpg);}
#imap a#link_ethic:hover em {position:absolute; display:block; left:225px; top:-158px; width:200px; height:333px; overflow:hidden; font-size:1px; background:url(img/ethic.jpg);}

#imap a:hover span img {float:right; margin-left:1em; margin-bottom:0.5em; border:1px solid #000;}

#imap a span:first-line {font-weight:bolder;}

#inforgt {
width:200px;
float:right;
}

#inforgt a {
margin: 4px 0 4px 0px;
}

#inforgt ul, #inforgt ol {
margin:5px 0 10px 5px;
padding:0;
}

#inforgt ul ul, #inforgt ol ol {
margin:0px 0 4px 20px;
}

#inforgt li {
margin:0 0 7px 10px;
padding:0 0 0 4	px;
}

#inforgt img {
margin:10px 0 0px 10px;
}

#info{
width:600px;
height:350px;
float:left;
}

#info h3 {margin:0 0 0 75px; font-size:1.2em; font-weight:normal;  letter-spacing:0.1em; padding-bottom:5px; border-bottom:1px solid #aaa; width:650px;}
#info .para {width:300px; margin:0 0 0 75px;}
#info p {
margin: -15px 0 0 190px;
color:#005368;
font-weight:bold;
}

#box{
width:18px;
height:27px;
color:#000000;
background:#ffffff;
border:1px solid #5E92A4;
margin:-15px 0 0px 150px;
position:relative;
z-index:10;
}


/********************************************/
/* Footer			                        */
/********************************************/

#ftr {
clear:both;
margin:0 auto;
padding:5px 0 0 0;
height:49px;
background:#ffffff url(img/ftr.jpg) top left no-repeat;
font-size:0.9em;
}

#ftr img {
margin:0px 0 0px 600px;
border:0;
}

#ftr p {
padding:0;
margin:0;
}

/********************************************/