/**
 * Impression Edge main site style sheet.
 *
 * @package    ImpressionEdge
 * @subpackage UI
 * @copyright  Copyright 2008 Spenlen Media (http://spenlen.com)
 * @version    $Id$
 */


/**** Global Rules ****/

/* Page Structure */

HTML, BODY, H1, H2, H3, H4, H5, H6, HR, DIV, P, PRE, UL, OL, LI, BLOCKQUOTE, FORM, FIELDSET, LEGEND, TABLE, TR, TH, TD, DL, DT, DD {
  margin: 0;
  padding: 0;
}

HTML, BODY {
  height: 100%;
  min-height: 730px;
}

BODY {
  padding: 0 6px;
  background: #fff;
  font: normal normal normal 0.9em/1.3em Verdana, sans-serif;
  color: #fff;
}

/* Headings */

H1, H2, H3, H4, H5, H6 {
  margin: 0 0 1em 0;
  font-family: Verdana, sans-serif;
  font-weight: bold;
}

H2 {
  font-size: 1.4em;
}

H3 {
  font-size: 1.1em;
}

H4 {
  font-size: 1em;
}

/* Tables */

TABLE {
  border-collapse: collapse;
  border-spacing: 0;
  background: none;
}

TH, TD {
  font-style: normal;
  font-weight: normal;
  text-align: left;
}


/* Paragraphs and Other Block-Level Elements */

P {
  margin-bottom: 1.2em;
  line-height: 1.5em;
}

OL, UL {
  margin: 2em 1em 1em 2em;
  list-style: none;
}

UL.bullets {
  margin-top: 1em;
  list-style: disc;
}

LI {
  margin-bottom: 1em;
}

BLOCKQUOTE {
  margin: 0 1em;
  padding: 0 0 0 0.7em;
}

ADDRESS {
  margin-bottom: 1em;
  font-style: normal;
}

BR.clear {
  clear: both;
}

HR {
  margin: 1em 0 1em 0;
  border: 1px solid #fff;
}

HR.sectionBreak {
  margin: 2em 0 2em 0;
}

HR.separator {
  border-right: none;
  border-bottom: none;
  border-left: none;
}

/* Anchors (Hyperlinks) */

A, A:link, A:visited {
  color: #563f23;
  text-decoration: none;
}
A:hover {
  color: #000;
  text-decoration: underline;
}


/* Form Elements */

INPUT, TEXTAREA, SELECT, BUTTON {
  font: normal normal normal 1em Verdana, sans-serif;
}

INPUT.fullWidth, TEXTAREA.fullWidth {
  width: 100%;
  max-width: 50em;
}

INPUT.cancelButton, BUTTON.cancelButton {
  margin-left: 2em;
}

/* Images and Other Inline Elements */

IMG {
  border: none;
}

ACRONYM, ABBR {
  text-decoration: none;
}


/**** Site Layout ****/

/* Page Frame */

#page {
  margin: 0 auto;
  background-color: #888600;
  background-position: 0px 132px;
  background-repeat: repeat-x;
  min-width: 788px;
  min-height: 100%;
  position: relative;
}

#pageHome #page {
  background-image: url('../images/background_stripe_home.jpg');
}
#pageAbout #page {
  background-image: url('../images/background_stripe_about.jpg');
}
#pageProducts #page {
  background-image: url('../images/background_stripe_products.jpg');
}
#pageContact #page {
  background-image: url('../images/background_stripe_contact.jpg');
}
#pageServices #page {
  background-image: url('../images/background_stripe_services.jpg');
}


/* Page Header */

#pageHeader {
  background: #d0c1a1 url('../images/background_header.jpg') left top repeat-x;
  width: 100%;
  height: 132px;
  position: relative;
}

#pageHeader H1 {
  margin: 0;
  background: url('../images/ie_logo.gif') center center no-repeat;
  font-size: 1em;
  text-indent: -1000em;
  height: 130px;
  width: 530px;
}


/* Page Navigation */

#pageNavigation {
  margin: 0;
  position: absolute;
  right: 0;
  bottom: 0;
}

#pageNavigation LI {
  margin: 0;
  display: block;
  float: left;
}

#pageNavigation LI A {
  padding: 6px 15px;
  background: #888600;
  color: #fff;
  line-height: 1em;
  display: block;
}
#pageNavigation LI A:hover, #pageNavigation LI.current A {
  color: #fff;
  text-decoration: none;
}
#pageHome #pageNavigation LI A:hover, #pageHome #pageNavigation LI.current A {
  background: #563f23;
}
#pageAbout #pageNavigation LI A:hover, #pageAbout #pageNavigation LI.current A {
  background: #d67002;
}
#pageProducts #pageNavigation LI A:hover, #pageProducts #pageNavigation LI.current A {
  background: #2e536d;
}
#pageContact #pageNavigation LI A:hover, #pageContact #pageNavigation LI.current A {
  background: #a41b22;
}
#pageServices #pageNavigation LI A:hover, #pageServices #pageNavigation LI.current A {
  background: #000;
}


