/*----------------------------------------------------------------------------------
Created for ESA, Inc. by Cube Management, LLC. - cubemanagement.com
All code and content are the property of ESA, Inc. - easypower.com

Author: Michael Sigler
Email: michael@cubemanagement.com, mikesigler@gmail.com
Last Updated: 1/5/06

This code may be viewed for learning purposes only.
----------------------------------------------------------------------------------*/

/* Setting some standards for ourselves */

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background: #3399cc url(/img/bg/bg_body.jpg) repeat-x center top;
	font-size: 62.5%;
}
img {
	border:none;
}
a:link, a:visited, a:hover, a:active {
	color: #316b80;
	text-decoration: underline;
}
a:visited {
	color: #9a5c52;
}
a:hover {
	text-decoration: none;
}
/* .clearer is used to aid in the proper clearing of floats within nested divs. More info can be found at sitepoint.com in
the forums at http://www.sitepoint.com/forums/showthread.php?t=171943 */
.clearer {
clear:both;
height:1px;
overflow:hidden;
margin-top:-1px; 
}

/* The link to Vigor Industrial */
#vigor {
	margin: 10px auto;
	padding: 0px;
	width: 750px;
	text-align: right;
}
#vigor p {
	margin: 0px;
	padding: 0px;
}
#vigor a:link {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
}
#vigor a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
#vigor a:visited {
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: underline;
}
#vigor a:active {
	color: #FFFFFF;
	text-decoration: none;
}

/* The centered container for all content */
#container {
	background-color: #FFF;
	margin: 15px auto 0px;
	padding: 0px;
	width: 750px;
}

/* #title contains the logo and menu at the top of each page */
#title {
	background-color: #333333;
	background-image: url(/img/bg/bg_title.gif);
	margin: 0px;
	padding: 0px;
	width: 750px;
	height: 82px;
	background-repeat: repeat;
	float: left;
	display: block;
}
#logo {
	float: left;
	height: 82px;
	width: 280px;
	display: block;
	margin: 0px;
	padding: 0px;
}
#menu {
	height: 82px;
	width: 470px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: right;
}
#menu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: right;
}
#menu ul li {
	float: left;
}
#menu li a:link, #menu li a:visited {
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	font-size: 1.3em;
	margin-right: 20px;
	padding: 25px 0px 25px;
}
#menu li a.current, #menu li a:hover, #menu li a:active {
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	font-size: 1.3em;
	border-bottom: 3px solid #f6e18f;
	margin-right: 20px;
	padding: 25px 0px 25px;
}

/* #index_masthead contains the masthead with graphic and introductory text just below the menu of the index page */
#index_masthead {
	margin: 0px 0px 15px;
	padding: 0px;
	width: 750px;
	height: 178px;
	background-repeat: repeat;
	background-image: url(/img/bg/bg_masthead.gif);
	background-color: #2C3D44;
	float: left;
}
#index_masthead #image {
	float: left;
	height: 178px;
	width: 380px;
}
#index_masthead #intro {
	float: left;
	height: 178px;
	width: 370px;
}
#index_masthead h1 {
	font-size: 1.8em;
	margin: 0px;
	padding: 20px 10px 0px 5px;
	color: #FFFFFF;
	font-weight: normal;

}
#index_masthead p {
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 0px;
	padding: 10px 25px 0px 5px;
	color: #FFFFFF;
}

/* #content is just as it seems, all the content contained in the main body of the page */
#content {
	width: 730px;
	margin-right: 10px;
	margin-left: 10px;
	float: left;
	display: inline;
}

/* The blue bar on the index page just above the content */
#bar {
	background: #3D556C url(/img/bg/bg_bar.gif) repeat;
	height: 22px;
	width: 720px;
	padding-top: 6px;
	padding-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
}
#bar h1 {
	color: #FFFFFF;
	font-size: 1.4em;
	margin: 0px;
	padding: 0px;
}

/* All element styles for #content1 */
#content1 {
	float: left;
	width: 465px;
	margin-right: 25px;
}

