@charset "UTF-8";
/* CSS Document */

@font-face {
	font-family: Droid;
	src: url('../fonts/DroidSans-Bold.ttf');
}

html {
	background: url(../images/bg.png) top left repeat;
	background-color: #292931;
}

body {
	font: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
}

/* Text */
h1 {
	font-family: Droid, Verdana, Arial;
	font-size: 24px;
	color: #015469;
	margin: 0 0 15px 0;
}

p { }

a {
	color: #015469;
}

a:hover {
	
}

#wrapper {
	width: 820px;
	margin: auto;
	background: url(../images/bg.png) top left repeat-y;
}

#header {
	width: 801px;
	height: 549px;
	margin: 0 0 -3px 10px;
	overflow: hidden;
}

#content {
	margin-left: 10px;
	background: url(../images/bg_slice.png) top left repeat-y;
	overflow: hidden;
	margin-bottom: -3px;
}

	#box1, #box2, #box3, #box4 {
		padding-top: 20px;
		padding-bottom: 30px;
		width: 800px;
		position: relative;
	}
	
	#box1 { height: 475px; }
	
	#box2, #box3 { height: 370px; }
	
	#box4 {
		height: 350px;
	}

		ul {
			margin: 15px 0 0 35px;
		}
		
			li {
				margin: 0 0 8px 0;
				list-style-type: disc;
			}

		.img {
			width: 220px;
			padding: 0 0 0 75px;
			display: inline;
			position: relative;
			float: left;
		}
		
		#box1 .img {
			width: 318px;
			height: 500px;
		}
				
		.info {
			width: 300px;
			position: relative;
			display: inline;
			float: right;
			margin: 20px 75px 0 0;
		}
		
	div.divider {
		height: 30px;
		border: none;
		background: url(../images/hr.png);
	}
	
	#footer {
		position: relative;
		height: 60px;
		margin-left: 11px;
		background: url(../images/footer_bg.png) bottom left no-repeat;
		clear: both;
	}
	
		#footer p {
			position: absolute;
			top: 25px;
			left: 285px;
		}