/* ess_mk.css  Energy Sentry Solutions web page style sheet             */
/*	Created: November 2005, Mike Klaene,  mike@klaene.net               */
/*   Copyright Mike Klaene, KLAENE dot NET, 2007-2008                   */
/*                                                                      */
/*  Revisions:                                                          */
/*    15DEC2007 - Blue color to Brighter Blue;                          */
/*    30DEC2007 - Variable selectable image area, mak                   */
/*    12-27JAN2008 - More adjustments, mak                              */
/*    09FEB2008 - More adjustments to meet ever changing needs, mak     */
/*                                                                      */
/*  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  *  * */


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:medium;
	color: black;
	background-color: #FFFFFF;
	/* 	background-image:url(images/bgimage11.png); */
	position:relative;
	text-align: justify;
}

/*
table {
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	background-color: #FFFFFF;
	background-image:url(images/bgimage1.png);
}
*/

td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: "Times New Roman", Times, serif;
}

.tblborder {
	width: auto;
	background-color: #000066;
}

.tblbody {
	margin-top: 0px;
	margin-left: 0px;
	width: 883px;
	left: 0px;
	top: 0px;
	background-color: #EEEEFF;
}
/* *** */

/* LOGO added 12JAN2008, mak */
.logo {
    margin-top:5px;
	margin-left:5px;
	margin-bottom:5px;
	height:180px;
	width:884px;
	background-image: none;
}

/* mak_menubar added 12JAN2008, mak */
.mak_menubar {
    position:relative;
    margin-top:2px;
	margin-left:5px;
	margin-bottom:5px;
	height:66px;
	width:882px;
	background-image: none;
	z-index:1000;
}

/* mak_pg1_thumbs added 12JAN2008, mak */
.mak_pg1_thumbs {
    margin-top:5px;
	margin-left:5px;
	margin-bottom:5px;
	height:450px;
	width:105px;
	font-family:"Times New Roman", Times, serif;
	font-style:normal;
	color:#FFFFFF;
	background-image: none;
}

/* mak_pg1_mid_col added 12JAN2008, mak */
.mak_pg1_mid_col {
	position:absolute;
	top: 256px;
	left: 118px;
	height:387px;
	width:378px;
	font-family:"Times New Roman", Times, serif;
	font-style:normal;
	font-size: 16px;
	color:#FFFFFF;
	z-index:50;
	background-image: none;
	background-color: #000000;
	margin: 5px;
	padding: 5px;
	border-top-width: 7px;
	border-right-width: 7px;
	border-bottom-width: 7px;
	border-left-width: 7px;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}

