/* larenty.css */

body {
border: 0px;
margin: 0px;
padding: 0px;
background-color: #000000;

font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
color: #AEB2B8;

scrollbar-face-color: #000000;
scrollbar-shadow-color: #111111;
scrollbar-highlight-color: #222222;
scrollbar-3dlight-color: #333333;
scrollbar-darkshadow-color: #444444;
scrollbar-track-color: #111111;
scrollbar-arrow-color: #efefef;

background-image: url(img/pyramid.gif);
background-attachment: fixed;
background-position: bottom right;
background-repeat: no-repeat;
}

a:link  {
text-decoration: none;
color: #8194E2;
}
a:visited {
text-decoration: none;
color: #7F9BCB;
}
a:active {
text-decoration: none;
color: #8194E2;
}
a:hover {
text-decoration: none;
color: #93A6F3;
}

#empowerment {
left: 10px;
top: 10px;
position: absolute;
z-index: 1;
}

#opener {
left: 50px;
top: 50px;
position: absolute;
z-index: 1;
}

#stills {
left: 275px;
top: 125px;
position: absolute;
z-index: 2;
}

/* for the popup photo bg */
.blank {
background-image: url(img/white.gif);
background-position: center;
background-repeat: repeat;

margin-left: 10px;
margin-right: 10px;
}

#navbar {
left: 320px;
top: 135px;
position: absolute;
z-index: 1;

margin: 0px;
border-top: #444444 1px solid;
border-bottom: #444444 1px solid;
background-color: #000000;
}

#content {
left: 40px;
top: 320px;
width: 675px;
position: absolute;
}

.nav	{
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;

padding-top: 2px;
padding-bottom: 2px;

font-family: Helvetica, Arial, sans-serif;
font-size: 8pt;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 0.2em;
color: #727B8B;
}
	
.nav a:link	{ text-decoration: none; color: #727B8B; }
.nav a:visited	{ text-decoration: none; color: #727B8B; }
.nav a:active	{ text-decoration: none; color: #727B8B; }
.nav a:hover	{ text-decoration: none; color: #8194E2; }

.here { color: #8194E2; }

.navigation {
font-weight: bold;
font-size: xx-small;

border-left: #8C8C8C 1px solid;
border-right: #8C8C8C 1px solid;
border-top: #8C8C8C 1px solid;
border-bottom: #8C8C8C 1px solid;

padding-left: 10px;
padding-right: 10px;
padding-top: 0px;
padding-bottom: 0px;
}

h3 {
color: #8194E2;
margin-bottom: 0px;
}

h4 {
color: #fff;
margin-bottom: 0px;
}

p {
text-align: justify;
font-size: smaller;
margin-left: 0px;
margin-right: 0px;
margin-top: 20px;
margin-bottom: 20px;
}

.flow {
margin: 1px;
border: #333333 1px solid;
padding: 0px;
}

.film {
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;

border: #000000 4px solid;
padding: 0px;
}

.bigpic {	/*use this for inline images*/
margin-top: 30px;

border-top: #111111 25px solid;
border-bottom: #111111 60px solid;
border-left: #111111 25px solid;
border-right: #111111 25px solid;
padding: 0px;
}

.copyright	{
text-align: right;
color: #333333;
letter-spacing: 0.0125em;
margin-top: 50px;
margin-bottom: 60px;
border-top: #222222 1px solid;
border-bottom: #222222 1px solid;
font-size: 8pt;
}

.frontcopy {
right: 15px;
bottom: 10px;
position: absolute;
z-index: 2;
color: #555;
font-size: 8pt;
}

.address	{
text-align: right;
color: #555;
font-size: 8pt;
padding-top: 15px;
}

.address a:link	{ text-decoration: none; color: #555; }
.address a:visited	{ text-decoration: none; color: #444; }
.address a:active	{ text-decoration: none; color: #555; }
.address a:hover	{ text-decoration: none; color: #666; }
