html,body { padding:0px; margin:0px; background:#ffffff; color:#ffffff;	font-family:verdana,arial,sans-serif; font-size:11px }
a { text-decoration:none }
.clear:after { content:"."; display:block; height:0px;	clear:both;	visibility:hidden }
.clear { zoom:1 }

/** FRAME **/
#frame { width:850px; margin:0px auto }

/** HEAD **/
#head { height:70px; margin-top:20px; background:#bababa }
#head a#logo { float:left; font-size:26px; margin:10px 0px 0px 15px; letter-spacing:-2px; color:#000 }
#head a#logo span { display:block; background:#000; color:#bababa; padding:1px 0px; font-size:13px; font-weight:bold; text-align:center; letter-spacing:0px }

/** CONTENT **/
#content { margin-top:4px; height:420px; background:url(/pix/page-bg.gif) 0px 0px repeat-y }
#content #left { width:180px; height:420px;	overflow:hidden; margin-right:4px; float:left }

/** MENU **/
.menu {	margin-top:13px }
.menu .menu { margin-top:-3px; padding-bottom:5px }
.menu .entry { display:block; color:#000; padding:2px 5px 2px 15px; letter-spacing:-1px; font-size:14px; color:#ffffff; margin-bottom:8px }
.menu .entry.active { font-size:20px; font-style:italic; font-weight:bold; color:#000 }
.menu .entry.active span { margin-top:14px; background:#000 }
.menu .menu .entry { padding-left:45px;	font-style:italic }
.menu .menu .entry.active {	font-size:16px }
.menu .entry span { float:left; width:20px; height:6px; background:#ffffff; margin:8px 10px 0px 0px }
.menu .menu .entry.active span { margin-top:8px }
.menu .entry:hover { background:#828282; font-weight:bold; color:#000 }
.menu .active:hover { background:#6f6f6f }
.menu .entry:hover span { background:#000 }

/** RIGHT **/
#content #right { width:220px; height:420px; overflow:hidden; margin-left:4px; float:right }
#content #right #fullpic { display:block; width:220px; height:420px; background-position:0px 0px; background-repeat:no-repeat }
#content #right #galname { color:#000; font-size:16px; font-weight:bold; font-style:italic; height:50px; line-height:50px; text-align:center }
#content #right a.scroller { display:block; height:10px; background-color:#828282; color:#828282; background-repeat:no-repeat; background-position:center -10px }
#content #right a#up.scroller { background-image:url(/pix/scroll-up.gif) }
#content #right a#down.scroller { background-image:url(/pix/scroll-down.gif) }
#content #right a.scroller:hover { background-color:#6f6f6f; background-position:center 0px }
#content #right #thumbs { width:250px; height:350px; margin-top:10px; overflow:auto; padding-left:2px }
#content #right #thumbs.scrollable { margin-top:0px }
#content #right #thumbs a { float:left; width:100px; height:100px; margin:0px 0px 5px 5px; background-position:center center; background-repeat:no-repeat }

/** PAGE **/
#content #page { float:left; width:402px; height:420px; padding:0px 20px; overflow:auto; background:url(/pix/load.gif) center center no-repeat }
#page a { color:#000 }
#page #hiddenpic { display:none }
#page #pic { margin:10px 0px; width:400px; height:400px; background-color:#828282; background-position:center center; background-repeat:no-repeat }
#page .area { margin:30px 0px 0px 0px; text-align:center; font-style:italic; font-size:13px; color:#000 }
#page .area ul { padding:0px; margin:0px }
#page .area ul li { width:100%; text-align:center; list-style:none; color:#000; font-size:16px; font-style:italic; margin-bottom:10px }
#page .area #pfhead { color:#000; font-size:16px; font-weight:bold; font-style:italic; height:50px; line-height:50px; text-align:center }
#page .area #pfpic { margin-top:10px; width:400px; height:300px; background:url(/pix/portfolio/main.jpg) center center no-repeat }

/** FOOT **/
#foot { height:20px; line-height:20px; font-size:10px; background:#bababa; color:#000; text-align:right; padding-right:10px; margin-top:4px }
#foot a { color:#000; font-weight:bold }