.mak_pg1_mid_col  a:visited {color:#0066FF;}
.mak_pg1_mid_col  a:link {color:#0066FF;}
.mak_pg1_mid_col  a:active {color:#0066FF;}

/* mak_pg1_mid_col_lower_left added 12JAN2008, mak */
.mak_pg1_mid_col_lower_left {
	position:absolute;
	top: 668px;
	left: 125px;
	margin-top:5px;
	margin-left:15px;
	margin-bottom:5px;
	height:45px;
	width: 88px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	color:#FFFFFF;
	background-image: none;
}

/* mak_pg1_mid_col_lower_right added 12JAN2008, mak */
.mak_pg1_mid_col_lower_right {
	position:absolute;
	top: 669px;
	left: 221px;
	margin-top:5px;
	margin-left:5px;
	margin-bottom:5px;
	margin-right:15px;
	height:45px;
	width: 280px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	color: #000000;
	background-image: none;
}

/* mak_pg1_right_col added 12JAN2008, mak */
.mak_pg1_right_col {
	position:absolute;
	top: 264px;
	left: 534px;
	margin-top:5px;
	margin-left:5px;
	margin-bottom:5px;
	height:508px;
	width:419px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	color:#000000;
	background-image: none;
	z-index:50;
}
.mak_pg1_right_col a:link {color: #000000;
        font-weight: 500;
        text-decoration:underline;}
.mak_pg1_right_col a:visited {color: #000000;
        font-weight: 500;
        text-decoration:underline;}

/* the Footer Bar box for pg1 */
.mak_pg1_footer {
	position:absolute;
	font-family:"Courier New", Courier, monospace;
	font-weight:bold;
	font-size:14px;
	top: 795px;
	left: 8em;
	height: 12em;
	width: 860px;
	color:#000000;
	background-image:none;
}
.mak_pg1_footer a:link {color: #000000;
        text-decoration:underline;}
.mak_pg1_footer a:visited {color: #000000;
        text-decoration:underline;}


/* the UPDATED Date box for pg1 */
.mak_pg1_updated {
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	top:2em;
	left: 0px;
	height: 10px;
	width: 179px;
	color:#000000;
	background-image:none;
}

/* mak_thumb1 added 13JAN2008, mak */
.mak_thumb1 {
    background-image:none;
	cursor:default;
}

/* mak_thumb2 added 13JAN2008, mak */
.mak_thumb2 {
    background-image:none;
	cursor: pointer;
}

/* mak_thumb1 added 13JAN2008, mak */
.mak_thumb3 {
    background-image:none;
	cursor: pointer;
}

/* mak_pg2_mid_col added 26JAN2008, mak */
.mak_pg2_mid_col {
	position:absolute;
	top: 275px;
	left: 130px;
/*	height:387px;  */
	width: 830px;
	font-family:"Times New Roman", Times, serif;
	font-style:normal;
	font-size: 16px;
	color: #000000;
	z-index:50;
	background-image: none;
	padding: 5px;
}

/* the Footer Bar box for pgx */
.mak_pgx_footer {
	font-family:"Courier New", Courier, monospace;
	font-weight:bold;
	font-size:14px;
	left: 8em;
	height: 12em;
	width: 829px;
	color:#000000;
	background-image:none;
}
.mak_pgx_footer a:link {color: #000000;
        text-decoration:underline;}
.mak_pgx_footer a:visited {color: #000000;
        text-decoration:underline;}


/* mak_header - added 26JAN2008, mak */
.mak_header {
    font-family:"Times New Roman", Times, serif;
    font-size: 18px;
    font-weight: bold;
    background-image: none;
}

/* mak_header20 - added 09FEB2008, mak */
.mak_header20 {
    font-family:"Times New Roman", Times, serif;
    font-size: 20px;
    font-weight: bold;
    background-image: none;
}
.mak_header20 a:link {color: #000000;
        text-decoration:underline;}
.mak_header20 a:visited {color: #000000;
        text-decoration:underline;}


/* mak_header20_cen - added 09FEB2008, mak */
.mak_header20_cen {
    font-family:"Times New Roman", Times, serif;
    font-size: 20px;
    font-weight: bold;
    background-image: none;
    text-indent: 2em;
    text-align: center;
}
.mak_header20_cen a:link {color: #000000;
        text-decoration:underline;}
.mak_header20_cen a:visited {color: #000000;
        text-decoration:underline;}

/* mak_header20_ind - added 14FEB2008, mak */
.mak_header20_ind {
    font-family:"Times New Roman", Times, serif;
    font-size: 20px;
    font-weight: bold;
    background-image: none;
    text-indent: 2em;
}
.mak_header20_ind a:link {color: #000000;
        text-decoration:underline;}
.mak_header20_ind a:visited {color: #000000;
        text-decoration:underline;}


/* mak_header24 - added 03FEB2008, updated 10FEB2008 mak */
.mak_header24 {
    font-family:"Times New Roman", Times, serif;
    font-size: 24px;
    font-weight: bold;
    background-image: none;
}
.mak_header24 a:link {color: #000000;
        text-decoration:underline;}
.mak_header24 a:visited {color: #000000;
        text-decoration:underline;}

/* mak_header24_cen - added 10FEB2008, mak */
.mak_header24_cen {
    font-family:"Times New Roman", Times, serif;
    font-size: 24px;
    font-weight: bold;
    background-image: none;
    text-indent: 2em;
    text-align: center;
}
.mak_header24_cen a:link {color: #000000;
        text-decoration:underline;}
.mak_header24_cen a:visited {color: #000000;
        text-decoration:underline;}


/* mak_header24_ind - added 03FEB2008, mak */
.mak_header24_ind {
    font-family:"Times New Roman", Times, serif;
    font-size: 24px;
    font-weight: bold;
    background-image: none;
    text-indent: 2em;
}
.mak_header24_ind a:link {color: #000000;
        text-decoration:underline;}
.mak_header24_ind a:visited {color: #000000;
        text-decoration:underline;}



/* mak_header_ind - added 27JAN2008, mak */
.mak_header_ind {
    font-family:"Times New Roman", Times, serif;
    font-size: 18px;
    font-weight: bold;
    background-image: none;
    text-indent: 2em;
}
.mak_header_ind a:link {color: #000000;
        text-decoration:underline;}
.mak_header_ind a:visited {color: #000000;
        text-decoration:underline;}

.mak_italic {
        font-style: italic;
}

/* mak_bold - added 09FEB2008, mak */
.mak_bold {
        font-weight: bold;
}

/* mak_bolditalic - added 10FEB2008, mak */
.mak_bolditalic {
	font-style: italic;
        font-weight: bold;
}

/* mak_uline - added 10FEB2008, mak */
.mak_uline {
        text-decoration:underline;
}

/* mak_uline - added 10FEB2008, mak */
.mak_bolduline {
	font-weight: bold;
        text-decoration:underline;
}

/* mak_ind3 - added 17FEB2008, mak */
.mak_ind3 {
	margin-left: 3em;
}
.mak_ind3 a:link {color: #000000;
        text-decoration:underline;}
.mak_ind3 a:visited {color: #000000;
        text-decoration:underline;}

/* mak_ind3bold - added 17FEB2008, mak */
.mak_ind3bold {
	font-weight: bold;
	margin-left: 3em;
}
.mak_ind3bold a:link {color: #000000;
        text-decoration:underline;}
.mak_ind3bold a:visited {color: #000000;
        text-decoration:underline;}

/* mak_ind15bold20 - added 17FEB2008, mak */
.mak_ind15bold20 {
	margin-left: 10em;
	font-size:20px;
	font-weight: bold;
}

/* mak_body - added 26JAN2008, mak */
.mak_body {
	font-family:"Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: 400;
	background-image: none;
}
.mak_body a:link {color: #000000;
        text-decoration:underline;}
.mak_body a:visited {color: #000000;
        text-decoration:underline;}

/* mak_body_ind - added 26JAN2008, mak */
.mak_body_ind {
	font-family:"Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: 400;
	background-image: none;
	text-indent: 2em;
}
.mak_body_ind a:link {color: #000000;
        text-decoration:underline;}
.mak_body_ind a:visited {color: #000000;
        text-decoration:underline;}

/* mak_body BOLD versions - added 03FEB2008, mak */
.mak_bodybold {
	font-family:"Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	background-image: none;
}
.mak_bodybold a:link {color: #000000;
        text-decoration:underline;}
.mak_bodybold a:visited {color: #000000;
        text-decoration:underline;}

/* mak_body_ind - added 26JAN2008, mak */
.mak_bodybold_ind {
	font-family:"Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	background-image: none;
	text-indent: 2em;
}
.mak_bodybold_ind a:link {color: #000000;
        text-decoration:underline;}
.mak_bodybold_ind a:visited {color: #000000;
        text-decoration:underline;}

/* mak_bodyitalic_ind - added 09FEB2008, mak */
.mak_bodyitalic_ind {
	font-family:"Times New Roman", Times, serif;
	font-size: 16px;
        font-style: italic;
	font-weight: 400;
	background-image: none;
	text-indent: 2em;
}
.mak_bodyitalic_ind a:link {color: #000000;
        text-decoration:underline;}
.mak_bodyitalic_ind a:visited {color: #000000;
        text-decoration:underline;}


/* ********************************* */
/* Begin the Arial - Helvetica fonts */
.Left_tbl_AR10 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
	margin-left: 2px;
	padding-left: 4px;
	padding-right: 4px;
	text-align:left;
	font-size: 10pt;
}
/* *** */
/* *** */
/* Begin the Times Roman fonts */
.Left_tbl_TR10 {
	font-family: "Times New Roman", Times, serif;
	margin-left: 2px;
	padding-left: 4px;
	padding-right: 4px;
	text-align:left;
	font-size: 10pt;
}
/* *** */

.Left_tbl_TR12 {
	font-family: "Times New Roman", Times, serif;
	margin-left: 2px;
	padding-left: 4px;
	padding-right: 4px;
	text-align:left;
	font-size: 12pt;
}
/* *** */

.Left_tbl_TR14 {
	font-family: "Times New Roman", Times, serif;
	margin-left: 2px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: left;
	font-size: 14pt;
}
/* *** */

.LeftJ_tbl_TR10 {
	font-family: "Times New Roman", Times, serif;
	margin-left: 0px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: justify;
	font-size: 10pt;
}
/* *** */

.LeftJ_tbl_TR12 {
	font-family: "Times New Roman", Times, serif;
	margin-left: 0px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: justify;
	font-size: 12pt;
}
/* *** */

.ColLeft {
	background-color: #FFFFFF;
	width: 127px;
	margin-left: 2px;
	padding-left: 2px;
	vertical-align: top;
	background-image: url(images/blue_bg1.png);
}
/* *** */


.Page1_Left {
	background-color: #FFFFFF;
	width: 102px;
	margin-left: 2px;
	padding-left: 2px;
	margin-right: 2px;
	vertical-align: top;
}


.ColCenter {
	background-color: #99FFFF;
	width: 758px;
	background-image: url(images/blue_bg1.png);
}

.ColRight {
	background-color: #FFCC66;
	width: auto;
}

.DirButton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25pt;
	font-style: normal;
	height: 25px;
	width: 120px;
}

h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 18pt;
	color: #000066;
	font-style: normal;
}