/* Headings -------------- */
#content1 h1 {
	font-size: 1.6em;
	font-weight: normal;
	color: #922c00;
	margin: 0px 0px 10px;
	padding: 0px;
	clear: left;
}
#content1 h2 {
	font-size: 1.3em;
	line-height: 1.4em;
	color: #3b3b3b;
	font-weight: normal;
	margin: 0px 0px 15px;
	padding: 0px;
}
#content1 h3 {
	margin: 0px 0px 15px;
	padding: 0px;
	color: #3b3b3b;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.1em;
}

/* Text ----------------- */
#content1 p {
	margin: 0px 0px 10px;
	padding: 0px;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #000000;
}
#content1 blockquote {
	color: #A13500;
	padding: 0px;
	margin: 0px 0px 15px 15px;
	font-size: 1.5em;
	line-height: 1.2em;
}

/* Lists ---------------- */
#content1 ul {
	margin: 0px 20px 10px 45px;
	padding: 0px;
	color: #000000;
}
#content1 ul li {
	font-size: 1.2em;
	line-height: 1.3em;
	margin: 0px;
	padding: 0px;
	list-style: square url(/img/bullets/bullet_orange.gif) outside;
}
#content1 ol {
	margin: 0px 20px 10px 45px;
	padding: 0px;
	color: #000000;
}
#content1 ol li {
	font-size: 1.2em;
	line-height: 1.3em;
	margin: 0px;
	padding: 0px;
}

/* Links ---------------- */
#content1 a:link {
}
#content1 a:visited {
}
#content1 a:hover {
}
#content1 a:active {
}

/* Special Classes ----- */
.orangebox {
	background: #bb4826 url(/img/icons/arrow_orange_rt_small2.gif) no-repeat left center;
	clear: left;
	float: left;
	margin-bottom: 15px;
	padding-right: 8px;
	padding-left: 20px;
	height: 2em;
	margin-left: 10px;
}
#content1 .orangebox p {
	line-height: 2.1em;
	margin: 0px;
	padding: 0px;
}
.orangebox a:link, .orangebox a:visited, .orangebox a:active {
	color: #FFFFFF;
	text-decoration: none;
}
.orangebox a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/* All element styles for #content2 */
#content2 {
	width: 240px;
	float: left;
}

/* Headings -------------- */
#content2 h1 {
	font-size: 1.6em;
	font-weight: normal;
	color: #922c00;
	margin: 0px 0px 10px;
	padding: 0px;
	clear: left;
}
#content2 h2 {
	font-size: 1.3em;
	line-height: 1.4em;
	color: #3b3b3b;
	font-weight: normal;
	margin: 0px 0px 15px;
	padding: 0px;
}
#content2 h3 {
	margin: 0px 0px 15px;
	padding: 0px;
	color: #3b3b3b;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.1em;
}

/* Text ------------------ */
#content2 p {
	margin: 0px 0px 10px;
	padding: 0px;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #000000;
}
#content2 blockquote {
	color: #A13500;
	padding: 0px;
	margin: 0px 0px 15px 15px;
	font-size: 1.5em;
	line-height: 1.2em;
}

/* Lists ----------------- */
#content2 ul {
	margin: 10px 0px 0px;
	padding: 0px;
	list-style: url(none) none;
}
#content2 ol {
	margin: 10px 0px 0px;
	padding: 0px;
	list-style: url(none) none;
}
#content2 li {
	list-style: none;
	border-left: 3px solid #e97233;
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 5px;
	font-size: 1.2em;
}

/* Links ----------------- */
#content2 a:link {
}
#content2 a:visited {
}
#content2 a:hover {
}
#content2 a:active {
}


/* #footer contains all styles for the footer at the bottom of each container */
#footer {
	height: 3em;
	clear: left;
	float: left;
	background: #333333 url(/img/bg/bg_footer.gif);
	width: 750px;
}
#footer p {
	font-size: 1em;
	color: #FFFFFF;
	margin-left: 10px;
	margin-top: 10px;
}
#footer a:link {
	color: #FFFFFF;
}
#footer a:visited {
	color: #FFFFFF;
}
#footer a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:active {
	color: #FFFFFF;
	text-decoration: none;
}