body {
	margin-top: 2em;

	font-family: "Droid Sans", sans-serif;
	font-size: small;
	line-height: 1.3em;

	background-color: #f8f8f8;
}

a {
	color: #bf4c43;
	text-decoration: none;
	border-bottom: 1px solid #eee;

	transition: color 200ms, border 200ms;
}
	a:hover, a:active, a:focus {
		color: #ff6559;
		border-bottom-color: #ccc;
	}

#header {
	width: 1100px;
	height: 155px;
	margin: 0 auto;

	background: transparent url(header.png) 0 0 no-repeat;
}

#main_wrap {
	width: 1060px;
	margin: 0 auto;

	background: transparent url(contentshadow.png) 100% 0 repeat-y;

}

#main {
	width: 984px;

	margin: 0 auto;
	padding: 0 30px;

	border-left: 2px solid #979797;
	border-right: 2px solid #979797;

	background: #fff url(contentbg.png) 50% 0 repeat-y;
}
	#main #menu {
		background-color: #fff;
		padding: 10px 0 20px 0;
	}
		#main #menu ul {
			text-align: center;
			margin-bottom: 0;
		}
			#main #menu ul li {
				display: inline;
				text-transform: lowercase;
				font-size: 105%;
			}
				#main #menu ul li:after {
					content: ".";
					margin: 0 0.3em;
				}
					#main #menu ul li:last-child:after {
						content: "";
					}
				#main #menu ul li.title {
					text-transform: uppercase;
					font-weight: bold;
					font-size: 95%;
				}
					#main #menu ul li.title:after {
						content: "";
						margin: 0.15em;
					}
	#main #content {
		min-height: 500px;
	}
		#main .col {
			float: left;
			border: 2px solid #d7d7d7;
			border-right-color: #a7a7a7;
			border-bottom-color: #a7a7a7;
			background-color: #fff;

			width: 99.6%;
			margin-bottom: 1em;
			padding: 1.5em 0;

			-webkit-box-shadow: 5px 5px 3px 0px rgba(151, 151, 151, 0.5);
			-moz-box-shadow: 5px 5px 3px 0px rgba(151, 151, 151, 0.5);
			box-shadow: 5px 5px 3px 0px rgba(151, 151, 151, 0.5);
		}
			#main .col-group { clear: both; }
			#main .col-group .col:nth-child(odd) { width: 48%; float: left; }
			#main .col-group .col:nth-child(even) { width: 48%; float: right; }

			#main .col h1, #main .col h2 #main .col h3,
			#main .col p, #main .col ol, #main .col ul,
			#main .col > * {
				padding: 0 1.5em;
			}

			#main #content > .col:last-child {
				margin-bottom: 0;
			}

		#main hr {
			clear: both;
		}
			#main hr.clear {
				height: 1em;
				background-color: #fff;
			}

#footer {
	width: 1000px;
	height: 34px;
	margin: 0 auto;
	padding: 26px 50px 0 50px;

	background: transparent url(footer.png) 0 0 no-repeat;
	color: #777;

	font-size: 90%;
	text-align: center;
}