body {
	color: #353535;
	font-size: 12px;
	font-family: Arial;
	line-height: 18px;
	background: url(images/webbg.jpg) no-repeat #202020 top center;
	margin: 0;
	padding: 0;
}

a:link, a:visited {
	color: #333;
	font-weight: normal;
	text-decoration:  none;
}

a:hover {
	text-decoration: underline;
}

h1, h2, h3, h4, h5 {
	font-weight: normal;
	display: inline;
	color: #c6c6c6;
	margin-bottom: 15px;
}

h1 {
	font-size: 22px;
}

h2 {
	font-size: 26px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #1b1b1b;
	text-transform: uppercase;
	letter-spacing: -1px;
}

h3 {
	font-size: 16px;
}

h4 {
	font-size: 14px;
}

h5 {
	font-size: 12px;
	font-weight: bold;
}

img {
	border: none;
}

#fullWide {
	width: 100%;
	float: left;
	display: inline;
}

#widthSetter {
	width: 960px;
	margin: 0 auto;
}

#logoHolder {
	width: 100%;
	height: 186px;
	float: left;
	display: inline;
}

	#logoHolder h1 a {
		width: 415px;
		height: 186px;
		margin: 0 0 0 273px;
		background: url(images/jmoonlogo.jpg) no-repeat;
		cursor: pointer;
		text-indent: -9999px;
		float: left;
		display: inline;
	}
	
#contentHolder {
	width: 100%;
	background: url(images/whiterepeatbg.png) repeat-y;
	float: left;
	display: inline;
}

#navBarHolder {
	width: 100%;
	float: left;
	display: inline;
}

#navbar {
    width: 860px;
    margin-left: 50px;
    height: 62px;
    float: left;
    display: inline;
}

#navbar a {
    color:#FFF;
}
    	
/* navigation
--------------------------------------------------------------------------------*/
#navbar ul {
    width: 860px;
    height: 62px;
    list-style: none;
    margin: 0;
    padding: 0;
}

#navbar ul li {
    float: left;
    position: relative;
}

#navbar ul li a {
    display: block;
    float: left; 
    height:62px;	
    background-image: url(/images/navbar.jpg);
    text-indent: -6000px;
}
    
/* up */
#navbar li#home a { width:121px; background-position:0px 0px; }
#navbar li#about a { width:130px; background-position:-121px 0px; }
#navbar li#videos a { width:133px; background-position:-251px 0px; }
#navbar li#photography a { width:189px; background-position:-384px 0px; }
#navbar li#resume a { width:143px; background-position:-573px 0px; }
#navbar li#contact a { width:144px; background-position:-717px 0px; }
    
/* over */
#navbar li#home a:hover { background-position:0px -62px; }
#navbar li#about a:hover { background-position:-121px -62px; }
#navbar li#videos a:hover { background-position:-251px -62px; }
#navbar li#photography a:hover { background-position:-384px -62px; }
#navbar li#resume a:hover { background-position:-573px -62px; }
#navbar li#contact a:hover { background-position:-717px -62px; }

.navover {
	background-position: 0px -62px;
}
	
#bannerHolder {
	width: 100%;
	text-align: center;
	float: left;
	display: inline;
}

	#bannerHolder img {
		border: 5px white solid;
	}
	
#bottomContentHolder {
	width: 100%;
	background: url(images/bannerbottom.jpg) top center no-repeat;
	float: left;
	display: inline;
}

#bottomContent {
	width: 790px;
	padding: 35px;
	margin-left: 50px;
	float: left;
	display: inline;
}

.imgLeft {
	float: left;
	display: inline;
	padding: 0 15px 15px 0;
}

#whiteBottom {
	width: 100%;
	height: 80px;
	background: url(images/whitebottom.jpg) top center no-repeat;
	float: left;
	display: inline;
}

#photoHolder {
	width: 860px;
	margin: 0 auto;
}

#footerHolder {
	width: 100%;
	color: #fff;
	text-align: center;
	padding-bottom: 40px;
	float: left;
	display: inline;
}