body {
	background-color: #666;
	font: 105% "Times New Roman", Times, serif;
    margin: 0 0px;
}
div.nifty { 
  margin: 0 auto 20px auto;
  background: white;
  width: 680px;
  font-family: "Times New Roman", Times, serif;
}

b.rtop, b.rbottom {
display:block;
background: #666;
}
b.rtop b, b.rbottom b {
display:block;
height: 1px;
overflow: hidden;
background: white;
}
b.r1 {
margin: 0 5px;
}
b.r2 {
margin: 0 3px;
}
b.r3 {
margin: 0 2px;
}
b.rtop b.r4, b.rbottom b.r4 {
margin: 0 1px;
height: 2px;
}
BLOCKQUOTE {
margin: 0 0px;
text-indent: 20px;line-height: 1;
}
h1,h2,p {
margin: 0 10px;
}
h1 {
font-size: 250%;
color: #333;
}
h2 {
font-size: 115%;
color: #333;
}
p {
padding-bottom:5px;
}
h2 {
padding: 10px;
}
h2#slogan {
  color: black;
  float: left;
}
div.nifty2 { 
  margin: 0 0.5%;
  background: #cccccc;
}
b.rtop2, b.rbottom2 {
display:block;
background: white;
}
b.rtop2 b, b.rbottom2 b {
display:block;
height: 1px;
overflow: hidden;
background: #cccccc;
}
b.r12 {
margin: 0 5px;
}
b.r22 {
margin: 0 3px;
}
b.r32 {
margin: 0 2px;
}
b.rtop2 b.r42, b.rbottom2 b.r42 {
margin: 0 1px;
height: 2px;
}
.gray {
  color: #222222;
}
#menu {
	clear: both;	
	margin: 0; padding: 0 40px 0 0;
	background: url(menu.jpg) repeat-y center top;	
	font: 105% bold "Times New Roman", Times, serif;
	height: 20px;
	background: white;
}
#menu ul {
	float: right;
	list-style: none;
	margin:0; padding: 0;
}
#menu ul li {
	display: inline;
}
#menu ul li a {
	display: block;
	float: left;
	padding: 0 8px;
	color: black;	
	text-decoration: none;
}
#menu ul li a:hover {
	background-color: #666;
	color: #cccccc;	
}
#menu ul li#current a {	
	background-color: #000033;
	color: #FFFFFF;
}
form {
  background: #eee;
  border: 1px solid black;
  margin: 5px;
  vertical-align: top;
  width: 450px;
}
input {
  color: black;
  border: 1px solid black;
  vertical-align: top;
}
textarea {
  color: #666;
  border: 1px solid black;
  vertical-align: top;
}
input.submit {
  margin: 5px;
  padding: 0 40px 0 0;
  background: #cccccc;
  color: #999;
  font-weight: bold;
  width: 50px;
  vertical-align: top;
}
ul {
	margin: 0 30px;
	padding: 0;
    text-indent: 10px; 
}
/* The containing box for the gallery. */
#container {
    position:relative; 
    width:660px; 
    height:480px; 
    margin:20px auto 0 auto; 
    border:1px solid #aaa; 
    background:#cccccc url(images/coastablogo.png) 5px 5px no-repeat;
    }
/* Removing the list bullets and indentation */
#container ul {
    padding:0; 
    margin:5px; 
    list-style-type:none; 
    width:198px; 
    height:386px;
    float:right;
    }
#container li {
    float:left;
    }
/* Remove the images and text from sight */
#container a.gallery span {
    position:absolute; 
    width:1px; 
    height:1px; 
    top:5px; 
    left:5px; 
    overflow:hidden; 
    background:#fff;
    }
/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {
    display:block; 
    color:#000; 
    text-decoration:none; 
    border:1px solid #000; 
    margin:1px 2px 1px 2px; 
    text-align:left; 
    cursor:default;
    }
#container a.slidea {
    background:url(images/penstocks-1-thumb.jpg); 
    height:93px; 
    width:60px;
    }
#container a.slideb {
    background:url(images/penstocks-2-thumb.jpg); 
    height:60px; 
    width:93px;
    }
#container a.slidec {
    background:url(images/penstocks-3-thumb.jpg); 
    height:60px; 
    width:93px;
    }
#container a.slided {
    background:url(images/roadside-1-thumb.jpg); 
    height:60px; 
    width:93px;
    }
* html #container a.slided {
    width:91px; 
    w\idth:93px;
    }
#container a.slidee {
    background:url(images/confinedspaces-1-thumb.jpg); 
    height:60px; 
    width:93px;
    }
#container a.slidef {
    background:url(images/confinedspaces-2-thumb.jpg); 
    height:60px; 
    width:93px;
    }
* html #container a.slidef {
    width:91px; 
    w\idth:93px;
    }
#container a.slideg {
    background:url(images/confinedspaces-3-thumb.jpg); 
    height:60px; 
    width:93px;
    }
#container a.slideh {
    background:url(images/highrise-2-thumb.jpg); 
    height:93px; 
    width:60px;
    }
#container a.slidei {
    background:url(images/concrete-1-thumb.jpg); 
    height:60px; 
    width:93px;
    }
#container a.slidej {
    background:url(images/capefoulwind-1-thumb.jpg); 
    height:93px; 
    width:60px;
    }
#container a.slidek {
    background:url(images/tiwaipoint-1-thumb.jpg); 
    height:93px; 
    width:60px;
    }
* html #container a.slidek {
    width:91px; 
    w\idth:93px;
    }
#container a.slidel {
    background:url(images/tiwaipoint-2-thumb.jpg); 
    height:93px; 
    width:60px;
    }
#container a.slidem {
    background:url(images/tiwaipoint-3-thumb.jpg); 
    height:93px; 
    width:60px;
    }
#container a.sliden {
    background:url(images/bridge-1-thumb.jpg); 
    height:60px; 
    width:93px;
    }
#container a.slideo {
    background:url(images/bridge-2-thumb.jpg); 
    height:93px; 
    width:60px;
    }
#container a.slidep {
    background:url(images/bridge-3-thumb.jpg); 
    height:60px; 
    width:93px;
    }
#container a.slideq {
    background:url(images/bridge-4-thumb.jpg); 
    height:60px; 
    width:93px;
    }
#container a.slider {
    background:url(images/bridge-5-thumb.jpg); 
    height:93px; 
    width:60px;
    }
/* change the thumbnail border color */
#container a.gallery:hover {
    border:1px solid #fff; 
    }
/* styling the :hover span */
#container a.gallery:hover span {
    position:absolute; 
    width:388px; 
    height:390px; 
    top:5px; 
    left:5px; 
    color:#000; 
    background:#cccccc;
    }
#container a.gallery:hover img {
    border:2px solid #000; 
    float:left; 
    margin-right:5px;
    }