/*
Theme Name: PowerGuide
Theme URI: http://www.powerguidesystems.com
Description: PowerGuideSystems Custom Wordpress Template
Version: 1
Author: Jerri Lynn Reeves
Author URI: http://www.jerrilynnreeves.com/
*/

@charset "utf-8";

margin-left: auto;{
}
.welcome .contact a {
	color: #000000;
	text-decoration: none;
}
body {
	margin: 0px;
	background-image: url(images/top_bg.gif);
	background-repeat: repeat-x;
	background-color: #EFEFEF;
}
.contact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	letter-spacing: 2px;
	text-align: right;
	margin-top: 270px;
	margin-right: 25px;
	position: static;
	float: right;
}
.content-container {
	margin: 0px;
	height: 500px;
	width: 100%;
	background-color: #000000;
	border-top-width: 3px;
	border-bottom-width: medium;
	border-top-style: double;
	border-bottom-style: double;
	border-top-color: #006600;
	border-bottom-color: #003300;
	background-image: url(images/content-bg.png);
	background-repeat: repeat-x;
	background-position: center;
}

.bottom-container {
	background-image: url(images/bottom_bg.gif);
	background-repeat: repeat-x;
	margin: 0px;
	width: 100%;
	height: 55px;
	background-color: #E9E9E9;
	border-top-width: thin;
	border-top-style: double;
	border-top-color: #009900;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #999999;
}
.bottom-container p {
	padding-left: 30px;
}

.nav-container {
	height: 364px;
	width: 365px;
	position: relative;
	left: 3%;
	top: 70px;
	overflow: hidden;
}

.nav-container ul {
	margin: 0px;
	list-style-type: none;
	display: inline-block;
	float: left;
	padding: 1px;
	overflow: hidden;
}
.nav-container ul li {
	height: 167px;
	width: 166px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	text-decoration: none;
	color: #CCCCCC;
	margin: 5px;
	list-style-type: none;
	display: inline-block;
	overflow: hidden;
}
.nav-container  ul  li a {
	color: #CCCCCC;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 1px;
}

.nav-container ul li.tl          {
	height: 147px;
	width: 146px;
	float: left;
	text-align: left;
	background-repeat: no-repeat;
	background-image: url(images/top-left.png);
	padding-top: 20px;
	padding-left: 20px;
}

.nav-container ul li.tl-active     {
	height: 146px;
	width: 147px;
	float: left;
	background-image: url(images/top-left-over.png);
	left: 0px;
	top: 0px;
	position: relative;
	background-repeat: no-repeat;
	padding-top: 19px;
	padding-left: 19px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-right-color: #00CC00;
	border-bottom-color: #00CC00;
}
.nav-container ul li.tl a {
	float: left;
	padding-top: -20px;
	padding-left: -20px;
	padding-right: -20px;
	padding-bottom: -20px;
}

.nav-container  ul li.tl a:hover {
	height: 166px;
	width: 167px;
	float: left;
	background-image: url(images/top-left-over.png);
	margin-top: -20px;
	left: 0px;
	top: 0px;
	position: relative;
	margin-left: -20px;
	background-repeat: no-repeat;
	color: #000000;
	padding-top: 20px;
	padding-left: 20px;
}


.nav-container ul li.tr          {
	height: 147px;
	width: 98px;
	float: left;
	text-align: left;
	background-repeat: no-repeat;
	background-image: url(images/top-right.png);
	padding-top: 20px;
	padding-left: 68px;
}
.nav-container ul li.tr-active {
	height: 147px;
	width: 88px;
	float: left;
	background-image: url(images/top-right-over.png);
	left: 0px;
	top: 0px;
	position: relative;
	padding-top: 21px;
	padding-left: 79px;
	background-repeat: no-repeat;
	color: #000000;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-bottom-color: #00CC00;
	border-left-color: #00CC00;
}


.nav-container ul li.tr a {
	float: left;
	padding-top: -20px;
	padding-left: -78px;
}

.nav-container  ul li.tr a:hover {
	height: 167px;
	width: 166px;
	float: left;
	background-image: url(images/top-right-over.png);
	margin-top: -20px;
	left: 0px;
	top: 0px;
	position: relative;
	margin-left: -68px;
	padding-top: 20px;
	padding-left: 78px;
	background-repeat: no-repeat;
	color: #000000;
}

.nav-container ul li.bl          {
	height: 40px;
	width: 146px;
	float: left;
	text-align: left;
	background-repeat: no-repeat;
	background-image: url(images/bottom-left.png);
	padding-top: 127px;
	padding-left: 20px;
}
.nav-container ul li.bl-active {
	height: 40px;
	width: 146px;
	float: left;
	background-image: url(images/bottom-left-over.png);
	left: 0px;
	top: 0px;
	position: relative;
	padding-top: 127px;
	padding-left: 19px;
	background-repeat: no-repeat;
	color: #000000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-top-color: #00CC00;
	border-right-color: #00CC00;
}
.nav-container ul li.bl a {
	float: left;
	padding-top: -127px;
	padding-left: -20px;
}

.nav-container  ul li.bl a:hover {
	height: 167px;
	width: 166px;
	float: left;
	background-image: url(images/bottom-left-over.png);
	margin-top: -127px;
	left: 0px;
	top: 0px;
	position: relative;
	margin-left: -20px;
	padding-top: 127px;
	padding-left: 20px;
	background-repeat: no-repeat;
	color: #000000;
}

