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: #40bbdc;
	font-weight: normal;
	text-decoration:  none;
}

a:hover {
	text-decoration: underline;
}

h1, h2, h3, h4, h5 {
	width: 100%;
	font-weight: normal;
	display: inline;
	color: #c6c6c6;
	margin-bottom: 5px;
	float: left;
}

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;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #1b1b1b;
	text-transform: uppercase;
}

h4 {
	font-size: 16px;
	font-weight: bold;
	color: #333;
	margin: 0;
	padding-bottom: 10px;
	border-bottom: 1px dotted #dadada;
	margin-bottom: 10px;
}

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

ul {
	width: 100%;
	float: left;
	display: inline;
}

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/topnav.jpg);
    text-indent: -6000px;
}
    
/* up */
#navbar li#home a { width:163px; background-position:0px 0px; }
#navbar li#about a { width:186px; background-position:-163px 0px; }
#navbar li#videos a { width:172px; background-position:-349px 0px; }
#navbar li#resume a { width:171px; background-position:-521px 0px; }
#navbar li#contact a { width:168px; background-position:-692px 0px; }
    
/* over */
#navbar li#home a:hover { background-position:0px -62px; }
#navbar li#about a:hover { background-position:-163px -62px; }
#navbar li#videos a:hover { background-position:-349px -62px; }
#navbar li#resume a:hover { background-position:-521px -62px; }
#navbar li#contact a:hover { background-position:-692px -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;
}

	#bottomContent #left_column {
		width: 500px;
		float: left;
		display: inline;
	}
	
	#bottomContent #right_column {
		width: 275px;
		margin-left:0px;
		float: right;
		display: inline;
	}

	#bottomContent .holder {
		width: 100%;
		margin: 10px 0;
		float: left;
		display: inline;
	}
	
	.color_box {
		width: 770px;
		background-color: #e6e6e6;
		padding: 10px;
		float: left;
		display: inline;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}

	#bottomContent .double_column {
		width: 325px;
		height: 250px;
		margin: 10px;
		padding: 20px;
		border: 2px solid #e6e6e6;
		float: left;
		display: inline;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	
	#bottomContent .double_column2 {
		width: 325px;
		height: 180px;
		margin: 10px;
		padding: 20px;
		border: 2px solid #e6e6e6;
		float: left;
		display: inline;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}

.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;
}

	#footerHolder img {
		vertical-align: middle;
	}
	
	#footerHolder a {
		color: #40bbdc;
	}

/*FORM STYLES */

hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }

#contact_form { display: block; float: left; margin-top: 20px;}

/* Form style */

label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 155px; font-size: 12px; }
input, textarea, select { margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font:1.5em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; -moz-border-radius: 5px; -webkit-border-radius:5px; }   
input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
input.submit { cursor: pointer; border: 1px solid #222; background:#333; color:#fff; -moz-border-radius: 5px; -webkit-border-radius:5px; }
input.submit:hover { background:#444; }
fieldset { padding:20px; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px; }
legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px; }

span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

/* Style for the error message */

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('images/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 10px 0; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius: 5px; -webkit-border-radius:5px; }

#success_page {
	width: 100%; float: left; display: inline; margin-top: 20px;
}

#succsess_page h1 { background: url('images/success.gif') left no-repeat; padding-left:22px; }