@charset "UTF-8";
body {
	font: 100%  Arial, Verdana, Helvetica, sans-serif;
	background-image:url(../images/page_bg.jpg)	;
	background-color:#000000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

h1 {font-size:20px; color:#DDDDDD; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0;}
h2 {font-size:12px; color:#888888; margin:5px 0; padding:0;}
h3 {font-size:14px; color:#FF9900; margin:5px 0; padding:0;}

hr { color:#AAAAAA;}

.bodytext a { color : #fff;}

p {font-size:12px; color:#BBBBBB; margin:8px 0; padding:0; font-weight:700}

img, a img {margin:0;padding :0; border:none;}

 img, div { behavior: url(iepngfix.htc) ;}
 
.clearer {clear:both;}
a { text-decoration:none; color: #00ccff;}
a:hover { color:#ffffff;}

.portimg {float:left; margin: 0 10px 0 0;}
#porttable td { margin: 0px 20px ;  width:375px;}
#porttable a { font-size:12px;}
#container {
	width: 831px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 20px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#header {
	padding: 0 ;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
 #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding:  0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#mainContent {
	padding: 0 ; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-image:url(../images/main_bg.png);
	}
	
	.about { 
	background-image:url(../images/image1n.png);
	height:74px;
	width:98px;
	float:left;
	}
	.about:hover {background-image:url(../images/image1h.png);}
	
	.port {
	background-image:url(../images/image2n.png);
	height:74px;
	width : 143px;
	float: left;
	}
	.port:hover {background-image:url(../images/image2h.png);}
	
	.contact {background-image:url(../images/image3n.png);
	height : 74px;
	width : 151px;
	float:left;
	}
	.contact:hover {background-image:url(../images/image3h.png);}
	
#buckets img, #nav img {margin:0; padding:0; float:left;}
#textarea { margin: 0 50px;}
#footer {
height:59px;
width : 831px;
background-image:url(../images/footer_bg.png);
font-size:12px;
color:#DDDDDD;}

#footer a {color:#DDDDDD;}
	
.hiddenPic {display:none;}