/* Elements */
body {
	font: 11px verdana;
	color: #000;
	margin: 0;
	background: #c6d6e0;
}


h1 {
	color: #f5c12d;
}

a {
	color: #f5c12d;
}



/* Classes */

.pad{
	padding-right:15px;
}








/* Structure */
#wrapper {
	margin: 0 auto;
	width: 970px;
	background: #fff;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
}

	#header {
		float: right;
		width: 970px;
	}
	
		#buddy-walk {
			float: left;
			display: block;
		}
		
			#buddy-walk a {
				display: block;
				width: 269px;
				height: 200px;
				text-indent: -12000px;
				background: #fff url(../images/logo.jpg) no-repeat scroll 40px 10px;
			}
		
		#header-photos {
			float: left;
		}
		
		#header-badge {
			float: left;
			height: 207px;
			width: 251px;
			text-align: center;
			background: #000;
		}
		
		
	#navigation {
		float: left;
		background: #5b5b5b;
		border-bottom: 2px solid #f5c12d;
	}
	
		#navigation ul {
			float: left;
			padding: 0;
			margin: 0;
			width: 970px;
		}
		
			#navigation ul li {
				float: left;
				list-style: none;
				border-right: 2px solid #fff;
				width: 158px;
				text-align: center;
			}
			
				#navigation ul li a {
					display:  block;
					font-size: 14px;
					font-weight:bold;
					font-family:Verdana, Geneva, sans-serif;
					padding: 10px 0;
					text-decoration:  none;
					color:  #fff;
					background: #5b5b5b;
				}
				
				#navigation a:hover{
					color:#f5c22e;
				}


	#container {
		float: left;
		width: 970px;
		border-top: 2px solid #000;
		overflow: hidden;
	}
	
		#content {
			float: left;
			width: 679px;
			padding: 10px 20px 5000px 20px;
			margin: 0 0 -5000px 0;
			border-right: 1px solid #000;
		}
		
		#right {
			float: left;
			width: 250px;
			padding: 0 0 5000px 0;
			margin: 0 0 -5000px 0;
			text-align: center;
			background: #b5b5b5;
		}
		
			#right img {
				margin: 30px auto;
				width: 188px;
			}
			
	#footer {
		float: left;
		width: 940px;
		color: #fff;
		text-align: right;
		padding: 10px 15px;
		background: #5b5b5b;
	}