/*
 * The Business of Acting :: Stylesheets
 * $Id: style.css,v 1.16 2004/09/19 11:24:38 amael Exp $
 * Copyright 2003 Sylvester Keil
 */


/* basic styles */

body, pre, table { font-size: 12px; }

body {
  color: #666;
  background: white;
  margin: 0;
  padding: 0;
  font-family: "Verdana", "Helvetica", sans-serif;
  text-align: center; /* to fix iexplorer bug */
}
 
p {
  margin: 0.5em 1em 0.5em 1em;
  line-height: 150%;
}

li { margin: 0.2em 1.5em 0.2em 1.5em }

pre {
  margin: 0.5em 1em 0.5em 1em;
  line-height: 120%;
  font-family: monospace;
}

img { border: none; padding: 0; }

abbr, acronym, .help {
  border-bottom: 1px dotted #666;
  cursor: help;
}

.hidden, .hide { display: none; }

h1,h2,h3,h4,h5,h6 { margin: 1em 1em 1em 1em; }

h1 { font-size: 140%; }
h2 { font-size: 130%; }
h3,h4,h5 { font-size: 120%; }
h6 { font-size: 100%; }

h1,h2,h3,h6 { font-weight: bold; }
h4 { font-style: italic; }
h5 { text-decoration: underline; }

em, .emphasize { font-style: italic; }
strong, .bold { font-weight: bold; }
.small { font-size: 80%; }
.large { font-size: 120%; }

.center { text-align: center; }
.right  { text-align: right; }
.left   { text-align: left; }

.indent { text-indent: 2em; }

a:link {
  color: #7597d7;
  text-decoration: none;
}
a:visited, a:active {
  color: #7597d7;
  text-decoration: none;
}
a:hover { text-decoration: underline; }

a:link img, a:visited img, a img, a area { border: none; outline: none; }


/* navigation menu styles */

#logo {
  position: absolute;
  height: 25px;
  margin: 0;
  padding: 0;
  background-color: white;
  overflow: hidden;
  z-index: 10;
}

#blue {
  position: absolute;
  width: 600px;
  height: 20px;
  margin: 0;
  padding: 0;
  background-image: url(../p/b-blue_650.gif);
  background-repeat: no-repeat;
  background-position: top center;
  overflow: hidden;
  z-index: 10;
}

.orange {
  position: absolute;
  width: 449px;
  height: 20px;
  margin: 0;
  padding: 0;
  text-align: left;
  background-image: url(../p/b-orange_650.gif);
  background-repeat: no-repeat;
  background-position: top center;
  overflow: hidden;
  z-index: 10;
}

.yellow {
  position: absolute;
  visibility: hidden;
  width: 450px;
  height: 22px;
  margin: 0;
  padding: 0;
  text-align: right;
  background-image: url(../p/b-yellow_650.gif);
  background-repeat: no-repeat;
  background-position: top center;
  overflow: hidden;
  z-index: 8;
}

#ohi {
  float: left;
  visibility: hidden;
  width: 11px;
  height: 20px;
  margin: 0;
  padding: 0;
  background-image: url(../p/b_r-orange_650.gif);
  background-repeat: no-repeat;
  background-position: left center;
}
.item {
  float: left;
  height: 20px;
  margin: 0;
  padding: 1px 8px 1px 8px;
  text-align: left;
  cursor: pointer;
}

#yhi {
  float: right;
  visibility: hidden;
  width: 11px;
  height: 22px;
  margin: 0;
  padding: 0;
  background-image: url(../p/b_r-yellow_650.gif);
  background-repeat: no-repeat;
  background-position: right center;
}
.item2 {
  visibility: visible;
  float: right;
  height: 22px;
  margin: 0;
  padding: 2px 8px 1px 8px;
  text-align: left;
  cursor: pointer;
}

a.no-deco, a.no-deco:link, a.no-deco:visited {
  font-family: "Verdana", "Helvetica", sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #446fd1;
}
a.no-deco:hover {
  text-decoration: none;
}


/* boxes */

