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

	Licensed under GPL and MIT.
*/

/* `Containers
------------------------------------*/
.container {
	margin: 0 auto;
	width: 960px;
}

.footer_whole {
	background: url(../img/footer.jpg);
	border-top: 8px solid #A95211;
}

/* `Grid >> Global
------------------------------------*/
.grid_1, .grid_2, .grid_3, .grid_4,
.grid_5, .grid_6, .grid_7, .grid_8,
.grid_9, .grid_10, .grid_11, .grid_12,
.grid_13, .grid_14, .grid_15, .grid_16 {
	display: inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

/* `Children
------------------------------------*/
.alpha { margin-left: 0;  }
.omega { margin-right: 0; }

/* `Grid
------------------------------------*/
.grid_1  { width: 40px;  }
.grid_2  { width: 100px; }
.grid_3  { width: 160px; }
.grid_4  { width: 220px; }
.grid_5  { width: 280px; }
.grid_6  { width: 340px; }
.grid_7  { width: 400px; }
.grid_8  { width: 460px; }
.grid_9  { width: 520px; }
.grid_10 { width: 580px; }
.grid_11 { width: 640px; }
.grid_12 { width: 700px; }
.grid_13 { width: 760px; }
.grid_14 { width: 820px; }
.grid_15 { width: 880px; }
.grid_16 { width: 940px; }

/* `Prefix
------------------------------------*/
.prefix_1  { padding-left: 60px;  }
.prefix_2  { padding-left: 120px; }
.prefix_3  { padding-left: 180px; }
.prefix_4  { padding-left: 240px; }
.prefix_5  { padding-left: 300px; }
.prefix_6  { padding-left: 360px; }
.prefix_7  { padding-left: 420px; }
.prefix_8  { padding-left: 480px; }
.prefix_9  { padding-left: 540px; }
.prefix_10 { padding-left: 600px; }
.prefix_11 { padding-left: 660px; }
.prefix_12 { padding-left: 720px; }
.prefix_13 { padding-left: 780px; }
.prefix_14 { padding-left: 840px; }
.prefix_15 { padding-left: 900px; }

/* `Suffix
------------------------------------*/
.suffix_1  { padding-right: 60px;  }
.suffix_2  { padding-right: 120px; }
.suffix_3  { padding-right: 180px; }
.suffix_4  { padding-right: 240px; }
.suffix_5  { padding-right: 300px; }
.suffix_6  { padding-right: 360px; }
.suffix_7  { padding-right: 420px; }
.suffix_8  { padding-right: 480px; }
.suffix_9  { padding-right: 540px; }
.suffix_10 { padding-right: 600px; }
.suffix_11 { padding-right: 660px; }
.suffix_12 { padding-right: 720px; }
.suffix_13 { padding-right: 780px; }
.suffix_14 { padding-right: 840px; }
.suffix_15 { padding-right: 900px; }

/* `Push
------------------------------------*/
.push_1  { left: 60px;  }
.push_2  { left: 120px; }
.push_3  { left: 180px; }
.push_4  { left: 240px; }
.push_5  { left: 300px; }
.push_6  { left: 360px; }
.push_7  { left: 420px; }
.push_8  { left: 480px; }
.push_9  { left: 540px; }
.push_10 { left: 600px; }
.push_11 { left: 660px; }
.push_12 { left: 720px; }
.push_13 { left: 780px; }
.push_14 { left: 840px; }
.push_15 { left: 900px; }

/* `Pull
------------------------------------*/
.pull_1  { left: -60px;  }
.pull_2  { left: -120px; }
.pull_3  { left: -180px; }
.pull_4  { left: -240px; }
.pull_5  { left: -300px; }
.pull_6  { left: -360px; }
.pull_7  { left: -420px; }
.pull_8  { left: -480px; }
.pull_9  { left: -540px; }
.pull_10 { left: -600px; }
.pull_11 { left: -660px; }
.pull_12 { left: -720px; }
.pull_13 { left: -780px; }
.pull_14 { left: -840px; }
.pull_15 { left: -900px; }

/* `Clear
------------------------------------*/
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

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

#header p:first-child {
	background: #A95211;
	color: #FFF;
	display: block;
	float: right;
	padding: 5px 25px;
	text-align: right;
	width: 150px;
	border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
}
	#header p:first-child img{ float: left; }

