*{
margin: 0;
padding: 0;
}

a{
color: #4f0000;
text-decoration: none;
line-height: 150%
}
a:hover {
color: #222222;
text-decoration: underline;
line-height: 150%;
}



table#wrap{
height: 100%;
width: 100%;
}
table#wrap td{
height: 100%;
vertical-align: middle;
}


div#t_index,
div#t_works,
div#t_profile,
div#t_contact{
width: 100%;
height: 7px;
text-indent: -9999px;
border-bottom: 1px solid #000;
}

div#t_works{
background: url(imgs/works.gif) no-repeat 0 2px;
}
div#t_profile{
background: url(imgs/profile.gif) no-repeat 0 1px;
}
div#t_contact{
background: url(imgs/contact.gif) no-repeat 0 1px;
}

div#main{
width: 100%; 
height: 500px;
margin: 0 0 10px;
border-bottom: 1px solid #000;
}
.bg_top{
text-align: center;
}
.bg_profile{
background: url(imgs/profile.jpg) no-repeat 0 0;
text-align: right;
}
.bg_contact{
background: url(imgs/contact.jpg) no-repeat 0 0;
text-align: right;
}

div#main_uc{
width: 100%; 
height: 500px;
margin: 0 0 10px;
}
.bg_uc{
text-align: center;
}
div#menu,
div#copy{
height: 27px;
}

div#menu{
width: 369px;
float: left;
}
div#copy,
div#copy_l{
width: 305px;
background: url(imgs/copyright.gif) no-repeat 100% 0%;
text-indent: -9999px;
}
div#copy{
float: right;
}
div#copy_l{
float: left;
margin-left: 3px;
}
/* ROLL OVER----------------------------------------------------- */

div#topimg a,
div#menu li a{
display: block;
text-decoration: none;
text-indent: -9999px;
background-position: 0 0;
}

div#topimg{
margin: 0 auto;
width: 190px;
height: 500px;
}
div#topimg a{
width: 190px;
height: 500px;
background-image: url(imgs/top.gif);
}
div#topimg a:hover{
background-position: -190px 0;
}

div#menu ul{
list-style-type: none; 
margin: 0 0 0 10px;
}
div#menu li{
float: left;
}
div#menu li a{
height: 27px;
}
div#menu li a:hover{
background-position: 0 -27px;
}
div#menu li#logo a{
width: 185px;
background-image: url(imgs/logo.gif);
}
div#menu li#works a{
width: 58px; 
background-image: url(imgs/btn_works.gif);
}
div#menu li#plofile a{
width: 58px; 
background-image: url(imgs/btn_profile.gif);
}
div#menu li#contact a{
width: 58px; 
background-image: url(imgs/btn_contact.gif);
}

/* FORM ----------------------------------------------------- */

input.form,
textarea.form{
font-size: 10px; 
line-height: 150%; 
color: #636363; 
background: #cccccc; 
border: solid 0px #cccccc;
margin: 0px;
}
input.form{
width: 200px; 
height: 18px;
}
textarea.form{
width: 340px;
height: 100px;
}


/* TABLE ----------------------------------------------------- */


table.form{
margin-top: 30px;
}
table.form td,
table.prof td,
div.prof,
p.pop_b{
text-align: left;
vertical-align: top;
font-size: 10px;
line-height: 150%;
color: #333333;
font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}
table.prof td{
padding: 2px;
}
div.prof{
margin: 5px 0 5px 10px;
}
.gray
{
font-size: 9px;
line-height: 150%;
color: #777777;
font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}
.bold{
font-weight: bold;
}
table.prof td p,
table.prof td.ctg{
font-size: 9px;
line-height: 150%;
color: #777777;
font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
}
table.form td.pdr{
padding-right: 10px;
}
table.form tr.pd40 td{
padding-top: 40px;
padding-bottom: 40px;
}
table.form tr.pd40_2 td{
padding-top: 120px;
padding-bottom: 40px;
}
table.form tr.pdb td{
padding-bottom: 10px;
}
table.form tr.pdb_2 td{
padding-bottom: 40px;
}
table.form td span{
color: red;
}

.mrb{
margin-bottom: 20px;
margin-left: 5px;
}
p.pop_b{
text-align: right;
padding-right: 10px;
}

/* POP UP------------------------------------------------*/

