@charset "UTF-8";
/* CSS Document */

body {
	padding: 0px;
	margin: 0px;
	background-image: url(images/gradient.png);
}



#wrapper {
	height: 600px;
	width: 100%;
	border: 0px;
	display: block;
}


#whitebox {
	display: block;
	width:715px;
	margin-left: auto;
	margin-right: auto;
	height: 650px;
	border:#999;
	background: #fff url(images/circlesMAT.jpg) no-repeat;
}

#whiteboxContact {
	display: block;
	width:715px;
	margin-left: auto;
	margin-right: auto;
	height: 650px;
	border:#999;
	border-bottom: 8px solid #999;
	background: #fff url(images/ContactCrate.png) no-repeat;
}

#whiteboxAbout {
	display: block;
	width:715px;
	margin-left: auto;
	margin-right: auto;
	height: 650px;
	border:#999;
  	background: #fff url(images/periodictableREV.jpg) no-repeat;
border-bottom: 8px solid #999;

}

#whiteboxNews {
	display: block;
	width:715px;
	margin-left: auto;
	margin-right: auto;
	height: 650px;
	border:#999;
  	background: #fff url(images/NEWScircle.png) no-repeat;
border-bottom: 8px solid #999;
}

/*#aboutCircles {
background: url(images/ABOUTcirclesSM_03.png) no-repeat}
height: 505px;
width: 717px;*/

#periodictable {
	height:  276px;
	margin-top: 35px;
	margin-left:0px;
}



	
.logo {
	background-image: url(images/gmtlogo.gif);
	height:60px;
	width:350px ;
	margin-left: 40px;
	margin-top: 10px;
	background-repeat:no-repeat;
	border:0 none;
	display:block;
	text-indent:-5000px;
	float: left;
	clear: none;
	position: relative;
	text-decoration: none;
}


#mainNav  {
	width: 100%;
	height: 70px;
	display: block;
	border-bottom: 1px dotted #919191;
	border-bottom-width:85%;
	}

#contactBar  {
	width: 100%;
	height: 40px;
	display: block;
	border-top: 1px dotted #919191;
	position: relative;
	float: left;
	top: 245px;
	background-color: #bdbdbd;
	border-bottom: 8px solid #999;

}
.addressInfo { 
	padding-left:40px;
	display: block;
	color: #515151;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	float: left;
}

.about {
display: block;
text-indent:-5000px;
width:63px;
height: 40px;
margin-left: 45px;
margin-top: 10px;
background: url(images/about.png) no-repeat;
	float: left;
	clear: none;
	position: relative;
	top: 36px;
}

.aboutPage {
display: block;
text-indent:-5000px;
width:63px;
height: 40px;
margin-left:45px;
background: url(images/aboutOver.png) no-repeat;
	float: left;
	clear: none;
	position: relative;
	top: 46px;
}


a.about:hover {
	background: url(images/aboutOver.png) no-repeat;
		margin-top: 10px;

}

.news {
display: block;
text-decoration:none;
text-indent:-5000px;
width:53px;
height: 40px;
	margin-top: 10px;
	float: left;
	clear: none;
	position: relative;
		top: 36px;
	left: 10px;
	background: url(images/news.png) no-repeat;
}

.newsPage {
display: block;
text-decoration:none;
text-indent:-5000px;
width:53px;
height: 40px;
	float: left;
	clear: none;
	position: relative;
		top: 46px;
	left: 10px;
	background: url(images/newsOver.png) no-repeat;
}

a.news:hover {
	background: url(images/newsOver.png) no-repeat;
	margin-top: 10px;

}


.home {
display: block;
text-decoration:none;
text-indent:-5000px;
width:53px;
height: 40px;
	margin-top: 10px;
	float: left;
	clear: none;
	position: relative;
		top: 36px;
	left: 40px;
	background: url(images/home.png) no-repeat;}
	
.homePage {
display: block;
text-decoration:none;
text-indent:-5000px;
width:53px;
height: 40px;
	margin-top: 10px;

	float: left;
	clear: none;
	position: relative;
		top: 36px;
	left: 40px;
	background: url(images/homeOver.png) no-repeat;}
	
		
	a.home:hover {
	background: url(images/homeOver.png) no-repeat;
		left: 40px;

}	


.contact {
display:block;
text-indent:-5000px;
width:78px;
height: 40px;
margin-top: 10px;
	position: relative;
	float: left;
	clear: right;
		top: 36px;
	left: 10px;
	background: url(images/contact.jpg) no-repeat;
}

.contactPage {
display:block;
text-indent:-5000px;
width:78px;
height: 40px;
margin-top: 10px;
	position: relative;
	float: left;
	clear: right;
		top: 36px;
	left: 10px;
	background: url(images/contactOver.png) no-repeat;

}


a.contact:hover {
	background: url(images/contactOver.png) no-repeat;
		margin-top: 10px;
		left: 10px;

}	

#mainTextbox {
	height: 240px;
	width: 284px;
	padding-top: 20px;
	margin-left: 150px;
	display: block;
	float: left;
	}

#aboutTextbox {
	height: 240px;
	width: 284px;
	padding-left: 147px;
	padding-top: 30px;
	
}
.bodyText {
color: #2a2a2a;
	font: 12px/1.5em "Lucida Grande", Lucida, Verdana, sans-serif;
	text-align: left;
}

.greenTxt {
	color: #66CC33;
}
.greyTxt{
	color: #4f4f4f;
}
.mainText 
{
text-decoration: none;
padding-right: 300px;
padding-left: 110px;
color: gray;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}


/* 



a.about:visited {
	background: url(images/aboutOver.png) no-repeat;
}
a.news:visited {
	background: url(images/newsOver.png) no-repeat;
}	
a.contact:visited {
	background: url(images/contactOver.png) no-repeat;
}	
*/


a:link {

}

a:hover {

}
a:active {

}
ul li {
}
ol li {
}

* :focus { outline: 0; }

img {  
	border-style: none;
}
#preloaded-images {
	position: absolute;
	overflow: hidden;
	left: -9999px;
	top: -9999px;
	height: 1px;
	width: 1px;
}