h3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 22pt;
	color: #000066;
	font-style: italic;
}

h4 {
	font-family: "Times New Roman", Times, serif;
	font-size: 16pt;
	font-style: italic;
	color: #000066;
}

/*	*/


/*     */

/*    */

/* **************************************************************** */
/* ---- */
/* End of the 'normal' with Blue definitions */
/* ---- */
/*  End the Copperplace Bold definitions			*/

.style1 {color: #FF0000}
.style3 {color: #FF0000; font-size: 24px; }
.style4 {
	font-size: 10pt;
	text-align: left;
}
.style5 {font-size: 12pt}
.style6 {
	font-size: 8pt;
	text-align: left;
}
/* --- */
/* ** Begin Definitions for the Selectable Variable Image area ** */


.var_image  {
	width:390px;
	height:395px;
	float:right;
	position:absolute;
	left: 6px;
	top: 6px;
	background-image:none;
}

.var_image1  {
	width:390px;
	height:395px;
	float:right;
	position:absolute;
	left: 6px;
	top: 6px;
	background-image:none;
	visibility:visible;
	z-index:60;
}

.var_image2  {
	width:390px;
	height:395px;
	float:right;
	position:absolute;
	left: 6px;
	top: 6px;
	background-image:none;
	visibility:hidden;
	z-index:50;
}

.var_image3  {
	width:390px;
	height:395px;
	float:right;
	position:absolute;
	left: 6px;
	top: 6px;
	background-image:none;
	visibility:hidden;
	z-index:50;
}

.inner_image {
	width:382px;
	height:335px;
	position:relative;
	padding: 3px;
	margin: 3px;
	top: 4px;
	border: 6px solid #000000;
}

.caption {
	position:absolute;
	z-index:60;
	color: #0066FF;
	background-color: #FFFFFF;
	width: 338px;
	height: 43px;
	top: 337px;
	padding-left: 3em;
	visibility:visible;
}
   

/* "id" tags */


#feature1{
	z-index:99;
}

#feature2 {
	z-index:94;
	visibility:hidden;
}

