body {background:#ffeeaa url(pix/orangestripe2.gif) repeat left top;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, Helvetica, sans-serif;
	line-height: 1.2em;
	color: #000;}
	
h1 {
	font-size: 1.4em;
	line-height: normal;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px .1em 0px;
	letter-spacing: -1px;
}
p {
	font-size: 0.9em;
	padding-top: 0.1em;
	padding-bottom: 0.25em;
	margin: .1em 0px 0.25em;
	line-height: 140%;
}

a:link {color: #e70; text-decoration: underline; }
a:visited {color: #505; text-decoration: underline; }
a.here:link, a.here:visited {color: #777; text-decoration: none; }
a:hover {color: #000; text-decoration:none;}
.rt {
	margin-left: 10px;
	margin-top: 6px;
}
.lft {margin-right: 10px;}

/* Layout */
#wrap {
	width: 760px;
	position: relative;
	left: 50%;
	margin-left: -380px;
	margin-top: 55px;
	background: #fff;
	border: 1px solid #333;
}

#header {
	height: 126px;
	padding: 0px;
	margin: 0px;
	background: #77bbdd url(pix/header.jpg) no-repeat left top;
	}

#content {width: 760px;
	margin-top: 20px;}
#lc {float: left;
	width: 160px;
	}
#lc2 {float: left;
	width: 160px;
	margin-left: 16px;
	margin-top: 6px;
	}
#rc {float: right;
	width: 580px;
	}
#rc2008 {float: right;
	width: 720px;
	}
.wd {margin-left: 30px;}
#footer {
	clear: both;
	text-align: center;
	font-size: .7em;
	padding-top: .5em;
	padding-bottom: .5em;
}
table#frm {width: 85%; margin-left: 7%; border: none;}
#frm td {font-size: .75em; text-align:left; padding: 4px 4px 4px 3px;}
#frm th {font-size: .75em; text-align: right; padding: 4px 2px 4px 4px;}
#content h1, h2, h3, p { padding-right: 25px;}


/* Nav menu */
#nav {
width: 98%;
text-align: center;
font-size: .8em;
text-transform: uppercase;
padding: 0px;
margin: 0px;
margin-top: 100px;
height: 23px;
position: absolute;
}
#nav ul {padding: 0px; margin: 0px;}
#nav ul li {margin: 0px; padding: 0px .5em;
list-style-type: none; display: inline; 
}
#nav ul li a:link, #nav ul li a:visited { color: #004;
	font-weight: bold;
	text-decoration: none;
	padding-left: 3px;
	border-left: 8px #69f solid;
	}
#nav ul li a:hover {color: #fff;
padding-left: 3px;
	border-left: 8px #fff solid;
	}
	
.subnav {
	font-size: .8em;
	text-align: center;
	margin: 0px;
	padding: 2px;
	width: 95%;
	white-space: nowrap;
}

/* Porfolio Special */

#gal {  padding:0; 
  margin:0 auto 5em auto; 
  list-style-type:none; 
  overflow:hidden; 
  width:600px; 
  height:277px; 
  border:1px solid #888; 
  background:#eec url(pix/port.gif);
}

#gal li {
  float:left;
  }
#gal li a {
  display:block; 
  height:277px;
  width:51px; 
  float:left; 
  overflow: hidden;
  text-decoration:none; 
  border-bottom:1px solid #fff; 
  cursor:default;
  }
  
#gal li a:hover {
	background:#eee;
	height:277px;
	width: 340px;
  }
#gal li.narrow2 a:hover {
	background:#eee;
	height:277px;
	width: 304px;
  }
#gal li a img {
	height:277px;
	border: 0px;
  }


#gal2 {  padding:0; 
  margin:0 auto 5em auto; 
  list-style-type:none; 
  overflow:hidden; 
  width:600px; 
  height:225px; 
  border:1px solid #888; 
  background:#eec url(pix/port.gif);
}

#gal2 li {
  float:left;
  }
#gal2 li a {
  display:block; 
  height:225px;
  width:51px; 
  float:left; 
  overflow: hidden;
  text-decoration:none; 
  border-bottom:1px solid #fff; 
  cursor:default;
  }
  
