*{margin:0;padding:0;}
body { 
color: #333;
background-image:url(/images/back.gif);
font-family: Verdana,arial, geneva, san-serif;
font-size:14px;
line-height:1.28em;
margin:1px 10px 1px 10px;
padding:2px;
border:0;
} 
img{
border:1px solid #fff;
padding:1px;
display:inline;
margin:auto;
}
p {
margin:.5em;
padding:.5em;background:white;max-width:640px;
}
.bluepar{border:1px solid #ccc;border-radius:1em;box-shadow:#aaa 0.5em 0.5em 0.3em;text-align:left;padding:1em;margin-left:auto;margin-right:auto;background-color:#f2f6f5;color:#029;}
ul, li{margin-left:1em;margin-right:1em}
h1{font-size:1.5em;color:#900;text-align:center;line-height:1em;margin:8px;}
h2{font-size:1.2em;color:#900;margin:8px;text-align:center;}
h3{font-size:1.2em;color:#901;margin:10px;}
h4{font-size:1em;color:#009;margin:10px;}
a:link { 
background : none;
color : blue;
text-decoration : underline;
} 
a:visited { 
background : none;
color : blue;
text-decoration : underline;
} 
a:hover { 
background:#ff8;
color : #900;
text-decoration : none;
} 
a:active { 
background : white;
color : black;
text-decoration : none;
} 
a:link img {border: 1px solid #fff;}
a:visited img {border: 1px solid #fff;}
a:hover img {border: 1px solid #ee6;background:none;vertical-align:bottom; }
a:active img {border: 1px solid #fff;}
.subm {color:#333399;height:25px; width:auto; padding:0px;background-color:#ffff99}
.bold1 {
font-size : 1.2em;
font-weight : bold;
color:#9f0000;
}
.bold2 {
font-size : 1.1em;
font-weight : bold;
color:#9f0000;
}
.hd1 { 
position : relative;
top : 5px;
left : 1px;
font : italic bold 3em times, serif;
color : #66aaff;
} 
.hd2 { 
position : relative;
top : -10px;
left : 20px;
font : bold 1.25em georgia, serif;
color : #333366;
margin-left : 0;
} 

a.mytip span.tip {display:none;}
a.mytip {
	position:relative;font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
    background-color:#6cf;
    color:#fff;
	padding-top:3px;
	padding-bottom:0px;
	padding-right:2px;
	padding-left:2px;
}
a.mytip:visited {
	text-decoration:none;
    background-color:#6cf;
    color:#fff;
}
a.mytip:hover {
	cursor:auto;
}
html body a.mytip:hover span.tip { 
    display: block;
    position: absolute;
    top: 60px;
    left: -180px;
    width: 460px;
    border: 1px solid #da9;
    background-color:#fed;
    color: #009;
    padding: 5px;
    font-size:.9em;
	font-weight:normal;
	text-decoration:none; }

.lc {background:#ffffff;}
.lf {background:#fffeef;width:224px;vertical-align: top;}
.ct {background:#ffffff;vertical-align: top;padding-left:15px;padding-right:22px;max-width:760px;}


#main {max-width:700px;background:#fff;}
#cap-main {width:640px;background-image:url(/images/back.gif);}
/* Visible image map container */
#cap-dl {
position: relative;
height: 180px;
background: url(/sampler/NEWsamplers.png) no-repeat;
margin: auto;
padding: 0;
}

/* List styling */
#cap-dl dd {
display: block;
position: absolute;
list-style: none;
margin: 0;
padding: 0;
}

/* Link styling */
#cap-dl a {
display: block;
text-decoration: none;
outline: none;
cursor: default;
}

/* position on the image (z-index goes here) */
#gift {left: 23px; top: 35px;}
#capt {left: 154px; top: 35px;}
#bord {left: 286px; top: 35px;}
#samp {left: 418px; top: 35px;}

/* width & height */
#gift a {width: 120px; height: 120px;}
#capt a {width: 120px; height: 120px;}
#bord a {width: 120px; height: 120px;}
#samp a {width: 120px; height: 120px;}

/* hover image position */
#gift a:hover {background: url(/sampler/NEWsamplers.png) -24px -637px no-repeat;cursor:pointer}
#capt a:hover {background: url(/sampler/NEWsamplers.png) -155px -637px no-repeat;cursor:pointer}
#bord a:hover {background: url(/sampler/NEWsamplers.png) -287px -637px no-repeat;cursor:pointer}
#samp a:hover {background: url(/sampler/NEWsamplers.png) -419px -637px no-repeat;cursor:pointer}



#cap-dl a span, #cap-dl a:visited span {display:none;}

#cap-dl a:hover span {position:absolute;  width:300px;height:160px; display:block; font-family:verdana; font-size:12px; background:#f9faff; color:#000; border:1px solid #c2f; padding:5px;}

#cap-dl a#gifta:hover span {left:-316px; top:-40px;}
#cap-dl a#capta:hover span {left:-448px; top:-40px;}
#cap-dl a#borda:hover span {left:-580px; top:-40px;}
#cap-dl a#sampa:hover span {left:-712px; top:-40px;}

#cap-dl a span:first-line {font-weight:bold;color:#9f0000;font-size:16px;font-style:italic;}