html body {margin:0px auto; padding:0px; text-align:center; background-color:#FFF; font-family:"Verdana", san-serif}


#wrapper {
width:800px;
height:600px;
margin:0 auto;
padding:15px;
text-align:left;
}

.circle_left_bot {background: url(/savory/dot.gif);background-repeat:no-repeat; background-color:transparent; overflow:hidden; background-position:bottom left}
.pink {background: url(/images/savor.gif); background-repeat:no-repeat; background-color:#FF7FA4;}
.orange {background: url(/images/explore_29.gif); background-repeat:no-repeat; background-color:#FFA45F;}
.logo_pink {background: url(/images/logo_pink.gif); background-repeat:no-repeat; background-color:#FFE07D;}
.green {background: url(/images/speak_29.gif); background-repeat:no-repeat; background-color:#A2C981;}
.lgreen {background-color:#DEE594;}

.big {font-size: 18px;}
.bigger{font-size: 22px;}
.biggest {font-size: 26px;}
.huge {font-size: 36px;}
.pink_text {color:#FF7FA4;}
.green_text {color:#A2C981;}
.blue_text {color:#96A5F6;}
.yellow_text {color:#FFE07D;}
.orange_text {color:#FFA45F;}
.white {color:#fff;}
.lblack {color:#7F3F52;}
.verdana {font-family:verdana;}
.bold {font-weight:bold;}
.center {text-align:center;}

p.closer {
line-height: 140%;
}

#top {
margin:0px;
padding:0px;
width: 800px;
height:125px;
}

#supp {
margin:0px;
width:165px;
height:125px;
padding:0px;
position:absolute;
background-position: 4px 8px;
}

#dot {
margin-top:118px;
margin-left:159px;
width:17px;
height:17px;
padding:0px;
background-image:url(/savory/dot.gif);
position:absolute;
z-index:100;
}

#text1 {
margin-top:0px;
margin-left:170px;
padding:10px;
width:642px;
height:105px;
background:#DEE594;
background-image:url(/images/green_rose_back.jpg);
background-repeat:no-repeat;
position:absolute;
text-align:center;
}

#text_resume {
margin-left:30px;
margin-top:18px;
margin-left:30px;
padding:10px;
width:550px;
height:440px;
overflow:visible;
text-align:left;
position:absolute;
background:#F1F1F1;
overflow:auto;
}


#left {
margin-top:5px;
margin-left:0px;
margin-bottom:0px;
margin-right:0px;
padding:0px;
width:165px;
height:475px;
position:absolute;
}

#links {
margin-top:0px;
margin-left:0px;
padding:0px; 
background-color:#fff;
position:relative;
height:200px;
}

#menu {
margin-top:0px;
margin-left:2px;
padding:0px;
position:absolute;
z-index:0;
}

#menu li{float:left; list-style:none; margin:0; padding:0; border-left:3px solid #fff;}

#menu li a {
  display:block; 
padding:0px;
  height:200px;
  width:37px; 
  text-decoration:none; 
  border:0px solid #fff; 
   }
#menu li a img {
  width:37px; 
  height:200px; 
  border:0;
  }
#menu li a:hover {
  background-color:#FFF;
  width:37px;
  }

#menu li a:hover img {
  width:37px;
  }

#menu li a:active {
background-color:#FFCC33;
  width:37px;
  }

#select {
margin-top:5px;
margin-left:0px;
width:165px;
height:10px;
padding:0px;
background:#FF7FA4;
background-image:url(/savory/selector.gif);
background-repeat:no-repeat;
background-position: 111px 0px;
position:relative;
}

#select_home {
margin-top:5px;
margin-left:0px;
width:165px;
height:10px;
padding:0px;
background:#FF7FA4;
background-image:url(/savory/selector.gif);
background-repeat:no-repeat;
background-position: 7px 0px;
position:relative;
}

#select_port {
margin-top:5px;
margin-left:0px;
width:165px;
height:10px;
padding:0px;
background:#FF7FA4;
background-image:url(/savory/selector.gif);
background-repeat:no-repeat;
background-position: 45px 0px;
position:relative;
}

#select_resume {
margin-top:5px;
margin-left:0px;
width:165px;
height:10px;
padding:0px;
background:#FF7FA4;
background-image:url(/savory/selector.gif);
background-repeat:no-repeat;
background-position: 85px 0px;
position:relative;
}

#select_contact {
margin-top:5px;
margin-left:0px;
width:165px;
height:10px;
padding:0px;
background:#FF7FA4;
background-image:url(/savory/selector.gif);
background-repeat:no-repeat;
background-position: 125px 0px;
position:relative;
}

#logo {
margin-top:0px;
margin-left:0px;
padding:0px;
width:165px;
height:143px;
background: url(/images/logo_pink.gif); 
background-repeat:no-repeat;
overflow:hidden;
position:relative;
}

#side_info {
border-top:5px solid #fff;
margin-top:0px;
margin-left:0px;
margin-bottom:55px;
padding:8px;
width:149px;
height:120px;
background:#DEE594;
}

#right {
margin-top:5px;
margin-left:170px;
width:642px;
height:487px;
padding:10px;
position:absolute;
background:#F1F1F1;
}

#text2 {
margin-left:30px;
margin-top:18px;
margin-left:30px;
padding:10px;
width:550px;
height:auto;
overflow:visible;
text-align:left;
position:absolute;
background:#F1F1F1;
}

