html {color:#000; background:#fff;}
body {text-align:center; font-family:verdana, arial, helvetica, sans-serif; font-size:11px; color:#000; padding:0; border:0; margin:0; background:#fff;}
a, a:visited {color:#696969; text-decoration:none;}
a:hover {text-decoration:underline;}
#wrapper {width:95%; margin:10px auto 0 auto; text-align:left; background:#fff;}
#page_head {width:31%; height:115px; position:relative; background:#fff;}
h1#logo {font-size:40px; font-family:"trebuchet ms", tahoma, arial, verdana, sans-serif; float:left; margin:0; color:#000; font-weight:normal;}
h1#logo b {color:#0166B4; font-family:"times new roman", serif;}
h1#logo i {color:#ff0000; font-family:"times new roman", serif;}
h1#logo a, h1#logo a:visited, h1#logo a:hover {text-decoration:none;}
h5#slogan {clear:left; font-family:"trebuchet ms", tahoma, arial, verdana, sans-serif; font-size:11px; font-weight:normal; margin:0;}

#navBar{
	float: left;
	width: 30%;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

#menu {
  margin:0;
  padding:0;
  height:48.5em;
  overflow:hidden;
  background:#f0f0f0;
  }
#menu li {
  list-style-type:none;
  float:left;
  display:block;
  width:100%;
  }
#menu li a {
  display:block;
  text-decoration:none;
  color:#00b;
  margin:0;
  width:100%;
  }
#menu li a span {
  display:none;
  color:#000;
  }
#menu li a.one span {
  display:block;
  height:15em;
  margin:0 10px;
  }
#menu li a:hover {
  background:#f1f1f1;
  }
#menu li a:hover span {
  display:block;
  height:15em;
  margin:0 10px;
  cursor:pointer;
  }
#menu .h2 {
  margin:0 5px;
  padding:0;
  color:#0166B4;
  font-variant:small-caps;
  font-size:1.5em;
  border:0;
  }

#menu img {
  margin:5px 5px 5px 0;
  border:1px solid #000;
  float:left;
  }
.curved {
  width:21em;
  float: left;
  }
.curved .b1, .curved .b2, .curved .b3, .curved .b4  {
  font-size:1px;
  display:block;
  background:#88c;
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow: hidden;
/* */
}
.curved .b1, .curved .b2, .curved .b3 {
  height:1px;
  }
.curved .b2, .curved .b3, .curved .b4 {
  background:#f0f0f0;
  border-left:1px solid #88c;
  border-right:1px solid #88c;
  }
.curved .b1 {
  margin:0 4px;
  background:#88c;
  }
.curved .b2 {
  margin:0 2px;
  border-width:0 2px;
  }
.curved .b3 {
  margin:0 1px;
  }
.curved .b4 {
  height:2px;
  margin:0;
  }
.curved .c1 {
  margin:0 5px;
  background:#88c;
  }
.curved .c2 {
  margin:0 3px;
  border-width:0 2px;
  }
.curved .c3 {
  margin:0 2px;
  }
.curved .c4 {
  height:2px;
  margin: 0 1px;
  }
.curved .boxcontent {
  display:block;
  background:transparent;
  border-left:1px solid #88c;
  border-right:1px solid #88c;
  font-size:0.9em;
  text-align:justify;
  }

#content{
	float: right;
padding: 15px 0px 0px 0px;
  width: 70%;
}





#menut {
  margin:0;
  padding:0;
  width:65em;
  height:8.5em;
  overflow:hidden;
  background:transparent;
  }
#menut li {
  display:inline;
  list-style-type:none;
  }
#menut li a {
  display:block;
  float:left;
  text-decoration:none;
  margin:0;
  }
#menut li a img {
  opacity:0.7;
  margin:0.5em;
  border:0;
  float:left;
  }
#menut li a span {
  display:none;
  }
#menut li a:hover {
  background:#transparent;
  }
#menut li a:hover img {
  opacity:1;
  }
#menut li a:hover span {
  width:11em;
  color:#aaa;
  display:block;
  cursor:pointer;
  float:left;
  }
#menut .h2 {
  margin:0 5px;
  padding:0;
  color:#0166B4;
  font-variant:small-caps;
  font-size:1.25em;
  border:0;
  }

.outer {
  height:100px; position:absolute; top:10px; left:335px;
  background:transparent;
  font-size:0.9em;
  width:60em;
  margin:0 auto;
  }


#menul {
  position: absolute; top: 10px; right: 5px;
  }


#menu3 {
  position:absolute; top: 100px; right: 270px;
  font-family:arial, sans-serif;
  color:#aaa;
  background:#fff;
  height:2em;
  padding:1em;
  font-weight:bold;
  }
