* {
	margin:0;
	padding:0;
}
:focus {
	outline:0
}
body {
	text-align: center;
	background-image: url(../media/bg.jpg);
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-repeat: no-repeat;
}
#wrapper {
	padding: 0px;
	/*width: 1500px;*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align:left;
	width: 1000px;
}
#portfolio_div {
	padding: 0px;
	height: 635px;
	width: 870px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#top_design {
	background-image: url(../media/top_design.png);
	background-repeat: no-repeat;
	padding: 0px;
	height: 1200px;
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.nav {
	text-indent: 0px;
	float: left;
	height: 235px;
	width: 535px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding: 0px;
	margin-top: 250px;
	text-align: left;
}

/*LINKS START HERE*/
.navigation {
	margin-left: 0px;
	padding-top: 307px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}
.navigationbtm {
	margin-left: 0px;
	padding-top: 667px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}
.navigationbtm li {
	list-style-type:none;
	height:74px;
	margin-left: 30px;
	padding-bottom: 5px;
}
.navigation li {
	list-style-type:none;
	height:74px;
	margin-left: 17px;
	padding-bottom: 5px;
}
#about
{
	background-image:url(../media/top_about_link.jpg);
	width:386px;
	height:74px;
	display:block;
	text-indent:-4000px;
}
#about:hover
{ 
	background-image:url(../media/top_about_hover_active.jpg);
}
#portfolio
{
	background-image:url(../media/top_portfolio_link.jpg);
	width:398px;
	height:74px;
	display:block;
	text-indent:-4000px;
}
#portfolio:hover
{ 
	background-image:url(../media/top_portfolio_hover_active.jpg);
}
#boringstuff
{
	background-image:url(../media/top_boring_link.jpg);
	width:529px;
	height:74px;
	display:block;
	text-indent:-4000px;
}
#boringstuff:hover
{ 
	background-image:url(../media/top_boring_hover_active.jpg);
}
#aboutbtm
{
	background-image:url(../media/btm_about_link.jpg);
	width:386px;
	height:74px;
	display:block;
	text-indent:-4000px;
}
#aboutbtm:hover
{ 
	background-image:url(../media/btm_about_hover_active.jpg);
}
#portfoliobtm
{
	background-image:url(../media/btm_portfolio_link.jpg);
	width:398px;
	height:74px;
	display:block;
	text-indent:-4000px;
}
#portfoliobtm:hover
{ 
	background-image:url(../media/btm_portfolio_hover_active.jpg);
}
#boringstuffbtm
{
	background-image:url(../media/btm_boring_link.jpg);
	width:529px;
	height:74px;
	display:block;
	text-indent:-4000px;
}
#boringstuffbtm:hover
{ 
	background-image:url(../media/btm_boring_hover_active.jpg);
}
/*LINKS END HERE*/
#footer {
	padding: 0px;
	clear: none;
	float: none;
	height: 120px;
	width: 960px;
	margin-top: 176px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#top_ant_trail {
	background-image: url(../media/top_ant_trial_design.jpg);
	padding: 0px;
	height: 1520px;
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#portfolio_bg {
	background-image: url(../media/portfolio_bg.jpg);
	padding: 0px;
	height: 650px;
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#follow_larry {
	padding: 0px;
	float: left;
	height: 26px;
	width: 296px;
	background-image: url(../media/follow_larry.jpg);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#facebook {
	background-image: url(../media/facebook_brown.jpg);
	padding: 0px;
	float: left;
	height: 47px;
	width: 47px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 14px;
	margin-left: 0px;
}
#facebook:hover {
	background-image: url(../media/facebook_blue.jpg);
	padding: 0px;
	float: left;
	height: 47px;
	width: 47px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 14px;
}
#twitter {
	background-image: url(../media/twitter_brown.jpg);
	padding: 0px;
	float: left;
	height: 47px;
	width: 47px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#twitter:hover {
	background-image: url(../media/twitter_blue.jpg);
	padding: 0px;
	float: left;
	height: 47px;
	width: 47px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#rss {
	background-image: url(../media/rss_brown.jpg);
	padding: 0px;
	float: left;
	height: 47px;
	width: 47px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#rss:hover {
	background-image: url(../media/rss_orange.jpg);
	padding: 0px;
	float: left;
	height: 47px;
	width: 47px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#die_young {
	background-image: url(../media/die_young_brown.jpg);
	padding: 0px;
	float: left;
	height: 47px;
	width: 47px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#die_young:hover {
	background-image: url(../media/die_young_black.jpg);
	padding: 0px;
	float: left;
	height: 47px;
	width: 47px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#blog {
	background-image: url(../media/blog_brown.jpg);
	padding: 0px;
	float: left;
	height: 47px;
	width: 47px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#blog:hover {
	background-image: url(../media/blog_orange.jpg);
	padding: 0px;
	float: left;
	height: 47px;
	width: 47px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#bottom_ant_trail {
	background-image: url(../media/bottom_ant_trial_design.jpg);
	padding: 0px;
	height: 1435px;
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#bottom_design {
	background-image: url(../media/bottom_design.png);
	padding: 0px;
	height: 1200px;
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#top_wrapper {
	height: 700px;
	width: 960px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#about_nathan {
	background-image: url(../media/about_nathan_streater.jpg);
	height: 372px;
	width: 315px;
	background-repeat: no-repeat;
	float: none;
	clear: none;
	margin-top: -231px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 624px;
	padding: 0px;
	text-indent: -5000px;
}
#created_by_nathan {
	background-image: url(../media/website_created.jpg);
	padding: 0px;
	float: left;
	height: 27px;
	width: 528px;
	text-indent: -5000px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
}