#feature3 {
	z-index:92;
	visibility:hidden;
}


#image_1{
	z-index:50;
	visibility:hidden;
}

#image_2 {
	z-index:60;
	visibility:visible;
}

#image_3 {
	z-index:50;
	visibility:hidden;
}

#flag1 {
	position:absolute;
	z-index:60;
	color: #0066FF;
	background-color: #FFFFFF;
	width: 338px;
	height: 43px;
	top: 337px;
	padding-left: 3em;
	visibility:visible;
}

#flag2 {
	position:absolute;
	z-index:59;
	color: #0066FF;
	background-color: #FFFFFF;
	width: 338px;
	height: 43px;
	top: 337px;
	padding-left: 3em;
	visibility:hidden;
}

#flag3 {
	position:absolute;
	z-index:59;
	color: #0066FF;
	background-color: #FFFFFF;
	width: 338px;
	height: 43px;
	top: 337px;
	padding-left: 3em;
	visibility:hidden;
}



#thumbs {
    left:auto;
	text-align:left;
	position:relative;
	background:inherit;
}

/***** Feature   *******/
#features {
	position:relative;
	width:671px;
	height:365px;
	background-image:url(/images/top_nav_thumb_bg.jpg);
	background-repeat:no-repeat;
	position:relative;	
}

