html,body { position: relative; background-color: #FFFFFF; margin:0; padding:0; }
td { vertical-align: middle; text-align: center; }
div { position: absolute; border: 0px solid #000000; }
div.container { position: relative; text-align: left; margin-left: auto; margin-right: auto; width: 800px; height: 600px; }

div.hmenu { position:absolute; top:5px; left:0px; height:70px; width:760px; z-index:1; }
div.vmenu { position:absolute; top:340px; left:0px; height:400px; width:150px; z-index:1; }
div.mitem { position:absolute; top:50%; margin-top:-35px; left:0px; height:60px; width:0px; z-index:1; }
div.hdr { position:absolute; top:5px; left:10px; height:300px; width:740px; background-image: url(images/header.jpg); z-index:1; }
div.motto { position:absolute; top:340px; left:200px; height:40px; width:600px; border: none; background-color:#FFFFFF; z-index:1; }
div.hcomments { position:absolute; top:395px; left:200px; width: 615px; background-color: #FFFFFF; z-index: 1; }

/*
 * Styles for listings page
 */
div.listings { position:absolute; top:5px; left:200px; width: 700px; background-color: #FFFFFF; z-index: 2; }
div.category { position:relative;top:0px;left:0px;width:700px;;background-color:#FFFFFF;text-align:center;z-index:3; }
div.cathdr { position:absolute;top:0px;left:0px;width:700px;height:70px;background-color:#FFFFFF;text-align:center;z-index:3; }

/* 
 * Styles for individual listing page
 */
div.lhdr { position:absolute;top:0px;left:0px;width:700px;height:70px;text-align:center;vertical-align:middle;;background-color:#FFFFFF;text-align:center;z-index:3; }
div.viewer { position:absolute; top:0px; left:0px; width: 700px;height:800px; background-color: #FFFFFF; z-index: 3; }
div.qqcomments { position:absolute; top:800px; left:0px; width: 700px; background-color: #FFFFFF; z-index: 3; }
div.lcomments { position:absolute; top:800px; left:0px; width: 700px; text-align:center;background-color: #FFFFFF; z-index: 3; }

/*
 * Styles for "About us" page
 */

div.aboutpic1 { position:absolute;top:0px;left:0px;height:400px; width:700px; text-align:center;background-color: #FFFFFF; z-index: 2; }
div.abouttxt1 { position:absolute;top:0px;left:0px;height:700px; width:700px; text-align:center;background-color: #FFFFFF; z-index: 2; }
div.aboutpic2 { position:absolute;top:0px;left:0px;height:400px; width:700px; text-align:center;background-color: #FFFFFF; z-index: 2; }
div.abouttxt2 { position:absolute;top:0px;left:0px;height:700px; width:700px; text-align:center;background-color: #FFFFFF; z-index: 2; }
div.aboutpic3 { position:absolute;top:700px;left:0px;height:400px; width:700px; text-align:center;background-color: #FFFFFF; z-index: 2; }
div.abouttxt3 { position:absolute;top:1100px;left:0px;height:700px; width:700px; text-align:center;background-color: #FFFFFF; z-index: 2; }

/*
 * Styles for "Contact us" page
 */
div.chdr { position:absolute;top:0px;left:200px;width:700px;height:70px;text-align:center;vertical-align:middle;;background-color:#FFFFFF;text-align:center;z-index:3; }
div.contact { position:absolute; top:70px; left:200px; width: 700px; background-color: #FFFFFF; font-family: verdana; font-weight: bold; font-size: medium; color: #3333FF; z-index: 2; }
div.phonecaption { position:relative; font-family: verdana; font-weight: bold; font-size: large; color: #3333FF; z-index: 2; }
div.phonenumber { position:relative; font-family: verdana; font-weight: bold; font-size: large; color: #000000; z-index: 2; }

div.ftr { height:300px; width:780px; z-index:3; }
div.title { position:absolute; top:30px; left:110px; font-family: georgia; font-weight: bold; font-size: large; color: #D2FB57; z-index: 2; }
div.copy { position:absolute; top:95%; left:77%; font-family: georgia; font-weight: bold; font-size: 10px; color: #D2FB57; z-index: 2; }
div.bar { position:absolute; top:497px; left:57px; height:33px; width:332px; border: medium solid #735C3E; background-image: url(images/barbg.jpg); background-repeat: repeat-x; z-index:4; }

div.bigpic { position:absolute; top:133px; left:61px; height:352px; width:328px; border:thin solid #000000; background-color:#735C3E; background-position: center center; background-image: url(images/pixel.jpg); background-repeat: no-repeat; z-index:5; }
div.artist { position:absolute; top:506px; left:64px; height:20px; width:245px; text-align: center; font-family: georgia; font-weight: bold; font-size: 14px; color: #DCBE8F; z-index:5; }
div.prev { position:absolute; top:504px; left:308px; height:25px; width:20px; z-index:5; }
div.nums { position:absolute; top:506px; left:330px; height:20px; width:35px; text-align: center; font-family: georgia; font-weight: bold; font-size: 14px; color: #DCBE8F; z-index:5; }
div.next { position:absolute; top:504px; left:370px; height:25px; width:20px; z-index:5; }

div.upic { position:absolute; top:134px; left:418px; height:83px; width:111px; border:thin solid #000000; background-color:#735C3E; background-position: center center; background-image: url(images/logo-med.jpg); background-repeat: no-repeat; z-index:5; }
div.utitle { position:absolute; top:132px; left:539px; height:10px; width:200px; font-family: georgia; font-weight: bold; font-size: 12px; color: #383D0F; z-index:5; }
div.utxt { position:absolute; top:146px; left:539px; height:73px; width:200px; font-family: georgia; font-weight: normal; font-size: 12px; color: #383D0F; z-index:5; }

div.mtitle { position:absolute; top:235px; left:418px; height:10px; width:320px; font-family: georgia; font-weight: bold; font-size: 12px; color: #383D0F; z-index:5; }
div.mtxt { position:absolute; top:249px; left:418px; height:93px; width:320px; font-family: georgia; font-weight: normal; font-size: 12px; color: #383D0F; z-index:5; }

div.btitle { position:absolute; top:337px; left:419px; height:10px; width:320px; font-family: georgia; font-weight: bold; font-size: 12px; color: #383D0F; z-index:5; }

div.lpic { position:absolute; top:354px; left:418px; height:83px; width:150px; border:thin solid #000000; background-color:#735C3E; background-position: center center; background-image: url(images/logo-med.jpg); background-repeat: no-repeat; z-index:5; }
div.ltxt { position:absolute; top:448px; left:418px; height:93px; width:158px; font-family: georgia; font-weight: normal; font-size: 12px; color: #383D0F; border-right: thin groove #000000; z-index:5; }

div.rpic { position:absolute; top:354px; left:580px; height:83px; width:150px; border:thin solid #000000; background-color:#735C3E; background-position: center center; background-image: url(images/logo-med.jpg); background-repeat: no-repeat; z-index:5; }
div.rtxt { position:absolute; top:448px; left:580px; height:93px; width:158px; font-family: georgia; font-weight: normal; font-size: 12px; color: #383D0F; z-index:5; }

a.hbtn { height: 70px; width: 150px; margin: 0px; border: none; font: 18px verdana; color: #339999; text-align: center; background-color :white; z-index:5; text-decoration: underline; }
a.hbtn:link { height: 70px; width: 150px; border: none; color: #339999; font: 18px verdana; background-color: white; text-decoration: underline; }
a.hbtn:visited { height: 70px; width: 150px; border: none; color: #339999; font: 18px verdana; background-color: white; text-decoration: underline; }
a.hbtn:hover { height: 70px; width: 150px; border: none; font: 18px verdana; color: #339999; background-color: white; text-decoration: underline; }
a.hbtn:active { height: 70px; width: 150px; border: none; font: 18px verdana; color: #339999; background-color: white; text-decoration: underline; }

a.vbtn { height: 70px; width: 150px; margin: 0px; border: none; font: 18px verdana; color: white; text-align: center; background-color :#339999; z-index:5; text-decoration: none; }
a.vbtn:link { height: 70px; width: 150px; border: none; color: white; font: 18px verdana; background-color: #339999; text-decoration: none; }
a.vbtn:visited { height: 70px; width: 150px; border: none; color: white; font: 18px verdana; background-color: #339999; text-decoration: none; }
a.vbtn:hover { height: 70px; width: 150px; border: none; font: 18px verdana; color: white; background-color: #3399FF; text-decoration: none; }
a.vbtn:active { height: 70px; width: 150px; border: none; font: 18px verdana; color: white; background-color: #339999; text-decoration: none; }

div.ititle { position:absolute; top:128px; left:0px; width: 800px; text-align: center; font-family: georgia; font-weight: bold; font-size: x-large; color: #D2FB57; z-index: 2; }
div.gviewer { position:absolute; top:158px; left:0px; height:800px; width:800px; background-image: url(images/viewerbg.jpg); background-repeat: repeat-x; z-index:0; }
a.gal { height: 20px; width: 161px; margin: 0px; border: 0px solid #D0F95F; font-size: 14px; font-weight: normal; color: #CCFF66; text-align: center; line-height: 150%; background-color :#676E28; z-index:5; }
a.gal:link { height: 20px; width: 161px; color: #CCFF66; font-size: 14px; font-weight: normal; }
a.gal:visited { height: 20px; width: 161px; color: #CCFF66; font-size: 14px; font-weight: normal; background-color: #676E28; }
a.gal:hover { height: 20px; width: 161px; font-size: 14px; font-weight: normal; color: #CCFF66; background-color: #676E28; }
a.gal:active { height: 20px; width: 161px; font-size: 14px; font-weight: normal; color: #CCFF66; background-color: #676E28; }