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; }
td { }

h3 {margin-top:0px; margin-bottom:0px}

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 { word-wrap: break-word; }

div.rangrstudiosplash { color: orange; font-size: 16px; font-family: Arial; font-weight: normal; letter-spacing: 6px; overflow: hidden; }

div.share { position: absolute; vertical-align: middle; bottom: 3%; left: 3%; z-index: 20; min-width: 250px; }

div.rangrstudio { color: orange; font-size: 16px; font-family: Arial, arial; font-weight: normal; line-height: 16px; letter-spacing: 6px; position: fixed; z-index: 30; top: 3%; left: 3%; min-width: 250px; }
div.contact { color: gray; font-size: 12px; font-family: Arial, arial; font-weight: normal; line-height: 18px; text-transform: capitalize; letter-spacing: 2px; position: fixed; vertical-align: middle; top: 3%; left: 3%; z-index: 20; min-width: 250px; margin-top: 150px; }
div.news { color: gray; font-size: 12px; font-family: Arial, arial; font-weight: normal; line-height: 18px; text-transform: capitalize; letter-spacing: 2px; position: fixed; vertical-align: middle; top: 3%; left: 3%; z-index: 20; min-width: 250px; margin-top: 120px; }
div.profile { color: gray; font-size: 12px; font-family: Arial, arial; font-weight: normal; line-height: 18px; text-transform: capitalize; letter-spacing: 2px; position: fixed; vertical-align: middle; top: 3%; left: 3%; z-index: 20; min-width: 250px; margin-top: 90px; }
div.furniture { color: gray; font-size: 12px; font-family: Arial, arial; font-weight: normal; line-height: 18px; text-transform: capitalize; letter-spacing: 2px; position: fixed; 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, arial; font-weight: normal; line-height: 18px; text-transform: capitalize; letter-spacing: 2px; position: fixed; 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, arial; font-weight: normal; line-height: 18px; text-transform: capitalize; letter-spacing: 2px; position: fixed; vertical-align: middle; top: 3%; left: 3%; z-index: 20; min-width: 250px; margin-top: 30px; }

div.mainbox { font-family: Arial, arial; position: absolute; top: 3%; left: 0%; width: 70%; height: 97%; padding-left: 30%;}
div.textbody { width: 400px; margin-top: 10px;  z-index: 200; float: left; padding-right: 20px;  background-color: #fff; z-index: 200; position:relative;}

div.credits {float: left; text-align: left; top: 3%; z-index: 11; margin-top: 0px; }
div.icons { font-family: Arial, 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, arial; font-weight: normal; line-height: 16px; letter-spacing: 6px; position:relative; background-color:#fff; z-index:100 }
div.magtext { font-size: 12px; font-family: Arial, arial; line-height: 18px; background-color: #fff; text-decoration: none; text-align: justify; }
div.navicons { font-size: 12px; font-family: Arial, arial; line-height: 18px; background-color: #fff; text-decoration: none; position: relative; z-index: 10; float: left;}

div.navicons2 { font-size: 12px; font-family: Arial, 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.nextentry { position:relative; z-index: 10; clear:left; }
div.splash { text-align: center; position: absolute; bottom: 50%; width: 100%; margin-bottom: -50px; }
div.splashbottom { font-size: 10px; font-family: Arial, arial; text-align: center; position: absolute; bottom: 15px; width: 100%; }
div.vertadjust {position: relative; bottom:15px;}