@charset "UTF-8";

/*** COLOR PALETTE ***

#13001C -- dark eggplant purple -- background
#1E002D -- purple -- not used

#89808D -- alpha purple -- border trim
#A298A7 -- light alpha purple -- not used
#BFBAC1 -- lighter alpha purple -- page text

#781333 -- dark ruby (canvas) -- not used
#822d55 -- medium ruby (canvas) -- not used
#DE6381 -- light ruby (dragonfly) -- (curr) link text
#E689A1 -- lighter ruby (dragonfly) -- (alt) link text

E4B7ED
***/

html,
body {
  margin: 0;
  padding: 0;
}

body {
  text-align: center;
  font-family: Verdana, Arial, Helvetica;
  letter-spacing: 0.4pt;
  font-size: 11.5pt;
  /*color: #BFBAC1;*/
  color: #FFF;
  background: #13001C url('../image/background.png');
}

a {
  display: inline-block;
  text-decoration: none;
  white-space: nowrap;
  color: #E689A1; /* LIGHTER */
  color: #DE6381; /* DARKER */
  color: #CCC;
  /* eyeballed */
  color: #ce66ff; /* purple */
  color: #e4acff; /* light purple */
  color: #DA8DFF; /* medium purple */
  /* golden
  color: #F3DEB0;
  color: #E9BE5F;
  */
  /* sampled
  color: #E4B7ED;
  color: #C76DBA;
  */
  color: #CF80DF;
}

a:hover {
  color: #FFF;
}

a img {
  border: 0;
}

/*** EVERYTHING HEADER ***/
#header {	display: none;
  position: relative;
  width: 720px;
  /*margin: 0 auto; FLUSH TOP */
  margin: 10px auto 0; /* OFFSET TOP */
  /*padding: 0 40px 40px; FLUSH TOP */
  padding: 10px 40px 60px; /* OFFSET TOP */
  text-align: left;
  border: 1px solid #89808D;
  /*border-width: 0 1px; FLUSH TOP */
  border-width: 1px 1px 0; /* OFFSET TOP */
  background: #13001C;
}

#nameplate {
  /*margin: 14px 0 30px -4px; NO-TAGLINE */
  margin: 14px 0 0 -4px;
}

#tagline {
  position: relative;
  margin: 2px 0 30px;
  font-family: NeueUltraWeb;
  font-variant: small-caps; /* breaks Safari */
  letter-spacing: 1.55pt;
  font-size: 15pt;
}

#tagline span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 95%;
  background: transparent url('../image/gradient.png') 50% repeat-x;
}
/*
#contact {
  position: absolute;
  top: 0px;
  right: 200px;
  z-index: 100;
}
*/
#dragonfly {
  /*display: none;*/
  position: absolute;
  top: 30px;
  right: -40px;
  width: 145px;
}

/* menu wrapper */
#site_menu {
  color: #89808D; /* pipe '|' seperators */
}

/* site menu selections */
#menu_header {
  display: inline-block;
  margin-bottom: 2px;
  padding-bottom: 2px;
  border-bottom: 1px solid #89808D;
}

/* site category menus */
.custom_menu {
  display: none;
  font-size: 10.5pt;
}

/* menu name label */ /* not being used */
.menu_label {
  font-variant: small-caps;
  /*color: #BFBAC1;  REVERT */
  color: #FFF;
  font-size: 11pt;
}

.inactive,
.inactive:hover {
  cursor: default;
  /*color: #BFBAC1;  REVERT */
  color: #FFF;
}

/*** EVERYTHING ELSE ***/
#content_container {	display: none;
  width: 720px;
  margin: 0 auto 40px;
  padding: 0 40px 40px;
  text-align: left;
  border: 1px solid #89808D;
  border-width: 0 1px 1px;
  background: #13001C;
}

/* copyright, trade mark <sup> */
sup {
  display: inline-block;
  margin-left: 2px;
  font-size: 50%;
  vertical-align: 70%;
}

/* CP project title */
.project_title {
  position: relative;
  margin-bottom: 12px;
  font-family: NeueUltraWeb, Georgia;
  font-size: 30pt;
  /*color: #BFBAC1; INHERIT */
  color: #FFF;
}

/* gradient overlay image */
.project_title span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 95%;
  background: transparent url('../image/gradient.png') repeat-x;
}

/* CP project content */
.project_content {
  margin-left: 4px;
  margin: 0;
  font-family: GiovanniWeb, Georgia, "Times New Roman", Times;
}

/* main project images */
.project_content img {
  margin-left: -4px;
  margin: 0;
  margin-bottom: 30px;
}

/* thumbnail et.al wrapper */
.project_thumb {
  position: relative;
  display: inline-block;
  margin: 40px 35px 0px 0;
  text-align: center;
}

/* thumbnail img wrapper */
.cardimgcrop {
  margin-bottom: 10px;
}

/* thumbnail active */
.active *,
.active *:hover {
  cursor: default;
  /*color: #BFBAC1;  REVERT */
  color: #FFF;
}

/* thumbnail caption */
.thumb_title {
  font-size: 10.5pt;
  width: 200px;
}

/* thumbnail tags text */ /* not being used */
.thumb_tag {
  /*color: #BF5D7C;  tag commas ',' */
  /* color: -- color of links --; */
}

/* thumbnail tags links */
.thumb_tag a {
  font-style: italic;
  font-size: 9pt;
}


/*** CARGO SPECIFIC EXTRAS ***/

.nav_container {
  display: none;
}

.project_footer {
  display: none;
}

#nav_loadspin {
  display: none !important;
  position: fixed;
  top: 35px;
  left: 55px;
  z-index: 100;
}

.loader_holder {
  display: none;
  position: absolute;
  text-align: center;
  top: 8px;
  left: 8px;
  top: 45%;
  left: 45%;
  z-index: 100;
}

.toolset {
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 100;
}

/*** CARGO SLIDESHOW ***/
.slideshow_nav {
  margin-bottom: 2px;
  font-family: Verdana, Arial, Helvetica;
  font-size: 11pt;
}

.slideshow_count {
  font-size: 10pt;
}