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

body {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	}
	

p img {
	margin: .5em;
	}

/* ================
Mast and Navigation
================ */

#mastcontain {
	width:900px;
	height:100px; 
	margin:0 auto;
	position:relative;
	}

.phone {
	width:121px;
	height:26px;
	position:absolute;
	top:0px;
	right:0px;
	}

#topblue {
	margin: 0;
	width:100%;
	height:6px;
	background:#39464E;
	}
	
#logonav {
	width:100%;
	
	margin:1em 0 0 0;
	}

#logo {
	float:left;
	width:270px;
	height:75px;
	background: url(images/mastlogo.gif) no-repeat;
	}


#nav {
	width:630px;
	height:29px;
	float:right;
	margin-top:46px;
	}
	
	#nav ul {
		margin:0;
		padding:0;
		}
	
	#nav li {
		margin:0;
		padding:0;
		list-style-type:none;
		display:inline;
		float:left;
		
		}
		
		#nav li a h4{
			background: url(images/nav.gif) no-repeat;
			height:30px;
			margin:0;
			padding:0;
			text-decoration:none;
			text-indent:-9999px;
			}
			
			#nav li a h4.home {width:142px; background-position:0px 0px;}
			#nav li a:hover h4.home { width: 142px; background-position:0 -31px;}
			
			#nav li a h4.gallery {width:124px; background-position:-142px 0px;}
			#nav li a:hover h4.gallery { width:124px; background-position:-142px -31px;}
			
			#nav li a h4.ourscience {width:129px; background-position:-266px 0px;}
			#nav li a:hover h4.ourscience { width:129px; background-position:-266px -31px;}
			
			#nav li a h4.contact {width:125px; background-position:-395px 0px;}
			#nav li a:hover h4.contact { width:125px; background-position:-395px -31px;}
			
			#nav li a h4.about {width:110px; background-position:-520px 0px;}
			#nav li a:hover h4.about { width:110px; background-position:-520px -31px;}
					
/* ========
Layout Divs
======== */

.bodywrap {
	width:900px;
	margin:0 auto;
	padding: 3px 0 10px;
	overflow: auto;
	border-bottom: #39464E solid 6px;
	}


#flash {
	width:900px;
	height:350px;
	padding-bottom:10px;
	border-bottom: #39464E solid 6px;
	margin:0 auto 10px;
	}

.left {
	width: 433px;
	float: left;
	}

.leftwide {
	width: 560px;
	float: left;
	}

.right {
	width: 433px;
	float: right;
	}

.rightthin {
	width: 300px;
	float: right;
	}

	
.dottedline {
	border-bottom:#748A96 dotted 1px;
	}

/* ==============
typography styles
============== */

h1 {
	margin:0;
	padding: 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
	text-transform:uppercase;
	color: #39464E;
	letter-spacing:1px;
	}
	
h2 {
	margin:0;
	padding: 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:lighter;
	text-transform:none;
	color: #39464E;
	}

p {
	margin:0;
	padding: 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight:lighter;
	color: #748A96;	
	}

	p a:link {
		color:#B11117;
		text-decoration:none;
		}
	p a:visited {
		color:#B11117;
		text-decoration:none;
		}
	p a:hover {
		color:#39464E;
		text-decoration:underline;
		}

	em a:link {
		color:#B11117;
		text-decoration:none;
		}
	em a:visited {
		color:#B11117;
		text-decoration:none;
		}
	em a:hover {
		color:#39464E;
		text-decoration:underline;
		}
	


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


/* ===
footer
=== */

#footer {
	width:900px;
	margin: 20px auto;
	text-align: center;
	color: #748A96;
	font-size:80%;
	line-height:18px;
	}

	#footer a:link {color: #748A96; text-decoration:none;}
	#footer a:visited {color: #748A96; text-decoration:none;}
	#footer a:hover {color: #B11117;}


/* ====
Gallery
==== */