body
{
font: 9pt/17pt georgia;
background-color: #3D3D3D;
}

#test
{
width: 600px;
height: 375px;
background-color: white;
position: absolute;
top: 50px;
left: 100px;
filter: alpha(opacity=0.5);
opacity: 0.8;
}

#root
{
position: relative;
width: 800px;
margin-left: auto;
margin-right: auto;
}

#logo
{
width: 360px;
height: 120px;
background-image: url(../decor/logo.png);
}

#menu
{
width: 553px;
height: 30px;
}

.sep
{
float: left;
width: 20px;
height: 30px;
background-image: url(../decor/sep.png);
}

#collections_button
{
width: 149px;
background-image: url(../decor/collections_button_default.png);
}

#commissions_button
{
width: 157px;
background-image: url(../decor/commissions_button_default.png);
}

#studio_button
{
width: 83px;
background-image: url(../decor/studio_button_default.png);
}

#contact_button
{
width: 104px;
background-image: url(../decor/contact_button_default.png);
}

.menu_button
{
float: left;
height: 30px;
cursor: pointer;
}

.centre
{
margin-left: auto;
margin-right: auto;
}

#content
{
position: relative;
top: 5px;
width: 800px;
height: 500px;
}

#message
{
position: relative;
width: 800px;
height: 500px;
background-image: url(../decor/message.jpg);
}

#collections
{
width: 800px;
height: 500px;
display: none;
background-image: url(../decor/collections_bg.jpg);
}

#commissions
{
width: 800px;
height: 500px;
background-image: url(../decor/commissions_bg.jpg);
display: none;
}

#studio
{
width: 800px;
height: 500px;
background-image: url(../decor/studio_bg.jpg);
display: none;
}

#contact
{
width: 800px;
height: 500px;
background-image: url(../decor/contact_bg.jpg);
display: none;
}

#amity
{
width: 100%;
height: 100%;
background-image: url(../decor/amity_bg.jpg);
display: none;
}

#argmas
{
width: 100%;
height: 100%;
background-image: url(../decor/argmas_bg.jpg);
display: none;
}

#kew
{
width: 100%;
height: 100%;
background-image: url(../decor/kew_bg.jpg);
display: none;
}

#posy
{
width: 100%;
height: 100%;
background-image: url(../decor/posy_bg.jpg);
display: none;
}

.thumb
{
height: 100px;
border: 1px solid black;
left: 5px;
cursor: pointer;
}

.thumb_w60
{
width: 60px;
}

.thumb_w67
{
width: 67px;
}

.thumb_w75
{
width: 75px;
}

.thumb_w51
{
width: 51px;
}

.thumb_w53
{
width: 53px;
}

.thumb_w50
{
width: 50px;
}

#amity_thumbs
{
left: 15px;
width: 261px;
}

#argmas_thumbs
{
left: 10px;
width: 261px;
}

#kew_thumbs
{
left: 6px;
width: 300px;
}

#posy_thumbs
{
left: 10px;
width: 261px;
}

.thumbs
{
position: relative;
top: 430px;
height: 50px;
}

#selected_view
{
position: relative;
width: 450px;
height: 300px;
top: 100px;
filter: alpha(opacity=0);
opacity: 0;
border: 1px solid black;
cursor: pointer;
display: none;
}

.collections_button
{
float: left;
height: 30px;
cursor: pointer;
}

#collections_menu
{
position: absolute;
left: 200px;
top: 510px;
width: 422px;
height: 30px;
}

#amity_button
{
width: 71px;
background-image: url(../decor/amity_button_default.png);
}

#argmas_button
{
width: 171px;
background-image: url(../decor/argmas_button_default.png);
}

#kew_button
{
width: 51px;
background-image: url(../decor/kew_button_default.png);
}

#posy_button
{
width: 59px;
background-image: url(../decor/posy_button_default.png);
}

