body{
	background-image:url('../art/BG.jpg');	
	}
	
#wrapper{
	width:100%;
	max-width:960px;
	/*outline:1px solid red;*/
	margin-left:auto;
	margin-right:auto;
	}
	
#body1{width:100%;
max-width:940px;
margin-left:auto;
margin-right:auto;
}

#title{
	width:100%;
	max-width:750px;
	height:60px;
	color:#ffe452;
	font-size:30px;
	margin-left:auto;
	margin-right:auto;
	}
	

/*Header*/
#header{
	background-image:url('../art/header.jpg');
	width:100%;
	max-width:940px;
	height:404px;
	margin-left:auto;
	margin-right:auto;
	border:2px solid #fff;
	}
	

h1{
	width:100%;
	max-width:450px;
	height:60px;
	font-family:helvetica, arial, san-sarif;
	color:#fff;
	text-decoration:none;
	float:left;
	padding:0px 0px 0px 20px;
	}
	
#nav{
	width:100%;
	max-width:980px;
	height:40px;
	margin:300px auto 0px auto;
	float:left;
	}

#nav li{
	display:inline;
	font-family:UnifrakturMaguntia, garamond, times new roman, sarif;
	font-size:24px;
	text-decoration:none;
	color:#ffe452;
	margin:0px 5px 0px 5px;
	}
	
	/*index*/




	/*paragraphs and headers End*/
	
/*Pictures and descriptions Copy left Pictures right*/
	
/*Index*/
#bucketI1{
	width:100%;
	max-width:940px;
	height:425px;
	margin-left:auto;
	margin-right:auto;
	margin-top:80px;
	}
	#bucketI1 img{
	/*border:1px solid #FF1924;*/
	margin-top:25px;
	float:right;
	}

#bucketI2{
	width:100%;
	max-width:940px;
	height:860px;
	margin:50px auto 0px auto;
	}
	#bucketI2 img{
	/*border:1px solid #FF1924;*/
	float:right;
	margin-top:10px;
	}
	
#bucketI3{
	width:100%;
	max-width:940px;
	height:500px;
	margin:0px auto 0px auto;
	}
	#bucketI3 img{
	margin-top:10px;
	/*border:1px solid #FF1924;*/
	float:right;
	}
	
/*Handouts_Mailers*/
#bucketHM{
	width:100%;
	max-width:940px;
	height:425px;
	margin-left:auto;
	margin-right:auto;
	margin-top:70px;
	
	}
	#bucketHM img{
	width:100%;
	max-width:600px;
	margin-top:10px;
	margin-bottom:10px;
	/*border:1px solid #FF1924;*/
	float:right;
	}

/*
#bucketHM2{
	width:100%;
	max-width:970px;
	margin-left:auto;
	margin-right:auto;
	margin-top:70px;
	float:left;
	}
	
	#bucketHM2 img{
	width:100%; <original delete height 100%>
	max-width:600px;
	<height:600px;>
	<height:1275px; <original>
	margin-top:20px;
	margin-bottom:10px;
	margin-left:375px;
	margin-right:auto;
	border:1px solid #FF1924;
	float:left;
	}
	For long picture copy on the left picture on the right
	
	*/

	
/*Pictures and descriptions Pictures Left Copy Right*/	
	
.bucket_thumb {width:300px;
			   height:300px;
			   /*border:1px solid #FF1924;*/
			   overflow:hidden;
			   float:left;
			   }
	
/*Branding*/
.bucketB{
	width:100%;
	max-width:940px;
	height:300px;
	margin:100px auto 10px auto;
	}
	.bucketB img{
	/*border:1px solid #FF1924;*/
	float:left;
	margin:0px 50px 0px 0px;
	}	
	.bucketB .para{
		width:200px;	
		float:right;
		}
	
