body { background-color:#18425b; color:white; font-family:Verdana, Tahoma, sans-serif; font-size:9pt; margin:0px; }

input, textarea { background-color:#f1f1f1; }
img { border:0px; }
div#main { width:900px; height:677px; position:absolute; left:50%; top:30px; bottom:30px; margin-left:-450px; border:3px solid #0a4665; }
div#head { width:100%; height:80px; background-image:url(img/top_bg.gif); margin:0px; position:fixed; top:0px; right:auto; left:0px; }
div#bottom { position:fixed; top:389px; height:900px; width:100%; margin:0px; }

div#navi_bg { float:left; background-image:url(img/bg_04.gif); width:258px; height:288px; }
div#navi_portfolio_sub { width:79px; margin-left:34px; margin-top:26px; float:left; }
div#navi_main { width:145px; padding-top:12px; float:left; }
div#bottom_rest { position:fixed; top:389px; left:258px; width:625px; background-image:url(img/bg_05.gif); height:900px; }
div#bottom_right { position:fixed; top:389px; left:883px; background-image:url(img/bgr_06.gif); height:100%; width:900px; }

a#navi_portfolio:link, a#navi_portfolio:active, a#navi_portfolio:visited, a#navi_portfolio:hover { background-image:url(img/navi_main_portfolio.gif); height:47px; width:145px; display:block; }
a#navi_about:link, a#navi_about:active, a#navi_about:visited, a#navi_about:hover { background-image:url(img/navi_main_about.gif); height:36px; width:145px; display:block; }
a#navi_contact:link, a#navi_contactt:active, a#navi_contact:visited, a#navi_contact:hover { background-image:url(img/navi_main_contact.gif); height:39px; width:145px; display:block; }

a#navi1_portfolio_act:link, a#navi1_portfolio_act:active, a#navi1_portfolio_act:visited, a#navi1_portfolio_act:hover { background-image:url(img/portfolio_blue_05.gif); height:47px; width:145px; display:block; }
a#navi1_about_act:link, a#navi1_about_act:active, a#navi1_about_act:visited, a#navi1_about_act:hover { background-image:url(img/portfolio_blue_07.gif); height:36px; width:145px; display:block; }
a#navi1_contact_act:link, a#navi1_contact_act:active, a#navi1_contact_act:visited, a#navi1_contact_act:hover { background-image:url(img/navi_main_contact.gif); height:39px; width:145px; display:block; }

a#navi2_portfolio_act:link, a#navi2_portfolio_act:active, a#navi2_portfolio_act:visited, a#navi2_portfolio_act:hover { background-image:url(img/navi_main_portfolio.gif); height:47px; width:145px; display:block; }
a#navi2_about_act:link, a#navi2_about_act:active, a#navi2_about_act:visited, a#navi2_about_act:hover { background-image:url(img/about_blue_07.gif); height:36px; width:145px; display:block; }
a#navi2_contact_act:link, a#navi2_contact_act:active, a#navi2_contact_act:visited, a#navi2_contact_act:hover { background-image:url(img/about_blue_08.gif); height:39px; width:145px; display:block; }

a#navi3_portfolio_act:link, a#navi3_portfolio_act:active, a#navi3_portfolio_act:visited, a#navi3_portfolio_act:hover { background-image:url(img/navi_main_portfolio.gif); height:47px; width:145px; display:block; }
a#navi3_about_act:link, a#navi3_about_act:active, a#navi3_about_act:visited, a#navi3_about_act:hover { background-image:url(img/contact_blue_07.gif); height:36px; width:145px; display:block; }
a#navi3_contact_act:link, a#navi3_contact_act:active, a#navi3_contact_act:visited, a#navi3_contact_act:hover { background-image:url(img/contact_blue_08.gif); height:39px; width:145px; display:block; }

a#navi_portfolio_num1:link, a#navi_portfolio_num1:active, a#navi_portfolio_num1:visited, a#navi_portfolio_num1:hover { float:left; height:43px; width:19px; background-image:url(img/portfolio_num_1.gif); display:block; }
a#navi_portfolio_num2:link, a#navi_portfolio_num2:active, a#navi_portfolio_num2:visited, a#navi_portfolio_num2:hover { float:left; height:43px; width:20px; background-image:url(img/portfolio_num_2.gif); display:block; }
a#navi_portfolio_num3:link, a#navi_portfolio_num3:active, a#navi_portfolio_num3:visited, a#navi_portfolio_num3:hover { float:left; height:43px; width:21px; background-image:url(img/portfolio_num_3.gif); display:block; }
a#navi_portfolio_num4:link, a#navi_portfolio_num4:active, a#navi_portfolio_num4:visited, a#navi_portfolio_num4:hover { float:left; height:43px; width:19px; background-image:url(img/portfolio_num_4.gif); display:block; }

a#navi_portfolio_act_num1 { float:left; height:43px; width:19px; background-image:url(img/portfolio_num_act_1.gif); display:block; }
a#navi_portfolio_act_num2 { float:left; height:43px; width:20px; background-image:url(img/portfolio_num_act_2.gif); display:block; }
a#navi_portfolio_act_num3 { float:left; height:43px; width:21px; background-image:url(img/portfolio_num_act_3.gif); display:block; }
a#navi_portfolio_act_num4 { float:left; height:43px; width:19px; background-image:url(img/portfolio_num_act_4.gif); display:block; }