/* body text index.html for latest news ========================================================== */
body {margin:0;}

a { color:#FF6600; text-decoration:none;}

a:hover { text-decoration:underline;}



/* layout ========================================================== */

#header { width:100%; height:25px; background-color:#FCFBFC;}

.headerinfo { width:980px; height:25px; margin:auto; padding-top:5px;}

#wrap { width:980px; margin:auto; margin-top:20px;}

.latestnews { width:600px; float:left; text-align:left; font-family: Arial, Helvetica, sans-serif; font-size:10px; color:#666;}

.copyright { float:right; width:150px; height:10px; margin-top:-5px; background-repeat:no-repeat; margin-right:30px; float:right; background-image:url(../images/copyright.png);}

.navi { float:left; width:120px; margin-left:50px;}

.artworkframe { float:right; width:750px; margin:auto;}
.slideshow { width:750px; height:60px; margin:auto;}
.artwork { width:750px; }


	
/* image rollover ========================================================== */}

.home { float:left; width: 55px; height: 15px; }
.home a { display: block; width: 55px; height: 15px; background: url(../images/home.png) no-repeat top left; }
.home a:hover { background-position: bottom left; }

.contact { float:left; width:180px; height:25px; width: 90px; height: 25px; margin-top:5px }
.contact a { display: block; width: 90px; height: 25px; background: url(../images/contact.png) no-repeat top left; }
.contact a:hover { background-position: bottom left; }

.work { float:left; width: 100px; height:25px; width: 60px; height: 25px; margin-top:10px; }
.work a { display: block; width: 80px; height: 25px; background: url(../images/work.png) no-repeat top left; }
.work a:hover { background-position: bottom left; }

.artwork { float:left; width: 100px; height:25px; height: 25px; margin-top:10px; }
.artwork a { display: block; width: 100px; height: 25px; background: url(../images/artwork.png) no-repeat top left; }
.artwork a:hover { background-position: bottom left; }

.blog { float:left; width: 100px; height:25px; height: 25px; margin-top:10px; }
.blog a { display: block; width: 100px; height: 25px; background: url(../images/blog.png) no-repeat top left; }
.blog a:hover { background-position: bottom left; }

.exhibition { float:left; width: 120px; height:25px; height: 25px; margin-top:10px;}
.exhibition a { display: block; width: 120px; height: 25px; background: url(../images/exhibition.png) no-repeat top left; }
.exhibition a:hover { background-position: bottom left; }

.gallery { float:left; width: 120px; height:25px; height: 25px; margin-top:10px; }
.gallery a { display: block; width: 120px; height: 25px; background: url(../images/gallery.png) no-repeat top left; }
.gallery a:hover { background-position: bottom left; }

.latestwork { float:left; width: 120px; height:25px; height: 25px; margin-top:10px;}
.latestwork a { display: block; width: 120px; height: 25px; background: url(../images/latestwork.png) no-repeat top left; }
.latestwork a:hover { background-position: bottom left; }

.newwork { float:left; width: 120px; height:25px; height: 25px; margin-top:10px; }
.newwork a { display: block; width: 120px; height: 25px; background: url(../images/newwork.png) no-repeat top left; }
.newwork a:hover { background-position: bottom left; }

.morework { float:left; width: 120px; height:25px; height: 25px; margin-top:10px;  }
.morework a { display: block; width: 120px; height: 25px; background: url(../images/morework.png) no-repeat top left; }
.morework a:hover { background-position: bottom left; }

.previous { float:left; width: 28px; height:71px; width: 28px; height: 35px; }
.previous a { display: block; width: 28px; height: 35px; background: url(../images/previous.png) no-repeat top left; }
.previous a:hover { background-position: bottom left; }

.next { float:left; width: 28px; height:71px; width: 28px; height: 35px; margin-left:200px; }
.next a { display: block; width: 28px; height: 35px; background: url(../images/next.png) no-repeat top left; }
.next a:hover { background-position: bottom left; }
