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

body {font-family:arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#000;
	margin: 0;
	padding: 0;
	line-height:1.3;
		}


		
#email2 {
	position: absolute;
	width: 100px;
	height: 42px;
	left: 51px;
	top: 499px;
	z-index: 81000;
		}
	
#email {
	position: absolute;
	width: 100px;
	height: 100px;
	left: 557px;
	top: 457px;
	z-index: 81000;
	display:none;
		}

 #homepg {
	position: absolute;
	width: 1025px;
	height: 820px;
	left: 147px;
	top: -1px;
	margin: 0;
	padding: 0;
		}
		
#logo {
	background-image:url(images/logo_name.png);
	position: absolute;
	width: 1024px;
	height: 270px;
	left: 50%;
	top: -2px;
	margin: 0 0 0 -512px;
	padding: 0;
	z-index: 82000;
		}

#logoportfolio {
	backgrkound-image:url(images/logo_name.png);
	position: absolute;
	width: 606px;
	height: 257px;
	left: 1px;
	top: -24px;
	margin: 0;
	padding: 0;
	z-index: 100;
		}
		
		
#full {
	background-image: url(images/fullfashionthumb_03.png);
	position: absolute;
	top: 244px;
	left: 41px;
	width:146px;
	height:111px;
	margin: 0;
	padding: 0;
	z-index: 88000;
	
	}

	
#fulltext {
	position: absolute;
	font-size:12px;
	top: 246px;
	left: 198px;
	width:287px;
	height:111px;
	margin: 0;
	padding: 0;
	z-index: 88000;
	}
	
		
#dot {
	background-image: url(images/dotmatrixthumb_03.png);
	position: absolute;
	top: 364px;
	left: 41px;
	width:146px;
	height:111px;
	margin: 0;
	padding: 0;
	z-index: 88000;
	}
	
#dottext {
	position: absolute;
	font-size:12px;
	top: 361px;
	left: 199px;
	width:287px;
	height:111px;
	margin: 0;
	padding: 0;
	z-index: 88000;
	}
	
#handdrawn {
	background-image: url(images/handdrawnthumb_03.png);
	position: absolute;
	top: 424px;
	left: 515px;
	width:146px;
	height:111px;
	margin: 0;
	padding: 0;
	z-index: 88000;
	}
	
#handdrawntext {
	position: absolute;
	font-size:12px;
	top: 424px;
	left: 680px;
	width:287px;
	height:111px;
	margin: 0;
	padding: 0;
	z-index: 88000;
	}
	
#treasure {
	background-image: url(images/treasurethumb_03.png);
	position: absolute;
	top: 574px;
	left: 515px;
	width:146px;
	height:111px;
	margin: 0;
	padding: 0;
	z-index: 88000;
	}
	
#treasuretext {
	position: absolute;
	font-size:12px;
	top: 562px;
	left: 680px;
	width:287px;
	height:111px;
	margin: 0;
	padding: 0;
	z-index: 88000;
	}
	
#puzzled {
	background-image: url(images/corksprawlthumb_03.png);
	position: absolute;
	top: 484px;
	left: 41px;
	width:146px;
	height:111px;
	margin: 0;
	padding: 0;
	z-index: 88000;
	}
	
#puzzledtext {
	position: absolute;
	font-size:12px;
	top: 472px;
	left: 198px;
	width:287px;
	height:111px;
	margin: 0;
	padding: 0;
	z-index: 88000;
	}
	

#dirt {
	background-image: url(images/dirtthumb_03.png);
	position: absolute;
	top: 603px;
	left: 40px;
	width:146px;
	height:111px;
	margin: 0;
	padding: 0;
	z-index: 88000;
	}

#dirttext {
	position: absolute;
	font-size:12px;
	top: 625px;
	left: 197px;
	width:287px;
	height:111px;
	margin: 0;
	padding: 0;
	z-index: 88000;
	}
	
#geometric {
	background-image: url(images/rootsthumb_03.png);
	position: absolute;
	top: 274px;
	left:515px;
	width:146px;
	height:111px;
	margin: 0;
	padding: 0;
	z-index: 88000;
	}

#geometrictext {
	position: absolute;
	font-size:12px;
	top: 276px;
	left: 680px;
	width:287px;
	height:111px;
	margin: 0;
	padding: 0;
	z-index: 88000;
	}

#aboutmain {
	
	position: absolute;
	width: 385px;
	height: 287px;
	top: 289px;
	left: 52px;
	margin: 0;
	padding: 0;
	border-color:#000;
	border-width:1px;
	border-style:solid;
		}

#main {
	background-image:url(images/ajohnson_fullfashion2.png);
	position: absolute;
	width: 385px;
	height: 287px;
	top: 289px;
	left: 52px;
	margin: 0;
	padding: 0;
	border-color:#000;
	border-width:1px;
	border-style:solid;
		}