#features a:link{
	border-bottom:0;
	text-decoration:underline;	
}

#features a:visited{
	border-bottom:0;
	text-decoration:underline;
}
#features a:hover{
	border-bottom:0;
	text-decoration:none;
}

.featurearea {
	width:521px;
	float:right;
	position:absolute;
	left: 150px;
	top: 0px;
}

.featurearea .featureImage {
	margin:14px 0 0 0;
	padding-left:9px;
	/*background-image:url(/webhgtv/images/nav_images/homepage/featureImage_bg.jpg);*/
	background-repeat:no-repeat;
}

.featurearea h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:29px;
	font-weight:normal;
	margin:5px 0 0 3px;
	padding-bottom:4px;
	line-height:110%;
	width:95%;
}
#features .featurearea h1 a:link {
	color:#000000;
}
#features .featurearea h1 a:visited {
	color:#000000;
}

.featurearea p {
	margin:5px 5px 7px 8px;
	line-height:1.4em;
	width:95%;
}

.featurearea .sponsor {
	color:#411C0C;
	font-size:11px;
}

.featurethumb {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	width:140px;
	color:#000;
	position:absolute;
	left: 7px;
	background-repeat:no-repeat;	
}

.featurethumb .featimg {
	width:88px;
	padding:3px 0 0 0;
	/*border:1px solid #B4A79E;*/
	/*background-color:#FFFFFF;*/
	/*padding:3px;*/
}

.featurethumb img {
	border:0;
}

.featurethumb p {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin:0;
	margin-top:2px;
	width:94px;
	text-align:center;
	color:#000000;
}

.featurethumb a {
	display:block;
	padding:20px 0 25px 20px;
}

#features .featurethumb a:link{
	color:#411C0C;
}

#features .featurethumb a:visited{
	color:#411C0C;
}

#features .featurethumb a:hover{
	color:#411C0C;
	text-decoration:none;
}

#fThumb1 {
	top: 2px;	
	/*background-image:url(/webhgtv/images/nav_images/homepage/selected_feature.gif);*/
	background-image:url(/images/sel.gif);	 
	z-index:10;
	
}

#fThumb2 {
	top: 107px;
	z-index:12;
	cursor:pointer;
}
	
#fThumb3 {
	top: 212px;
	z-index:14;
	cursor:pointer;
}


#feature1{
	z-index:99;
}

#feature2 {
	z-index:94;
	visibility:hidden;
}

#feature3 {
	z-index:92;
	visibility:hidden;
}


.banner_title {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	line-height:24px;
	color:#000000;
	margin:0px;
	padding:0px;	
}

#features .banner_title a, .banner_title a:link, #features .banner_title a:visited {
	color:#000000;
	text-decoration:none;
}

#features .banner_title a:hover {
	text-decoration:underline;
}

.banner_text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:11px;
	color:#411c0c;
	margin:0px;
	padding:0px;
	margin-top:-8px !important;

}



#features .banner_title a:hover {
	text-decoration:underline;
}



/* --- End of ess_mk.css file ---					*/