img              { border: 0; } 
.fl              { float: left; }
.fr              { float: right; }
.tl              { text-align: left; }
.tr              { text-align: right; }
.tc              { text-align: center; }
.b               { border: 1px solid #330033; }
.cb              { clear: both; }
.cl              { clear: left; }
.p5              { padding: 5px; }
.p10             { padding: 10px; }
.bw              { border: 1px solid #f6f3df; }
.pb              { border: 5px solid #fff; }

a                { color: #392b18; text-decoration: none; }
a:hover, .sel    { color: #392b18; text-decoration: underline; }

.hi              { color: #c30f0e; }

hr               { height: 1px; margin: 0; padding:0; border:0; color: #ccc; background-color:#ccc; }
h1               { display: none; margin: 0; padding: 0; }
h2               { font-size: 18px; margin: 0 0 20px 0; padding: 0; }

input            { border: 1px solid #330033; }
textarea         { border: 1px solid #330033; overflow: hidden; width: 500px; height: 5em}


/* Layout ---------------------------------------------------------------------- */
body                { background-color: #000; color: #fff; font-size: 80%; font-family: Arial, Tahoma, sans-serif; margin: 0; padding: 0; }

#layout             { width: 996px; margin: 0 auto; }
#layout_top         { width: 996px; height: 188px; float: left; }
#layout_page        { width: 986px; height: 390px; float: left; border: 5px solid #fff; background-color: #fff; }
#layout_page2       { width: 986px; height: 390px; float: left; border: 5px solid #fff; color: #000; background-image: url('../img/paints.jpg'); background-repeat: no-repeat; }
#layout_page3       { width: 986px; height: 390px; float: left; border: 5px solid #fff; color: #000; background-image: url('../img/photos.jpg'); background-repeat: no-repeat; }
#layout_page4       { width: 986px; height: 390px; float: left; border: 5px solid #fff; color: #000; background-image: url('../img/contact.jpg'); background-repeat: no-repeat; }
#layout_welcome     { width: 996px; height: 27px; float: left; }
#layout_menu        { width: 996px; height: 35px; float: left; }

#menu1 a            { display: block; width: 173px; height: 35px; float: left; background-image: url('../img/menu1.gif'); background-repeat: no-repeat; }
#menu1act           { width: 173px; height: 35px; float: left; background-image: url('../img/menu1act.gif'); background-repeat: no-repeat; }
#menu1 a:hover      { background-image: url('../img/menu1act.gif'); }

#menu2 a            { display: block; width: 305px; height: 35px; float: left; background-image: url('../img/menu2.gif'); background-repeat: no-repeat; }
#menu2act           { width: 305px; height: 35px; float: left; background-image: url('../img/menu2act.gif'); background-repeat: no-repeat; }
#menu2 a:hover      { background-image: url('../img/menu2act.gif'); }

#menu3 a            { display: block; width: 295px; height: 35px; float: left; background-image: url('../img/menu3.gif'); background-repeat: no-repeat; }
#menu3act           { width: 295px; height: 35px; float: left; background-image: url('../img/menu3act.gif'); background-repeat: no-repeat; }
#menu3 a:hover      { background-image: url('../img/menu3act.gif'); }

#menu4 a            { display: block; width: 223px; height: 35px; float: left; background-image: url('../img/menu4.gif'); background-repeat: no-repeat; }
#menu4act           { width: 223px; height: 35px; float: left; background-image: url('../img/menu4act.gif'); background-repeat: no-repeat; }
#menu4 a:hover      { background-image: url('../img/menu4act.gif'); }


#layout_foot        { width: 996px; height: 200px; float: left; background-image: url('../img/foot.gif'); background-repeat: no-repeat; }


/* Elements -------------------------------------------------------------------- */

#contact            { width: 300px; float: right; padding: 30px 0 0 10px; }

#paintings          { width: 600px; height: 340px; float: left; margin: 25px 0 0 20px; }
#textpaint          { width: 320px; float: left; margin: 25px 0 0 25px; font-size: 18px; line-height: 1.2em; }

#photo              { width: 620px; height: 340px; float: left; margin: 15px 0 0 75px; }
#photomenu          { width: 273px; height: 390px; float: left; }

#phtmenu1 a         { display: block; width: 273px; height: 76px; float: left; background-image: url('../img/pht1.png'); background-repeat: no-repeat; }
#phtmenu1act        { width: 273px; height: 76px; float: left; background-image: url('../img/pht1act.png'); background-repeat: no-repeat; }
#phtmenu1 a:hover   { background-image: url('../img/pht1act.png'); }

#phtmenu2 a         { display: block; width: 273px; height: 72px; float: left; background-image: url('../img/pht2.png'); background-repeat: no-repeat; }
#phtmenu2act        { width: 273px; height: 72px; float: left; background-image: url('../img/pht2act.png'); background-repeat: no-repeat; }
#phtmenu2 a:hover   { background-image: url('../img/pht2act.png'); }

#phtmenu3 a         { display: block; width: 273px; height: 72px; float: left; background-image: url('../img/pht3.png'); background-repeat: no-repeat; }
#phtmenu3act        { width: 273px; height: 72px; float: left; background-image: url('../img/pht3act.png'); background-repeat: no-repeat; }
#phtmenu3 a:hover   { background-image: url('../img/pht3act.png'); }

#phtmenu4 a         { display: block; width: 273px; height: 73px; float: left; background-image: url('../img/pht4.png'); background-repeat: no-repeat; }
#phtmenu4act        { width: 273px; height: 73px; float: left; background-image: url('../img/pht4act.png'); background-repeat: no-repeat; }
#phtmenu4 a:hover   { background-image: url('../img/pht4act.png'); }

#phtmenu5 a         { display: block; width: 273px; height: 97px; float: left; background-image: url('../img/pht5.png'); background-repeat: no-repeat; }
#phtmenu5act        { width: 273px; height: 97px; float: left; background-image: url('../img/pht5act.png'); background-repeat: no-repeat; }
#phtmenu5 a:hover   { background-image: url('../img/pht5act.png'); }






#navback            { width: 26px; float: left; padding-top: 120px; padding-right: 20px; }
#navnext            { width: 26px; float: left; padding-top: 120px; padding-left: 20px; }
#imagepnt           { width: 508px; float: left; text-align: center; }
#imagepht           { width: 528px; float: left; text-align: center; }



/* Others ---------------------------------------------------------------------- */
#des                { width: 996px; margin: 0 auto; color: #444; padding: 0 0 10px 0; }
#des a              { color: #444; }


#pht                { width: 770px; margin: 20px auto 0 auto; }
#phtnavback         { width: 26px; float: left; padding-top: 300px; }
#phtimage           { width: 770px; float: left; text-align: center; }
#phtnavnext         { width: 26px; float: left; padding-top: 300px; }
#phtimage img       { border: 3px solid #fff; }