/* mainstyle.css */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 86%;
	color: black;
	text-align: center;
	background: white;
	margin: 10px;
	padding: 0;
	}

#wrapper {
		 /* width: 800px; */
		 margin: 0 0 15px 0;
		 padding: 0;
		 text-align:center;
		 border: solid 2px black;
		 }	 
h1 {
   margin-top: 35px;
   padding: 0 0 10px 0;
   border-bottom: 2px solid red;
   }
   
h1 img {
   	   border: 0;
   	  }

ul#menu {
		/* text-align: left; */
		margin: 0;
		padding: 0; /* 10px 0 10px 0; top right bottom left */
		list-style: none;
		/* float: left;
		width: 100%; */
		background: #fff;
		}

ul#menu li {
		   /* display: inline; */
		   padding: 0;  /* 0 25px 0 0; space the menu items out */
		   margin: 0;
		   height: 40px;
		   float: left;
		   margin-right: 25px;
		   list-style: none;
		   background-repeat: no-repeat;
		    }

ul#menu li a, ul#menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -1000px;
	height: 40px;
	background-repeat: no-repeat;
} 

ul#menu:after {content: ".";
			  display: block;
			  height: 0;
			  clear: both;
			  visibility: hidden;
			  } 
			  
/* ul#menu li a:link {
		   		  text-decoration: none;
		   		  } */
				  
/* ul#menu li a img:hover {
		   		   	background-color: #808080; 
		   		   } */
				   
/* ul#menu li img {
		   	   border: 0;
		   	   } */
			   
/* ul#menu li a:hover {background: none;} */
			   
.home { background-image: url(images/home.gif); width: 64px; }
.home a:hover { background-image: url(images/home_up.gif); }
.projects { background-image: url(images/projects.gif); width: 79px; }
.projects a:hover { background-image: url(images/projects_up.gif); }
.aboutme { background-image: url(images/about.gif); width: 89px; }
.aboutme a:hover { background-image: url(images/about_up.gif); }
.contact { background-image: url(images/contact.gif); width: 114px; }
.contact a:hover { background-image: url(images/contact_up.gif); }

.singlepic {
 		 	padding: 0;
	  		margin: 0 0 15px 0;
	  		text-align:center; 
			}

.singlepic img {
		padding: 0;
		margin: 0 5px 0 0;
		 }  
.row {
	  clear: left;
	  padding: 0;
	  margin: 0 0 15px 0;
	  text-align:center;
	  }
	  
.row img {
		padding: 0;
		margin: 0 5px 0 0;
		 }
		 
#exhibit {
	 padding: 0;
	 /* border: solid 1px black; */
	 text-align: center;
	 }				  

#exhibit p a {
		 	text-decoration: none;
			color: red;
			}
			
#exhibit a:hover {
		 		 text-decoration: underline;
				 color: red;
				 }				 
.icons {
	   /* float: left; */
	   margin: 0 auto;
	   padding: 5px;
	   text-align: center;
	   width: 800px;
	   border: 1px solid black;
	   }
  
.thumbnail {
			  width: 140px;
			  float: left;
			  margin: 0 10px 10px 0;
			  }
			  
.thumbnail p {
			  text-align: centre;
			  color: black;
			  font-size: 90%;
			  /* font-weight: bolder; */
			  }
			  
.thumbnail a {
			  text-decoration: none;
			  color: black;
			  }
			  
.thumbnail a p:hover {
			  		  color: red;
					  font-weight: bolder;
					  text-decoration: underline;
					  }
.bigthumb {
		  width: 180px;
		  float: left;
		  margin: 0 20px 10px 0;
		  }

.bigthumb p {
			  text-align: centre;
			  color: black;
			  font-size: 90%;
			  /* font-weight: bolder; */
			  }
.bigthumb a p:hover {
			  		  color: red;
					  font-weight: bolder;
					  text-decoration: underline;
					  }			  		 					  
div.bigpic p {
		   	  font-size: 86%;
			  }
			  
div.bigpic h2 {
		   	  color: red;
			  font-size: 86%;
			  }
			  
div.bigpic {
		   float: left;
		   margin: 0 30px 10px 0;
		   }

.rightpic { float:right; margin: 0; padding: 15px; }

.leftpic { float:left; margin: 0; padding: 15px; }

#container p a {
			  text-decoration: none;
			  /* color: #808080; */
			  color: red;
			  /* font-weight: bold; */
			  }
			  
#container p a:hover {
			  		  color: red;
					  /* font-weight: bolder; */
					  text-decoration: underline;
					  }
.redtitle { color: red;
		  	font-weight: bold; }					  

.bodytext { clear: left; }