body {
background-image: url(../images/background.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    
}

img {
max-width: 100%;
height: auto;
}


#mycontent {
 width: 100%;
 max-width: 1000px;
 padding-top: 70px;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
}


#navphoto {
   width: 100%;
   max-width: 1000px;
   text-align: center;
    margin-left: auto;
   margin-right: auto;
}

#header {
   width: 100%;
   max-width: 1000px;
   margin-left: auto;
   margin-right: auto;   
}

#main { 
   width: 1000px;
   padding-top: 75px;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
}

#mainalt { 
   width: 1000px;
   padding-top: 5px;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
}

#footer { 
   width: 1000px;
   text-align: center;
   margin-left: auto;
   margin-right: auto;
}

#contact {
	width: 100%;
   max-width: 1000px;
    padding-top: 75px;
   margin-left: auto;
   margin-right: auto;
    text-align: center;
}

#contact p {
	 font-family: Helvetica, sans-serif, Times New Roman, Courier;
	color: #000000;
line-height: 1.5;
margin-bottom: 0;
margin-top: 0;
padding-bottom: 15px;
text-align: center;
}

#profile {
	width: 100%;
   max-width: 1000px;
    padding-top: 75px;
   margin-left: auto;
   margin-right: auto; 
}
   
#profile ul {
	font-family: Helvetica, sans-serif, Times New Roman, Courier;
	color: #000000;
line-height: 1.5;
margin-bottom: 0;
margin-top: 0;
padding-bottom: 15px;
	margin-right: 0px;
	overflow: auto;
	display:block;
}

@media screen and (max-width: 700px) {
	
	#profile ul {
		font-family: Helvetica, sans-serif, Times New Roman, Courier;
	float: left;
	color: #000000;
line-height: 1.5;
margin-bottom: 0;
margin-top: 0;
padding-bottom: 15px;
	}
}

#profile img {
    float: left;
    margin-right: 10px;
    clear:both;
}

#one a:hover, #two a:hover, #three a:hover,
#four a:hover, #five a:hover, #six a:hover,
#seven a:hover, 
#nav1 a:hover, #nav2 a:hover, #nav3 a:hover,
#nav4 a:hover, #nav5 a:hover, #nav6 a:hover,
#nav7 a:hover {
    opacity: 0;
}

#one {
    background-image: url(../images/comics.gif);
    width: 300px;
    height: 500px;
    display: inline-block;
}

#two {
    background-image: url(../images/art.gif);
    width: 300px;
    height: 500px;
    display: inline-block;
}

#three {
    background-image: url(../images/sketch.gif);
    width: 300px;
    height: 500px;
    display: inline-block;
}

#four {
    background-image: url(../images/sketchbook.gif);
    width: 900px;
    height: 500px;
    display: inline-block;
}

#five {
    background-image: url(../images/illus.gif);
    width: 490px;
    height: 500px;
    display: inline-block;
}

#six {
    background-image: url(../images/design.gif);
    width: 490px;
    height: 500px;
    display: inline-block;
}

#seven {
    background-image: url(../images/22andalone.gif);
    width: 910px;
    height: 150px;
    display: inline-block;
}
	
#nav1 {
    background-image: url(../images/home2.png);
    width: 50px;
    height: 50px;
    display: inline-block;
    
}

#nav2 {
    background-image: url(../images/about2.png);
    width: 50px;
    height: 50px;
    display: inline-block;
}

#nav3 {
    background-image: url(../images/contact2.png);
    width: 50px;
    height: 50px;
    display: inline-block;
}

#nav4 {
    background-image: url(../images/tapastic2.png);
    width: 50px;
    height: 50px;
    display: inline-block;
}

#nav5 {
    background-image: url(../images/twitter2.png);
    width: 50px;
    height: 50px;
    display: inline-block;
}

#nav6 {
    background-image: url(../images/insta2.png);
    width: 50px;
    height: 50px;
    display: inline-block;
}

#nav7 {
    background-image: url(../images/face2.png);
    width: 50px;
    height: 50px;
    display: inline-block;
}

.hidden {
    display: none;
}

h1 {
font-size: 600%;
text-align: right;
font-family: Helvetica, sans-serif;
margin-bottom: 0;
margin-top: 0;
padding-right: 30px;
padding-bottom: 20px;
}

h2 {
font-size: 400%;
text-align: right;
font-family: Helvetica, sans-serif;
margin-bottom: 0;
margin-top: 0;
padding-right: 30px;
}

h3 {
font-size: 300%;
font-family: Helvetica, sans-serif;
margin-bottom: 0;
margin-top: 0;
padding-bottom: 20px;
}

p {
	font-family: Helvetica, sans-serif, Times New Roman, Courier;
font-size: 100%;
line-height: 1.5;
margin-bottom: 0;
margin-top: 0;
padding-bottom: 15px;
}

ul {
font-size: 100%;
color: #000000;
line-height: 1.5;
margin-bottom: 0;
margin-top: 0;
padding-bottom: 15px;
}

li {
	
}