#img01{
width: 400px;
height: 400px;
background: url(popup/01.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img02{
width: 400px;
height: 400px;
background: url(popup/02.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img03{
width: 400px;
height: 400px;
background: url(popup/03.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img04{
width: 400px;
height: 400px;
background: url(popup/04.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img05{
width: 400px;
height: 400px;
background: url(popup/05.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img06{
width: 400px;
height: 400px;
background: url(popup/06.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img07{
width: 400px;
height: 400px;
background: url(popup/07.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img08{
width: 400px;
height: 400px;
background: url(popup/08.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img09{
width: 400px;
height: 400px;
background: url(popup/09.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img10{
width: 400px;
height: 400px;
background: url(popup/10.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img11{
width: 400px;
height: 400px;
background: url(popup/11.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img12{
width: 400px;
height: 400px;
background: url(popup/12.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img13{
width: 400px;
height: 400px;
background: url(popup/13.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img14{
width: 400px;
height: 400px;
background: url(popup/14.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img15{
width: 400px;
height: 400px;
background: url(popup/15.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img16{
width: 400px;
height: 400px;
background: url(popup/16.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img17{
width: 400px;
height: 400px;
background: url(popup/17.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img18{
width: 400px;
height: 400px;
background: url(popup/18.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img19{
width: 400px;
height: 400px;
background: url(popup/19.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img20{
width: 400px;
height: 400px;
background: url(popup/20.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img21{
width: 400px;
height: 400px;
background: url(popup/21.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img22{
width: 400px;
height: 400px;
background: url(popup/22.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img23{
width: 400px;
height: 400px;
background: url(popup/23.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img24{
width: 400px;
height: 400px;
background: url(popup/24.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img25{
width: 400px;
height: 400px;
background: url(popup/25.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img26{
width: 400px;
height: 400px;
background: url(popup/26.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img27{
width: 400px;
height: 400px;
background: url(popup/27.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img28{
width: 400px;
height: 400px;
background: url(popup/28.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img29{
width: 400px;
height: 400px;
background: url(popup/29.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img30{
width: 400px;
height: 400px;
background: url(popup/30.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img31{
width: 400px;
height: 400px;
background: url(popup/31.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img32{
width: 400px;
height: 400px;
background: url(popup/32.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img33{
width: 400px;
height: 400px;
background: url(popup/33.jpg) no-repeat;
text-indent: -9999px;
display: block;
}

#img35{
width: 400px;
height: 400px;
background: url(popup/35.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img36{
width: 400px;
height: 400px;
background: url(popup/36.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img37{
width: 400px;
height: 400px;
background: url(popup/37.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img38{
width: 400px;
height: 400px;
background: url(popup/38.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img39{
width: 400px;
height: 400px;
background: url(popup/39.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img40{
width: 400px;
height: 400px;
background: url(popup/40.jpg) no-repeat;
text-indent: -9999px;
display: block;
}

#img41{
width: 400px;
height: 400px;
background: url(popup/41.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img42{
width: 400px;
height: 400px;
background: url(popup/42.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img43{
width: 400px;
height: 400px;
background: url(popup/43.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img44{
width: 400px;
height: 400px;
background: url(popup/44.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img45{
width: 400px;
height: 400px;
background: url(popup/45.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img46{
width: 400px;
height: 400px;
background: url(popup/46.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img47{
width: 400px;
height: 400px;
background: url(popup/47.jpg) no-repeat;
text-indent: -9999px;
display: block;
}

#img49{
width: 400px;
height: 400px;
background: url(popup/49.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img50{
width: 400px;
height: 400px;
background: url(popup/50.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img51{
width: 400px;
height: 400px;
background: url(popup/51.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img52{
width: 400px;
height: 400px;
background: url(popup/52.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img53{
width: 400px;
height: 400px;
background: url(popup/53.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img54{
width: 400px;
height: 400px;
background: url(popup/54.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img55{
width: 400px;
height: 400px;
background: url(popup/55.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img56{
width: 400px;
height: 400px;
background: url(popup/56.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img57{
width: 400px;
height: 400px;
background: url(popup/57.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img58{
width: 400px;
height: 400px;
background: url(popup/58.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img59{
width: 400px;
height: 400px;
background: url(popup/59.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img60{
width: 400px;
height: 400px;
background: url(popup/60.jpg) no-repeat;
text-indent: -9999px;
display: block;
}

#img61{
width: 400px;
height: 400px;
background: url(popup/61.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img62{
width: 400px;
height: 400px;
background: url(popup/62.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img63{
width: 400px;
height: 400px;
background: url(popup/63.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img64{
width: 400px;
height: 400px;
background: url(popup/64.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img65{
width: 400px;
height: 400px;
background: url(popup/65.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img66{
width: 400px;
height: 400px;
background: url(popup/66.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img67{
width: 400px;
height: 400px;
background: url(popup/67.jpg) no-repeat;
text-indent: -9999px;
display: block;
}

#img09-01{
width: 400px;
height: 400px;
background: url(popup/09-01.jpg) no-repeat;
text-indent: -9999px;
display: block;
}

#img09-02{
width: 400px;
height: 400px;
background: url(popup/09-02.jpg) no-repeat;
text-indent: -9999px;
display: block;
}

#img09-03{
width: 400px;
height: 400px;
background: url(popup/09-03.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img09-04{
width: 400px;
height: 400px;
background: url(popup/09-04.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img09-05{
width: 400px;
height: 400px;
background: url(popup/09-05.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img09-06{
width: 400px;
height: 400px;
background: url(popup/09-06.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img09-07{
width: 400px;
height: 400px;
background: url(popup/09-07.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img09-08{
width: 400px;
height: 400px;
background: url(popup/09-08.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img09-09{
width: 400px;
height: 400px;
background: url(popup/09-09.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img09-10{
width: 400px;
height: 400px;
background: url(popup/09-10.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img09-11{
width: 400px;
height: 400px;
background: url(popup/09-11.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img09-12{
width: 400px;
height: 400px;
background: url(popup/09-12.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img09-13{
width: 400px;
height: 400px;
background: url(popup/09-13.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img09-14{
width: 400px;
height: 400px;
background: url(popup/09-14.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img09-15{
width: 400px;
height: 400px;
background: url(popup/09-15.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img09-16{
width: 400px;
height: 400px;
background: url(popup/09-16.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img09-17{
width: 400px;
height: 400px;
background: url(popup/09-17.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img09-18{
width: 400px;
height: 400px;
background: url(popup/09-18.jpg) no-repeat;
text-indent: -9999px;
display: block;
}
#img09-19{
width: 400px;
height: 400px;
background: url(popup/09-19.jpg) no-repeat;
text-indent: -9999px;
display: block;
}