@charset "UTF-8";
/* CSS Document */
body{
margin:0;
padding:0;
text-align: center;
font-size: .8em;
font-family: Arial, Helvetica, sans-serif;
background: #336699 url(../images/grad.jpg) repeat-x top left;
}

div#mainwrap{
background:#FFFFFF none repeat scroll 0%;
margin-left:auto;
margin-right:auto;
margin-top:20px;
position:relative;
text-align:left;
width:850px;
padding:20px;
}

div#header{
width: auto;
margin-bottom:10px;
}

div#toprow{
position: relative;
}

.logo{
position: relative;
top: -6px;
}

div#nav{
position:absolute;
right:-20px;
top:30px;
}

.links{
position: relative;
}

.links li {
float:left;
list-style-type:none;
right:1px;
position:relative;
margin-right:20px;
}

.links li a:active, .links li a:visited, .links li a:link{
text-decoration: none;
color: #99cc33;
font-size: 140%;
font-weight: bold;
}

.links li a:hover{
text-decoration: none;
color: #4E463F;
}

div#mess {
display:block;
position:absolute;
right:42px;
bottom:27px;
}

div#midpic{
background:#FBFBFB url(../images/contact-banner.jpg) no-repeat scroll left top;
clear:both;
position:relative;
height:auto;
border: 1px solid #666666;
}

div#headline{
position: relative;
}

.headline {
	color:#FBFBFB;
	font-size:160%;
	left:20px;
	margin-bottom:16px;
	margin-left:20px;
	margin-top:180px;
	position:relative;
	width:800px;
}
.period {
color:#0066CC;
}

div#underpic{
	background:#336699 none repeat scroll 0 50%;
	color:#FBFBFB;
	height:auto;
	margin-bottom:-16px;
	padding:0;
	position:relative;
	top:0;
	width:auto;
}

div#underpic p {
font-size:125%;
font-weight:800;
left:12px;
letter-spacing:0px;
position:relative;
width:800px;
padding:10px;
}

div#maincont{
clear:both;
position:relative;
top:10px;
}

div#abouthp{
position:relative;
width:512px;
float:left;
background: #fbfbfb;
}

div#abouthp h1{
background:#99CC33 none repeat scroll 0%;
margin:0pt;
padding:0pt;
position:relative;
width:auto;
padding-left:10px;
font-size:150%;
color:#fbfbfb;
font-weight:100;
letter-spacing:1px;
padding-top: 4px;
padding-bottom: 4px;
}

div#abouthp p{
position:relative;
padding:5px;
margin:0;
color: #666666;
font-size: 102%;
}

div#hptriimg{
position: relative;
border: transparent;
}

.images {
height:160px;
padding:0px;
position:relative;
}
.images ul {
list-style-type:none;
}
.images ul li {
border:1px solid #999999;
float:left;
left:-3px;
margin:1px;
position:relative;
top:0px;
height:131px;
}

.container{
padding: 5px;
border: 1px solid #666666;
}

div#contacthp {
float:right;
width: 318px;
}
div#contacthigh {
background:#FBFBFB none repeat scroll 0% 50%;
margin-bottom:10px;
position:relative;
right:0px;
top:10px;
}

div#contacthigh p{
padding:0px;
margin: 0px;
}
.important {
color:#014A66;
font-size:120%;
margin:0pt;
padding:0pt;
letter-spacing: 1px;
font-weight: 800;
}
.quip{
color:#333333;
font-size:100%;
font-style:italic;
}
.getdir {
position:absolute;
text-align:right;
right:9px;
}

.getdir a:active, .getdir a:visited, .getdir a:link{
text-decoration: none;
font-size:100%;
color: #666666;
}

.getdir a:hover{
color: #333300;
}
div#emailbox {
background:#FBFBFB none repeat scroll 0%;
position:relative;
text-align:left;
top:0px;
}

.hpform {
margin-left:11px;
line-height:8px;
padding:0px;
text-align:left;
margin-top:10px;
}
.ftext {
color:#999999;
text-align:left;
position:relative;
left:-3px;
display:block;
}
.finput {
background:#FBFBFB none repeat scroll 0% 50%;
border:1px solid #999999;
color:#333333;
font-size:100%;
height:auto;
padding:5px;
width:290px;
margin:2px;
display:block;
}


