@charset "UTF-8";
/* CSS Document */
p { margin:0 0 45px 0; color:#555; }
img { margin:0 10px 5px 0; }
/*h2 { font-family:Arial, Helvetica, sans-serif; font-size:19px; color:#000; font-weight:normal; }*/
h2 { margin:0 0 0px 0; }
/* ------------------ branding --------------------- */
div#branding h1 a { position:absolute; border:none;  background:url(../images/logo-pinworks-architecture-2l.png) no-repeat; left:20px; top:-68px; width:220px; height:69px; text-indent:-9999px; }


/* ------------------ banner --------------------- */
div#banner { width:1011px; height:60px; margin:100px auto 0px auto; position:relative; }
div#banner h2 { font-size:2em; }
/* ------------------ content Main --------------------- */
div#content { width:1011px; margin:0 auto; }
div#galleryNav {float:left; margin:15px 30px 30px 0; width:238px; border:#ccc solid 1px; background:#FCFCFC; }
div#sideColumn { width:238px; float:left; }
div#galleryDescription { width:220px; margin:100px 0 0 0; }
div#galleryNavContent { margin:17px 0 0 0;  width:200px;}
/* ------------------ Gallery Navigation --------------------- */
div#galleryNav h3 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#333333; font-size:1.1em; margin:0 0 15px 15px; }
div#galleryNav ul { margin:0 0 15px 15px; }
div#galleryNav ul li { list-style-type:none; border-bottom:#CCC 1px dotted; margin:0 0 5px 0;  padding:0 0 5px 0; }
div#galleryNav ul li.last { margin:0 0 5px 0; border-bottom:none; padding:0 0 5px 0; }
div#galleryNav ul li a { text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:.85em; }
div#galleryNav ul li a.selected { font-weight:bold; color:#993300; }
/*
div#content { width:1011px; margin:0 auto; }
div#galleryNav { float:left; background:url(../images/galleryNav_bg_top.png) no-repeat; width:238px; }
div#galleryNavContent { margin:17px 0 0 0; background:url(../images/galleryNav_bg_middle.png) repeat-y; }
div#galleryNavBottom { background:url(../images/galleryNav_bg_bottom.png) no-repeat 0px -80px; width:238px; height:173px; }
div#galleryImages { float:left; width:550px; margin:15px 0 0 0; }
div#galleryNav h3 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#333333; font-size:1.1em; margin:0 0 15px 15px; }
div#galleryNav ul { margin:0 0 0 15px; width:200px; }
div#galleryNav ul li { list-style-type:none; border-bottom:#CCC 1px dotted; margin:0 0 5px 0;  padding:0 0 5px 0; }
div#galleryNav ul li.last { margin:0 0 5px 0; border-bottom:none; padding:0 0 5px 0; }
div#galleryNav ul li a { text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:.85em; }
div#galleryNav ul li a.selected { font-weight:bold; color:#993300; }
*/
/* ------------------ Galery Image area --------------------- */
div#galleryImages { float:left; width:700px; margin:15px 0 0 0; }
div#thumbNails { float:left; width:120px; text-align:center; }
div#thumbNails img { border:2px solid #ccc; margin:5px auto 5px auto; }
div#thumbNails a:link img, div#thumbNails a:visited img { border:2px solid #ccc; }
div#thumbNails a:hover img, div#thumbNails a:active img { border:2px solid #993300; }
div#thumbNails a img.selected { border:2px solid #993300; }

div#bigImg { float:left; width:570px; margin:0 0 0 5px; position:relative;}
div#bigImg img { border:5px solid #CCC; }
div#bigImg div#nextprev { position:absolute; margin:-35px 0 0 0;}
div#bigImg div#nextprev a { float: left; margin:0 3px 0 0; }
div#bigImg div#nextprev a#prev:link, div#bigImg div#nextprev a#prev:visited { background:url(../images/button-prev.png) no-repeat 0px -30px; width:60px; height:30px; display:block; text-indent:-9999px; }
div#bigImg div#nextprev a#prev:hover,div#bigImg div#nextprev a#prev:active { background:url(../images/button-prev.png) no-repeat 0px 0px; width:60px; height:30px; display:block; text-indent:-9999px; }

div#bigImg div#nextprev a#next:link, div#bigImg div#nextprev a#next:visited { background:url(../images/button-next.png) no-repeat 0px -30px; width:60px; height:30px; display:block; text-indent:-9999px; }
div#bigImg div#nextprev a#next:hover,div#bigImg div#nextprev a#next:active { background:url(../images/button-next.png) no-repeat 0px 0px; width:60px; height:30px; display:block; text-indent:-9999px; }