/*to get rid of the preset rules*/
html, body, form, fieldset {
	
	font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
}
ul, li {
padding:0;
margin:0;
list-style:none;
}
a:link, a:visited, a:hover, img {
	text-decoration:none;
	border:none;
		 }
a:link, a:visited, a:hover{
	color:#333;	
}

/* the css rules starts for amin website*/
body{
	background-color:#f6f5f5;
	padding:0;
	margin:0 auto;
	color:#333;
	}

/* to give it a white bkgd the width is kept 100%*/
#container {
	background-color: #fff;
	width: 100%;
	height: 30px;
	margin:  10px auto 0 auto;
	text-align:center;
	
	}
/* this will keep the links. The logo is displayed as the bkgd image.*/			
.wrapper {
	text-align: right;
	width:840px;
	margin: 0px auto;
	padding:8px 0px 0px;
	background-image: url(../links/logo.gif);
	background-position: left center;
	background-repeat: no-repeat;
	
}

.links img {
	padding-right: 4px;
}

#container 2 {
	width: 100%;
	margin:  10px auto 0 auto;
	text-align:center;
	
	}
.limit-width {
	width: 840px;
	margin:0 auto;
}
.limit-width span {
	color:#999;	
}
/*an empty class for the Rollover javascript*/
.change{}

.center {
	font: bold 0.9em sans-serif;
	color:#666;
	text-align: center;
}

.center-left {
	font:  0.8em sans-serif;
	color:#666;
	text-align: left;
}
.center-right {
	font: 0.8em sans-serif;
	color:#666;
	text-align: right;
}





.imageborder {
	border: solid 5px #e0e0e0 ;
}

#gallery { 
margin:1em auto;

}

#gallery img {
		border: 2px solid #e0e0e0;
}

.left-padding{
	margin-left:2px;
}
.both-side-padding {
	margin:0px 2px;
}
.right-padding{
	margin-right: 2px;
}

h2.title{
	font: bold 0.9em sans-serif;
	color:#982929;
	font-size:90%;
}

p {
	font-size: 82%;
}

.justify{
	text-align:justify;	
	
}

.right-align{
	text-align:right;	
}

span.right-align{
	font-size: 80%;
	padding-left: 3em;
	text-align:right;
}
span.big-red-dot{
	color:#982929;
	font-size:50px;
}

#projects-links {
	text-align:right;
	margin:0px;
}
#projects-links span {
	font: bold 80% sans-serif;
	color:#48565e;
	}
#projects-links img{
	margin:0 1px;
}

#projects-links   a:link {
	color:#848080;
}

#projects-links a:visited {
	color:#848080;
	
}
#projects-links a:hover {
	text-decoration:none;
	color:#48565e;
	
}


#project-gallery {
	float:left;
	text-align:center;
	
}
#project-gallery img {
	
	margin-bottom:5px;
}
.project-left {
	
	float:left;
	
}
.project-middle{
	margin:0 90px;	
	float:left;
}

.project-right{
	float:right;	
}
#projects-gallery a:link {
	color:#848080;
}
#projects-gallery a:hover {
	text-decoration: underline;
	
	color:#48565e;
	
}
/* for converting the test under the images projects thumbnail to match the links for projects on the top level*/
span.secondryProjectLinks {
	font: bold 82% sans-serif;
	color:#999999;
}

#text a{outline: none;}
#text:hover,#text:visited:hover  {
	background-image: url(../images/Black%20Hole%202/IMG_7783.jpg);
	background-repeat: no-repeat;
	background-position: left 15%;
}