* {
     margin: 0;
}
html, body, #UI {
    height: 100%;
}
body {
    background-color: #f4f4f4; background-image:url(/images/skin/back.repeat.png);
    color: #000000; font-family: georgia; background-repeat:repeat-x; font-size-adjust:none;
    font-size: 100%; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;
    padding: 0; text-align: center; 
}
body {  
    text-align: -moz-center;
}

#App_Main
{
    text-align: left;
    width: 990px;
    
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -45px; /*Sticky Footer height 64*/
}
#Ftr_UI, #StickyPush {
    height:45px; padding:0 0 0 0; margin:0 0 0 0;
}
#Ftr_UI {
    background-color:#6e6e6e; width:100%; background-image:url(/images/skin/footer.back.png); background-repeat:repeat-x; position:relative;
}
#Ftr_UI .copyright { float:right; width:300px; height: 20px; font-size:12px; font-weight:bold; padding-left:5px;	padding-top: 2px; position:relative; top:18px; color:#F1F1F1;}

#Hdr_Main { position:relative; top:0px; left:0px; height:120px; }
#Hdr_Main .logo { position:absolute; top:19px; left:18px; }

#Nav_Main { background-color:#8b8b8b; height:27px; position:absolute; left:191px; top:66px;  padding:0; margin:0; }
#Nav_Main .navItem { float:left; position:relative; padding:0; margin:0; margin-left:2px; margin-right:2px; display:block; padding-top:2px; }
#Nav_Main .navItem .command { padding:0; margin:0; padding-top:14px; }
#Nav_Main .navItem a { text-decoration:none; color:#fff; font-size:11px; font-family:Georgia; padding:0; margin:0; padding-top:4px;}
#Nav_Main .active a { text-decoration:underline; }
#Nav_Main .selected a { font-weight:bold; }
#Nav_Main .begin { background-image:url(/images/skin/navigation.left.png); width:8px; height:27px; display:block; float:left; position:relative; }
#Nav_Main .end { background-image:url(/images/skin/navigation.right.png); width:10px; height:27px; display:block; float:left; position:relative; }

#Hdr_Content { position:relative; height:20px; left:0px; top:0;}
#Hdr_Content .title { font-size:18px; font-family:courier new, monospace; font-weight:normal; position:absolute; top:5px; left:25px;}

.viewInfo #Mod_Generic { position:relative; left:27px;  top:20px; width:764px; font-size:12px; color:#4c4c4c; font-family:georgia; line-height:18px; }
.viewCode #Mod_Interactive { position:relative; left:30px; top:30px; width:850px; height:auto; font-size:12px; color:#4c4c4c; font-family:georgia; line-height:18px; }

#Mod_Article { width:864px; font-size:12px; color:#4c4c4c; font-family:georgia; line-height:18px; }
#Hdr_Article { width:834px; height:57px; background-image:url(/images/skin/article.header.png); position:relative; padding:10px; padding-top:13px; padding-left:20px; }
#Hdr_Article .title { color:#f2f2f2; font-size:22px; font-weight:normal; position:absolute; top:17px; left:20px; height:30px; width:100%; }
#Hdr_Article .subtitle { color:#f2f2f2; font-size:14px; font-weight:normal; position:absolute; top:57px; left:21px;  }
#Cnt_Article { padding:20px; width:824px; height:auto; background-image:url(/images/skin/article.content.png); background-repeat:repeat-y; }
#Cnt_Article .preview { padding:10px; margin-bottom:15px; }
#Ftr_Article { width:864px; height:108px; background-image:url(/images/skin/article.footer.png); }
#Cnt_Article .section .header { position:relative; width:819px; height:13px; background-image:url(/images/skin/articleSection.header.png); }
#Cnt_Article .section .header h2 { position:absolute; top:0px; width:800px; padding:10px; }
#Cnt_Article .section .content { width:799px; padding:10px; padding-top:22px; height:auto; background-image:url(/images/skin/articleSection.content.png); background-repeat:repeat-y; }
#Cnt_Article .code { padding:20px; font-size:12px; line-height:18px; white-space: pre; color:#3b443c; font-size:14px; font-family:Monospace;}
#Cnt_Article .section .footer { width:819px; height:13px; background-image:url(/images/skin/articleSection.footer.png);  }
#Cnt_Article .section li { list-style-type:circle;}

#Mv_PhotoViewer { width:680px; position:relative; left:20px; top:0px; height:700px;  }
#Cnt_PhotoViewer { position:relative; top:0; left:0; }

