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


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	}
	/* resets all browsers*/

body{
	font-size: 12px;
 	font-family:Arial, Helvetica, sans-serif;
	background:#FFF;
 
}

p {
 font-size: 12px;
 font-family:Arial, Helvetica, sans-serif;
 color: #000;
 text-align: justify;
}




h1{
	font-size:36px;
	text-align:center;
font-family:"Comic Sans MS", cursive;
 color:#C90;
}

h2{
	font-size: 1.5em;
 font-family:"Century Gothic", Arial, sans-serif;
 color: #999;
}
h3{
	font-size:1.1em;
 	font-family:"Century Gothic", Arial, sans-serif;
	color: #666;
	}
	
h4{
	font-size:1.25em;
 	font-family:"Century Gothic", Arial, sans-serif;
	color: #666;
	text-align:center;
	}
	
 
a{
	text-decoration:none;
	color:#666;}	
	
	a:hover{
		color:#000;}


	

	
		
	
	
.left{
	float:left;
	margin-right:1px;}


#bigpic{
	margin:0px 20px;
	width:7470px;
	height:600px;
	color:#fff;}
	#bigpic p{
		color:#ffffff;
		margin-top:-1500px;}
.jm{
	float:left;
	width:1130px;
	height:600px;
	margin-right:60px;
	background:url(images/jm-page.jpg) no-repeat;
		}
		
	.jmempty{
	float:left;
	width:1130px;
	height:600px;
	margin-right:60px;
	background:url(images/pages/jm-page-empty.jpg) no-repeat;	}
		
		.jmSample{
	float:left;
	width:700px;
	padding-top:280px;
	height:320px;
	color:#4C7DB7;
	text-align:center;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:2em;
	margin-right:60px;
	background:url(images/pages/jm-sample-page.jpg) no-repeat;
		}
		.jmSample a {color:#4C7DB7;}
		.jmphoto{
	float:left;
	width:1130px;
	height:600px;
	margin-right:60px;
	background:url(images/pages/jm-photo-page.jpg) no-repeat;
		}
		.jmmenu{
			float:right;
			width:250px;
			height:298px;
			margin-top:100px;}
			
		.jmbanner{
			float:left;
			width:600px;
			height:100px;
			margin-right:30px;}
			
			.jmcorner{
			float:left;
			width:200px;
			height:100px;}
			
			.jmleftcolumn{
			float:left;
			width:140px;
			height:385px;
			margin:20px 65px 0px 45px;}
			
			
			
			
			.jmcenterbox{
			float:left;
			width:390px;
			height:370px;
			margin:35px 40px 0px 0px;}
			
			
			.jmrightcolumn{
			float:left;
			width:140px;
			height:370px;
			margin:35px 50px 0px 0px;}
			
			.jmfooter{
			float:left;
			width:770px;
			height:30px;
			margin:40px 0px 0px 40px;}
			
			#jmcontact{
				float:left;
				width:260px;
				height:250px;
				padding:15px 0px 0px 115px;
				background:url(images/pages/contact-form.png) no-repeat;}
			
					#jmcontact input{
						float:right;
						margin-bottom:1px;}
						
						
			
			
			#samples{
	float:left;
		width:155px;
		clear:none;
		padding:60px 10px 20px 20px;
		margin:160px 0px 0px 230px;
		background:url(http://www.johnmandel.com/images/sample.jpg) 	no-repeat;	
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
	#samples a{
			color:#a37547;
			font-size:10px;
			text-decoration:none;}
			#samples a:hover{
				text-decoration:underline;}
				
		#samples  ul li{
			list-style:square;
			color:#a37547;}
			
			#samples  ul li a{
				color:#4c7db7;
				text-decoration:none;
				font-size:16px;}
			
			#samples  ul li a:hover{
				text-decoration:underline;}
				
				
				.theend{
					float:left;
					margin-top:100px;}