input.text_area {
	height:20px;
	width:250px;
	border-style:none;
	padding:3px;
}
/*#bottom_bg {
	background-image: url(../media/bottom_cloud.jpg);
	height: 245px;
	width: 1500px;
	margin-top: -245px;
}*/
.follow_links {
	padding: 0px;
	float: right;
	height: 80px;
	width: 300px;
	margin-top: 0px;
	margin-right: 60px;
	margin-bottom: 0px;
	margin-left: 40px;
	text-indent: -5000px;
}
.follow_links li {
    list-style:none;
    display:inline;
}
#photography_box {
	background-color: #000;
	padding: 0px;
	height: 200px;
	width: 860px;
	margin-top: -17px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border: 2px solid #333;
	text-indent: -5000px;
}
/*
#photography_image_bg {
	background-color: #FFF;
	padding: 0px;
	height: 170px;
	width: 560px;
	margin-top: 13px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	float: left;
*/

#photography_text_box {
	padding: 0px;
	float: right;
	height: 170px;
	width: 260px;
	margin-top: 15px;
	margin-right: 12px;
	text-align: left;
	text-indent: 0px;
}
#photography_h1 {
	background-image: url(../media/photography_header.gif);
	margin: 0px;
	padding: 0px;
	float: left;
	height: 37px;
	width: 196px;
	text-indent: -5000px;
}
#photography_inner_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12.5px;
	color: #FFF;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 133px;
	width: 260px;
}
#photography_links {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #7C7C7C;
	padding: 0px;
	height: 25px;
	width: 120px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 50px;
}
.photography_links {
	display: inline;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
}
.photography_links li {
	display: inline;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
}
#photography_created {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	padding: 0px;
	height: 100px;
	width: 100px;
	float: right;
	margin-top: -64px;
	margin-right: 14px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#photography_favi {
	background-image: url(../media/favicon_ps.gif);
	padding: 0px;
	float: none;
	height: 47px;
	width: 47px;
	text-indent: -5000px;
	background-repeat: no-repeat;
	margin-top: 3px;
}
#animation_box {
	background-color: #000;
	padding: 0px;
	height: 200px;
	width: 860px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border: 2px solid #333;
	text-indent: -5000px;
}
#animation_favi2 {
	background-image: url(../media/faivcon_fl.gif);
	background-repeat: no-repeat;
	text-indent: -5000px;
	padding: 0px;
	float: right;
	height: 47px;
	width: 47px;
	margin-top: -47px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#animation_favi1 {
	background-image: url(../media/favicon_ai.gif);
	background-repeat: no-repeat;
	text-indent: -5000px;
	padding: 0px;
	float: none;
	height: 47px;
	width: 47px;
	margin-top: 3px;
}
#animation_text_box {
	padding: 0px;
	float: right;
	height: 170px;
	width: 260px;
	margin-top: 15px;
	margin-right: 12px;
	text-indent: 0px;
}
#animation_h1 {
	background-image: url(../media/animation_header.gif);
	text-indent: -5000px;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 30px;
	width: 155px;
}
#animation_inner_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12.5px;
	color: #FFF;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 133px;
	width: 260px;
	text-indent: 0px;
}
#animation_links {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #7C7C7C;
	padding: 0px;
	height: 25px;
	width: 120px;
	margin-top: 43px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.animation_links {
	font-family: Arial, Helvetica, sans-serif;
	display: inline;
	list-style-type: none;
	color: #7c7c7c;
}
.animation_links li {
	display: inline;
	list-style-type: none;
}
#animation_created {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	padding: 0px;
	float: right;
	height: 100px;
	width: 100px;
	margin-top: -63px;
	margin-right: 14px;
}
#clothing_box {
	background-color: #000;
	padding: 0px;
	height: 200px;
	width: 860px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border: 2px solid #333;
	text-indent: -5000px;
}
#clothing_text_box {
	padding: 0px;
	float: right;
	height: 170px;
	width: 260px;
	margin-top: 15px;
	margin-right: 12px;
	text-indent: 0px;
}
#clothing_h1 {
	background-image: url(../media/clothing_header.gif);
	text-indent: -5000px;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 37px;
	width: 124px;
}
#clothing_inner_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12.5px;
	color: #FFF;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 133px;
	width: 260px;
	text-indent: 0px;
}
#clothing_links {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #7c7c7c;
	padding: 0px;
	height: 25px;
	width: 120px;
	margin-top: 53px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-indent: 0px;
}
.clothing_links {
	display: inline;
	list-style-type: none;
	color: #7C7C7C;
}
.clothing_links li {
	display: inline;
	list-style-type: none;
}
#clothing_created {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	padding: 0px;
	float: right;
	height: 100px;
	width: 100px;
	margin-top: -64px;
	margin-right: 14px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#clothing_favi {
	background-image: url(../media/favicon_ps.gif);
	background-repeat: no-repeat;
	text-indent: -5000px;
	padding: 0px;
	float: none;
	height: 47px;
	width: 47px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#portfolio_header {
	padding: 0px;
	height: 200px;
	width: 960px;
	background-image: url(../media/portfolio_nathan_streater.jpg);
	background-repeat: no-repeat;
	float: right;
	margin-top: 1415px;
	margin-right: -30px;
}
#ant_link_TOP {
	background-image: url(../media/ant_link_UP_with_text.jpg);
	padding: 0px;
	float: right;
	height: 168px;
	width: 122px;
	margin-top: -130px;
	margin-right: 21px;
	margin-left: 0px;
	background-repeat: no-repeat;
	margin-bottom: 0px;
}
#ant_link_DOWN {
	background-image: url(../media/ant_link_DOWN.jpg);
	padding: 0px;
	float: left;
	height: 168px;
	width: 122px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 90px;
}
#portfolio_nathan_streater {
	background-image: url(../media/portfolio_nathan_streater.jpg);
	padding: 0px;
	float: right;
	height: 75px;
	width: 860px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 1425px;
	margin-right: 70px;
	text-indent: -5000px;
}
/*PORTFOLIO LINKS START HERE*/
a:link {
	color: #7C7C7C; text-decoration: none
}
a:visited {
	color: #7C7C7C; text-decoration: none
}
a:hover {

	color: #7C7C7C; text-decoration: none
}
a:active {
	color: #7C7C7C; text-decoration: none
}
/*CSS GALLERY FOR PHOTOGRAPHY STARTS*/
/* style the outer cntaining div to fit the landscape, portrait and buttons */
#album1 {
	width:540px;
	height:150px;
	background-image: url(../media/p_1.jpg);
	margin-left: -575px;
	margin-top: -99px;
	border: 10px solid #FFF;
}
/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
	list-style-type:none;
	position:relative;
	width:560px;
	padding: 0;
	margin-top: 143px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 566px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #7C7C7C;
}
/* make the list horizontal */
.gallery li {
	float:left;
	margin: 0px;
}
/* position the images using an absolute position and hide them from view */
.gallery li a img {
position:absolute; 
top:-320px; 
left:0; 
visibility:hidden; 
border:0;
margin-left: -566px;
margin-top: 177px;
}
/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
visibility:visible;
}
/*CSS GALLERY FOR PHOTOGRAPHY ENDS*/