.finput2 {
background:#FBFBFB none repeat scroll 0% 50%;
border:1px solid #999999;
color:#333333;
display:block;
font-size:116%;
height:50px;
margin:2px;
padding:5px;
width:290px;
}



.finput3 {
background:#FBFBFB none repeat scroll 0% 50%;
border:1px solid #999999;
color:#333333;
font-size:100%;
height:auto;
padding:5px;
width:150px;
margin:2px;
display:block;
}

.secimg img {
border:1px solid #666666;
left:2px;
position:relative;
top:4px;
display: block;
}

.seccode{
position: relative;
}


.submit {
	border:1px solid #CCCCCC;
	cursor:pointer;
	float:left;
	padding:5px;
	position:relative;
}


.submit a:active, .submit a:visited, .submit a:link{
text-decoration: none;
font-size:100%;
color: #666666;
}

.submit a:hover{
color: #333300;
}

.fsubmit{
position: relative;
background: #fbfbfb;
border: transparent;
cursor: pointer;
}

div#techoverview {
background:#FBFBFB none repeat scroll 0% 50%;
float:right;
margin-bottom:10px;
position:relative;
width:306px;
top:10px;
}

div#techoverview h1{
background:#336699 none repeat scroll 0%;
margin:0pt;
padding:0pt;
position:relative;
width:auto;
padding-left:10px;
padding-top: 4px;
padding-bottom: 4px;
font-size:150%;
color:#fbfbfb;
font-weight:100;
letter-spacing:1px;
}

div#techoverview p{
position:relative;
padding:5px;
margin:0;
color: #666666;
font-size: 102%;
}

div#techoverview ul {
position:relative;
top:0;
font-size:100%;
left: -20px;
margin-top: 2px;
margin-bottom: 2px;
}


div#techoverview ul li{
color:#336699;
}


div#footer{
position: relative;
top: 20px;
clear:both;
height: 40px;
border-top: 1px solid #999999;
}

.left{
text-align: left;
position: absolute;
left: 0px;
color: #cccccc;
font-size: 90%;
top: 5px;
}

.right{
text-align: right;
position: absolute;
right: 0px;
color: #cccccc;
font-size: 90%;
top: 5px;
}

.right a:active, .right a:visited, .right a:link{
text-decoration: none;
font-size: 100%;
color: #99cc33;
}

.right a:hover{
color: #333300;
}

div#readon{
background:#336699 none repeat scroll 0%;
bottom:0px;
position:relative;
text-align:left;
width:auto;
left:0px;
padding:5px;
}

div#readon a:active, div#readon a:visited, div#readon a:link{
text-decoration: none;
font-size: 100%;
color: #fbfbfb;
position: relative;
left: 440px;
text-align: left;
}

div#readon a:hover{
color: #99CC33;
}

.nudge{
position:relative;
line-height:6px;
}

.blue{
color: #336699;
}

/* Homepage Explination Div for Security Image */
div#explain {
left:280px;
margin:0px;
position:absolute;
}
div#explain a:active, div#explain a:visited, div#explain a:link {
color:#336699;
display:block;
font-size:100%;
font-weight:bold;
margin:0pt;
padding:0px;
position:relative;
text-decoration:none;
top:-24px;
width:28px;
z-index:7;
}
div#explain a:hover {
color:#99CC33;
}

div#explination{
display: none;
width: 250px;
height: auto;
padding: 5px;
background: #fbfbfb;
border: 2px solid #333333;
position: absolute;
z-index: 10;
}

div#explination p{
font-size: 100%;
color: #333333;
}

.wonderful{
width: auto;
height: auto;
border: 1px solid #333333;
padding: 5px;
font-size: 110%;
position: relative;
}

.wonderful p{
color: #666666;
}

div#attachitem{
display: none;
}


div#destroy {
background:#FBFBFB none repeat scroll 0%;
border:1px solid #666666;
height:auto;
width:300px;
}
.theframe {
border:medium none transparent;
height:auto;
width:auto;
overflow:hidden;
}

.block{
display: block;
margin-top: 10px;
margin-bottom: 10px;
}

div#map {
margin-top:10px;
position:relative;
top:10px;
}

div#passthis {
background:#FBFBFB none repeat scroll 0%;
border:1px solid #666666;
height:auto;
left:15px;
position:absolute;
width:350px;
z-index:500;
bottom:63px;
padding-left:10px;
}