/**

	*--------------------------*
	|      handcoded by:	   |
	|    JustinConnors.ca	   |
	|                          |
	*--------------------------*
	
	**/
	
/************* GENERAL STYLES ***/

* { margin: 0; padding: 0; }
	h1 {
		
		
		font-size: 40px; 
		font-weight: bold; 
		color:#666;
		border-bottom: 1px solid #ccc; }
	

	
	
	/*** LINK STYLES ***/
	a:link, a:visited { 
		text-decoration: none; 
		color: #ed4810;
		outline: none; }
	
	a:hover, a:focus, a:active { text-decoration: none; outline:none; }
	
	
	/*** GENERIC STYLES ***/
	p { margin-bottom: 16px; }

	.floatRight { 
		float: right; 
		margin: 0 0 15px 15px; }
	
	.floatLeft { 
		float: left; 
		margin: 0 15px 15px 0; }


/************* STRUCTURE STYLES ***/
/************* INDEX PAGE ***/
#wrapper {
	width: 1024px;
	margin: 0 auto;
	background: url(../images/wrapper.jpg) no-repeat top center;
}
	
#capturedhead{
	width: 393px;
	height: 100px;
	margin-top: 25px;
	background: url(../images/captured.jpg);
	float: left;
}



ul#headerNav {
	width: 500px;
	height: 44px;
	margin: 35px 0 0 130px;
	float:left;
}
	
ul#headerNav li {
	float: left;
	list-style: none;
	outline: none;
}

#contentWrapper {
	width: 529px;
	height: 468px;
	background:url(../images/contentwrapper.jpg);
	margin-top: 6px;
	margin-left:0px;
	float: left;
	
}



#footer{
	width: 467px;
	height: 70px;
	float: left;
	margin: 19px 0 0 0;
	
}

ul#footNav {
	width: 1062px;
	height: 54px;
	float:left;
}
	
ul#footNav li {
	float: left;
	list-style: none;
	outline: none;
}

/*** ABOUT PAGE ***/


#thephotog{
	width: 530px;
	height: 460px;
	float: left;
	margin-top: 30px;
}
#pic{
	width: 400px;
	height: 326px;
	background:url(../images/pic.png);
	float: left;
	margin: 0 auto;
	margin: 30px;
	
}

#contentWrapper2{
	width: 1200px;
	height: 460px;
	margin: 0 auto;
	float:left;
	padding-bottom:20px;
	
}


/*** PORTFOLIO ****/
#contentWrapperPortfolio {
	width: 703px;
	height: 469px;
	margin-top: 6px;
	margin-left:170px;
	float: left;
	
}






/**** FORM DATA ***/
#form{
	width: 692px;
	height: 272px;
	
	margin-left: 340px;
	margin-top: 100px;
	
}

#contactword {
	width: 300px;
	height: 50px;
	float: left;
	margin-top:40px;
}








/*** ROLLOVERS ***/

a.home {
			display: block;
			width: 98px;
			height: 44px;
			background:url(../images/home.jpg);
			}
			
a.about {
			display:block;
			width: 102px;
			height: 44px;
			background:url(../images/about.jpg);
}
			
a.portfolio{
		display:block;
		width: 114px;
		height: 44px;
		background:url(../images/Portfolio.jpg);
}
			
a.blog{
		display:block;
		width: 69px;
		height: 44px;
		background:url(../images/blog.jpg);
}
		
a.contact{
		display:block;
		width: 117px;
		height: 44px;
		background:url(../images/contact.jpg);
}
			
			a:hover {background-position: bottom left;}

/*** CLEARFIX ***/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; }

* html .clearfix { height: 1%; }