#Cnt_PhotoViewer .mediaCarousel { z-index:2; width:610px; border:1px solid #000; float:left; height:64px; background-repeat:repeat-y; border:0px solid transparent; 
    position:absolute; left:40px; top:460px; background-image:url(/images/skin/mediaCarousel.back.png); 
}
#Cnt_PhotoViewer .mediaCarousel .container { position:relative; left:45px; top:8px; width:515px; overflow:hidden; height:50px; float:left; padding:0;}        
#Cnt_PhotoViewer .mediaCarousel .items { position:relative; top:0px; left:0px; width:5000px; height:48px; padding:0; margin:0;  }
#Cnt_PhotoViewer .mediaCarousel .item { background-color:transparent; border:1px solid transparent; height:144px; margin-right:8px; width:75px; height:48px; float:left; clear:right; position:relative; }
#Cnt_PhotoViewer .mediaCarousel .item { text-align:center; }
#Cnt_PhotoViewer .mediaCarousel .item.hover .photo img { border-top:2px solid #6D6D6D;  }
#Cnt_PhotoViewer .mediaCarousel .item.selected .photo img { border-top:4px solid #6D6D6D;  }
#Cnt_PhotoViewer .mediaCarousel .item .caption { display:block; position:absolute; top:0px; text-align:center; width:134px; z-index:2;}
#Cnt_PhotoViewer .mediaCarousel .item .photo { width:95px; height:48px; overflow:hidden;  }
#Cnt_PhotoViewer .mediaCarousel .item .photo img {  }
#Cnt_PhotoViewer .mediaCarousel .navButton { position:absolute; width:12px; height:12px; text-indent:-9999px; }
#Cnt_PhotoViewer .mediaCarousel .navButton.previous {  left:25px; top:27px; width:12px; height:12px; background-image:url(/images/skin/carousel.command.previous.png); }
#Cnt_PhotoViewer .mediaCarousel .navButton.next { left:573px; top:27px; width:12px; height:12px; background-image:url(/images/skin/carousel.command.next.png); }
#Cnt_PhotoViewer .mediaCarousel .item .key { display:none; }
#Cnt_PhotoViewer .mediaCarousel .item .caption { display:none; }

#Mv_PhotoViewer .header { background-image:url(/images/skin/mediaNav.back.png); display:block; width:610px; height:33px; position:relative; left:42px; top:30px; font-size:11px; }
#Mv_PhotoViewer .header .command { text-decoration:underline; position:absolute; top:9px; }
#Mv_PhotoViewer #Cmd_ReturnToAlbums { left:20px; }
#Mv_PhotoViewer #Cmd_NextPhoto { left:550px; }
#Mv_PhotoViewer #Cmd_PreviousPhoto { left:480px; }

#Media_Photo { position:absolute; width:609px; height:409px; left:42px; top:40px; background-color:transparent; text-align:center; }
#Media_Photo img { position:relative; top:4px; }

.movingView  { width:800px; position:relative; margin:20px; height:auto; }
.movingView .footer { clear:both;}

