/* CSS Document */

body {background-color: #69207E; margin: 0; padding: 0; text-align: center; height:600px; width:100%; font-family: verdana,tahoma,arial,helvetica;  }

#box {background: url(images/diamond3.gif); background-repeat: repeat; width: 740px; padding-top:0; margin-top:0; margin-bottom: 0; height:670px; margin-left: auto; margin-right: auto; border: 1px solid #FFE275; text-align: left;  }

#logo {width: 140px; height: 150px; margin-top: 8px; margin-right: 10px; z-index: 99; float: right; margin-right: 25px; }
#box h2 {background: url(images/tagline2.gif); background-repeat: no-repeat; background-position: top right; width: 490px; height: 50px; margin-top: 70px; margin-right: 10px;  z-index: 80; float: left; }

h1 {color: #32B559; font-size: 10pt; letter-spacing: .49em; padding-top: 0; margin-top: 0; margin-bottom: 10px; text-transform: uppercase; padding-left: 5pt; }
h1 a {color: #32B559; text-decoration: none; }
h2 span, h5 span {display:none;}

#contentbox {width: 670px; position: absolute; top: 160px; height: 440px; margin-left: 35px; margin-right: 35px; border: 1px solid #FFE275; z-index: 50; background: url(images/bkgd2.gif); background-repeat: repeat-y; }

#contentboxp {width: 670px; position: absolute; top: 160px; height: 490px; margin-left: 35px; margin-right: 35px; border: 1px solid #32B559; z-index: 50; background: url(images/bkgd3.gif); background-repeat: repeat-y; }

#contentboxh {width: 670px; position: absolute; top: 160px; height: 440px; margin-left: 35px; margin-right: 35px; border: 1px solid #32B559; z-index: 50; background: white; }

#opaque {width: 710px; position: absolute; top: 230px; height: 412px; margin-left: 15px; margin-right: 15px; z-index: 50; filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; background: white; }

#energy {width: 300px; position: absolute; top: 410px; height: 40px; padding: 10px; border: 1px solid green; color: green; background: red;}

#collage {width:498px; height:413px; background:url(images/collage.jpg); position: absolute; top: 27px; left: 175px; background-repeat: no-repeat;}

#nav {height: 22px; background-color: #69207E; border-bottom: 5px solid #ADDAAB; padding: 0; margin: 0; z-index: 60; letter-spacing: .2em; font-size: 11px; }
#nav ul { margin: 0; padding-top: 4px; padding-bottom: 4px; text-transform: uppercase;}
#nav li {display: inline; }
#nav a {text-decoration: none; color:#FFE275;  }
#nav li a.home {text-align: left; padding-left: 65px; padding-right: 35px;  }
#nav li.on a.home {color: white;  }
#nav li a.port {text-align: center; padding-left: 25px; padding-right: 35px; }
#nav li.on a.port {color: white;  }
#nav li a.cont {text-align: right; padding-left: 25px;   }
#nav li.on a.cont {color: white;  }
#nav li a.serv { padding-left: 25px; padding-right: 35px;}
#nav li.on a.serv {color: white;}
#nav a:hover {text-decoration: none; color: white; }

.numbers {font-size: 10px; padding-bottom: 3px;}

#leftcol {float: left; padding: 15px 8px 15px 11px; width: 170px;  margin: 0; color: #37243C;  }
#leftcol ul {padding-left: 15px; margin: 0; font-size: 8pt; line-height: 1.6em;}
#leftcol ul.subpage {padding-left: 0; margin: 0; font-size: 10px; text-transform: uppercase; padding-top: 10px;  }
#leftcol ul.subpage li {list-style: none; height: 25px; margin: 0; }
#leftcol ul.subpage li a {color: gray; text-decoration:none;  margin: 0; padding: 5px 8px 5px 8px ;   }
#leftcol ul.subpage li a:hover {color: #8D559D; background: transparent url(images/bullet.gif) no-repeat 0px 2px; padding:0 0 0 15px; display:block; height: 25px;}
#leftcol ul.subpage li .active {color: #8D559D; background: transparent url(images/bullet.gif) no-repeat 0px 2px; padding:0 0 0 15px; display:block;  height: 25px;}

#imghold {margin:0px; padding:10px; width:auto; height:auto; display:inline;}

#img {width:auto; height:auto; padding:10px; float:left;}

#innercontent {padding-top:25px; padding-bottom: 30px; margin-right: 10px; float: right; font-size: 9pt;line-height: 1.25em; width: 460px; margin-top: 0; margin-left: 0; color: #37243C;}

#innercontent p {font-size: 8pt; color: #37243C; padding-top:5px; padding-left:8px; padding-bottom: 0px; margin-right: 10px; margin-left:0;}

#innercontent h3 {font-size: 11pt;color: #37243C; margin:0; padding:0 0 0 8px;}

#innercontent li {list-style-image: url(images/bulletdiamond.gif);}

#innercontent a {text-decoration:none;}

#innercontenth {padding-top:25px; padding-bottom: 30px; float: right; font-size: 9pt; line-height: .85em; width: auto; margin-top: 0; padding-left: 8px; padding-right: 10px;color: #37243C;}

p {margin: 0; padding: 5px 0 4px 0;}

#footer {
	font-size: 9px;
	position: absolute;
	bottom: 0;
	color: gray;
	width: 465;
	height: 30px;

}

.clearboth {clear:both;}

a {color: #69207E}

h5 {background: url(images/hmpg2.gif); background-position: top; background-repeat: no-repeat; width: 650px; height: 374px; margin-top: -17px; padding: 0;}