/*
Theme Name: Wes Duvall
Version: 1.0
Author: Michael Cala
Author URI: http://henchmenproduction.com/

*/

body{
	background: #cccccc;
	font-family: Helvetica;
}

.Clear{
	clear: both;
}

.alignleft{
	float:left;
	
}

.alignright{
	float: right;
}

#SiteBody{
	width: 940px;
	background: #3f3f3f;
	background-image: url('images/UpperRightCorner.gif');
	background-position: top right;
	background-repeat: no-repeat;
	margin: 0 auto;
	padding-bottom: 20px;
}

#HeaderContainer{
	width: 850px;
	padding-top:30px;
	margin: 0 auto;	
}

#WesLogo{
	width: 100px;
	height: 123px;
	background-image: url('images/WesLogo.gif');
	
}


#WesLogo a{
	display: block;
	width: 112px;
	height: 130px;
	
}


#MenuContainer{
	padding-top: 20px;
	width: 700px;
	text-align: right;
}

#ContactInfo{
	color: #a9a9a9;
	font-size: .8em;
	padding-right: 11px;
}


#ContactInfo a{
	color: #a9a9a9;
	text-decoration: none;
}

#ContactInfo a:hover{
	text-decoration: underline;
}

#MainMenu{
padding-top: 4px;
}



#SelectedWork{
	float: right;
	width: 117px;
	height: 27px;
	margin-left:8px;
	background-image: url('images/SelectedWork.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}


#SelectedWork:hover{
	background-position: 0px -27px;

}

#SelectedWork a{
	display: block;
	width: 117px;
	height: 27px;
}


#News{
	float: right;
	width: 54px;
	height: 27px;
	margin-left: 5px;

	background-image: url('images/News.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}


#News:hover{
	background-position: 0px -27px;

}

#News a{
	display: block;
	width: 54px;
	height: 27px;
}


#About{
	float: right;
	width: 64px;
	height: 27px;
	margin-left: 6px;
	background-image: url('images/About.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}


#About:hover{
	background-position: 0px -27px;

}

#About a{
	display: block;
	width: 64px;
	height: 27px;
}

#Contact{
	float: right;
	width: 82px;
	height: 27px;
	background-image: url('images/Contact.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}


#Contact:hover{
	background-position: 0px -27px;

}

#Contact a{
	display: block;
	width: 82px;
	height: 27px;
}

#Friends{
	float: right;
	width: 70px;
	height: 27px;
	background-image: url('images/Friends.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}


#Friends:hover{
	background-position: 0px -27px;

}

#Friends a{
	display: block;
	width: 70px;
	height: 27px;
}

#Shop{
	float: right;
	width: 62px;
	height: 27px;
	background-image: url('images/Shop.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}


#Shop:hover{
	background-position: 0px -27px;

}

#Shop a{
	display: block;
	width: 62px;
	height: 27px;
}



#HomeImage{
	width: 68px;
	height: 64px;
	background-image: url('images/Home_Image.gif');
	float: right;
	margin-right:50px;

}

#HomeImage a{
	display: block;
	width: 68px;
	height: 64px;

}

#HomeContent{
	width: 775px;
	margin: 0 auto;
}

#HomeContent img{
	width: 135px;
	height: 135px;
}

#HomeContent  a img{
	border: none;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}

#HomeContent  a img:hover{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
	border: none;
}

.Entry{
	float: left;
	width: 135px; 
	padding: 10px;
}

#SingleContent{
	width: 750px;
	padding-left: 30px;	
	padding-right: 30px;	

	margin: 0 auto;
}

#NewsContent{
	width: 500px;
	padding: 30px;	margin: 0 auto;

}

#NewsContent small{
	color: #c5c5c5;
	font-size:.7em;
	margin-top: 3px;
}

#SingleContent h3{

	width: 300px;

	color: #c5c5c5;
	font-size:1.0em;


}

#NewsContent h3{
	width: 400px;
	background: #3f3f3f;

	color: #c5c5c5;
	font-size:1.0em;

	margin: 0;

}



#Navigation{
margin-top: 10px;
	width: 300px;

	color: #ffffff;
	font-size:.8em;
	}
	
.HomeNavigation{
	width: 97%;
	text-align: right;
	color: #ffffff;
	font-size: .8em;
}

#Navigation a,.HomeNavigation a{
	color: #ffffff;
	text-decoration: none;
}

#Navigation a:hover, .HomeNavigation a:hover{
	text-decoration: underline;
}
	
	.entry{

		color: #cccccc;
		font-size: .8em;
	}
	
	.entry img{

		border: none;
	}
	

	
	.aboutentry{
	color: #cccccc;
		font-size: .8em;
		width: 410px;
		line-height: 200%;
	}
	
.NewsEntry{
	width: 400px;
		color: #ffffff;
		font-size: .8em;
		margin-bottom: 70px;
	}
	
.NewsEntry img{
	border: none;
	}
	
#Footer{
	width: 940px;
	height: 57px;
	background-image: url('images/footer_image.png');
	margin: 0 auto;
}

#FooterContent{
	width: 930px;
	margin: 0 auto;
	font-size:.7em;
	padding-top: 5px;
	color: #3f3f3f;
}



			.boxgrid{ 
				width: 135px; 
				height: 135px; 
				margin:10px; 
				float:left; 
				background:#161613; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #3870c9; 
				height: 135px; 
				width: 100%; 
				text-align: center;
				opacity: .9; 
				/* For IE 5-7 */
			/filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
				/* For IE 8 */
			-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
 			}

 			.boxcaption h3{
 				font-size: .85em;

 			}
 			.boxcaption a{
 				text-decoration: none;
 				color: #ffffff;
 				display: block;
 				width: 135px; 
				height: 135px; 				
 			}
 			
 	.boxcaption a:hover{
 				text-decoration: none;
 			}			
 				.captionfull .boxcaption {
 					top: 270px;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 0;
 					left: 0;
 				}
 
 
 
 		.entry a, .NewsEntry a{
		color: #3670C7;
		font-weight: strong;
		text-decoration: none;
	}
	
	.entry a:hover, .NewsEntry a:hover{	
		color: #ffffff;
		text-decoration: underline;

	}
	
	.entry br{
		margin-bottom: 9px;
	}