/*CSS GALLERY FOR ANNIMATION STARTS*/
/* style the outer cntaining div to fit the landscape, portrait and buttons */
#album2 {
	width:540px;
	height:150px;
	background-image: url(../media/a_1.jpg);
	margin-left: -575px;
	margin-top: -107px;
	border: 10px solid #FFF;
}
/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
	list-style-type:none;
	position:relative;
	width:560px;
	padding: 0;
	margin-top: 143px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 566px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #7C7C7C;
}
/* make the list horizontal */
.gallery li {
	float:left;
	margin: 0px;
}
/* position the images using an absolute position and hide them from view */
.gallery li a img {
position:absolute; 
top:-320px; 
left:0; 
visibility:hidden; 
border:0;
margin-left: -566px;
margin-top: 177px;
}
/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
visibility:visible;
}
/*CSS GALLERY FOR ANNIMATION ENDS*/

/*CSS GALLERY FOR CLOTHING STARTS*/
/* style the outer cntaining div to fit the landscape, portrait and buttons */
#album3 {
	width:540px;
	height:150px;
	background-image: url(../media/c_1.jpg);
	margin-left: -575px;
	margin-top: -99px;
	border: 10px solid #FFF;
}
/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
	list-style-type:none;
	position:relative;
	width:560px;
	padding: 0;
	margin-top: 143px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 566px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #7C7C7C;
}
/* make the list horizontal */
.gallery li {
	float:left;
	margin: 0px;
}
/* position the images using an absolute position and hide them from view */
.gallery li a img {
position:absolute; 
top:-320px; 
left:0; 
visibility:hidden; 
border:0;
margin-left: -566px;
margin-top: 177px;
}
/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
visibility:visible;
}
/*CSS GALLERY FOR CLOTHING ENDS*/

/*FORM STARTS HERE*/
#form_box {
	height: 395px;
	width: 319px;
	padding-left: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 50px;
	float: right;
	margin-top: -400px;
}


/*FORM ENDS HERE*/
#form_name {
	background-image: url(../media/form_name.jpg);
	height: 108px;
	width: 319px;
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-bottom: -30px;
}
#form_email {
	background-image: url(../media/form_email.jpg);
	height: 108px;
	width: 319px;
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-bottom: -50px;
	padding-top: 60px;
}
#form_comments {
	background-image: url(../media/form_comments.jpg);
	height: 139px;
	width: 319px;
	background-repeat: no-repeat;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-bottom: -20px;
}

#my_email {
	float: left;
	height: 395px;
	width: 320px;
}

#form_do_it {
	float: right;
	height: 55px;
	width: 101px;
	margin-bottom: 12px;
	background-repeat: no-repeat;
}
.submit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	list-style-type: none;
}