body { margin:0; padding:0; font-family:Arial, Verdana, sans-serif; font-size:small; background:#000; color:#fff; }
body.reset { margin:0; padding:0; background:none; }

#page      { width:960px; margin:0 auto; }
#header    { width:960px; height:450px;  }
#content   { width:960px; margin:0;      }
#footer    { width:960px; height:40px; margin-top:10px; font-size:.85em; }
#primary   { width:728px; float:right;   }
#secondary { width:232px; float:left;    }

#banner-logo      { width:232px; height:360px; overflow:hidden; background:#000; float:left;  }
#banner-slideshow { width:728px; height:360px; overflow:hidden; background:#000; float:right; }
#menu-main        { width:232px; height:90px;  overflow:hidden; background:#000; float:left;  }
#banner-top       { width:728px; height:90px;  overflow:hidden; background:#000; float:right; }
#banner-footer-1  { width:728px; height:90px;  overflow:hidden; background:#000; clear:both; }
#banner-footer-2  { width:728px; height:90px;  overflow:hidden; background:#000; clear:both; }
#banner-footer-3  { width:728px; height:90px;  overflow:hidden; background:#000; clear:both; }
#banner-sidebar   { width:232px; height:360px; overflow:hidden; background:#000; }
#menu-share       { width:232px; height:180px; overflow:hidden; background:#000; }
#banner-right-1   { float:right; width:250px; height:230px; overflow:hidden; background:#000; }
#banner-right-2   { float:right; width:250px; height:250px; overflow:hidden; background:#000; }

#footer a { color:#fff; text-decoration:none; } #footer a:hover { text-decoration:underline; }

#banner-sidebar ul,
#banner-sidebar ul li { margin:0; padding:0; }
#banner-sidebar ul li { width:116px; float:left; }

.lightblue  { background-color:#00A69C; }
.purple     { background-color:#A04878; }
.darkbrown  { background-color:#895D3A; }
.lightbrown { background-color:#AC7C3C; }
.green      { background-color:#A29900; }
.darkblue   { background-color:#509BBA; }
.orange     { background-color:#F6931E; }
.red        { background-color:#B55847; }
.grey       { background-color:#C2B49A; color:#000; }
.yellow     { background-color:#fff000; color:#000; }

.lightblue_c  { color:#00A69C; }
.purple_c     { color:#A04878; }
.darkbrown_c  { color:#895D3A; }
.lightbrown_c { color:#AC7C3C; }
.green_c      { color:#A29900; }
.darkblue_c   { color:#509BBA; }
.orange_c     { color:#F6931E; }
.red_c        { color:#B55847; }

#menu-main  a { text-decoration:none; width:106px; height:22px; line-height:22px; float:left; display:block; padding:0 0 0 10px; margin:0; border:none; color:#fff; }
#menu-main a:hover, #menu-main a.active { color:#000; }
#menu-main .home, #menu-main .archive, #menu-main .videos, #menu-main .contacts { height:23px; line-height:23px; }

.banner, .banner ul, .banner ul li { margin:0; padding:0; list-style:none; }

#secondary .page-title    { font-size:2.4em; margin-left:10px; margin-top:10px; }
#secondary .page-subtitle { font-size:1em; margin-left:10px; margin-top:5px; }
#secondary .page-info     { margin-left:10px; font-style:italic; }
#secondary .pagination    { font-size:.9em; font-weight:bold; margin-left:10px; margin-bottom:10px; }
#secondary .pagination a  { text-decoration:none; color:#509BBA; }
#secondary .pagination strong { color:#fff; }

.item         { width:140px; height:193px; overflow:hidden; padding:8px; float:left; color:#fff; }
.item a       { color:#fff; text-decoration:none; }
.item a:hover { color:#ccc; text-decoration:none; }
.item a img   { display:block; width:140px; height:100px; margin-bottom:5px; }
.item a span  { display:block; text-align:left; }

.related              { width:240px; height:101px; overflow:hidden; margin:15px 0 2px 12px; }
.related a            { text-decoration:none; }
.related a:hover      { text-decoration:underline; }
.related a img        { float:left; margin-right:10px; margin-bottom:2px; }
.related a span       { display:block; text-align:left; font-size:12px; line-height:16px; }
.related a span.title { height:19px; font-weight:bold; font-size:1em; overflow:hidden; }

.photo         { width:140px; height:145px; overflow:hidden; padding:8px; float:left; color:#fff; }
.photo a       { color:#fff; text-decoration:none; }
.photo a img   { display:block; width:140px; height:100px; margin-bottom:5px; }
.photo a span  { display:block; text-align:left; }

.file          { width:140px; height:100px; overflow:hidden; padding:8px; float:left; color:#fff; }
.file a        { display:block; color:#fff; text-decoration:none; text-align:center; }
.file a img    { width:48px; height:48px; margin-bottom:5px; }
.file a span   { width:140px; height:50px; display:block; text-align:center; font-size:.9em; }

.home-secondary { width:232px; height:70px; }
.home-secondary a { height:50px; color:#777; text-decoration:none; display:block; padding:15px 0 10px 20px; }
.home-secondary a:hover, .home-secondary a.active { background:#C2B49A; color:#fff000; }
.home-secondary a span  { color:#000; font-weight:bold; display:block; }

.home-item .more { margin-left:5px; }
.home-item .more a { text-decoration:none; color:#00A69C; }
.home-item .more a:hover {text-decoration:underline; }
.home-item img { width:458px; height:300px; overflow:hidden; }

.home-related a            { text-decoration:none; }
.home-related a span       { display:block; font-size:.9em; }
.home-related a span.title { height:19px; overflow:hidden; font-weight:bold; font-size:1em; }

#menu-share div      { font-weight:bold; padding-bottom:10px; }
#menu-share a, #menu-share span { text-decoration:none; color:#fff; }
#menu-share a:hover { text-decoration:underline; color:#fff; }
#menu-share .facebook { display:block; width:182px; line-height:40px; background:url(images/facebook.jpg) no-repeat; padding-left:50px; }
#menu-share .vimeo    { display:block; width:182px; line-height:40px; background:url(images/vimeo.jpg) no-repeat; padding-left:50px; }
#menu-share .email    { display:block; width:182px; line-height:40px; background:url(images/email.jpg) no-repeat; padding-left:50px; }

#menu-share form { width:232px; height:40px; }
#menu-share input { width:130px; margin-right:5px; }