.nav-container ul li.br          {
	height: 40px;
	width: 70px;
	float: left;
	text-align: left;
	background-repeat: no-repeat;
	background-image: url(images/bottom-right.png);
	padding-left: 96px;
	padding-top: 127px;
}
.nav-container ul li.br-active {
	float: left;
	background-image: url(images/bottom-right-over.png);
	position: relative;
	background-repeat: no-repeat;
	color: #000000;
	left: 0px;
	top: 0px;
	height: 40px;
	width: 70px;
	padding-top: 127px;
	padding-left: 96px;
	overflow: hidden;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-left-style: dotted;
	border-top-color: #00CC00;
	border-left-color: #00CC00;
}
.nav-container ul li.br a {
	float: left;
	padding-top: -127px;
	padding-left: -96px;
}

.nav-container  ul li.br a:hover {
	float: left;
	background-image: url(images/bottom-right-over.png);
	position: relative;
	background-repeat: no-repeat;
	color: #000000;
	left: 0px;
	top: 0px;
	height: 167px;
	width: 166px;
	padding-top: 127px;
	padding-left: 96px;
	margin-top: -127px;
	margin-left: -96px;
	overflow: hidden;
}
.main-content {
	height: 465px;
	width: 55%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	color: #999999;
	position: relative;
	top: 10px;
	float: right;
	font-size: small;
	overflow: auto;
	visibility: visible;
	margin-right: 20px;
	left: auto;
	right: auto;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.main-content p a {
	color: #009A00;
}
.main-content strong {
	font-weight: bold;
	letter-spacing: 1px;
}

.main-content h1 {
	color: #009900;
	font-size: large;
	line-height: 1.5em;
	letter-spacing: 2px;
}
.main-content h2 {
	font-size: small;
	color: #CCCCCC;
	letter-spacing: 1px;
	padding: 5px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #006500;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #006500;
	cursor: pointer;
}
.main-content h3 {
	font-size: small;
	color: #CCCCCC;
	letter-spacing: 1px;
	padding: 5px;
	margin: 0px;
}
.main-content h4 {
	font-size: small;
	color: #999999;
	letter-spacing: 1px;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.main-content ul li {
	list-style-type: square;
}


.top-container {
	background-image: url(images/top_bg.gif);
	background-repeat: repeat-x;
	margin: 0px;
	height: 125px;
	width: 100%;
}
.top-container h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	color: #316131;
	letter-spacing: 2px;
	width: 300px;
	height: 56px;
	float: right;
	position: relative;
	overflow: hidden;
	top: 20%;
	right: 40px;
}
.top-container h1 span {
	background-image: url(images/powerguide_logo.jpg);
	background-repeat: no-repeat;
	height: 56px;
	width: 300px;
	position:absolute;
	left:0px;
	right:0;
}



html {
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #009900;
scrollbar-face-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #000000;
scrollbar-arrow-color: #009900}

.clear {
	clear:both; 
	width:5px; 
	height:0.1em; 
	border:none; 
	background:#000000; 
	color:#000000;
}.imgLeft {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}


.imgRight {
	float: right;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.top-nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000000;
	position: absolute;
	top: 90px;
	margin: 0px;
	padding: 0px;
	left: -30px;
}

.top-nav ul {
	list-style-type: none;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.top-nav ul li {
	display: inline;
	padding-bottom: 0px;
	float: left;
	background-image: url(images/nav_button.png);
	background-repeat: no-repeat;
	background-position: left top;
	list-style-type: none;
	padding-left: 20px;
	margin-left: 20px;
	padding-top: 0px;
	padding-right: 0px;
}
.top-nav ul li a {
	color: #000000;
	text-decoration: none;
}
.top-nav ul li a:hover {
	color: #000000;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #009900;
}
ol#commentlist   {
	padding: 5px;
	margin-left: 20px;
	
	list-style-position: inside;
}
ol#commentlist li {
background-image:url(images/comment-num.png);
background-color: #0F0F0F;
background-repeat:no-repeat;
border-bottom:thin dashed #333333;
border-left:thin dashed #333333;
margin-bottom:16px;
padding-left:3px;
}

.commentlist  #comment {
	width: 400px;
}

ol#commentlist li {
background-image:url(images/comment-num.png);
background-color: #0F0F0F;
background-repeat:no-repeat;
border-bottom:thin dotted #333333;
border-left:thin dotted #333333;
margin-bottom:16px;
padding-left:3px;
}

h3#comments {
border-bottom:thin dotted #009900;
border-left:thin dotted #009900;
color: #009900;
}

h2#postcomment {
border-bottom:thin dotted #009900;
border-left:thin dotted #009900;
color: #009900;
cursor: default;
}

#commentform {
	width: 595px;
	margin-left: 20px;
       margin-bottom: 20px;
}
#comment {
	width: 450px;
	background-color: #0F0F0F;
	border-width: 1px;
	border-color: #333333;
	color: #999999;
	padding: 5px;
}

#commentform input.field {
	width: 200px;
	background-color: #0F0F0F;
	border-width: 1px;
	border-color: #333333;
	color: #999999;
	padding: 5px;
}

a
{
color: #009900;
}

.contact-form legend {
	margin:0 0 0 5px !important /*Non-IE*/; 
	margin:0 0 20px 5px /*IE6*/; 
	padding:0 2px 0 2px; 
	color:#009900;
	font-weight:bold; 
}

.contact-form fieldset {
	padding:10px !important /*Non-IE6*/; 
	padding:0 /*IE6*/; 
	margin:0 0 20px 0; 
	border:solid 1px #333333;
        width:  450px;
}
.contact-form .text {
	width: 250px;
	background-color: #0F0F0F;
	border-width: 1px;
	border-color: #333333;
	color: #999999;
	padding: 5px;
}

.form-label
{
     float: left;
     width:  100px;
}

.form-input
{
     margin-bottom: 15px;
}

.alignleft {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}

.alignright {
	float: right;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}