#port_main {
margin-left:90px;
margin-top:10px;
background:#fff;
padding:0px;
width:395px;
height:337px;
float:right;
position:absolute;
overflow:visible;
background-image:url(/images/instructions.gif);
background-repeat:no-repeat;
}

#port_area1 {
margin-left:90px;
margin-top:10px;
padding:0px;
width:395px;
height:350px;
float:right;
position:absolute;
overflow:visible;
background-image:url(/images/background_text_23.gif);
background-repeat:repeat-x;
background:#fff;
}

#container1, #container2, #container3, #container4, #container5 {position:relative; width:400px; height:440px; background:transparent; text-align:center; background:transparent;  margin:0 auto;}
a.gallery, a.gallery:visited {display:block; color:#fff; text-decoration:none;  width:55px; height:27px; float:left; margin:3px; z-index:50; border: 1px solid #999999;}

a.slidea1 {background:url(/images/thumbs/identity_thumb1.jpg);}
a.slideb1 {background:url(/images/thumbs/identity_thumb2.jpg);}
a.slidec1 {background:url(/images/thumbs/identity_thumb3.jpg);}
a.slided1 {background:url(/images/thumbs/identity_thumb4.jpg);}
a.slidee1 {background:url(/images/thumbs/identity_thumb5.jpg);}
a.slidef1 {background:url(/images/thumbs/identity_thumb6.jpg);}

a.slidea2 {background:url(/images/thumbs/web_thumb1.jpg);}
a.slideb2 {background:url(/images/thumbs/web_thumb2.jpg);}
a.slidec2 {background:url(/images/thumbs/web_thumb3.jpg);}
a.slided2 {background:url(/images/thumbs/web_thumb4.jpg);}
a.slidee2 {background:url(/images/thumbs/web_thumb5.jpg);}
a.slidef2 {background:url(/images/thumbs/web_thumb6.jpg);}

a.slidee3 {background:url(/images/thumbs/print_thumb6.jpg);}
a.slidef3 {background:url(/images/thumbs/print_thumb7.jpg);}
a.slidea3 {background:url(/images/thumbs/print_thumb2.jpg);}
a.slideb3 {background:url(/images/thumbs/print_thumb3.jpg);}
a.slidec3 {background:url(/images/thumbs/print_thumb4.jpg);}
a.slided3 {background:url(/images/thumbs/print_thumb5.jpg);}


a.slidea4 {background:url(/images/thumbs/illustration_thumb1.jpg);}
a.slideb4 {background:url(/images/thumbs/illustration_thumb2.jpg);}
a.slidec4 {background:url(/images/thumbs/illustration_thumb3.jpg);}
a.slided4 {background:url(/images/thumbs/illustration_thumb4.jpg);}
a.slidee4 {background:url(/images/thumbs/illustration_thumb5.jpg);}
a.slidef4 {background:url(/images/thumbs/illustration_thumb6.jpg);}

a.slidea5 {background:url(/images/thumbs/packaging_thumb1.jpg);}
a.slideb5 {background:url(/images/thumbs/packaging_thumb2.jpg);}
a.slidec5 {background:url(/images/thumbs/packaging_thumb3.jpg);}
a.slided5 {background:url(/images/thumbs/packaging_thumb4.jpg);}

a.gallery span {display:block; position:absolute; width:1px; height:1px; top:5px; left:35px; overflow:hidden; background:#FEF3D7; z-index:100;}
.slidek {display:block; position:absolute; width:398px; height:410px; top:36px; left:2px; padding:0; background: url(/images/logo_screen.gif);}
a.gallery:hover {white-space:normal; border:1px solid #fff;}
a.gallery:hover img {overflow:visible; z-index:100;}
a.gallery:hover span {display:block; position:absolute; width:398px; height:auto; top:36px; left:1px; border-bottom:2px solid #fff;  padding:0px; font-style:italic; background:#fff; z-index:100;}
a.gallery:active {border:1px solid #eee;}
a.gallery:active img, a.gallery:focus img {position:relative; z-index:50;}


a.gallery div {position:absolute; width:1px; height:1px; top:5px; left:0px; overflow:hidden; background:#FEF3D7; z-index:100;}
a.gallery:hover div {display:block; position:absolute; width:200px; height:auto; top:36px; left:10px; padding:0px; font-style:italic; background:#fff; z-index:100; text-align:left;}

a.gallery span.offset{position:absolute; width:1px; height:1px; top:5px; left:0px; overflow:hidden; background:#FEF3D7;  z-index:200;}
a.gallery:hover span.offset {display:block; position:absolute; width:380px; height:auto; top:350px; left:0px; padding:10px; border-top:4px solid #fff; font-style:normal; color:#000; background:#DCE691; text-align:left; overflow:visible; z-index:200;}

#right_port {
margin-top:30px;
margin-left:695px;
padding:0px;
width:166px;
height:316px;
background-image:url(/savory/port_links_03.gif);
background-repeat:no-repeat;
position:absolute;
z-index:100;}

#port_links {display:block; position:absolute; z-index:0; width:166px; height:245px; margin-left:24px; margin-top:28px; background:transparent; overflow:hidden; }
#port_links ul {margin:0; padding:0; list-style-type:none;}
#port_links li {float:left; margin-right:1px; display:block; width:150px;}

#port_links a {display:block; width:150px; height:55px; text-decoration:none; color:#F1F1F1; }