body{background:url(images/bg.png) top repeat-x #ffe1b5;font:12px Arial,sans-serif;margin:0;color:#4f4f4f;overflow:hidden}
img{border:0}
form{margin:0}


/*header*/
#header{width:830px;margin:0 auto;position:absolute;top:0px;z-index:100;left:50%;margin-left:-453px}
#header a{color:#dd137b}
h2#tel{font-size:24px;font-weight:normal;color:#dd137b;margin:0;background:url(images/tel.png) left no-repeat;padding-left:17px;float:right;margin-top:18px}
#logo{margin-top:36px}

/*header menu*/
ul#menu {position:absolute;padding:0;top:60px;white-space:nowrap;margin-left:260px}
ul#menu li{display:inline;margin-right:21px;font-size:17px}
ul#menu li a{color:#4f4f4f}
ul#menu li.s a, ul#menu li a:hover{color:#dd137b}
ul#menu li.s a{text-decoration:none}


/*scrolling*/
#scrollable{width:100%;height:500px;position:absolute;font-size:13px;overflow:hidden}
#scrollable img.num{float:left;margin-right:12px}
#scrollable b.bookmark{position:absolute;background:#d81278;display:block;width:128px;height:20px;left:50%;margin-left:-380px;margin-top:296px;z-index:500}

#scrollable #bookmark1{width:128px}
#scrollable #bookmark2{width:150px}
#scrollable #bookmark3{width:145px}
#scrollable #bookmark4{width:175px}
#scrollable #bookmark5{width:150px}

div.items {margin:0;width:100% !important;height:480px}
div.items div{display:block;float:left;height:440px}
div.items h1{color:#dd137b;font:normal 24px/24px Arial,sans-serif;margin:0}
div.items ul{list-style:url(images/li.gif) inside}
a.prev, a.next {color:#09C}
/*pages*/
.page{padding-top:170px;width:1000px;}
.page ul{margin:0}
.page .centered{position:relative;left:49%;width:790px;margin-left:-390px}
.page .controls{position:absolute;width:250px;height:30px;left:550px;top:230px}
.page .controls a{color:#dd137b;font-size:14px;line-height:30px;display:block;padding-bottom:20px;}
.page .controls .next{background-repeat:no-repeat;background-position:center right;float:right;padding-right:38px}
.page .controls .prev{text-decoration:none;float:right}
.page .controls span{float:right;padding:8px}
.controls .n2{background-image:url(images/next2.gif)}
.controls .n3{background-image:url(images/next3.gif)}
.controls .n4{background-image:url(images/next4.png)}
a.prev{text-decoration:none;color:#dd137b;font-size:14px}


#page_1{background:url(images/puzzle1.png) no-repeat right top;}
#page_2{background:url(images/puzzle1.png) no-repeat right top;}
#page_3{background:url(images/puzzle1.png) no-repeat right top;}
#list1 b{font-weight:normal;padding-left:17px}
#list3 b{font-weight:normal;padding-left:5px}
#list2 {font-size:13px;color:#D81278;}
#list2 li{margin-bottom:4px}
#list2 b{color:#4f4f4f;font-weight:normal}

/*bottom*/
#footer{padding-top:468px}
#bottom{background:url(images/footer.jpg) repeat-x center top;height:350px}
#blackline{height:10px;background:#2d2d2d;font-size:10px}
#bottom .line{background:url(images/line.png) repeat-x center;margin:0 20px;}
#bottom_sizer{margin:0 auto;width:800px}

#about h1{margin:0;color:#ffe1b5;font:italic 18px Arial, sans-serif;margin-bottom:10px}
#about {background:url(images/about.png) no-repeat;width:386px;height:170px;color:#FFF;float:left;margin:33px 0px;margin-right:10px}
#about p{margin:0}
#about .inside{padding:10px 20px;padding-bottom:0}
#about a.toall{position:relative;color:#dd137b;font:italic 14px Arial, sans-serif;float:right;margin:5px;margin-top:0px;}

#recall{background:url(images/recall.png) no-repeat;height:172px;width:374px;color:#FFF;float:left;margin:32px 0px;float:left;margin-left:10px}
#recall .inside{padding:10px 17px;}
#recall h1{margin:0;color:#ffe1b5;font:italic 18px Arial, sans-serif;margin-bottom:10px}
#recall strong{font-size:14px;color:#ffe1b5}
#recall .cite{color:#FFF;display:block;background:url(images/cite.gif) no-repeat top;width:308px;padding:5px 18px;margin:6px 0}
#recall a{text-decoration:none}
#recall a:hover{text-decoration:underline}
#recall a.toall{position:relative;color:#ffe1b5;font:italic 14px Arial, sans-serif;float:right;margin:5px;margin-top:-5px;text-decoration:underline}

#address{color:#ffe1b5;margin-bottom:20px;clear:both;margin-left:20px}
#address em{color:#FFF;margin-right:5px}
#address a{color:#FFF;font-size:9px;font-style:italic;margin-left:5px}

#copyright, #copyright a{color:#DABACD;margin:0 20px;}
#bottom_menu{margin:0;padding:0}
#bottom_menu li{display:inline}
#bottom_menu a{margin:2px}


#ibec{float:right;display:block;width:120px;height:30px;margin-right:20px}
#award{float:right;margin-right:40px}

.form{margin-top:20px;}
.form label{font-size:11px;line-height:21px;display:block;float:left;width:170px;text-align:right;padding-right:4px;border-top:1px solid #FFF2DF;white-space:nowrap;clear:left}
.form label.nob{border-top:1px solid transparent}
.form input{width:155px}
.form textarea{height:40px;width:155px}
.send {cursor:pointer;width:155px;height:22px;border:0;background:url(images/send.gif);margin-top:3px}

td{font-size:12px}
td ul, td li{padding:0;margin:0}
.navi{color:#DD137B}
.navi a{color:#DD137B}

#sum_div{width:48px;height:65px;position:absolute;z-index:500;margin-left:-8px;background:no-repeat center url(smiles/default.gif); margin-top:100px; }
/*Preloader*/
.centerbg1 {
  display: none;
  width:100%;
  height:100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1000;
  background: #FFF;
}
 
.centerbg2 {
  position: absolute;
  left: 50%;
  top: 50%;
}
 
#preloader {
  top: -50%;
  left: -50%;
  position: relative;
  width: 42px;
  height: 42px;
  background:url('/design/images/preloader.gif');
}


#st_logos{position: absolute;margin-left:260px;margin-top: 28px;}
#st_logos img{margin-right: 20px;}

div.mes{color:#dd137b; font-size:14px;}
.need{color:#DD137B;margin-right:3px}

#zero{display:none}