/* Navigation
------------------------------------*/

#nav {
	border-bottom: 8px solid #444545;
	padding-top: 28px;
}

#nav li { display: inline-block; margin-left: -15px; position: relative; }

#nav li:first-child { margin-left: 0; z-index: 4; }
#nav li:nth-of-type(2){ z-index: 3; }
#nav li:nth-of-type(3){ z-index: 2; }
#nav li:nth-of-type(4){ z-index: 1; }

#nav a {
	background: #A2A3A3;
	border: 1px solid rgba(0,0,0,0.05);
	color: #444545;
	display: block;
	padding: 5px 20px 5px 12px;
	
	border-radius: 5px 28px 0 0;
	-moz-border-radius: 5px 28px 0 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 28px;
	
	-moz-box-shadow: 0 0 8px rgba(0,0,0,0.4);
}

#nav a:hover { background: #C6CACA; }
#nav a.here  { background: #597333; color: #FFF; }

#nav li.last { float: right; }

#nav li.last a {
	background: #A95211;
	color: #FFF;
	padding: 5px 12px 5px 20px;
	
	border-radius: 28px 5px 0 0;
	-moz-border-radius: 28px 5px 0 0;
	-webkit-border-top-left-radius: 28px;
	-webkit-border-top-right-radius: 5px;
}

/* Intro
------------------------------------*/

#intro {
	background: url(../img/intro.png) no-repeat top right;
	border-bottom: 5px solid #444545;
	height: 267px;
}

#intro h1 { margin-bottom: 40px; }

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

#content {
	background: url(../img/landscape.png) no-repeat bottom left;
	padding-bottom: 80px;
	padding-top: 20px;
}

#content-pri { border-right: 1px solid #DDD; width: 579px; }

#content-pri p { padding: 10px; }

	/* Bio
	------------------------------------*/

	.bio li{
		clear: both;
		float: left;
		height: 190px;
		list-style: none;
		margin-bottom: 50px;
		margin-left: 0;
	}

	.bio li img {
		float: left;
		margin: 0 20px 40px 0;
		box-shadow: 7px 7px 0 #788C58;
		-moz-box-shadow: 7px 7px 0 #788C58;
		-webkit-box-shadow: 7px 7px 0 #788C58;
	}

	.bio#home li{ height: 120px; margin-bottom: 30px; }

	/* Accordion
	------------------------------------*/

	#accordion h4{ color: #597333; cursor: pointer; margin-bottom: 10px; }
	#accordion p{ margin-bottom: 10px; margin-left: 40px; }

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

#footer {
	color: #FFF;
	font-size: 15px;
	margin: 0 auto;
	margin-top: 10px;
	width: 940px;
}

#gandr {
	float: right;
	position: relative;
	top: 120px;
}

/* Forms, buttons & Misc.
------------------------------------*/

input[type="text"], textarea { width: 400px; }

textarea { height: 200px; }

input[type="submit"], .button {
	background: #A95211;
	background: -moz-linear-gradient(bottom, #5A2C0A 0%, #A95211 5%, #BA8054 100%);
	background: -webkit-gradient(linear, left bottom, left top, from(#5A2C0A), color-stop(0.05, #A95211), to(#BA8054));
	border: 1px solid #9D4F16;
	color: #F8F7F2;
	cursor: pointer;
	font-size: 23px;
	padding: 14px 11px;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.4);
	width: 260px;
	
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

input[type="submit"] { width: auto; margin-left: 290px;}