BODY, HTML { background: #eee; }
BODY { padding: 20px; }

#box01 { width: 850px; margin: auto; text-align: left; }
#box02 { padding: 30px; background: #fff; border: 2px solid #ddd; }

/* Menus */

#menu3 { padding: 0; margin: 0; list-style: none; font-weight: bold; }
#menu3 LI { display: inline; }
#menu3 LI A { display: block; background: #eee; border-bottom: 1px solid #fff; color: #000; padding: 4px 15px; }
#menu3 LI A:hover { background: #000; color: #fff; text-decoration: none; }
#menu3 LI UL { font-size: 11px; padding: 0; margin: 0; list-style: none; }
#menu3 LI UL A { background: #ddd; padding: 4px 15px 4px 30px; font-weight: normal; }
#menu3 LI A.active { background: #444; color: #fff; }

/* Columns */

.col { float: left; min-height: 1px; overflow: hidden; }
.col01 { float: left; width: 156px; margin-right: 30px; }
.col02 { float: left; width: 600px; }

/* Footer */

#footer { border-top: 3px double #eee; padding: 5px 0 0 0; margin: 30px 0 0 0; }

/* Page actions */

UL.portfolio { padding: 0; margin: 0; }
UL.portfolio LI { padding: 0; margin: 0; display: inline; background: none; }
UL.portfolio H2 { margin: 20px 0 0 0; }
UL.portfolio P { margin: 5px 0 0 0; }
UL.portfolio P.img { float: right; padding: 0 0 0 20px; margin: 0; background: #fff; font-size: 1px; }
UL.portfolio P.img A { display: block; border: 5px solid #fff; }
UL.portfolio P.img A IMG { border: 2px solid #fff; }
UL.portfolio P.img A:hover { border-color: #ddd; }

/* Image list */

UL.imagelist { padding: 0; margin: 5px 0 0 0; }
UL.imagelist LI { float: left; margin: 10px 10px 0 0; padding: 0; background: none; width: 290px; }
UL.imagelist P { margin: 0; }
UL.imagelist P.center { margin: 10px 0 0 0; }

/* Thickbox */

/** {padding: 0; margin: 0;}*/

#TB_overlay { position: fixed; z-index: 100; top: 0px; left: 0px; height: 100%; width: 100%; }
* HTML #TB_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
#TB_window { position: fixed; background: #fff; z-index: 102; display: none; border: 4px solid #525252; text-align: left; top: 50%; left: 50%; }
* HTML #TB_window { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_Image { margin: 10px 0 0 10px; }
#TB_caption { padding: 10px; float: left; }
#TB_caption_text { float: left; padding: 4px 0 0 10px; }
#TB_closeWindow { float: right; padding: 10px; }
#TB_closeWindowButton { display: block; width: 23px; height: 23px; background: url(thickbox_close.gif) no-repeat; }
#TB_closeAjaxWindow { float: right; padding: 10px; }
#TB_ajaxWindowTitle { float: left; padding: 7px 0 5px 10px; margin-bottom: 1px; }
#TB_title { background-color: #e8e8e8; height: 27px; }
#TB_ajaxContent { clear: both; padding: 2px 10px 10px 10px; overflow: auto; text-align: left; line-height: 1.4em; }
#TB_ajaxContent.TB_modal { padding: 10px; }
#TB_ajaxContent P { padding: 5px 0px 5px 0px; }
#TB_load { position: fixed; display: none; height: 13px; width: 208px; z-index: 103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }
* HTML #TB_load { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_HideSelect { z-index: 99; position: fixed; top: 0; left: 0; background-color: #fff; border: none; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; height: 100%; width: 100%; }
* HTML #TB_HideSelect { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_iframeContent { clear: both; border: none; margin-bottom: -1px; margin-top: 1px; _margin-bottom: 1px; }

#TB_next { display: block; width: 23px; height: 23px; background: url(thickbox_next.gif) no-repeat; float: left; margin: 0 2px 0 0; }
#TB_prev { display: block; width: 23px; height: 23px; background: url(thickbox_prev.gif) no-repeat; float: left; margin: 0 2px 0 0; }