/*Packaging*/
.bucketPa{
	width:940px;
	height:300px;
	margin-left:auto;
	margin-right:auto;
	margin-top:80px;
	}
	.bucket_thumb img{
	width:300px;
	height:300px;
	margin-left:auto;
	margin-right:auto;
	float:left;
	}
	.bucketPa .para{
		width:200px;	
		float:right;
		}

	
/*Pictures and descriptions Pictures Top Copy Bottom*/	
	
/*Publishing*/
.bucketPu{
	width:100%;
	max-width:300px;
	height:600px;
	/*border:1px solid #FF1924;*/
	margin:80px 10px 0px 0px;
	float:left;
	}
	.bucketPu img{
	width:300px;
	height:300px;
	float:left;
	margin-bottom:10px;
	}
	.bucketPu p{
	margin-top:20px;
	}
	.bucketPu h2{
	color:#fff;
	margin-top:310px;
	}
	

/*Web_Video*/


#bucketWV1{
	width:100%;
	max-width:420px;
	height:430px;
	/*border:1px solid #FF1924;*/
	margin:80px auto 10px auto;
	}
	#WV1{	
		width:420px;
		height:315px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:10px;
		}	

		
#bucketWV2{
	width:100%;
	max-width:420px;
	height:465px;
	/*border:1px solid #FF1924;*/
	margin:10px auto 10px auto;
	}
	#WV2{
		width:420px;
		height:315px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:10px;
	}
	
#bucketWV3{
	width:100%;
	max-width:250px;
	/*border:1px solid #FF1924;*/
	margin:10px auto 10px auto;
	}
	#WV3{
		width:250px;
		height:250px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:10px;
	}
	
#bucketWV4{
	width:100%;
	max-width:940px;
	height:200px;
	/*border:1px solid #FF1924;*/
	margin-right:auto;
	margin-left:auto;
	}	
	#bucketWV4 .WV1{
		width:200px;
		height:100%;
		float:left;
		margin:0px 100px 0px 100px;
		}
		#bucketWV4 p{
		Font-family:helvetica, arial, san-sarif;
		float:left;
		font-size:26px;
		}
		#bucketWV4 p strong{font-size:25px;}
		
		
	
#bucketWV5{
	width:100%;
	max-width:500px;
	height:450px;
	/*border:1px solid #FF1924;*/
	margin:0px auto 10px auto;
	
	}
	}
	#WV5{
		width:500px;
		height:281px;
		/*border:1px solid #FF1924;*/
		margin-left:auto;
		margin-right:auto;
		margin-bottom:10px;
	}
	#WV5 p{margin:10px 0px 0px 0px;}

/*CAD*/
#CAD{
		float:left;
		height:650px;
		margin-top:30px;
		}
		#CAD img{
			float:right;
			margin: 25px 0 10px 100px;
			}
	h8{
	font-family:helvetica, arial, san-sarif;
	font-size: 20px}
	
/*End Pictures and descriptions*/

/*Contact*/

#contact{
	width:100%;
	max-width:960px;
	height:100%
	}
	
.contactbucket{
	width:100%;
	max-width:960px;
	height:100px;
	
	margin:10px 0px 10px 0px;
	float:left;
	}
.arrow{
	width:280px;
	height:90px;
	float:left;
	}
.contactbucket h3{
	color:#fff;
	width:300px;
	height:100px;
	color:#fff;
	margin:-50px 355px 0px 0px;
	font-family:garamond,Times New Roman,sarif;
	float:right;
		}
	
	
/*End Contact*/
	
/*Biography*/

#Bio{
	float:left;
	}
	#Bio p5{
		Float:left;
		color:white;
		margin:-50px 20px 0px 20px;
		}
	#Bio h1{
		float:left;
		color:white;
		}
	#Bio img{
	/*margin:0 auto 0 200px;*/
	margin-left:auto;
	margin-right:auto;
	float:center;
	margin-top:50px;
	
	}
	
	/*paragraphs and headers*/
	