#large_view
{
position: relative;
top: 100px;
width: 600px;
height: 600px;
margin-left: auto;
margin-right: auto;
z-index: 100;
border: solid black 1px;
cursor: pointer;
}

#fade_back
{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 50;
background-color: black;
opacity: 0.75;
filter: alpha(opacity=75);
}

#large_view_container
{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
display: none;
}

#copyright
{
position: relative;
top: 60px;
width: 200px;
height: 40px;
color: white;
}

.abs
{
position: absolute;
left: 0px;
top: 0px;
}

#commissions_menu_root
{
position: absolute;
top: -4px;
left: 4px;
width: 102px;
height: 508px;
}

#commissions_arrow_up
{
position: absolute;
left: 34px;
top: -30px;
width: 31px;
height: 26px;
background-image: url(../decor/arrow_up.png);
opacity: 0.25;
}

#commissions_arrow_down
{
position: absolute;
left: 34px;
top: 512px;
width: 31px;
height: 26px;
background-image: url(../decor/arrow_down.png);
cursor: pointer;
}

#commissions_menu_container
{
position: relative;
width: 102px;
height: 508px;
overflow: hidden;
}

#commissions_menu
{
position: relative;
left: 0px;
top: 0px;
width: 100%;
}

.commissions_thumb
{
width: 100px;
border: 1px solid black;
cursor: pointer;
}

.commissions_menu_spacer
{
width: 100%;
height: 3px;
}

#commissions_title
{
position: absolute;
border: 1px solid black;
background-color: white;
padding: 3px;
padding-top: 6px;
padding-bottom: 12px;
font-size: 24pt;
opacity: 0.0;
text-align: center;
}

#commissions_short
{
position: absolute;
border: 1px solid black;
background-color: white;
padding: 10px;
padding-top: 3px;
padding-bottom: 4px;
font-size: 10pt;
opacity: 0.0;
text-align: center;
font-weight: bold;
}

#commissions_desc
{
position: absolute;
border: 1px solid black;
background-color: white;
padding: 10px;
padding-top: 3px;
padding-bottom: 4px;
font-size: 8pt;
opacity: 0.0;
text-align: left;
font-weight: bold;
}

#commissions_page
{
position: absolute;
left: 0px;
top: 0px;
width: 800px;
height: 500px;
display: none;
}

#commissions_image
{
position: absolute;
left: 0px;
top: 0px;
width: 0px;
height: 0px;
border: 1px solid black;
opacity: 0.0;
}

#opendesc
{
position: absolute;
left: 748px;
top: 137px;
width: 51px;
height: 14px;
background-image: url(../decor/opendesc.png);
opacity: 0.0;
}

#closedesc
{
position: absolute;
left: 748px;
top: 137px;
width: 51px;
height: 14px;
background-image: url(../decor/closedesc.png);
opacity: 0.0;
}

#money_clip_image
{
position: absolute;
left: 122px;
top: 109px;
width: 400px;
height: 290px;
background-image: url(../image/commissions/main/money_clip.jpg);
border: 1px solid black;
opacity: 0.0;
}

#money_clip_title
{
left: 467px;
top: 119px;
}

#money_clip_short
{
left: 508px;
top: 160px;
width: 320px;
}

#contact_styopa
{
position: absolute;
left: 8px;
top: 410px;
width: 186px;
height: 65px;
background-image: url(../decor/contact_styopa.jpg);
}

#contact_e-mail_phone
{
position: absolute;
color: white;
background-color: black;
left: 202px;
top: 439px;
width: 585px;
height: 29px;
padding-top: 6px;
padding-right: 20px;
text-align: right;
font-size: 18pt;
font-family: arial;
}

#contact_address
{
position: absolute;
color: white;
background-color: grey;
left: 222px;
top: 474px;
width: 575px;
height: 23px;
padding-top: 3px;
padding-right: 20px;
text-align: right;
font-size: 16pt;
font-family: arial;
}