/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

body {
  background: #CA7B90 url('../img/strip.jpg') top repeat-y;
	color: #222;
	font-size: 11px;
}

.container_825 {
  background: url('../img/topbg.jpg') top no-repeat;
	margin-left: auto;
	margin-right: auto;
	width: 825px;
	padding-top: 120px;
}

.grid_340,
.grid_485,
.grid_675,
.grid_150 {
	display: inline;
	float: left;
}

.grid_340 {
	width: 340px;
	height: 336px;
  background: url('../img/logomenu.jpg') left no-repeat;
}

.grid_485 {
	width: 390px;
	height: 336px;
	padding-right: 95px;
  background: url('../img/shadow.jpg') top left no-repeat;
}

.grid_150 {
	width: 825px;
  background: url('../img/tree.jpg') bottom right no-repeat;
}

.grid_675 {
	width: 580px;
	height: 100%;
	padding-left: 95px;
}

space_300 {
  display: inline;
  float: right;
  height: 300px;
  width: 40px;
}

.footer {
	width: 825px;
	height: 81px;
  background: url('../img/footerbg.jpg') left no-repeat;
}




/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}