/* global reset
-------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
:focus   {outline: 0;}
body     {line-height:1; color:#000; background:#fff;}
ol, ul   {list-style:none;}
table    {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left; font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after   {content: "";}
blockquote, q  {quotes: "" "";}




/* document & wrapper elements
-------------------------------------------------------------------------------- */
html, body                                    {margin:0 auto; padding:0;}

#wrapper-body                                 {margin:0 auto;}
#wrapper-document                             {margin:0 auto; width:956px; padding-top:22px;}
#wrapper-banner                               {clear:both; width:956px;}
#wrapper-banner-inside                        {clear:both; width:821px; padding:0 0 0 135px;}
#wrapper-banner-inside img                    {padding-left:5px;}
#wrapper-content                              {clear:both; padding-top:30px;}

body.inside-a #wrapper-content                {padding-top:30px;} 
body.inside-b #wrapper-content                {padding-top:0;} 


/* header elements
-------------------------------------------------------------------------------- */
#header                                       {position:relative; display:inline-block; width:956px; height:68px; min-height:68px;    /* for IE7 */ *height:70px; *min-height:70px;}
#branding                                     {position:absolute; top:0; left:-23px; z-index:100;}
#branding a                                   {text-decoration:none; border:none; outline:none; display:block; width:146px; height:133px;}


body.inside-a #header                         {height:68px; min-height:68px;    /* for IE7 */ *height:70px; *min-height:70px;}
body.inside-b #header                         {height:91px; min-height:91px;    /* for IE7 */ *height:93px; *min-height:93px;}




/* main banner elements
-------------------------------------------------------------------------------- */
#banner-image, .banner-image                  {float:left;}
#banner-content                               {float:left; width:305px; height:236px; padding:39px 0 0 16px; background-color:#5987C6;}




/* content sup elements
-------------------------------------------------------------------------------- */
#content-sup                                  {float:left; width:120px; padding:0 15px 0 0;}

.share                                        {padding-top:20px;}
.share a                                      {text-decoration:none; border:none; outline:none;}



/* main content elements
-------------------------------------------------------------------------------- */
#content-home                                 {float:left; width:500px;}

#content-home-wide                            {float:left; width:653px;}

#content-main                                 {float:left; width:812px;}
#content-main img                             {}
#content-main img.no-float, #content-main img.no-wrap   {float:none;}
#content-main-wide img                        {padding:0 20px 10px 10px;}

.feature-info                                 {float:left; width:330px;}
#content-home-wide .feature-info              {float:left; width:500px;}

.feature-image                                {float:right; width:168px;}

#content-home-wide .feature-image             {float:right; padding-left:22px; width:299px; background-color:#fff;}

.exibition-details, .on-stage_details         {float:left; width:285px; padding:0 37px 0 0;}
.exibition-thumb                              {float:left;}
.exibition-thumb img                          {float:left; padding-bottom:15px;}

.on-stage_thumb                               {float:left;}
.on-stage_thumb img                           {float:left; padding-bottom:15px;}

.article                                      {float:left; clear:left; width:500px;}
.article-sub                                  {float:left; width:290px; padding-left:22px;}
.article img                                  {float:left; padding:2px 10px 5px 5px;}

#content-main-wide .article-sub img           {float:none;}

table#archives                                {}
table#archives td                             {padding:4px;}
table#archives td.archive_date                {font-weight:bold; padding-right:15px;}

ul#rows img                                   {position:absolute; left:322px; top:11px;}





/* content sub elements
-------------------------------------------------------------------------------- */
#content-sub                                  {float:left; width:306px; padding-left:15px;}

.big-box                                      {height:242px; margin:0; padding:0;}
.small-box                                    {height:116px; margin:0; padding:0;}



/* foter elements
-------------------------------------------------------------------------------- */
#footer                                       {clear:both; padding:15px 0 30px 135px;}





/* global table elements
-------------------------------------------------------------------------------- */
table tr.alt td                               {background-color:#cdd27a; color:#fff;}
table tr.alt td a                             {color:#fff; border-bottom:1px solid #fff;}
table tr.alt td a:hover                       {border-bottom:none;}



/* global classes
-------------------------------------------------------------------------------- */
.clearall                                     {clear:both; margin:0; padding:0; line-height:0;}
.float-left                                   {float:left;}
.float-right                                  {float:right;}
.no-wrap, .no-float                           {float:none;}
img.image-left                                {float:left; padding:0 10px 10px 10px;}
img.image-right                               {float:right; padding:0 10px 10px 10px;}