#Gallery_Albums .header { display:none; }
#Gallery_Albums { margin-bottom:300px; }
#Cnt_Albums .header { display:block; }
.viewGallery .movingView { width:850px; position:relative; left:300px; top:0px; }
.viewGallery .movingView .item { width:239px; border:0; background-repeat:no-repeat; margin:0; margin-right:40px; margin-bottom:5px; padding:0; background-color:transparent; font-size:12px; float:left; }
.viewGallery .movingView .item .header { background-image:url(/images/skin/album.top.png); width:239px; height:11px; display:block; }
.viewGallery .movingView .item .footer { background-image:url(/images/skin/album.bottom.png); width:239px; height:23px; display:block; }
.viewGallery .movingView .item .content { background-image:url(/images/skin/album.content.png); width:239px; height:auto; background-repeat:repeat-y; position:relative; }
.viewGallery .movingView .item .brief { background-image:url(/images/skin/galleryItem.back.png); height:210px; position:relative; z-index:1; }
.viewGallery .movingView .active .brief { background-image:url(/images/skin/galleryItem.back.active.png); }
.viewGallery .movingView .item .brief .name { position:absolute; left:10px; width:211px; top:188px; font-size:14px; color:#6D6D6D; text-align:center; font-weight:bold; cursor:default; font-family:times; }
.viewGallery .movingView .item .brief .icon { position:absolute; left:10px; width:211px; height:171px;  top:0px; border:1px solid #fff; padding:2px; background-color:#F4F4F4; cursor:default;}
.viewGallery .movingView .item .detail { display:none; }
.viewGallery .movingView .active .detail { position:relative; left:4px; top:-4px; display:block; width:190px; height:auto; background-color:#fff; background-repeat:no-repeat; background-image:url(/images/skin/box.team.footer.png); background-position:-4px bottom; padding:0; padding-top:20px; padding-bottom:20px; padding-left:10px; padding-right:10px; }
* html .viewGallery .movingView .active .detail { left:1px; }
.viewGallery .movingView .item .detail .desc { position:relative; }
.viewGallery .movingView .moving  .content { padding-bottom:5px; }
.viewGallery .movingView .item .detail .desc span { display:block; float:none; width:100%; font-size:10px; color:#5B5B5B;}
.viewGallery .movingView .item .detail .desc .caption { clear:both; font-weight:bold; }
.viewGallery .movingView .item .detail .desc .data { clear:both; margin-bottom:10px; }
.viewGallery .movingView .active .brief { display:block; }
.viewGallery .movingView .item .cmdView { display:block; width:78px; height:27px; position:relative; top:32px; left:140px; z-index:5; background-image:url(/images/skin/command.small.png); text-align:center; font-family:Monospace; color:#8b8b8b; font-size:11px; padding-top:5px;}
.viewGallery .movingView .item .cmdClose { display:none; width:24px; height:20px; position:absolute; top:7px; left:187px; z-index:3; }
.viewGallery .movingView .active .cmdClose { display:block; display:none; cursor:pointer;}
#Gallery_Albums .content { float:left;} 
#Hdr_Interactive { display:none;}
#Gallery_Albums { position:relative; left:0px; top:20px; }

/* Book Layouts */
.book { } 
.bookpage  { float:left; margin-right:30px; }
.bookpage ul {}
.booknav { font-size:11px; color:#003355; }
.booknav embed,  .booknav object { cursor:pointer;}
.booknav-page1 { display:none;}
.booknav-page2 {position:absolute; left:330px; display:none;}
.booknav-prev { cursor:pointer;}
.booknav-next { cursor:pointer;}
#Gallery_Articles { position:relative; left:-5px; }
#Gallery_Articles .bookpage { height:400px; width:250px; font-size:11px;}
#Gallery_Articles .booknav-current {position:absolute; top:420px; left:410px; font-size:12px; width:100px;}
#Gallery_Articles .booknav .booknav-pagenumber {position:absolute; top:420px; left:410px; }
#Gallery_Articles .booknav-prev { position:absolute; top:420px; left:270px; font-size:9px; width:100px;}
#Gallery_Articles .booknav-next {position:absolute; top:420px; left:490px; font-size:9px; width:100px;}
#Gallery_Articles .item { margin-bottom:25px; }
#Gallery_Articles .item .name { font-weight:bold; font-size:12px; }
#Gallery_Articles .item .name a { color:#000; font-weight:normal;  }
#Gallery_Articles .item .detail { font-weight:normal; font-size:11px; }
#Gallery_Articles .item .cmdView { margin-bottom:5px; }
#Gallery_Articles .item .cmdView a { color:#000; font-size:11px; }

#Hud_Status { display:block; position:absolute; z-index:10; top:150px; padding-left:27px; font-size:11px; }

#Bookmark { position:absolute; left:716px; top:58px; }

#Dv_Comments { margin-top:20px;color:#000;padding-bottom:40px;width:760px;border:0;margin-bottom:40px; }
#Dv_CommentForm { margin-top:20px;color:#000;padding-bottom:40px;width:760px;border:0;margin-bottom:40px; }

#Cnt_Comments .comment {margin:10px;font-size:11px;position:relative;left:-2px; width:800px;background-color:#f0f0f0;padding:20px;color:#000; border:4px solid #f0f0f0; }
#Cnt_Comments .new {background-color:#fff;color:#000; }
#Cnt_Comments .comment .nickname{float:left;clear:right; font-weight:bold;}
#Cnt_Comments .comment .message{clear:both;position:inherit;top:10px;}
#Cnt_Comments .comment .timestamp{margin-left:5px;float:left;clear:right; }
#Dv_CommentForm { position:relative; left:130px; }
#Dv_CommentForm .group {margin-top:10px;  }
#Dv_CommentForm .caption {display:block;font-size:11px; clear:both;}
#Dv_CommentForm .data { clear:both; display:block;}
#Dv_CommentForm .textarea textarea{width:620px;height:100px;}
#Dv_CommentForm .command {text-align:center;clear:both;margin:10px;background-color:#353E39;color:#fff;width:100px;padding:4px;border:4px solid #1E2525; position:relative; left:500px;}
#Cnt_Comments .owner { border:1px solid #999999; }

.viewPortfolio #Mod_Interactive { position:relative; top:0px; width:950px; height:auto; }
.viewPortfolio #Cnt_Interactive { position:relative; top:0px; width:950px; height:auto; }
.viewInfo .dataView .caption { display:none;}
.viewInfo .dataView .data a { color:#000; font-weight:normal;  }