body  {
	background:url(../images/bg_reeds.jpg) left 430px repeat-x;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000;
	font:13px/1.4em arial,helvetica,clean,sans-serif;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select, input, button, textarea {
	font:99% arial,helvetica,clean,sans-serif;
}
/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100%;
	border-collapse:collapse;
}
td {vertical-align:top;}
a{color: #666666; text-decoration:none;}
a:hover{color:#000000;text-decoration:none;}
img{border:none;}
*{padding:0; margin:0;}
ul, ol{margin:5px 10%; color:#fff; text-align:left;}
li {padding:2px 0 2px 10px; color:#fff; font-size:85%;}

/* `Containers
----------------------------------------------------------------------------------------------------*/
.strip{
	margin: 0; 
	padding: 0;
	text-align: center; 	
	}
#wrapper {
	margin:25px auto 0 auto;
	width: 1000px;
	text-align:left;
}
#nav {
	margin:0 0 20px 0;
	height:30px;
	width: 930px;
}
.content {
	padding:0;
	width:1000px;
	text-align:left;
}
#words {
	margin:20px 0 0  0;
	width: 1000px;
}


/* `Grid 
----------------------------------------------------------------------------------------------------*/


.col_1 {
	background:url(../images/title_kari.jpg);
	width: 143px;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	border:1px solid #fff;
	height:570px;
}
.col_2 {
	width: 415px;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	border:1px solid #fff;
	height:570px;
}
.col_3 {
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	width: 400px;
	height:570px;
	overflow:auto;
	border:1px solid #fff;
}
.col_contact {
	width: 445px;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	border:1px solid #fff;
	height:570px;
}

.credit{
	float:right;
	width:200px;
	margin-top:50px;
	}
.credit p{
	font-size:85%;
	margin:0.7em 5%;
}
/* col 3 backgrounds
----------------------------------------------------------------------------------------------------*/
#body-red .col_3 {background:#f25827;}
#body-red .strip{background:url(../images/bg_red.jpg) left 40px  repeat-x;	}

#body-lime .col_3 {background:#b2d300;}
#body-lime .strip{background:url(../images/bg_lime.jpg) left 40px  repeat-x;	}
#body-lime p, #body-lime h1, #body-lime h2, #body-lime blockquote {color:#000000;}

#body-aqua .col_3 {background:#00d5e6;}
#body-aqua .strip{background:url(../images/bg_aqua.jpg) left 40px  repeat-x;	}
#body-aqua p, #body-aqua h1, #body-aqua h2, #body-aqua blockquote {color:#000000;}

#body-orange .col_3 {background:#ed7402;}
#body-orange .strip{background:url(../images/bg_orange.jpg) left 40px  repeat-x;	}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* text styles
----------------------------------------------------------------------------------------------------*/

#words p{
	font-size:157%;
	color:#bcbcbc;
	font-weight:bold;
	word-spacing:2em;
	margin:0 5px 0 0;
	padding-bottom:10px;
	}
p{	
	margin: 0.7em 5%;
	text-align: left;
	font-size:100%;
	color:#FFFFFF;
}
.col_1 h1{
	text-indent:-10000px;
	}
h1{
	font-size:150%;
	color:#FFFFFF;
	margin:1.5em 5% 0.7em 5%;
	text-align:center;
	}
h2{
	font-size:120%;
	color:#FFFFFF;
	margin: 0.7em 5%;
	text-align: left;
	}
blockquote{
	font-style:italic;
	margin:1em 10%;
	text-align:left;
	color:#FFFFFF;
	}

/* `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;
}