#contact-top {
  width: 490px;
  height: 6px;
  margin: 0 auto 0 auto;
  padding: 0;
  background-image: url(../p/box_blue490_top.gif);
  background-repeat: no-repeat;
  background-position: top center;
}
#contact {
  width: 486px;
  height: 200px;
  margin: 0 auto 0 auto;
  padding: 0;
  border-left: solid 2px #7597d7;
  border-right: solid 2px #7597d7;
  background-color: #f7fafd;
}
#contact-inner {
  padding: 20px 6px;
  text-align: left;
}
#contact-bottom {
  width: 490px;
  height: 6px;
  margin: 0 auto 0 auto;
  padding: 0;
  background-image: url(../p/box_blue490_bottom.gif);
  background-repeat: no-repeat;
  background-position: top center;
}


#skills_top {
  width: 602px;
  height: 6px;
  margin: 0 auto 0 auto;
  padding: 0;
  background-image: url(../p/service_title.gif);
  background-repeat: no-repeat;
  background-position: top left;
}
#skills_bottom {
  width: 602px;
  height: 6px;
  margin: 0 auto 0 auto;
  padding: 0;
  background-image: url(../p/service_bottom.gif);
  background-repeat: no-repeat;
  background-position: top left;
}
#skills {
  width: 598px;
  height: 380px;
  margin: 0 auto 0 auto;
  padding: 0;
  border-left: solid 2px #446fd1;
  border-right: solid 2px #446fd1;
  background-color: #f7fafd;
  overflow: hidden;
}

.box-menu {
  float: left;
  border-right: solid 1px #446fd1;
  width: 149px;
  height: 380px;
  background-color: white;
  overflow: hidden;
  font-size: 10px;
}

.box-content {
  float: left;
  width: 430px;
  padding: 4px;
  text-align: left;
  overflow: hidden;
}


.atem {
  padding-left: 4px;
  font-weight: bold;
  margin: 2px 0 2px 0;
}
.atem-hover {
  cursor: pointer;
  padding-left: 4px;
  font-weight: bold;
  text-decoration: underline;
  background-color: #f7fafd;
  margin: 2px 0 2px 0;
}
.top-atem {
  padding-left: 4px;
  font-weight: bold;
  margin: 40px 0 2px 0;
}
.top-atem-hover {
  cursor: pointer;
  padding-left: 4px;
  font-weight: bold;
  text-decoration: underline;
  background-color: #f7fafd;
  margin: 40px 0 2px 0;
}
.atem-active {
  padding-left: 4px;
  border-top: solid 1px #7597d7;
  border-bottom: solid 1px #7597d7;
  background-color: #f7fafd;
  font-weight: bold;
  margin: 1px 0 1px 0;
}
.top-atem-active {
  padding-left: 4px;
  border-top: solid 1px #7597d7;
  border-bottom: solid 1px #7597d7;
  background-color: #f7fafd;
  font-weight: bold;
  margin: 39px 0 1px 0;
}


#content {
  position: absolute;
  margin: 0 auto 0 auto;  
  width: 604px;
}

.content-left {
  float: left;
  width: 300px;
  margin: 1em auto 0 auto;
  text-align: left;
}

.content-right {
  float: right;
  width: 300px;
  margin: 1em auto 0 auto;
  text-align: left;
}

#howard {
  float: left;
  width: 261px;
  height: 345px;
  margin: 6em auto;
  background-image: url(../p/face.gif);
  background-repeat: no-repeat;
  background-position: top center;
}

#rec {
  width: 192px;
  height: 248px;
  margin: 2em auto auto 2.5em;
  background-image: url(../p/rec_01.gif);
  background-repeat: no-repeat;
  background-position: top center;
  border: none;
  cursor: normal;
}

#rp {
  float: left;
  width: 96px;
  height: 15px;
  background-image: url(../p/rec_pre.gif);
  background-repeat: no-repeat;
  background-position: bottom left;
  margin-top: 233px;
  cursor: pointer;
}

#rn {
  float: left;
  width: 96px;
  height: 15px;
  background-image: url(../p/rec_nxt.gif);
  background-repeat: no-repeat;
  background-position: bottom right;
  margin-top: 233px;
  cursor: pointer;
}

.quote {
  width: 280px;
  height: 73px;
  margin: 4em auto;
  border: none;
}

.statement {
  font-style: italic;
}

#woody {
  margin: 20px auto;
}

#disclaimer {
  position: absolute;
  width: 604px;
  margin: 0 auto 0 auto;
  text-align: center;
/*  font-family: "Verdana", "Helvetica", sans-serif; */
  font-size: 10px;
}