#gal2 li a:hover {
	background:#eee;
	height:225px;
	width: 340px;
  }
#gal2 li.narrow2 a:hover {
	background:#eee;
	height:225px;
	width: 304px;
  }
#gal2 li a img {
	height:225px;
	border: 0px;
  }

/*new port */

.a, .a:visited {color:#000;}
#container {position:relative; width:600px; height:700px; margin:10px auto;}
#gal3 {position: relative; width: 750px; height: 700px; margin: 10px auto 10px 10px;}
#gal3 em {font-weight:normal; width:300px; text-align:center; position:absolute; left: 0; top: 120px; color:#777; font-family: verdana, helvetica, sans-serif; line-height:1.5em; z-index:1; font-size: .8em; padding-left: 40px; }

a.port, a.port:visited {display:inline; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:75px; float:left; margin:7px 21px; position:relative; cursor:default;}

a.port span {visibility:hidden; display:block; position:absolute; width:680px; height:500px; top:89px; left:9px; color:#000;  text-align:center; font-family: verdana, helvetica, sans-serif;  cursor:default; }
a.port span span.cap {font-size: .8em; text-align: left; display: inline-block; width: 230px; background-color: #fff;}

a.pica span {left:-182px; top:89px;}
a.pica span span.cap {position: absolute; left: 532px; top: 49px;}
a.picb span {left:-291px; top:89px;}
a.picb span span.cap {position: absolute; left: 532px; top: 49px;}
a.picc span {left:-410px; top:89px;}
a.picc span span.cap {position: absolute; left: 532px; top: 49px;}
a.picd span {left:-529px; top:89px;}
a.picd span span.cap {position: absolute; left: 532px; top: 49px;}
a.pice span {left:-628px; top:89px;}
a.pice span span.cap {position: absolute; left: 532px; top: 49px;}
a.picf span {left:-767px; top:89px;}
a.picf span span.cap {position: absolute; left: 532px; top: 49px;}

a.port:hover {white-space:normal; border:1px solid #fff; z-index:100; cursor: pointer;} 

a.port:hover span {visibility:visible; z-index:100;}

a.port:hover span img {margin:10px; border:1px solid #000; position:relative; z-index:100;}

a.port:active, a.port:focus {border:1px solid #c00; z-index:10;}

a.port:active span, a.port:focus span {visibility:visible; z-index:10; }

a.port:active span img, a.port:focus span img {border:1px solid #000; position:relative; margin:10px; z-index:10;}
h2 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 8px 0px 6px;
	padding: 0px;
}
dt {
	font-size: .9em;
	font-weight: bold;
	padding: 0px;
	margin-top: .2em;
}
dd {
	font-size: 0.9em;
	font-weight: normal;
	margin-top: 0.2em;
	position: relative;
	left: 90px;
	top: 0px;
	width: 20em;
}
.fineprint {
	font-size: .7em;
	line-height: 130%;
	color: #000000;
	margin-top: .7em;
}
dl#host {margin-top: .25em; padding-top: 0px;
	margin-left: 0px; padding-left: 0px; }
dl#host dt {width: 95%; padding-top: .2em; border-top: 1px solid #FF3300; margin-top: 1em;}
dl#host dt span {width: 30%; font-weight: bold;}
dl#host dd {width: 59%; padding-top: -2em; margin-top: -36px; line-height: 130%; margin-left: 24%; }
dl#host dd.two {width: 59%; padding-top: -3em; margin-top: -56px; line-height: 130%; margin-left: 24%; }
  /* titles */
  abbr[title], acronym[title] {
    border: none;
	font-weight: bold;
	color: #333;
  }
    abbr.plain[title], acronym.plain[title] {
    border: none;
	font-weight: normal;
	color: #000;
  }
ol {
	margin: .5em 1em;
	padding: .5em 1em;
}
ol li {
	font-size: .9em;
	line-height: 130%;
	margin: 0px;
	padding: 0px 0px 10px;
	list-style: decimal outside;
}
.clr {
	clear: both;
}
#rc2 {
float: right;
	width: 620px;
}