/* Page Content Area */

#pageContent {
  padding: 26px 20px 20px 20px;
  background-position: right top;
  background-repeat: no-repeat;
  min-height: 550px;
}
#pageHome #pageContent {
  background-image: url('../images/background_page_home.jpg');
  min-height: 600px;
}
#pageAbout #pageContent {
  background-image: url('../images/background_page_about.jpg');
}
#pageProducts #pageContent {
  background-image: url('../images/background_page_products.jpg');
}
#pageContact #pageContent {
  background-image: url('../images/background_page_contact.jpg');
}
#pageServices #pageContent {
  background-image: url('../images/background_page_services.jpg');
}

#pageContact A, #pageContact A:link, #pageContact A:visited {
  color: #fff;
}
#pageContact A:hover {
  color: #000;
}

#tagLineTopSpace, #tagLine, #tagLineBottomSpace, #tagLineFinal {
  float: right;
  clear: right;
}

#tagLineTopSpace {
  height: 125px;
}
#pageHome #tagLineTopSpace {
  width: 372px;
}
#pageAbout #tagLineTopSpace {
  width: 510px;
}
#pageProducts #tagLineTopSpace {
  width: 580px;
}
#pageContact #tagLineTopSpace {
  width: 660px;
}
#pageServices #tagLineTopSpace {
  width: 595px;
}

#tagLine {
  width: 770px;
  height: 215px;
  text-indent: -1000em;
}
#pageContact #tagLine {
  width: 660px;
}

#tagLineBottomSpace {
  line-height: 0.5em;
  width: 100%;
  height: 41px;
}

#pageAbout #tagLineFinal {
  padding: 0 0 30px 30px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.5em;
  font-weight: bold;
  text-align: right;
  width: 600px;
}
#pageProducts #tagLineFinal {
  padding: 0 0 0 30px;
  background: url('../images/leave_cows_alone.gif') right center no-repeat;
  width: 315px;
  height: 30px;
  text-indent: -1000em;
}
#pageServices #tagLineFinal {
  padding: 0 0 30px 30px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  width: 400px;
}

P.portfolioLink {
  margin-bottom: 1.5em;
}
P.portfolioLink A {
  background: url('../images/portfolio_link.gif') center center no-repeat;
  text-indent: -1000em;
  display: block;
  width: 108px;
  height: 50px;
}

#productLinks {
  margin: 1em 0;
}

#productLinks LI {
  margin: 0 3px 0 0;
  float: left;
}
#productLinks LI A {
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -1000em;
  display: block;
  width: 132px;
  height: 98px;
}
#productLinks LI A.productApparel {
  background-image: url('../images/products_apparel.jpg');
}
#productLinks LI A.productGeneral {
  background-image: url('../images/products_general.jpg');
}
#productLinks LI A.productGifts {
  background-image: url('../images/products_gifts.jpg');
}
#productLinks LI A.productLeeds {
  background-image: url('../images/products_leeds.jpg');
}
#productLinks LI A.productPens {
  background-image: url('../images/products_pens.jpg');
}

#homePageFooter {
  background: url('../images/tshirt.gif') left bottom no-repeat;
  color: #563f23;
  text-align: right;
  width: 490px;
  height: 240px;
  position: absolute;
  bottom: 0;
  left: 0;
}
#homePageFooter .productsIeWay {
  margin: 0;
  background: url('../images/products_ie_way.gif') center 100px no-repeat;
  text-indent: -1000em;
  height: 155px;
}
#homePageFooter .productsIeWay SPAN {
  visibility: hidden;
}

.alignLeft {
  text-align: left;
}

.alignCenter {
  text-align: center;
}

.alignRight {
  text-align: right;
}

.floatLeft {
  padding-right: 1em;
  padding-bottom: 1em;
  float: left;
}

.floatRight {
  padding-left: 1em;
  padding-bottom: 1em;
  float: right;
}

.noWrap {
  white-space: nowrap;
}

.hidden {
  visibility: hidden;
}


/* Page Footer */

#pageFooter {
  font-size: 0.9em;
  color: #563f23;
  text-align: right;
  position: absolute;
  right: 20px;
  bottom: 0px;
}

#footerLogo {
  background-position: right top;
  background-repeat: no-repeat;
  display: block;
}
#pageHome #footerLogo {
  background-image: url('../images/ie_buttons.jpg');
  height: 70px;
}
#pageAbout #footerLogo {
  background-image: url('../images/ie_sign.jpg');
  height: 100px;
}
#pageProducts #footerLogo {
  background-image: url('../images/ie_letters.jpg');
  height: 70px;
}
#pageContact #footerLogo {
  background-image: url('../images/ie_route.jpg');
  height: 106px;
}
#pageServices #footerLogo {
  background-image: url('../images/ie_stencil.jpg');
  height: 50px;
}