position: absolute; top: 50%; width: auto; height: auto; overflow:hidden; position: absolute; top: 50%;  body { }
p { font-size: 12px; font-family: Arial, arial; line-height: 18px; text-align: justify; letter-spacing: 0; }
p.center { font-size: 12px; font-family: Arial, arial; text-align: center; }
p.credits { color: #000; font-size: 10px; font-family: Arial, arial; line-height: 15px; letter-spacing: 0; overflow: hidden; }
td { }

a { color: #808080; text-decoration: underline; }
a:visited { color: #808080 ; text-decoration: underline; }
a:hover { color: black }
a:active { color: black }

a.nicon { color: gray; text-decoration: none; }
a.nicon img {border: solid 2px transparent}
a.nicon:visited { color: gray ; text-decoration: none; }
a.nicon:hover img { border-color: black; border-width: 2px; }
a.nicon:hover { color: black ; text-decoration: none; }
a.nicon:active { color: black ; text-decoration: none; }

a.nav { color: gray; text-decoration: none }
a.nav:visited { color: gray }
a.nav:hover { color: black }
a.nav:active { color: black }
a.textb{ color: black; text-decoration: none }
a.textb:visited { color: black }
a.textb:hover { color: black }
a.textb:active { color: black }

a.rangrstudio { color: orange; text-decoration: none; }
a.rangrstudio:visited { color: orange; text-decoration: none; }
a.rangrstudio:hover { color: black; text-decoration: none; }

/* Internet Explorer and the Expanding Box Problem.
It's an unfortunate fact that Internet Explorer will always incorrectly expand any dimensionally restricted block element so that oversize content is unable to overflow, as the specs require that content to do. The W3C says a rigidly sized block box should allow oversize content to protrude or overflow beyond the edges of the sized box.
The following rule instructs Internet Explorer 5.5 and 6 to break words into the next line instead of expanding the block element.
*/
body { overflow: hidden; word-wrap: break-word; }
div.rangrstudio { color: orange; font-size: 16px; font-family: Arial; font-weight: normal; line-height: 16px; letter-spacing: 6px; position: absolute; z-index: 30; top: 3%; left: 3%; overflow: hidden; min-width: 250px; }
div.rangrstudiosplash { color: orange; font-size: 16px; font-family: Arial; font-weight: normal; letter-spacing: 6px; overflow: hidden; }
div.contact { color: gray; font-size: 12px; font-family: Arial; font-weight: normal; line-height: 18px; text-transform: capitalize; letter-spacing: 2px; position: absolute; vertical-align: middle; top: 3%; left: 3%; z-index: 20; min-width: 250px; margin-top: 180px; }
div.news { color: gray; font-size: 12px; font-family: Arial; font-weight: normal; line-height: 18px; text-transform: capitalize; letter-spacing: 2px; position: absolute; vertical-align: middle; top: 3%; left: 3%; z-index: 20; min-width: 250px; margin-top: 150px; }
div.profile { color: gray; font-size: 12px; font-family: Arial; font-weight: normal; line-height: 18px; text-transform: capitalize; letter-spacing: 2px; position: absolute; vertical-align: middle; top: 3%; left: 3%; z-index: 20; min-width: 250px; margin-top: 120px; }
div.furniture { color: gray; font-size: 12px; font-family: Arial; font-weight: normal; line-height: 18px; text-transform: capitalize; letter-spacing: 2px; position: absolute; vertical-align: middle; top: 3%; left: 3%; z-index: 20; min-width: 250px; margin-top: 90px; }
div.projects { color: gray; font-size: 12px; font-family: Arial; font-weight: normal; line-height: 18px; text-transform: capitalize; letter-spacing: 2px; position: absolute; vertical-align: middle; top: 3%; left: 3%; z-index: 20; min-width: 250px; margin-top: 60px; }
div.home { color: gray; font-size: 12px; font-family: Arial; font-weight: normal; line-height: 18px; text-transform: capitalize; letter-spacing: 2px; position: absolute; vertical-align: middle; top: 3%; left: 3%; z-index: 20; min-width: 250px; margin-top: 30px; }
div.iconbar { position:absolute; top:50%; margin-top: -60px; }
div.textbox { font-family: Arial; position: absolute; top: 3%; left: 30%; width: 40%; height: 97%; z-index: 10; overflow: auto; padding-right: 30%; }
div.mainbox { font-family: Arial; position: absolute; top: 3%; left: 30%; width: 70%; height: 97%; z-index: 5; overflow: auto; }
div.textbody { width: 400px; margin-top: 30px; }
div.credits { font-family: Arial; text-align: left; position: fixed; top: 3%; left: 30%; z-index: 11; overflow: hidden; margin-top: 25px; margin-right: 20px; margin-left: 420px; vertical-align: middle; }
div.icons { font-family: Arial; position: absolute; z-index: 5; top: 10%; right: 70%; width: 250px; height: 80%; max-width: 250px; padding-top: 12px; }
div.projecttitle { font-size: 16px; font-family: Arial; font-weight: normal; line-height: 16px; background-color: white; text-align: left; letter-spacing: 6px; position: absolute; z-index: 30; top: 3%; left: 30%; right: 20px; height: 30px; overflow: hidden; }
div.navicons { font-size: 12px; font-family: Arial; line-height: 18px; background-color: #fff; text-decoration: none; position: relative; z-index: 10; float: left; min-width: 150px; }
div.navicons2 { font-size: 12px; font-family: Arial; line-height: 18px; text-decoration: none; position: relative; left: -400px; z-index: 20; float: left; }
div.nexticon { position: relative; z-index: 10; float: left; clear: left; }
div.splash { text-align: center; position: absolute; bottom: 50%; width: 100%; margin-bottom: -50px; }
div.splashbottom { font-size: 10px; font-family: Arial; text-align: center; position: absolute; bottom: 15px; width: 100%; }
div.translatebox { position: absolute; vertical-align: middle; left: 3%; bottom: 3%; z-index: 20; min-width: 250px; }
div.vertadjust {position: relative; bottom:15px;}