/* Body and Global Reset
----------------------------------------------- */

body
{
  margin: 0;
  font: 12px/20px "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
  color: #fff;
  background-color: #444;
  background-color: #292F33;
  background-color: #003;
  /* remove bubbles */
  /* background: #003 url(/images/body_bg.png) 50% 95% no-repeat fixed;*/
  text-align: center;
}

*
{ 
  margin: 0;
  padding: 0;
  color: #ededed;
  line-height: 1.5;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td
{
  margin: 0;
  padding: 0;
  margin-top: 0;
}

table
{
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset,
img
{
  border:0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var
{
  font-style:normal;
  font-weight:normal;
}

ol,
ul 
{
  list-style:none;
}

caption,
th
{
  text-align:left;
}

h1,h2,h3,h4,h5,h6
{
  font-size:100%;
  font-weight:normal;
}

q:before,
q:after
{
  content:'';
}

abbr,
acronym
{
  border:0;
}

#bottom
{
  background-color: #001;
  border-bottom: 1px solid #333;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 10px;
}

#wrapper
{
  margin: 0 auto;
  width: 845px;
  background-color: #292f33;
  text-align: left;
  margin-bottom: 20px;
}

#two-col, #three-col
{
  margin-left:  23px;
  margin-right: 53px;
}

#three-col
{
  background-color: transparent;
}

#base
{
  width: 100%;
  height: 100%;
  background-color: transparent;
  margin: 0;
}

/* ========== */
/* = header = */
/* ========== */

#header
{
  width: 100%;
  height: 247px;
  background-color: #111;
  background: url(/images/banner3.jpg) no-repeat 0 0;
  position: relative;
  margin: 0;
}

#header p
{
  margin-bottom: 0;
}

#left-col p
{
  margin-bottom: 6px;
}

#top
{
  border: 1px solid red;
}

p#top-nav
{
  position: absolute;
  top: 6px;
  right: 14px;
  margin-bottom: 0;
}

#top-nav a:link, #top-nav a:visited
{
  /*  color: #8AC6E6;*/
  font-size: 88%;
  letter-spacing: 1px;
}

#top-nav a:hover
{
  /*  color: #788F1E;*/
  /*  text-decoration: none;*/
}

#flashcontent
{
  position: absolute;
  top: 33px;
  left: 33px;
  margin-bottom: 0; 
}

/* =================== */
/* = HORIZONTAL MENU = */
/* =================== */

ul#navstrip
{
  width: 100%;
  height: 25px;
/*  text-align: center;*/
  background: #000 url(/images/navbar.png) no-repeat top center;
  margin-top: 0px;
  margin-bottom: 20px;
  padding: 0;
  position: relative;
/*  margin-left: 72px;*/
}

ul#navstrip li
{
  display: inline;
  text-transform: uppercase;
  font-size: 11px;
  position: absolute; 
}

ul#navstrip li, ul#navstrip li a
{
  height: 25px;
  display: block;
  border: none;
}

ul#navstrip li a:link, ul#navstrip li a:visited
{
  color: rgb(210,146,0);
/*  margin: 0 10px;*/
  text-decoration: none;
  line-height: 25px;
}

#nav-home
{
  left: 72px;
  width: 100px;
}

#nav-home a:hover
{
  background:  url(/images/navbar.png) 1px -25px no-repeat;
}

#nav-actors
{
  left: 172px;
  width: 100px;
}

#nav-actors a:hover
{
  background:  url(/images/navbar.png) -99px -25px no-repeat;
}

#nav-apply
{
  left: 272px;
  width: 100px;
}

#nav-apply a:hover
{
  background:  url(/images/navbar.png) -199px -25px no-repeat;
}

#nav-services
{
  left: 372px;
  width: 100px;
}

#nav-services a:hover
{
  background:  url(/images/navbar.png) -299px -25px no-repeat;
}

#nav-about
{
  left: 472px;
  width: 100px;
}

#nav-about a:hover
{
  background:  url(/images/navbar.png) -399px -25px no-repeat;
}

#nav-links
{
  left: 572px;
  width: 100px;
}

#nav-links a:hover
{
  background:  url(/images/navbar.png) -499px -25px no-repeat;
}

#nav-contact
{
  left: 672px;
  width: 100px;
}

#nav-contact a:hover
{
  background:  url(/images/navbar.png) -599px -25px no-repeat;
}


/* ==================== */
/* = COLUMN STRUCTURE = */
/* ==================== */

#two-col #right-col
{
  float: right;
  width: 480px;
  padding: 0;
  margin: 0;
  margin-bottom: 40px;
}

#two-col #left-col
{
  float: left;
  width: 245px;
  padding: 0;
  margin: 0;
  margin-bottom: 40px;
  line-height: 1.5;
}

.left-inner
{
  padding: 10px;
}

#two-col #left-col p
{
  font-size: 90%;
  line-height: 1.3;
}

#three-col h2
{
  border-bottom: none;
  border-top: none;
  color: #788F1E;
  font-size: 12px;
  text-align: center;
  margin-bottom: 0;
  margin-top: 10px;
}

#three-col h2.left_head
{
  text-align: left;
  margin-left: 53px;
}


#three-col p
{
  font-size: 92%;
  color: #999;
  text-indent: 47px;
  margin-top: 0;
  margin-bottom: 0;
}

#three-col p.ti0
{
  text-indent: 5px;
  color: #8BC9E7;
  margin-top: 3px;
}

#three-col .right-col-outer
{
  float: left;
  width: 215px;
  padding: 0;
  margin: 0;
  margin-left: 30px;
  margin-bottom: 40px;
  background: transparent url(/images/shell.gif) -1% 0% no-repeat;
}

#three-col .center-col-outer
{
  float: left;
  /*  background: transparent url(/images/camera.png) 1% left no-repeat;*/
  background: transparent url(/images/anchor.gif) 1% left no-repeat;
  width: 215px;
  padding: 0;
  margin: 0;
  margin-left: 60px;
  margin-right: 30px;
  margin-bottom: 40px;
}

li#nav-home,
li#nav-actors,
li#nav-services,
li#nav-background,
li#nav-links,
li#nav-contact,
{
  /*nav bar list elements*/
}

/* ========== */
/* = footer = */
/* ========== */

#footer
{
  clear: both;
  background-color: transparent;
  width: 800px;
  padding: 10px 0;
  font: normal 10px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
  letter-spacing: 1px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  color: #ccc;
  line-height: 1.5;
}

#bottom p
{
  /*  color: #ccc;*/
  line-height: 1.5;
  text-align: center;
}

.clear
{
  clear: both;
}

.strong
{
  font-weight: bold;
}

.flash
{
  width: 75%;
  margin-bottom: 20px;
}

.flash p
{
  margin-bottom:0;
}

h1 { 
  color: #ccc;
  margin-bottom: 18px; 
  font: normal 22px/32px "Tahoma","Helvetica","Arial",sans-serif;
  text-transform: uppercase;
}

h2
{ 
  font: bold 10px/18px "Tahoma", "Helvetica", "Arial", sans-serif;
  text-transform: uppercase;
  padding-top: 7px;
  padding-bottom: 5px;
  margin-bottom: 18px;
  clear:both;
  letter-spacing: 1px;
  border-top: 5px solid #224;
  border-bottom: 1px dotted #224;
  /*  color: #679EF1; */
  color: #8BC9E7;
}

#errorExplanation h2
{
  font: bold 12px/13px "Lucida Grande", "Tahoma", "Helvetica", "Arial", sans-serif;
  letter-spacing: 1px;
  margin-bottom: 13px;
  color: rgb(180,180,180);
  text-transform: none;
  border: none;
}

h3
{ 
  /*  color: #788F1E;*/
  color: rgb(210,146,0);
  font: bold 22px/28px "Lucida Grande", Tahoma,"Helvetica","Arial",sans-serif;
  letter-spacing: 1px;
  margin-bottom: 13px;
}

h4
{
  font: bold 16px/18px "Lucida Grande", "Tahoma", "Helvetica", "Arial", sans-serif;
  letter-spacing: 1px;
  margin-bottom: 13px;
  color: rgb(180,180,180);
}

body#admin h4, body#index h4
{
  color: rgb(210,146,0);
  font: normal 14px/18px "Lucida Grande", "Tahoma", "Helvetica", "Arial", sans-serif;
}

#left-col .spiffy-inner h4
{
  color: rgb(210,146,0);
  letter-spacing: 0;
  font: bold 14px/18px "Lucida Grande", "Tahoma", "Helvetica", "Arial", sans-serif;
  margin-bottom: 11px;
  margin-top: 0;
  margin-left: 45px;
}

p, ol, ul
{
  margin-bottom: 18px; 
}

#header p, #header ol, #header ul, #navstrip ul
{
  margin-bottom: 0;
  margin-top: 0;
}

a:link, a:visited
{
  color: rgb(210,146,0);
}

a:hover
{
  color: #8BC9E7;
  text-decoration: none;
}

a:active
{
  outline: 0;
}


ul.lead_150
{
  list-style-type: square;
}

ul.lead_150 li
{
  line-height: 200%;
}
/* ================= */
/* = VERTICAL MENU = */
/* ================= */

/*- Menu 5--------------------------- */
/*
#menu5 {
  width: 180px;
  background-color: #222;
  text-align: right;
  margin: 0;
  margin-left: 30px;
  margin-top: 9px;
  margin-bottom: 12px;
  font-size: 12px;
  text-transform: uppercase;
  background-image: url(/images/bg.gif);
  border: 1px solid #333;
}

#menu5 li a {
  height: 32px;
  voice-family: "\"}\""; 
  voice-family: inherit;
  height:18px;
  text-decoration: none;
  border-bottom: 1px solid #292F33;
} 

#menu5 li a:link, #menu5 li a:visited
{
  color: #8BC9E7;
  color: rgb(210,146,0);
  letter-spacing: 1px;
  display: block;
  padding: 5px 10px 5px 10px;
}

#menu5 li a:hover
{
  color: rgb(210,146,0);
  color: #8BC9E7;
  padding: 5px 10px 5px 10px;
}

#menu li a:active
{

}
*/

.tm20
{
  margin-top: 20px;
}

.tm30
{
  margin-top: 30px;
}

#shell
{
  background: transparent url(/images/shell.gif) 3% 3% no-repeat;
}

#anchor
{
  background: transparent url(/images/anchor.gif) 3% 3% no-repeat;
}

#fish
{
  background: transparent url(/images/fish.gif) 3% 3% no-repeat;
}

#left-col .spiffy-inner p
{
  text-indent: 45px;
}

body#contact #left-col .spiffy-inner p
{
  padding-left: 45px;
  text-indent: 0px;
}

.bm13
{
  margin-bottom: 13px;
}

.bm20
{
  margin-bottom: 30px;
}

.overline
{
  border-top: 1px solid #444;
  padding-top: 12px;
  margin-top: 12px;
}
.spiffy{display:block;}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#222233;}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #252933;
  border-right:1px solid #252933;
  background:#232533;}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #282d33;
  border-right:1px solid #282d33;
  background:#232433;}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #232433;
  border-right:1px solid #232433;}
.spiffy4{
  border-left:1px solid #252933;
  border-right:1px solid #252933;}
.spiffy5{
  border-left:1px solid #232533;
  border-right:1px solid #232533;}
.spiffyfg{
  background:#222233;}

.spiffy-inner
{
  padding: 6px 8px 6px 16px;
/*  background: transparent url(/images/fish.gif) bottom right no-repeat;*/
}

.spiffy-inner#anchor, .spiffy-inner#fish, .spiffy-inner#shell
{
/*  padding: 0;*/
}

fieldset
{
  display: block;
  background-color: #112;
  padding: 1em;
  border: 1px solid #333;
  color: #333;
  width: 80%;
  margin-bottom: 12px;
}

legend
{
  text-transform: uppercase;
}

textarea, input
{
  color: #222;
}

#errorExplanation
{
  background-color: #222233;
  padding: 6px;
  margin-bottom: 12px;
  width: 80%;
}

#errorExplanation li
{
  list-style-type: square;
  margin-left: 16px;
}