.para {
	width:140px;
	height:160px;
	color:#fff;
	Float:left;
	}
	p{color:#fff;}

#BioBody {
width:100%;
/*Border: solid green;*/
height:100%;
float:left;
margin:0 auto 0 auto;
}


/*End Biography*/

.contactbio{
	width:100%;
	max-width:980px;
	height:40px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	float:left;
	}

.contactbio li{ 
	display:inline;
	font-family:UnifrakturMaguntia, garamond, times new roman, sarif;
	font-size:24px;
	text-decoration:none;
	color:#ffe452;
	margin:0px 5px 0px 5px;
	}
	
a:active{
	background-color:#FF1924;
	padding:5px 5px;
	}
	
a:hover{
	background-color:#FFFF00;
	padding:5px 5px;
	}
	
a:visited{
	color:#920d14;
	}
	
a:link{
	font-family:bauhaus 93, san-sarif;
	color:#FF1924;
	text-decoration:none;
	padding:5px 5px;
	}
	
a.active{
	background-color:#ffff00;
	color:#FF1924;
	padding:5px 5px;
	}


#lightbox {
			position:fixed; /* keeps the lightbox window in the current viewport */
			top:0; 
			left:0; 
			width:100%; 
			height:100%; 
			background:url(../art/overlay2.png) repeat; 
			text-align:center;
		}
		#lightbox p {
			text-align:right; 
			color:#fff; 
			margin-right:20px; 
			font-size:12px; 
		}
		#lightbox img {
			box-shadow:0 0 25px #111;
			-webkit-box-shadow:0 0 25px #111;
			-moz-box-shadow:0 0 25px #111;
			max-width:940px;
		}
		
	.lightbox_trigger a:link {padding:0px;}
		
		
/* Smartphones (portrait) ----------- */
@media screen 
and (max-width : 410px) {
		
	#title{
		width:100%;
		max-width:750px;
		height:60px;
		color:#ffe452;
		font-size:30px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:30px;
		}
		
	
	/*Header*/
	#header{
		background-image:url('../art/header.jpg');
		width:100%;
		max-width:940px;
		height:204px;
		margin-left:auto;
		margin-right:auto;
		border:2px solid #fff;
		}
		
	
	h1{
		width:100%;
		max-width:450px;
		height:60px;
		font-family:helvetica, arial, san-sarif;
		color:#fff;
		text-decoration:none;
		float:left;
		padding:0px 5px;
		font-size:30px;
		}
		
	#nav{
		width:100%;
		max-width:410px;
		height:40px;
		margin:100px 0px 0px 0px;
		float:left;
		}
	
	#nav li{
		display:block;
		font-family:UnifrakturMaguntia, garamond, times new roman, sarif;
		font-size:24px;
		text-decoration:none;
		color:#ffe452;
		width:100%;
		max-width:410px;
		margin:10px 0px 20px -40px;
		
		
		}
		
		
	#nav a {padding:10px 100px;
			}
	
/*Body*/	
#body{
	margin-top:250px;
	float:left;}
	
	
/*work*/


	#bucketI1{
	/*Collector corvettes*/
		margin-top:20px;
		float:left;
		}
		#bucketI1 img{
			width:100%;
			max-width:300px;
			/*border:1px solid #FF1924;*/
			
			float:left;
			}
		
	#bucketI2{
	/*Muspeliem*/
		margin-top:1200px;
		float:left;
		height:100%;
		}
		#bucketI2 img{
			width:100%;
			max-width:300px;
			/*border:1px solid #FF1924;*/
			margin-top:50px;
			float:left;
			}
	
	#bucketI3{
	/*2buckchuck*/
		margin-top:0px;
		float:left;
		}
		#bucketI3 img{
			width:100%;
			max-width:300px;
			margin-top:40px;
			margin-bottom:40px;
			/*border:1px solid #FF1924;*/
			float:left;
			}

		

}