body {
  background-color: black;
}
table {
  border-style: none;
  margin: 0px;
  padding: 0px;
  background-color: transparent;
  color: #c9f0ff;
}
td {
  border: thin ridge #21688d;
  margin: 0px;
  padding: 0px;
  background-color: #001a28;
}
a:link {
  border: none;
  text-decoration: none;
  font-weight: bold;
  color: #33ccff;
}
a:visited {
  text-decoration: none;
  font-weight: bold;
  color: #2699BF;
}
a:hover {
  color: #ff6600;
  font-weight: bold;
}
img {
  border: thin ridge #21688d;
  margin: 5px;
  vertical-align: middle;
  text-align: center;
}
h2 {
  text-transform: uppercase;
  font-weight: bold;
  color: #2da3cf;
  font-size: 18px;
  margin: 6px 0px 3px 0px;
}
h3 {
  text-transform: uppercase;
  font-weight: bold;
  color: #2da3cf;
  font-size: 16px;
  margin: 6px 0px 3px 0px;
}
#buton_home {
  margin: 0px;
  padding: 0px;
  background-color: #78d2ff;
  text-align:center;
  font-weight: bold;
  font-style: normal;
  font-size: medium;
  top: 0px;
  color: black;
}
#buton_home_active {
  margin: 0px;
  padding: 0px;
  background-color: #BCBCBC;
  text-align:center;
  font-weight: bold;
  font-style: normal;
  font-size: medium;
  top: 0px;
  color: black;
}
#buton_home:hover {
  background: #ff9900 none repeat scroll 100% 50%;
  text-align:center;
  color: black;
}
#buton_portfolio {
  margin: 0px;
  padding: 0px;
  text-align:center;
  font-weight: bold;
  font-style: normal;
  font-size: medium;
  background-color: #5fbaf4;
  color: black;
}
#buton_portfolio_active {
  margin: 0px;
  padding: 0px;
  text-align:center;
  font-weight: bold;
  font-style: normal;
  font-size: medium;
  background-color: #A5A5A5;
  color: black;
}
#buton_portfolio:hover {
  background-color: #f57e00;
  text-align:center;
}
#buton_about_me {
  margin: 0px;
  padding: 0px;
  text-align:center;
  font-weight: bold;
  font-style: normal;
  font-size: medium;
  background-color: #46A0E6;
  color: black;
}
#buton_about_me_active {
  margin: 0px;
  padding: 0px;
  text-align:center;
  font-weight: bold;
  font-style: normal;
  font-size: medium;
  background-color: #8D8D8D;
  color: black;
}
#buton_about_me:hover {
  background-color: #ff6600;
  text-align:center;
}
#buton_order {
  margin: 0px;
  padding: 0px;
  text-align:center;
  background-color: #2D8CDC;
  font-weight: bold;
  font-style: normal;
  font-size: medium;
  color: black;
}
#buton_order_active {
  margin: 0px;
  padding: 0px;
  text-align:center;
  background-color: #787878;
  font-weight: bold;
  font-style: normal;
  font-size: medium;
  color: black;
}
#buton_order:hover {
  background-color: #e85c00;
  text-align:center;
}
#menu_top {
width: 430px; 
height: 24px; 
white-space: nowrap; 
background-image: url(images/menu_top.jpg); 
background-repeat: repeat-y; 
background-position: left center;
}
#menu_bottom {
width: 510px; 
height: 20px; 
background-repeat: repeat-y; 
background-image: url(images/menu_bottom.jpg); 
background-position: right center;
}
#welcome {
  background-image: url(images/heading.jpg);
  font-size: large;
  font-weight: bold;
  height: 32px;
  vertical-align: middle;
}
a.black {
  color: black;
}
a.external {
  color: #00cccc;
}
a.external:hover {
  color: #cc6600;
}
.main_table {
  margin-left: auto; 
  margin-right: auto; 
  width: 800px;
}
.center {
  text-align: center;
  vertical-align: middle;
}
.no_border {
  border: none;
}
.text_01 {
  padding: 3px 3px 3px 6px;
  vertical-align: top;
}
.text_02 {
  padding: 3px 3px 3px 6px;
  border-color: #2bb5ce;
  vertical-align: top;
  background-color: #003348;
}
.link_visited {
  border-color: #2bb5ce;
  font-weight: bold;
  color: #2699BF;
}
.copyright {
  color: #21688d;
  text-align: center;
}
.menu{
width: 800px; 
text-align: center;
}

/*----- lightbox stuff ----*/

#lightbox{	
	position: absolute; 
	top: 0; 
	left: 0; 
	height: 500px; 
	width: 100%; 
	z-index: 100; 
	text-align: center; 
	line-height: 0;
}
#lightbox img{ 
	width: auto; 
	height: auto;
}
#lightbox a img{ 
	border: none;}
#outerImageContainer{ 
	position: relative; 
	background-color: #001a28; 
	width: 250px; 
	height: 250px; 
	margin: -40px auto; 
}
#imageContainer{ 
	padding: 0px; 
}
#loading{ 
	position: absolute; 
	top: 40%; 
	left: 0%; 
	height: 25%; 
	width: 100%; 
	text-align: center; 
	line-height: 0; 
	}
#hoverNav{ 
	position: absolute; 
	top: 0; left: 0; 
	height: 100%; 
	width: 100%; 
	z-index: 10; 
}
#imageContainer>#hoverNav{ 
	left: 0;
}
#hoverNav a{ 
	outline: none;
	}
#prevLink, #nextLink{ 
	width: 49%; 
	height: 100%; 
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; 
	}
#prevLink { 
	left: 0; 
	float: left;
	}
#nextLink { 
	right: 0; 
	float: right;
	}
#prevLink:hover, #prevLink:visited:hover { 
	background: url(images/prevlabel.gif) left 15% no-repeat; 
	}
#nextLink:hover, #nextLink:visited:hover { 
	background: url(images/nextlabel.gif) right 15% no-repeat; 
	}
#imageDataContainer{ 
	font: 12px Verdana, Helvetica, sans-serif; 
	background-color: #001a28; 
	margin: 30px auto; 
	line-height: 1.4em; 
	overflow: auto; 
	width: 100%	; 
   }
#imageData{	
	padding: 15px; 
	color: #c9f0ff; }
#imageData #imageDetails{ 
	width: 70%; 
	float: left; 
	text-align: left; 
	}	
#imageData #caption{ 
	font-weight: bold;	
	}
#imageData #numberDisplay{ 
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
	}			
#imageData #bottomNavClose{ 
	width: 66px; 
	float: right;  
	padding-bottom: 0.7em; 
	outline: none;
	}	 	
#overlay{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 90; 
	width: 100%; 
	height: 500px; 
	background-color: #000; 
	}

/*----- orde form----*/

#order-form {
	margin: auto;
	Width: 30em;
	Overflow: visible;
}

#order-form table {
	Text-align: left;
	Width: 450px;
}

#order-form th {
	Text-align: right;
	padding: 0px 10px 0px 0px;
	Width: 10em;
}

#order-form td input {
	Width: 300px;
}

#order-form td textarea {
	Width: 300px;
	Height: 3em;
}

#order-form label input {
	Width: auto;
}

#order-form fieldset {
	Border: 1px solid #21688d;
	margin: 10px;
}