/* ===== <style> ===== */

/* ===== [ hellenelondon.com ] ===== */

body {
  padding: 0px;
  margin: 0px 0px 0px 0px;
  background: #515A50 url(img/bg.gif) repeat-y top left;
  font-family: verdana, arial, helvetica, geneva, sans-serif;
  font-size: 12px;
  color: #2C312C;
  }
h1, h2, h3, h4, h5, h6 {
  font-family: arial, helvetica, verdana, geneva, sans-serif;
  }
  
   
img {
  border: 0px;
  display: block;
  }
img.inline {
  border: 0px;
  display: inline;
  }
img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  }

  
.mediumtopmargin {
  margin-top: 30px;
  }  
.largetopmargin {
  margin-top: 50px;
  }
  
  
a {
  color: #000;
  }
a:link {
  text-decoration: underline;
  background-color: transparent;
  }
a:visited {
  text-decoration: underline;
  background-color: transparent;
  }
a:hover {
  text-decoration: none;
  background-color: transparent;
  }
a:active {
  text-decoration: underline;
  background-color: transparent;
  }
  
    
/* ===== wrapper ===== */
#wrapper {
  width: 800px;
  }  

/* ===== header ===== */
#header {
  height: 296px;
  width: 186px;
  float: left;
  background: transparent url(img/hal-logo.gif) no-repeat top left;
  background-position: 120px 0;
  }

/* ===== nav ===== */
#nav {
  margin: 50px 0 50px 0;
  width: 157px;
  float: left;
  }

#navlist {
  width: 157px;
  height: 188px;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  }
#navlist li {
  padding: 0;
  margin: 0;
  list-style: none;
  /* Moz bug fix plus hide from IE mac \*/
  float:left;
  /* end hiding from IE5 mac */
  }
#navlist a {
  padding: 0 0 0 157px;
  height: 24px;
  width: 0px !important;
  width /**/:157px; /* for IE/Win only */
  float: left;
  overflow: hidden;
  }
#navlist a:hover {
  background-position: -157px 0;
  }  
#nav_advertising a {
  background: url(img/nav_advertising.gif) top left no-repeat;
  }
#nav_logos a {
  background: url(img/nav_logos.gif) top left no-repeat;
  }
#nav_book a {
  background: url(img/nav_book.gif) top left no-repeat;
  }
#nav_packaging a {
  background: url(img/nav_packaging.gif) top left no-repeat;
  }
#nav_prepress a {
  background: url(img/nav_prepress.gif) top left no-repeat;
  }
#nav_marketing a {
  background: url(img/nav_marketing.gif) top left no-repeat;
  }        
#nav_about a {
  background: url(img/nav_about.gif) top left no-repeat;
  margin: 20px 0 0 0;
  }
#nav_contact a {
  background: url(img/nav_contact.gif) top left no-repeat;
  }
  
/* highlight active nav element based on body id */ 

body#book #nav_book a,
body#advertising #nav_advertising a,
body#packaging #nav_packaging a,
body#collateral #nav_marketing a,
body#about #nav_about a,
body#contact #nav_contact a,
body#prepress #nav_prepress a,
body#logos #nav_logos a {
  background-position: -157px 0;
  }
   
/* ===== secnav ===== */
#secnav {

  }

/* ===== content ===== */
#content {
  padding: 20px 0px 20px 0;
  width: 447px !important;
  width /**/: 447px;
  float: right;
  background: transparent url(img/bg_content.gif) no-repeat top right;
  }  
#content h1 {
  font-size: 20px;
  font-weight: 800;
  color: #474F47;
  }
#content h2 {
  font-size: 15px;
  font-weight: 700;
  color: #474F47;  
  }  
#content h3 {
  font-size: 13px;
  font-weight: 600;
  color: #474F47;  
  }
p { 
  line-height: 140%;
  }  
div.textpage {
  padding: 30px;
  }
  
/* ===== sidebar ===== */
#sidebar {

  }
  
/* ===== resume and about hal ===== */  
#content h2.resumeh2 {
  background-color: #515A50;
  padding: 3px;
  color: #828F81;
  width: 100%;
  font-family: arial, verdana, helvetica, sans-serif;
  font-weight: normal;
  font-size: 1.4em;
  letter-spacing: normal;
  margin-top: 25px;
  }

div.title, div.project {
  font-family: arial, verdana, helvetica, sans-serif;
  color: #474F47;
  font-weight: normal;
  font-size: 1.4em;
  }
div.employer {
  font-weight: bold;
  }
div.date {
  border-top: 1px solid #5D685C;
  border-right: 1px solid #5D685C;
  padding: 3px 6px 0 0;
  margin-top: 10px;
  width: 100%;
  text-align: right;
  }  
ul.duties {
  }
ul.duties li {
  padding-top: 7px;
  } 
ul.fl_duties {
  margin-top: 1px;
  margin-bottom: 4px;
  padding-top: 1px;
  padding-bottom: 4px;
  }
p#pdf_resume {
  padding-left: 35px;
  padding-top: 7px;
  height: 31px;
  background: transparent url(img/icon_pdf.gif) no-repeat top left;
  clear: both;
  }
    
/* ===== contact ===== */
table#quickcontact {
  margin-top: 10px;
  }
table#quickcontact td.formlabel {
  text-align: right;
  }
table#quickcontact td input, table#quickcontact td textarea {
  background-color: #B6CFA5;
  border: 1px solid #474F47;
  }
table#quickcontact td input.send {
  background-color: #B6CFA5;
  }  
#content p#address {
  margin-left: 95px;
  }
table#quickcontact {
  scrollbar-base-color: #8F9B8F;
  }
  
  
/* ===== footer ===== */
#footer {
  padding: 0 460px 0 0;
  width: 117px !important;
  width /**/: 567px;
  height: 100px;
  float: right;
  color: #515A50;
  font-size: 90%;
  text-align: right;
  }
#footer a {
  color: #515A50;
  }
#footer a:link {
  text-decoration: none;
  background-color: transparent;
  }
#footer a:visited {
  text-decoration: none;
  background-color: transparent;
  }
#footer a:hover {
  text-decoration: underline;
  background-color: transparent;
  }
#footer a:active {
  text-decoration: none;
  background-color: transparent;
  }
  
/* ===== big popup ===== */  
body.bigpop {
  padding: 15px;
  margin: 15px;
  background: #515A50 url(img/bg_loading.gif) no-repeat top left;
  } 
/* ===== </style> ===== */