/* Stylesheet

  - Body & @css
  - Links
  - Layout
    - Header
      - h1
    - Container
    - Content
      - Columns
    - Footer
  - Text
  - Special blocks
    - Quotes
  - Forms

*/



/* --------------------------------------- */



/* Body & @css
------------------------------------------ */

@import url(css/reset.css);
@import url(css/default.css);


body {
    font: normal 86% Arial;
    line-height: 1.4em; color: #586066;
    background: #ededed;
}


/* Links
------------------------------------------ */

a:link, a:visited, a:active { color:#94211a; text-decoration: none;}
a:hover { color:#611511; }

/* Layout
------------------------------------------ */
/* Container ----------------------------- */

#container {
  margin-top: 1px;
  background: url("images/bg_container.gif") left top repeat-x;
}

#container_wrapper {
  width: 920px;
  margin: 0 auto;
  padding: 0 20px;
}

/* h1 ------------------------------------ */

#header {
  background: url("images/bg_header.gif") center top no-repeat;
  height: 210px; padding-top: 6px;
}
#header_wrapper {
  width: 920px; height: 120px;
  margin: 0 auto; padding: 45px 20px;
  background: url("images/bg_header_wrapper.jpg") center top no-repeat;
  position: relative;
}

/* Logo */

h1 {
  display: block;
  width: 616px; height: 76px;
  padding: 22px 0;
  background: url("images/bg_header_text.png") center center no-repeat;
  border-top: 1px solid #ff1700;
  border-bottom: 1px solid #ff1700;
}

h1 span { margin-left: -9999px; }

/* Content ------------------------------- */

#main {
  width: 920px; overflow: hidden;
  position: relative;
}

/* Columns */

#section {
  float: left; width: 620px;
  padding-top: 40px;
}

#aside {
  float: right; width: 280px;
  position: relative;
}

/* Footer -------------------------------- */

#footer {
  border-top: 1px dotted #636466;
  margin-top: 10px; padding: 20px 0;
  font-size: 0.8em; color: #636466;
  background: url("images/logo.png") right center no-repeat;
}

#footer span {
  font: bold italic 1.1em Arial;
  color: #949699;
}

/* Text
------------------------------------------ */

h1 {}
h2 {}
h3 { font-size: 1.6em; margin:1.2em 0 1em;line-height:1em;}
h4 {}
p { margin: 10px 0; }
p.introduction { font-size: 1.2em; font-weight: bold; }
small {}

/* Special blocks
------------------------------------------ */

.form_header {
  width: 540px; height: 47px;
  margin-bottom: 30px;
  background: url("images/form_header.png") left top no-repeat;
}

.form_header span { margin-left: -9999px; }

/* Book ---------------------------------- */
#book {
  position: absolute; z-index: 4;
  right: 26px; top: 20px;
}


/* Quotes -------------------------------- */
#quotes {
  position: absolute; z-index: 5;
  left: 0; top: 280px;
}

.quote {
  width: 264px; height: 142px;
  float: right; margin-bottom: 20px;
}

.quote span { margin-left: -9999px; }

#explore { background: url("images/explore.png") left top no-repeat; height: 65px; }
#explore:hover { background: url("images/explore.png") left -65px no-repeat; }

#quote1 { background: url("images/quote1.png") left top no-repeat; }
#quote2 { background: url("images/quote2.png") left top no-repeat; }


/* Forms
------------------------------------------ */

fieldset {
  background: #ccc url("images/bg_form.jpg") top left no-repeat;
  padding: 30px 40px;
  margin: 40px 0 20px 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

form { }

ol.forms {
	list-style: none;
	width: 100%;
}

ol.forms li {
	line-height: 1.5em;
	margin-bottom: 0.5em;
	width: 100%;
}

ol.forms label {
	cursor: pointer;
	display: block;
	line-height: 1.5em;
  float: left; width: 156px;
  text-align: left;
  margin-top: 6px; font: bold 1.2em "Arial Narrow", Arial;
}

ol.forms .error { 
	display: block;
	margin: 0 0 0.3em 156px;
	color: red;
}

ol.forms li.buttons {
  width: 100px;
	padding-left: 156px;
}


input, textarea {
  font-size: 1.4em;
}

input.text {
  width: 378px; height: 33px;
  padding: 2px;
  background: url("images/input_text.png") top left no-repeat;
}

input.text_small {
  width: 78px; height: 33px;
  padding: 2px;
  background: url("images/input_text-small.png") top left no-repeat;
}

textarea {
  width: 378px; height: 109px;
  padding: 2px;
  background: url("images/input_textarea.png") top left no-repeat;
}

button#submit {
  width: 86px; height: 36px;
  background: url("images/input_submit.png") left top no-repeat;
  cursor: pointer;
}

button#submit:hover { background: url("images/input_submit.png") left -36px no-repeat; }

button span { margin-left: -9999px; }