body                                    { background: #86858a; color: #25298d; font: 12px arial; margin: 0;  }
ul, li                                  { margin: 0; padding: 0; }
p                                       { margin: 0 0 10px 0; padding: 0; }
a img                                   { border: 0; }

#container                              { position: absolute; top: 0; left: 50%; margin-left: -512px; bottom: 0; height: 770px; min-height: 770px; min-width: 1024px; width: 1024px; z-index: 1; }
#bottom                                 { background: url(/images/backgrounds/bottom.png) repeat-x; bottom: 0; height: 124px; left: 0; min-width: 1024px; position: absolute; width: 100%; }
#main                                   { background: #fff; bottom: 124px; left: 50%; margin-left: -512px; min-height: 480px; min-width: 1024px; position: absolute; top: 124px; width: 1024px; }
#top                                    { background: url(/images/backgrounds/top.png) repeat-x; height: 124px; left: 0; min-width: 1024px; position: absolute; top: 0; width: 100%; }

#creativity                             { left: 78px; height: 14px; position: absolute; top: 90px; width: 161px; }
#logo                                   { left: 32px; height: 35px; position: absolute; top: 42px; width: 207px; }

.dark a                                 { color: #25298d; text-decoration: none; }
.dark li:hover                          { list-style-image: url(/images/sidebullet.png); }
.dark li.selected                       { list-style-image: url(/images/sidebullet.png); }

.light a                                { color: #86c337; text-decoration: none; }
.light li:hover                         { list-style-image: url(/images/sidebulletdark.png); }
.light li.selected                      { list-style-image: url(/images/sidebulletdark.png); }

.menu                                   { font: bold 12px arial; margin: 0; padding: 0; line-height: 16px; }
.menu li                                { list-style-type: none; width: 200px; }

#mfirst                                 { margin: 120px 0 0 79px; }
#msecond                                { margin: 25px 0 0 79px; }
#mthird                                 { margin: 25px 0 0 79px; }

#submenu                                { background: #86c337; height: 200px; left: 281px; position: absolute; top: 0; width: 743px;  }
#submenu a.selected                     { color: #25298d; }
#submenu a                              { color: #fff; text-decoration: none; font-size: 11px; }
#submenu a:hover                        { color: #25298d; }
#submenu ul                             { color: #fff; position: absolute; bottom: 14px; font: bold 10px arial; left: 14px; height: 65px; }
#submenu li                             { list-style-type: none; }
#content                                { float: right; margin: 120px 229px 0 0; width: 500px; }
#contentmin                             { float: right; margin: 214px 0 0 0; width: 729px; }
#contentmin p                           { width: 500px; }
#contentmin li                          { list-style-type: none; width: 240px; }

#portfolio, #copyright                  { position: absolute; left: 50%; width: 478px; top: 52px; text-align: right; height: 47px; }
#portfolio img                          { height: 24px; width: 179px; border: 0; }
#portfolio span,                        { position: absolute; right: 0; bottom: 0; font-size: 11px; color: #fff; }

#copyright                              { color: #ccc; font-size: 11px; font-weight: bold; left: 50%; margin-left: -512px; position: absolute; top: 786px; text-align: center; width: 1024px; }

#bottomtext                             { position: absolute; top: 85px; left: 50%; margin-left: -480px; color: #fff; font-size: 11px; width: 1000px;  }
#bottomtext > a                         { float: left; text-decoration: none; color: #fff; }
#bottomtext > a:hover                   { color: #86c337; text-decoration: underline; }
#bottomtext > div                       { background: url(/images/share.png); display: none; height: 28px; line-height: 28px; font-size: 11px; font-weight: bold; width: 185px; position: absolute; left: -32px; bottom: -11px; padding: 0 0 0 34px; color: #465069; }
#bottomtext > div > span                { display: block; float: left; margin: 0 16px 0 0; }
#bottomtext > div > ul                  { list-style: none; margin: 2px 0 0 0; padding: 0; }
#bottomtext > div > ul > li             { float: left; margin: 0 0 0 3px; padding: 0; }
#bottomtext > span                      { display: block; position: absolute; left: 50%; margin-left: -90px; width: 140px; text-align: center; }

#monitor, #lightbulb                    { position: absolute; right: 32px; top: 0; margin-top: 35px; z-index: 100; }
#lightbulb                              { margin-top: 90px; margin-right: 35px; }

#top > div                              { color: #fff; font-size: 11px; font-weight: bold; left: 50%; position: absolute; text-align: right; top: 100px; width: 478px; }
#top > div > img                        { margin: 0 16px 2px 16px; }

#pager                                  { position: absolute; top: 480px; left: 700px; }
#pager a                                { color: #25298d; text-decoration: none; }
#pager a:hover                          { color: #86c337; text-decoration: underline; }

.bold                                   { font-weight: bold; }
.invisible                              { display: none; }
.italic                                 { font-style: italic; }

#btnPostback                            { display: none; z-index: -1; }

/*=======================================================================*/
#popup-portfolio                        { background: #fff; display: none; height: 770px; left: 50%; margin: 0 0 0 -512px; position: fixed; top: 0; width: 1024px; z-index: 9999; }

#popup-top                              { background: url(/images/backgrounds/top.png) repeat-x left top; height: 124px; margin: 0; min-width: 1024px; position: relative; width: 1024px; }
#popup-top > div                        { display: none; }
#popup-top > div > a                    { color: #fff; font-size: 16px; position: absolute; right: 13px; text-decoration: none; top: 5px; }
#popup-top > div > a:hover              { text-decoration: underline; }
#popup-top > div > img                  { left: 42px; position: absolute; top: 28px; }
#popup-top > div > h2                   { color: #fff; font-size: 16px; font-weight: normal; left: 127px; margin: 0; position: absolute; top: 48px; }
#popup-top > div > ul                   { color: #fff; font-size: 14px; font-weight: bold; left: 375px; list-style: none; margin: 0; padding: 0; position: absolute; top: 48px; }
#popup-top li                           { float: left; margin: 0 23px 0 0; }
#popup-top li a                         { color: #fff; outline: none; text-decoration: none; }
#popup-top li a:hover,
#popup-top li a.active                  { color: #86c64c; }

#popup-body                             { height: 520px; margin: 0 0 0 0; width: 1024px; }

#popup-body-text                        { float: left; height: 434px; margin: 51px 0 0 42px; width: 276px; }
#popup-body-text > h3                   { color: #86c64c; font-size: 14px; font-weight: bold; line-height: 14px; margin: 0 0 20px 0; }
#popup-body-text > h4                   { font-size: 12px; font-weight: bold; line-height: 16px; margin: 0 0 20px 0; }
#popup-body-text > p                    { line-height: 15px; margin: 0 0 20px 0; text-align: justify; }
#popup-body-text > p.visit-site a       { color: #25298d; font-size: 14px; text-decoration: none; }
#popup-body-text > p.visit-site a:hover { color: #579d60; }
#popup-body-text > p.visit-site img     { padding: 0 0 0 6px; vertical-align: baseline; }

#popup-body-content                     { float: right; position: relative; width: 652px; }
#popup-body-content input[type=image]   { position: absolute; bottom: 12px; right: 12px; }
#popup-body-content div                 { background: url(/images/background-thumb.png) repeat-x left top; border-left: solid 2px #87c74c; border-right: solid 2px #87c74c; display: none; height: 76px; padding: 8px 10px 8px 0; position: absolute; bottom: 0; right: 0; width: 638px; }
#popup-body-content ul                  { float: right; list-style: none; margin: 0; padding: 0; }
#popup-body-content li                  { float: left; margin: 0 0 0 11px; padding: 0; }
#popup-body-content li img              { max-width: 91px; }
#popup-body-content li a                { border: solid 2px #87c74c; display: block; max-width: 91px; text-align: center; width: 91px; }
#popup-body-content li a.active,
#popup-body-content li a:hover          { border: solid 2px #263766; }

.popup-body-image                       { height: 520px; padding: 0; width: 652px; }
.popup-body-video                       { background: #87c74c; height: 520px; padding: 0; width: 652px; }
.popup-body-video > .category-name      { bottom: 41px; color: #fff; font-size: 36px; left: 42px; line-height: 36px; position: absolute; text-transform: uppercase; }

#popup-bottom                           { background: #263766 url(/images/backgrounds/bottom.png) repeat-x; bottom: 0; height: 126px; left: 0; min-width: 1024px; position: absolute; width: 1024px; }
#popup-bottom > #popup-share            { background: url(/images/popup-share.png) no-repeat; bottom: 0; color: #465069; display: none; height: 34px; left: 0; line-height: 36px; padding: 0 0 0 42px; position: absolute; width: 228px;}
#popup-bottom > #popup-share > span     { display: block; float: left; font-size: 14px; margin: 0 17px 0 0; }
#popup-bottom > #popup-share > ul       { list-style: none; margin: 3px 0 0 0; padding: 0; }
#popup-bottom > #popup-share > ul > li  { float: left; margin: 0 0 0 4px; padding: 0; }
#popup-bottom > span                    { display: block; bottom: 24px; color: #fff; font-size: 11px; position: absolute; left: 50%; margin-left: -70px; width: 140px; text-align: center; z-index: 9999; }

#popup-pager                            { bottom: 52px; height: 24px; right: 12px; line-height: 22px; position: absolute; }
#popup-pager ul                         { float: right; list-style: none; margin: 0 9px 0 9px; padding: 0; }
#popup-pager li                         { float: left; margin: 0 3px 0 3px; padding: 0; }
#popup-pager li a                       { color: #fff; font-size: 14px; outline: none; text-decoration: none; }
#popup-pager li a:hover,                
#popup-pager li a.active                { color: #86c64c; }
#popup-pager #popup-pager-prev          { float: right; }
#popup-pager #popup-pager-next          { float: right; }
#popup-pager #more-images               { color: #579d60; font-weight: bold; position: absolute; right: 6px; top: -36px; text-decoration: underline; }
#popup-pager #instruction               { color: #fff; display: none; font-weight: bold; position: absolute; right: 6px; text-align: right; top: -36px; width: 200px; }



.clear                                  { clear: both; }


#bottomtext > span > a                  { color: #fff; cursor: default; text-decoration: none; }