#menu3 a, #menu a:visited {
  text-decoration:none;
  color:#000;
  }
#menu3 a span {
  display:none;
  }
#menu3 a:hover {
  position:relative;
  top:2px;
  left:2px;
  text-decoration:none;
  color:#bbb;
  }
#menu3 a:hover span {
  display:block;
  position:absolute;
  top:-3px;
  left:-2px;
  color:#000;
  cursor:pointer;
  }

#xsnazzy {background: transparent; width:45%; margin:0 auto; float:left;}
#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;}
#xsnazzy h1 {font-size:2.5em; color:#fff;}
#xsnazzy h2 {font-size:1.5em;color:#0166B4; border:0;}
#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:1em;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#f0f0f0; border-left:1px solid #88c; border-right:1px solid #88c;}
.xb1 {margin:0 5px; background:#88c;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#f0f0f0; border:0 solid #88c; border-width:0 1px;}

#forma {background: transparent; width:35%; margin:0 auto; float:left; border-right:1px solid #88c; margin:5 5 5 5px;}
#forma p {padding-right:0.5em; padding-left:0.5em;}

#Zsnazzy {background: transparent; width:100%; margin:auto; float:left;}
#zsnazzy p {padding-bottom:0.5em; color:#696969;}
#zsnazzy {background: transparent; margin:1em;}

.ztop, .zbottom {display:block; background:transparent; font-size:1px;}
.zb1, .zb2, .zb3, .zb4 {display:block; overflow:hidden;}
.zb1, .zb2, .zb3 {height:1px;}
.zb2, .zb3, .zb4 {background:#fff; border-left:1px solid #f0f0f0; border-right:1px solid #f0f0f0;}
.zb1 {margin:0 5px; background:#f0f0f0;}
.zb2 {margin:0 3px; border-width:0 2px;}
.zb3 {margin:0 2px;}
.zb4 {height:2px; margin:0 1px;}

.zboxcontent {display:block; background:#fff; border:0 solid #f0f0f0; border-width:0 1px;}


#container {position:relative; width:600px; height:1000px; background:#f1f1f1; border:1px solid #000; margin:10px auto;}
#container b {font-weight:normal; width:600px; text-align:center; position:absolute; bottom:650px; left:0; color:#000; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px; line-height:1.7em; z-index:1;}

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

a.slidea {background:url(sub/1.jpg);}
a.slideb {background:url(sub/2.jpg);}
a.slidec {background:url(sub/3.jpg);}
a.slided {background:url(sub/4.jpg);}
a.slidee {background:url(sub/5.jpg);}
a.slidef {background:url(sub/6.jpg);}
a.slideg {background:url(sub/7.jpg);}
a.slideh {background:url(sub/8.jpg);}
a.slidei {background:url(sub/9.jpg);}
a.slidej {background:url(sub/10.jpg);}

a.gallery span {visibility:hidden; display:block; position:absolute; width:580px; height:750px; top:189px; left:9px; color:#000; background:#f1f1f1; text-align:center; border:1px solid #fff; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px; cursor:default;}

a.slidea span {left:-13px; top:180px;}
a.slideb span {left:-132px; top:180px;}
a.slidec span {left:-251px; top:180px;}
a.slided span {left:-370px; top:180px;}
a.slidee span {left:-489px; top:180px;}
a.slidef span {left:-13px; top:89px;}
a.slideg span {left:-132px; top:89px;}
a.slideh span {left:-251px; top:89px;}
a.slidei span {left:-370px; top:89px;}
a.slidej span {left:-489px; top:89px;}

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:10px; 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:10px; z-index:10;}

#image {position:relative; top:10px; left:10px; width:100%; background-color:#transparent; z-index:100;}
#image a.p1, #image a.p1:visited {display:block; width:75px; height:75px; text-decoration:none; background:transparent; top:0; left:0; border:0;}
#image a img {border:0;}
#image a.p1:hover {text-decoration:none; background-color:#transparent; color:#000;}
#image a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#image a.p1:hover .large {display:block; position:absolute; top:-60px; left:150px; width:300px; height:450px; border:10px solid transparent;}

#image a.p5, #image a.p5:visited {display:block; width:75px; height:75px; text-decoration:none; background:transparent; top:0; left:0; border:0;}
#image a img {border:0;}
#image a.p5:hover {text-decoration:none; background-color:#transparent; color:#000;}
#image a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#image a.p5:hover .large {display:block; position:absolute; top:-100px; left:50px; width:600px; height:453px; border:10px solid transparent;}

#image {z-index:100; height:20em;}
#p3 {position:absolute; top:10px; left:130px; width:100%; background-color:#transparent; z-index:100;}