/*--GENERAL INDEX LAYOUT STYLES------------*/
#page {padding:0; margin:0 auto;}
#pageHeader {float:left; margin:0 auto 0 0; padding:0; width:100%; text-align:left; height:120px; background:url(../img/page-header-bg.jpg);}
#pageHeader img {float:left; display:inline; margin:0; padding:0; border:none;}
#pageHeader img.logo {padding-top:60px;} 
#pageHeader #topNav {display:inline; margin:0; padding:0; border:none;}
#pageHeader #topNav img {float:left; display:inline; margin:0; padding:67px 40px 0 0; border:none;}
#pageHeader #topNav img.home {float:right; display:inline; margin:0; padding:67px 15px 0 0; border:none;}

#pageMain {float:left; margin:0 auto 0 0; padding:0; width:100%; text-align:left; height:330px; background:#665c56;}
#pageMain #indexImage {float:left; margin:0; padding:0px; width:610px; text-align:left; height:330px;}
#pageMain #indexImage img {float:left; display:inline; padding:0 0 0 50px; margin:0; border:none;}
#pageMain #indexIntro {float:left; margin:0; padding:0; width:370px; text-align:left; height:330px; font:normal 11px Arial, Helvetica, sans-serif; color:#d9d6d5; line-height:15px;}
#pageMain #indexIntro p {padding:0 0 7px 20px; margin:0;}
#pageMain #indexIntro div.title {margin:0; padding:55px 0 4px 20px;}
#pageMain #indexIntro div.returnLinks {padding:0; margin:0; width:auto;}
#pageMain #indexIntro div.navLinks {padding:20px 0 0 20px; margin:0;}
#pageMain #indexIntro div.navLinks img {border:0;}
#pageMain #indexIntro a, a:active, a:link, a:visited {color:#a5bec3; text-decoration:none;}
#pageMain #indexIntro a:hover {color:#d9d6d5; text-decoration:none;}

#pageMainDetail {float:left; margin:0 auto 0 0; padding:0; width:100%; text-align:left; height:auto; background:#665c56;}
#pageMainDetail #indexImage {float:left; margin:0; padding:0px; text-align:left; height:auto;}
#pageMainDetail #indexImage div.edgeLeft {width:20px; padding:0; margin:0 0 0 30px; height:100%;float:left; background:url(../img/art-detail-left-bg.jpg) repeat-y;}
#pageMainDetail #indexImage div.edgeLeft img {float:left; display:inline; padding:0; margin:0; border:none;}
#pageMainDetail #indexImage div.edgeRight {width:20px; padding:0; margin:0; float:left; background:url(../img/art-detail-right-bg.jpg) repeat-y;}
#pageMainDetail #indexImage div.edgeRight img {float:left; display:inline; padding:0; margin:0; border:none;}
#pageMainDetail #indexImage img {float:left; display:inline; padding:0; margin:0; border:none;}
#pageMainDetail #indexIntro {float:left; margin:0; padding:0; width:370px; text-align:left; font:normal 11px Arial, Helvetica, sans-serif; color:#d9d6d5; line-height:15px;}
#pageMainDetail #indexIntro p {padding:0 0 7px 20px; margin:0;}
#pageMainDetail #indexIntro div.titleText {margin:0; padding:45px 0 15px 20px; font:italic 27px Arial, Helvetica, sans-serif; color:#a5bec3; letter-spacing:-0.02em; line-height:26px;}
#pageMainDetail #indexIntro span.titleCategory {margin:0; padding:0 0 0 4px; font:normal 10px Arial, Helvetica, sans-serif; color:#868d8d; letter-spacing:0;}
#pageMainDetail #indexIntro span.titleCategory a, a:active, a:link, a:visited {color:#868d8d; text-decoration:none;}
#pageMainDetail #indexIntro span.titleCategory a:hover {color:#868d8d; text-decoration:none;}

#pageMainDetail #indexIntro div.returnLinks {padding:0; margin:0; width:auto;}
#pageMainDetail #indexIntro div.navLinks {padding:30px 0 0 20px; margin:0;}
#pageMainDetail #indexIntro div.navLinks img {border:0; display:inline;}
#pageMainDetail #indexIntro a, a:active, a:link, a:visited {color:#a5bec3; text-decoration:none;}
#pageMainDetail #indexIntro a:hover {color:#d9d6d5; text-decoration:none;}



#pageBottom {float:left; margin:0 auto 0 0; padding:35px 0 40px 0; width:100%; text-align:left; height:auto; background:url(../img/page-bottom-content-bg.jpg) repeat-x;}
#pageBottomContent {float:left; margin:0 auto 0 0; padding:10px 0 0 50px; width:600px; text-align:left; height:auto;}
#pageBottomContent div.thumbs {float:left; margin:0 auto 0 0; padding:0 0 0 0; width:920px; text-align:left; height:auto;}
#pageBottomContent div.thumbs div.thumb {float:left; display:inline; position:relative; width:75px; height:75px; padding:0; margin:0 25px 40px 0; font:normal 11px Arial, Helvetica, sans-serif; color:#a5bec3;}
#pageBottomContent div.thumbs div.thumb a, a:active, a:link, a:visited {color:#a5bec3; text-decoration:none;}
#pageBottomContent div.thumbs div.thumb a:hover {color:#7b7774; text-decoration:none;}
#pageBottomContent div.thumbs div.thumb img {float:left; display:inline; padding:0; margin:0 0 3px 0; border:1px solid #7b7774; width:75px; height:75px;}
#pageBottomContent div.thumbs div.thumb img.on {float:left; display:inline; padding:0; margin:0 0 3px 0; border:1px solid #3d3c3b; width:75px; height:75px;}

#pageBottomContent div.thumbs div.thumbOn {float:left; display:inline; position:relative; width:75px; height:75px; padding:0; margin:0 25px 40px 0; font:normal 11px Arial, Helvetica, sans-serif; color:#918e8c;}
#pageBottomContent div.thumbs div.thumbOn a, a:active, a:link, a:visited {color:#918e8c; text-decoration:none;}
#pageBottomContent div.thumbs div.thumbOn a:hover {color:#918e8c; text-decoration:none;}
#pageBottomContent div.thumbs div.thumbOn img {float:left; display:inline; padding:0; margin:0 0 3px 0; border:1px solid #3d3c3b; width:75px; height:75px;}

#pageBottomContent p {margin:0; padding:0 0 14px 0; font:normal 15px Arial, Helvetica, sans-serif; color:#dfdad7; line-height:19px;}
