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

  This stylesheet contains the CSS for structure and presentation. Rules relating to
  typography are found in typography.css
  
  IE specific rules and/or hacks go in ie6.css or ie7.css

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

@import '../stylesheets/typography.css';
@import '../stylesheets/thickbox.css';


:focus {
	-moz-outline-style: none;
}

/* STRUCTURE ------------------------------------------------------------------------------------*/

html, body {
	height: 100%;
}

body {
	background: #070707;
	margin: 0;
	min-width: 1250px;
}

.container {
	width: 975px;
	position: relative;
	margin: 0 auto;
}

/* HEADER ------------------------------------------------------------------------------------*/

#header {
  background: #CC9D70 url(../images/bg/header_bg.jpg) left top repeat-x;
  height: 107px;
}

#header .container { overflow: visible; }

img#header_logo { padding-top: 50px; }
a#contact_link { position: absolute; right: 0; top: 55px; }

#header_leaves {
  position: absolute;
  right: -130px;
  top: -8px;
  background: url(../images/bg/header_leaves.gif) right top no-repeat; 
  height: 107px;
  width: 529px;
}

/* PRESENTATION / SLIDESHOW ------------------------------------------------------------------------------------*/

#presentation {
  background: #e7e8e9 url(../images/bg/presentation_bg.gif) left top repeat-x;
  height: 325px;
	overflow: hidden;
}

#presentation .container { padding: 18px 0; overflow: visible; }

.slide_text, .slide_img { float: left; }
.slide_img {
  background: url(../images/bg/slide_img_bg.png) left top repeat;
  padding: 5px;
  height: 275px;
  overflow: hidden;
  width: 465px;
}

.slide_text {
  width: 460px;
  height: 265px;
  background: url(../images/bg/slide_text_bg.png) left top repeat;
  padding: 10px 20px;
  overflow: hidden;
}

#slide_next, #slide_prev {
  position: absolute;
  top: 145px;
  display: block;
}

#slide_next {
  left: 1000px;
}

#slide_prev {
  right: 1000px;
}

img#badge {
  position: absolute;
  top: 6px;
  left: 365px;
}

/* CONTENT ------------------------------------------------------------------------------------*/

#content {
	display: block;
  background: url(../images/bg/content_tile.jpg) left top repeat;
  margin: 0;
}

#content .container {
  background: url(../images/bg/content_bg.jpg) center top no-repeat;
  min-height: 500px;
  padding-top: 33px;
  margin-bottom: 0;
  overflow: hidden;
}

#content_leaves {
  background: url(../images/bg/footer_leaves.png) right bottom no-repeat;
  position: absolute;
  bottom: 0;
  right: 0;
  height: 124px;
  width: 442px;
}

.content_box {
  background: url(../images/bg/content_block_top.png) left top no-repeat;
  padding: 14px 18px 0;
  margin-bottom: 0;
  overflow: hidden;
}

.content_box_bottom {
  background: url(../images/bg/content_block_bottom.png) left top no-repeat;
  margin-bottom: 33px;
  height: 20px;
}

#primary_content {
  width: 612px;
  float: left;
  margin-right: 33px;
}

#secondary_content {
  float: left;
  width: 330px;
  margin-bottom: 100px;
}

#secondary_content .content_box { background: url(../images/bg/content_block_side_top.png) left top no-repeat; }
#secondary_content .content_box_bottom { background: url(../images/bg/content_block_side_bottom.png) left top no-repeat; }

ul.client_list { 
  float: left;
  width: 175px;
  margin: 15px 24px 0 0;
  font-family: "Palatino", georgia, serif;
  color: #AEDEE4;
  font-size: 1.2em;
  font-style: italic;
}

ul.client_list li { padding-left: 3px; margin-bottom: 4px; }

#turing_illustration { float: left; margin: 0 15px 20px;}

#further_reading { width: 612px; margin: 0 auto; padding-bottom: 5px; }

/* NOTICES ------------------------------------------------------------------------------------*/

.notice {
  height: 43px;
  color: #fff;
  font-family: georgia, serif;
  font-style: italic;
  font-size: 1.8em;
  background: #8BC53F url(../images/bg/notice_grad.gif) left top repeat-x;
  text-align: center;
  line-height: 43px;
}

#error {
  background: #E44044 url(../images/bg/error_grad.gif) left top repeat-x;
}

/* TOOLTIPS ------------------------------------------------------------------------------------*/

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 4px solid #fff;
	background-color: #000;
	padding: 5px;
	opacity: 0.85;
	color: #fff;
}
#tooltip h3 { margin: 2px 8px;}
#tooltip div { margin: 0; }


/* FOOTER ------------------------------------------------------------------------------------*/

#footer {
  background: url(../images/bg/footer_grad.gif) left top repeat-x;
  margin: 0;
  clear: both;
}

#footer .container { padding: 33px 0; overflow: hidden; }

.footer_box, #thank_you { float: left; width: 255px; margin-right: 33px;}

#contact_form input.text, #contact_form textarea { 
  width: 240px; 
  background: #333; 
  color: #ccc; 
  border: 1px solid #555; 
  border-top: 1px solid #222; 
  border-left: 1px solid #222;
  font-family: "Trebuchet MS";
  font-size: 1em;
  padding: 4px 0;
}

#contact_form, #thank_you {
  width: 340px;
}

#thank_you {
  background: url(../images/bg/thanks_bg.png) left top no-repeat;
  height: 284px;
  text-align: center;
}

#thank_you img {
  padding-top: 75px;
}