#portfoliomain {
	background-image:url(images/homemain.png);
	position: absolute;
	width: 386px;
	height: 284px;
	top: 289px;
	left: 52px;
	margin: 0;
	padding: 0;
	border-color:#000;
	border-width:1px;
	border-style:solid;
		}
		
#text {
	position: absolute;
	width: 450px;
	height: 209px;
	top: 266px;
	left: 513px;
	margin: 0;
	padding: 0;
	z-index: 20;
		}
		
#chillbox{
	margin:0;
	padding:0;
	width: 485px;
	height: 497px;
	position:absolute;
	left: 497px;
	top: 243px;
	}
	
#chillbox h1{
	font-size:16px;
	margin:10px 0 20px;
	color:#000;
	}
#chillbox p{
	font-size:12px;
	color:#000;
	line-height:1.5;
	margin:0 0 20px;
	}	
#chillbox p a{
	color:#000;
	text-decoration:none;
	}
#chillbox p a:hover{
	color:#000;
	text-decoration:underline;
	}	



#right_col{
	position:absolute;
	width:490px;
	height:650px;
	overfllow:hidden;
	padding-left:1px;
	top: 5px;
	left: -4px;
	}
#right_col1{
	float:right;
	width:310px;
	height:650px;
	overflow:hidden;
	padding-left:0px;
	}	
#left {
	width:158px;
	height:170px;
	position:absolute;
	padding-right:-1px;
	left: 6px;
	}
	
#middle{
	width:158px;
	height:170px;
	position:absolute;
	padding-right:-5px;
	left: 163px;
	top: 0px;
	}
#left p{
	width:164px;
	}
#right{
	width:158px;
	height:170px;
	position:absolute;
	padding-right:19px;
	left: 319px;
	top: 0px;
	}
#left a, #right a,#middle a{
	width:158px;
	height:108px;
	display:block;
	padding:-8px;
	
	}

#group1 {
	position:absolute;
	left: 11px;
	top: 170px;
	
}


#group2 {
	position:absolute;
	left: 9px;
	top: 310px;
	height: 179px;
}

#left a img, #right a img,#middle a img{
	display:block;
	padding:3px;

	}

	
#text2 {
	position: absolute;
	width: 407px;
	height: 309px;
	top: 289px;
	margin: 0;
	padding: 0;
	z-index: 62000;
	left: 52px;
		}

#porttext {
	position: absolute;
	font-size: 10px;
	width: 284px;
	height: 309px;
	top: 393px;
	left: 597px;
	margin: 0;
	padding: 0;
	z-index: 62000;
		}

				
#sublime {
	background-image:url(images/sublime.png);
	position: absolute;
	width: 1022px;
	height: 155px;
	left: 513px;
	top: 2px;
	margin: 0 0 0 -512px;
	padding: 0;
		}

		 
#background {
	background-image:url(images/footer_n.png);
	position: absolute;
	width: 1024px;
	height: 768px;
	left: 50%;
	top: -2px;
	margin: 0 0 0 -512px;
	padding: 0;
	border:solid;
	border-width:1px;
	border-color:#000;
		}
		
#footer {
	position: absolute;
	width: 1026px;
	height: 40px;
	left: 511px;
	top: 725px;
	margin: 0 0 0 -512px;
	padding: 0;
	border-top:solid;
	border-top-width:1px;
	border-top-color:#000;
		}

		
#portfolio {
	position: absolute;
	width: 200px;
	height: 100px;
	left: 577px;
	top: 657px;
	font-weight:bold;
	color: #C00;
	font-size:10px;
	z-index: 5000;
	visibility: hidden;
		}
		
#navbar {
	background-image: url(images/navigation_sprite.png);
	background-repeat: no-repeat;
	top: 186px;
	left: 508px;
	list-style-type: none;
	width: 460px;
	height: 44px;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 88000;
}

#navbarportfolio {
	background-image: url(images/navigation_sprite.png);
	background-repeat: no-repeat;
	top: 186px;
	left: 508px;
	list-style-type: none;
	width: 460px;
	height: 44px;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 200;
}


#navbar span{

	display: none;

}

#navbar li, #navbar a {
	display: block;
	height: 43px;	
	

}

#navbar li {

	display: inline;

	float:left;

}

#nav1 {

	width: 100px;
	left: 1px;
	position: absolute;
} 

#nav2 {
	width: 101px;
	left: 120px;
	position: absolute;
}

#nav3 {
	width: 100px;
	left: 240px;
	position: absolute;
	
}



#nav4  {

	width: 100px;
	left: 360px;
	position: absolute;
}






#nav1 a:hover {

	background-image: url(images/navigation_sprite.png);

	background-repeat: no-repeat;

	background-position: -1px -42px;

	width: 100px;

}

#nav2 a:hover {

	background-image: url(images/navigation_sprite.png);

	background-repeat: no-repeat;

	background-position: -120px -42px;

	width: 100px;

}

