/*
Arts Incubator website by luminopolis. It's a bunch of tricks from around the web hacked together. Feel free to use as you see fit. 
*/

/* disjointed rollovers - easy breezy */

/* now that that's out of the way */

/* destroy all browsers defaults -------> blended from Meyer's Reset Reloaded and boilerplate.css */ 
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; } html, body { height:100%; margin:0px; padding:0px} :focus { outline: 0; } a { outline: none; } a img { border: none; } input, textarea { margin: 0; } body { line-height: 1; color: black; background: white; } 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: "" ""; } 
body, html { font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; background: black; }
html { overflow:-moz-scrollbars-vertical; }
a { text-decoration: none; }
a:focus { outline-style: none; }
ul, li { padding: 0; margin: 0; list-style: none; }
div#menuwrap { width: 600px; height: 600px; position: absolute; top: 20px; left: 20px; font-size: 15px; line-height: 15px; font-weight: bold; background: none; }
div#menuwrap div#menu { position: relative; }
div#menuwrap div#menuitems { position: relative; }
div#menuwrap div#menuitems a { position: absolute; padding: 6px; display: block; color: #fff; border: 1px solid #C8C6BC; background: #8E8D87; font-weight: bold; }
div#menuwrap div#menuitems div { position: absolute; padding: 0; color: #F4F2E9; border: 1px solid #C8C6BC; }

div#menuwrap div#menuitems a:hover { color: #8E8D87; background: #F4F2E9; border: 1px solid #8E8D87; text-decoration: none; }
div#menuwrap div#menuitems div#log { /* A */ top: 0px; left: 460px; width: 138px; height: 58px; border: none; background:url(../images/logo-v2.png) no-repeat 0 0; }
div#wor { /* B */ top: 70px; left: 0px; width: 288px; height: 148px;  overflow: hidden; }
div#ima { /* C */ top: 70px; left: 300px; width: 298px; height: 298px; overflow: hidden; background: #C8C6BC; }
div#inf { /* D */ top: 580px; left: 0px; width: 372px; height: 18px; font-size: 11px; line-height: 18px; padding-left: 6px !important; background: #8E8D87; opacity:.75; filter: alpha(opacity=75); -moz-opacity: 0.75; }
div#menuwrap div#menuitems div#inf a { position: relative; display: inline; font-size: 11px; text-decoration: none; color: #F4F2E9; border: none; background: none; }
div#menuwrap div#menuitems div#inf a:hover { text-decoration: underline; }
a#hel { /* 1 */ top: 0; left: 0; width: 206px; height: 46px; }
a#blo { /* 2 */ top: 0; left: 230px; width: 206px; height: 46px; }
a#mem { /* 3 */ top: 230px; left: 0; width: 136px; height: 26px; }
a#spo { /* 4 */ top: 280px; left: 0px; width: 136px; height: 26px; padding-bottom: 0; }
a#sta { /* 5 */ top: 330px; left: 0px; width: 136px; height: 26px; }
a#art { /* 6 */ top: 230px; left: 160px; width: 116px; height: 126px; }
a#gal { /* 7 */ top: 380px; left: 0; width: 206px; height: 56px; }
a#abo { /* 8 */ top: 380px; left: 230px; width: 136px; height: 26px; }
a#eve { /* 9 */ top: 380px; left: 390px; width: 196px; height: 96px; }
a#ink { /* 10 */ top: 460px; left: 0px; width: 206px; height: 96px; }
a#fac { /* 11 */ top: 430px; left: 230px; width: 136px; height: 26px; }
a#get { /* 12 */ top: 500px; left: 390px; width: 196px; height: 16px; }
a#dir { /* 13 */ top: 480px; left: 230px; width: 136px; height: 26px; }
a#con { /* 14 */ top: 530px; left: 230px; width: 136px; height: 26px; }
a#don { /* 15 */ top: 540px; left: 390px; width: 196px; height: 46px; }
/*Supersize Plugin Styles*/
#supersize img, #supersize a { height:100%; width:100%; display:none; }
#supersize .activeslide, #supersize .activeslide img { display:inline; }


/* center that shit horiz & vert */
#center { width:640px; height:640px; position:absolute; top:20px; left:50%; margin:0px auto auto -320px; text-align:left; background: none; }
#footer { text-align: center; font-size: 10px !important; color: #333 !important; }
#footer a:link, #footer a:visited { color: inherit; text-decoration: none; }
#footer a:hover, #footer a:active { text-decoration: underline; }
#backer { z-index: -1; width: 640px; height: 640px; display: block; opacity:.3; filter: alpha(opacity=30); -moz-opacity: 0.3; background: #fff; border: 3px solid #C8C6BC; }
/* it shows us what it's in front of or else it gets the hose again */
a.transON { opacity:.8; filter: alpha(opacity=80); -moz-opacity: 0.8; }