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

/*** some people may not like to clear all of their padding and margin spacing but I do, I want to have full control ****/

*{
	margin:0px;
	padding:0px;
}

#spam{
	display:none;
}

body{
	background:#000;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	padding-bottom:15px;
}

a:link, a:visited{
	color:#FFF200;
	text-decoration:none;
}

a:hover, a:active{
	color:#666666;
	text-decoration:none;
}

/*** I usually do center aligned designs so I am going to set the container to sit in the middle of the page ****/

#container{
	width:881px;
	margin:0px auto; /**** learn css shortcuts, it will make your life easier ****/
}

#header{
	background:url(images/header.jpg) no-repeat;
	height:303px;
	width:881px;
}

#leftcol{
	width:300px;
	float:left;
}

	#leftcol-inner{
		background:url(images/leftcol-bg.jpg) repeat-y;
	}	

	#leftcol p{
		font-size:12px;
		margin:5px 0px 5px 23px;
	}

	#latest-photos{
		background:url(images/latest-photos.jpg) no-repeat;
		width:300px;
		height:65px;
	}
	
	#latest-one{
		background:url(images/latest1.jpg) no-repeat;
		width:254px;		
		height:81px;
		margin:0px auto;
		display:block;
	}

		#latest-two{
		background:url(images/latest2.jpg) no-repeat;
		width:254px;		
		height:81px;
		margin:0px auto;
		display:block;
	}

		#latest-three{
		background:url(images/latest3.jpg) no-repeat;
		width:254px;		
		height:81px;
		margin:0px auto 15px auto;
		display:block;
	}

	#latest-bottom{
		background:url(images/latest-btm.jpg) no-repeat;
		width:300px;
		height:4px;
	}

	#contact-subhead{
		background:url(images/contact.jpg) no-repeat;
		width:300px;
		height:83px;
	}

	#leftcol form{
		width:247px;
		margin:0px auto;
		color:#DDD;
		font-size:12px;
	}
	
	#leftcol form input{
		width:241px;
		border:1px solid #A5A5A5;
		background:#000;
		color:#FFF !important;
		padding:5px;
		margin-bottom:10px;
	}

	#leftcol form input#email{
		width:241px;
		border:1px solid #A5A5A5;
		background:#000;
		padding:5px;
		margin-bottom:25px;
	}
	
	#leftcol form textarea{
		width:241px;
		border:1px solid #A5A5A5;
		background:#000;
		color:#FFF !important;
		margin-bottom:10px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		padding:5px;
	}
	
	#leftcol form #Submit{
		width:141px;
		height:35px;
		background:url(images/send.jpg) no-repeat;
		border:none;
	}
	
	#contact-bottom{
		background:url(images/contact-btm.jpg) no-repeat;
		width:300px;
		height:21px;
	}	
	
	#info-box{
		background:#000;
	}
	
#rightcol{
	width:581px;
	float:left;
}

	#about-subhead{
		background:url(images/subhead.jpg) no-repeat;
		width:581px;
		height:65px;
	}
	
	#about-content{
		background:url(images/dot-bg.jpg) repeat-y;
	}
	
	#about-bottom{
		background:url(images/about-bottom.jpg) bottom no-repeat;
		padding:6px 0px 30px 0px;
	}

		#about-bottom p{
			font-size:12px;
			margin:0px 36px 10px 44px;
			line-height:16px;
		}
		
		#about-bottom h2{
			font-size:22px;
			margin:22px 36px 10px 44px;
			line-height:16px;
		}
		
		body#thankyou-page #about-bottom{
			background:none;
		}		
	
	#score-link{
		background:url(images/score.jpg) no-repeat;
		display:block;
		width:172px;
		height:155px;
		margin:0px 0px 15px 20px;
		float:left;
	}

	#more-link{
		background:url(images/more.jpg) no-repeat;
		display:block;
		width:172px;
		height:155px;
		margin:0px 0px 15px 19px;
		float:left;
	}
	
	#mdr-link{
		background:url(images/mdr.jpg) no-repeat;
		display:block;
		width:172px;
		height:155px;
		margin:0px 0px 15px 19px;
		float:left;
	}	
	
	#bitd-link{
		background:url(images/bitd.jpg) no-repeat;
		display:block;
		width:172px;
		height:155px;
		margin:0px 0px 15px 20px;
		float:left;
	}

	#snore-link{
		background:url(images/snore.jpg) no-repeat;
		display:block;
		width:172px;
		height:155px;
		margin:0px 0px 15px 19px;
		float:left;
	}
	
	#pro-link{
		background:url(images/pro1600.jpg) no-repeat;
		display:block;
		width:172px;
		height:155px;
		margin:0px 0px 15px 19px;
		float:left;
	}	

	#corr-link{
		background:url(images/corr.jpg) no-repeat;
		display:block;
		width:172px;
		height:155px;
		margin:0px 0px 15px 20px;
		float:left;
	}

	#extreme-link{
		background:url(images/extreme.jpg) no-repeat;
		display:block;
		width:172px;
		height:155px;
		margin:0px 0px 15px 19px;
		float:left;
	}
	
	#cartoon-link{
		background:url(images/car-toons.jpg) no-repeat;
		display:block;
		width:172px;
		height:155px;
		margin:0px 0px 15px 19px;
		float:left;
	}	
	
	.info-link{
		clear:left;
		text-align:center;
		font-size:12px;
	}
	
	.info-link-thankyou{
		clear:left;
		text-align:center;
		font-size:12px;
		margin-top:300px;
	}
	
#clear{
	clear:both; /*** this stops the floating ***/
}

#footer{
	height:50px; /*** you don't always need set a height for the footer ***/
	background-color:#CCFF00;
}