#nav3 a:hover {

	background-image: url(images/navigation_sprite.png);

	background-repeat: no-repeat;

	background-position: -240px -42px;

	width: 100px;

}

#nav4 a:hover {background-image: url(images/navigation_sprite.png);

	background-repeat: no-repeat;

	background-position: -360px -42px;

	width: 100px;

}



#nav1 a:active {

	background-image: url(images/navigation_sprite.png);

	background-repeat: no-repeat;

	background-position: -1px -86px;

	width: 100px;

}


#nav2 a:active {

	background-image: url(images/navigation_sprite.png);

	background-repeat: no-repeat;

	background-position: -120px -85px;

	width: 100px;

}

#nav3 a:active {

	background-image: url(images/navigation_sprite.png);

	background-repeat: no-repeat;

	background-position: -240px -85px;

	width: 100px;

}

#nav4 a:active {

	background-image: url(images/navigation_sprite.png);

	background-repeat: no-repeat;

	background-position: -360px -85px;

	width: 100px;

}





#navbarportfolio span{

	display: none;

}

#navbarportfolio li, #navbarportfolio a {

	display: block;

	height: 43px;
	
	

}

#navbarportfolio li {

	display: inline;

	float:left;

}

#nav1portfolio {

	width: 100px;
	left: 1px;
	position: absolute;
} 

#nav2portfolio {
	width: 101px;
	left: 120px;
	position: absolute;
}

#nav3portfolio {
	width: 100px;
	left: 240px;
	position: absolute;
}



#nav4portfolio  {

	width: 100px;
	left: 360px;
	position: absolute;
}






#nav1portfolio a:hover {

	background-image: url(images/navigation_sprite.png);

	background-repeat: no-repeat;

	background-position: -1px -42px;

	width: 100px;

}

#nav2portfolio a:hover {

	background-image: url(images/navigation_sprite.png);

	background-repeat: no-repeat;

	background-position: -120px -42px;

	width: 100px;

}

#nav3portfolio a:hover {

	background-image: url(images/navigation_sprite.png);

	background-repeat: no-repeat;

	background-position: -240px -42px;

	width: 100px;

}

#nav4portfolio a:hover {background-image: url(images/navigation_sprite.png);

	background-repeat: no-repeat;

	background-position: -360px -42px;

	width: 100px;

}



#nav1portfolio a:active {

	background-image: url(images/navigation_sprite.png);

	background-repeat: no-repeat;

	background-position: -1px -86px;

	width: 100px;

}


#nav2portfolio a:active {

	background-image: url(images/navigation_sprite.png);

	background-repeat: no-repeat;

	background-position: -120px -85px;

	width: 100px;

}

#nav3portfolio a:active {

	background-image: url(images/navigation_sprite.png);

	background-repeat: no-repeat;

	background-position: -240px -85px;

	width: 100px;

}

#nav4portfolio a:active {

	background-image: url(images/navigation_sprite.png);

	background-repeat: no-repeat;

	background-position: -360px -85px;

	width: 100px;

}





a {
	text-decoration:none;
}

	a:link {color: #5d9416;
	text-decoration:none;
	
	
   		
  		}
   		

   	a:visited {color: #666666;
	text-decoration:none;
   		
		}

	a:hover {color: #5d9416;
	text-decoration:none;
	
		}

	a:active {color: #ffffff;
	text-decoration:none;		
		
		}

#right_col{
	float:right;
	width:494px;
	height:505px;
	overflow:hidden;
	padding-left:10px;
	}
	
.wrapper{
	margin:0 auto;
	width:920px;
	position:relative;
	text-align:left;
	z-index:5;
	display:block;
	}
	
h1{
	font-size:18px;
	text-align:justify;
	width:413px;
	font-weight:bold;
	line-height:1.3;
	display:inline;
	left: 54px;
	position:absolute;
	top: 232px;
	}
	
#fb-root {
	position: absolute;
	width: 184px;
	height: 218px;
	left: 274px;
	top: 35px;
	z-index:50000;
}

#twitter {
	position: absolute;
	width: 250px;
	height: 149px;
	top: 12px;
	left: 14px;
	z-index:51000;
}

#social {
	position: absolute;
	left: 507px;
	bottom: 54px;
	width: 462px;
	height: 261px;
	border-width:1px;
	border-style:solid;
	border-top: solid #000000 1px;
	border-right: solid #ffffff;
	border-left: solid #ffffff;
	border-bottom: #ffffff;
	z-index: 100;
	}
	
#social2 {z-index: 1;
	
	}
	
#copyright {
	position: absolute;
	left: 798px;
	top: 744px;
	font-size:smaller;
	width: 185px;
}

#socialtext {
	position: absolute;
	font-size:smaller;
	width: 448px;
	left: 48px;
	top: 669px;
}