/* Reset default browser styles */
@import url('styles/reset.css');

/* Rebuild default browser styles */
@import url('styles/rebuild.css');


/*****************************************************
1. UNIVERSAL code
2. NAVIGATION code
3. CONTENT code
4. SIDEBAR code
5. FOOTER code
*****************************************************/

h1 {

}

#main{
	margin: 0 auto;
	width: 762px;
}

#titleimage {
	margin-top: 20px;
    width: 762 px;
}

#menubar{
  text-align: left;
  margin-top: 10px;
  width: 800px;

}


html { min-height: 100%; margin-bottom: 1px; }


body {
	 margin: 1.5em 15%;
	 font-family: verdana, helvetica, arial, sans-serif;
	 font-size: 12px;
	 line-height: 24px;
	 color: #000;
	 padding: 0;
	 margin: 0 auto;
	 text-align: center;
	 vertical-align: top;
	 border: 0;
	 background-image:url('../images/stripe.png');	 
}

a {
   text-decoration: none;
   color: grey; 
}



img {
	border: 0;
}

/* css for homepage */

#introimage {
	margin-top: 10px;
    width: 762 px;
}

/* css for slideshow & thumbnails */

#posters{
	margin-top: 30px;

}

#print{
	margin-top: 10px;

}

#identity{
    margin-top: 30px;

}

#web{
	margin-top: 30px;

}

#portrait{
margin-top: 10px;

}

#experimental{
margin-top: 30px;

}

#city{
margin-top: 30px;

}

#goodwork{
margin-top: 10px;

}

/* css for video page */

#video{
		text-align: center;
		margin-top: 10px;
} 

/* css for about me */

#aboutme {
		width: 750px;
	text-align: justify;
	color: #333333;
	

}

#aboutmeouter {
	width: 762px;
	text-align: left;
	}

#photome {
	float: left;
	margin-right: 25px;
	margin-top: 10px;
	margin-bottom: 10px;
}
/* css for footer */


#footer { 
	margin-left: ß0px;
	margin-top: 10px;
	width: 762px;
}