html, body { /*  Sets up the document and removes auto 10px margin at top of page*/
	margin:0px 0px 0px 0px;
	padding:0;
	background: url(../images/back-bird.gif) top center no-repeat  #fff ;	
		min-width:760px;
		min-height:1200px;
	}

body{ /* Sets up the page and aligns everything to center */
	padding:0;
	margin:0 auto 0;/* makes MOZ center everything*/
	width:900px;
	
	text-align:center; /* makes IE center everything*/
	
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 1em; 
	
	line-height:140%;
	
	}
	

	
	#outer{ 
	margin:30px 0px 0px 0px;
 
	 
	}


	
	#main{ 
	float:left;
	width:760px;
	text-align:left;
	
	}
	

	
a:link, a:active{
	color:#FF0000;
	text-decoration:none;
	}
	
	a:visited{
	color:#FF0000;
	text-decoration:none;
	}

a:hover{
	color:#000;
	
	}
	
	#current {
	color:#000;
	text-decoration:none;
	}
	
img{
	border:0px;
	}
	
	h2{
	font-size:1.2em;
	margin:0px;
	padding:0px;
	}
	
	
	
	
	
#contentOuter{ 
	float:left;
	width:760px;
	
	background: url(../images/back-home.gif) top left no-repeat ;
	
	}

	
#logo{ 
	float:left;
	width:760px;
	text-transform:uppercase;
	}
	
	#logo h1{ 
margin:0px;
padding:0px;
line-height:.8em;
text-indent:-9000px;
background: url(../images/JohnHeatonPortfolio.gif) no-repeat;
display:block;
width:269px;
height:49px;
overflow: hidden; 
	}
	
	#logo h1 a{ 
display:block;
width:269px;
height:49px;

	}
	
#logo h1 a:hover{ 
display:block;
width:269px;
height:49px;
background: url(../images/JohnHeatonPortfolio.gif) -0px -49px no-repeat;
	}
	
	#logoPad{ 
 padding-left:125px; 
	}
	
#nav{ 
	float:left;
	width:310px;
	text-transform:uppercase;
	
	}
	#navPad{ 
/*padding-left:125px;
padding-top:2em;*/
padding:2em 0px 0px 125px;
font-weight:bolder;
font-size:1.4em;
float:left;

	}
	
	#navPad ul{ 
margin:0px;
padding:0px;
list-style-type:none;
	}
	
	#navPad ul li{ 
margin:0px;
padding:0px 0px .2em 0px;
line-height:1em;
	}
	
#text{ 
width:442px;
	
float:right;
padding-top:1.4em;
	}
	
#text p, #text .deformat{ 
font-size:1.3em;
line-height:116%;
margin:0px;
padding:20px 0px 00px 0px;
font-weight:normal;
	}
	
#text .deformat2{ 
font-size:1.3em;
line-height:116%;
margin:0px;
padding:0px 0px 00px 0px;
font-weight:normal;
	}
	
#folioHome{ 
padding:24px 0px 0px 0px;
	}
	
	#folioLink { 
	float:left;
	padding:10px 0px 0px 0px;
	}
	
#folioLink a:link, #folioLink a:active, #folioLink a:visited{ 
	
	
	text-transform:uppercase;
	font-weight:bolder;
	
	background: url(../images/arow.gif) right 8px no-repeat #000000;
	padding:6px 40px 6px 6px;
	color:#FFFFFF;
	font-size:.9em;
	}
	
#folioLink a:hover{ 
	text-transform:uppercase;
	font-weight:bolder;
	
	background: url(../images/arow.gif) right -82px no-repeat  #FF0000;
	padding:6px 40px 6px 6px;
	color:#FFFFFF;
	font-size:.9em;
	}
	
#footer{ 
	width:442px;
	float:left;
	padding:130px 0px 100px 0px;
	font-size:.8em;
	}
	
#text #footer p{ 
	 
	font-size:.8em;
	}
	
	/*--------- portfolio page styles below --------*/
	
	.contentPortfolio #text{
	
	padding:1.4em 0px 0px 0px;}
	
		
.contentPortfolio #contentOuter{ 
	
	background: url(../images/back-port3.gif) top left no-repeat ;
	
	}
	
#thumbnails{


padding:24px 0px 0px 0px;
margin:00px 00px 0px 0px;
}	
	
	
.thumbnail{
/*width:155px;*/
float:left;
padding:0px 0px 18px 0px;
margin:0px 20px 0px 0px;
}



.thumbnail a{
border:2px solid #000000;
float:left;
}

.thumbnail a:hover{
border:2px solid #FF0000;
float:left;
}

.end .thumbnail{
margin:0px 0px 0px 0px;

float:right;

}

.item{
float:left;
width:440px;
padding:0px 0px 30px 0px;
}

.item h2{
width:100%;
color:#FFFFFF;
float:left;
padding:6px 0px 6px 6px;
background:#000000;
font-weight:normal;
font-size:1.2em;
margin:12px 0px 0px 0px;
text-transform:uppercase;
}

.item h3{
float:left;
margin:0px;
padding:9px 0px 6px 6px;
font-size:.9em;
text-transform:uppercase;
width:440px;
}

#text  .item p{
font-size:.8em;
padding:0px 0px 14px 6px;
line-height:144%;
margin:0px;
float:left;
}

#text  .item .top{
background:#000000;
padding:0px;
margin:6px 0px 0px 0px;
text-transform:uppercase;
float:left;
font-size:.7em;
}

.top a{
color:#FFFFFF;
margin:0px;
padding:2px 6px 2px 6px;

background:#000000;
}

.top a:hover{
background:#FF0000;

}

/*--------- cv page styles below --------*/

.contentCV #text{
	
	padding:2.8em 0px 0px 0px;}
	
	.contentCont #text{
	
	padding:1.8em 0px 0px 0px;}
	
body .contentCV #text p{
	
	margin:0em 0px 1.2em 0px;}
	
	.contentCV #contentOuter{ 
	
	/*background: url(../images/back-cv2.gif) top left no-repeat ;*/
	
	}
	
	.contact h2{
	font-size:1em;
	
	
	}
	
	body .contentCont #text .kaboo{
	margin:0px;
	padding:0px 0px 1.4em 0px;
	text-indent:3px;
	}
	
	body .contentCont #text .email{
	font-size:4em;
	font-weight:bolder;
	margin:0px;
	padding:2px 0px .2em 0px;
	/* text-indent:-3px;*/
	line-height:90%;
	}
	
	body .contentCont #text .email a{
 
	display:block;
	
	}
	
	#portfolioFull p{
	font-size:.9em;
	}
	
	#portfolioFull h2{
	padding-top:23px;
	}
	
	#banner{
	padding-top:23px;
	border:10px solid;
	background-color:#CC0000;
	}