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

@font-face	{  
			font-family: 'Chunkfive';  
			src: url('fonts/Chunkfive.ttf') format('truetype');  
			}  
			
@font-face	{  
			font-family: 'Chunkfive';  
			src: url('fonts/Chunkfive.otf') format('opentype');  
			}  
			
@font-face	{  
			font-family: 'Titillium14L';
			font-weight:normal;
			src: url('fonts/TitilliumText400wt.otf') format('opentype');  
			}  			
			
@font-face	{  
			font-family: 'Titillium14L';
			font-weight:bold;
			src: url('fonts/TitilliumText800wt.otf') format('opentype');  
			}  			
			
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em; font-weight:normal; font-style:normal;}
ul,ol {list-style:none;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}


body {background-image:url(http://www.justinzalewski.com/Images/background.jpg);
		background-repeat:repeat-x;}

#container 	{color:#000;
		width:900px;
		margin:auto;
		}
		
a	{color:#000;
	text-decoration:none;
	font-weight:normal;
	}
	
a:hover	{color:#00A551;
		}
		

h1	{font-family: 'Titillium14L', Arial, Helvetica, sans-serif;
	font-size:32px;
	}

h2	{font-family: 'Titillium14L', Arial, Helvetica, sans-serif;
	font-size:28px;
	line-height:34px;
	}

h3	{font-family: 'Chunkfive', Arial, Helvetica, sans-serif;
	font-size:36px;
	letter-spacing:1px;
	}

h4	{font-family: 'Chunkfive', Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:lighter;
	width:105px;
	height:30px;
	text-align:center;
	float:left;
	padding-top:25px;
	}

h6	{font-family: 'Titillium14L', Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	}

p	{font-family: 'Titillium14L', Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	line-height:19px;
	}
			
#header {margin-left:65px;
margin-top:15px;
float:left;
}

#header a {background: url(Images/Justin-Zalewski-Design.png) no-repeat;
display: block;
height: 72px;
width: 150px;
text-indent:-9999px;
}

#contact a:hover	{color:#00A551;
					text-shadow: rgba(0,0,0,.9) 2px 2px 0;
					}

#contact {width:250px;
		height:80px;
		margin-right:10px;
		margin-top:20px;
		float:right;
		text-align:center;
		}
		
#contact img {
			padding-left:7px;
			padding-right:7px;
}
		
#navigation	{width:315px;
			height:50px;
			margin:auto;
			padding:0px;
			padding-top:60px;
			}
			
#navigation a	{color:#E6E6E6;
				text-shadow: rgba(0,0,0,.9) 2px 2px 0;
				font-weight:lighter;
}

#navigation a:hover	{color:#00A551;
					text-shadow: rgba(0,0,0,.9) 2px 2px 0;
					font-weight:lighter;
					}

#about	{width:900px;
		height:316px;
			margin-top:-37px;
		text-indent:-9999px;
		background-image:url(http://www.justinzalewski.com/Images/about.png);
}

#description	{width:900px;
			height:300px;
			margin:auto;
			}
			
#column1, #column2, #column3	{width:270px;
		height:160px;
		float:left;
		margin-top:20px;
		padding:14px;
}

#column1 h3, #column2 h3, #column3 h3	{text-align:center;
		height:50px;
			margin-top:10px;
		margin-bottom:3px;
}

#column1 a:hover, #column2 a:hover, #column3 a:hover	{color:#00A551;
				text-shadow: rgba(0,0,0,.9) 2px 2px 0;}
						
a.linktext:hover span {text-shadow: rgba(255,255,255,.9) 1px 1px 0;
	}

#footer	{width:890px;
		height:25px;
		text-align:center;
		margin-top:20px;
		float:left;
}

#portfolio	{width:900px;
		height:367px;
		margin-top:-37px;
		background-image:url(http://www.justinzalewski.com/Images/portfolio.png);
		background-repeat:no-repeat;
}