*
{
	padding: 0;
	margin: 0;
}
body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #fff url('/images/bg.gif') repeat-x scroll top left;
	text-align: center; 
}
#wrapper
{ 
	margin: 0 auto;
	width: 800px;
	text-align: left; 
}
/* ----- HEADER ----- */
#header
{
	width: 800px;
 	float: left;
 	height: 75px;
	position: relative;
}

a { color: #ffffff; text-decoration: none;}
a.black_link { color: #000000;}
p.green_blend { background: transparent url('/images/background_Green_Gradient.jpg') no-repeat 8px 6px; height:20px;}

p.blue_wide_blend { background: transparent url('/images/background_Blue_Shaded_Box_Left.jpg') no-repeat 0px -7px; font-size:13px; color: #000099; height:90px; margin-top:10px; }
p.purple_wide_blend { background: transparent url('/images/background_Purple_Shaded_Box_Left.jpg') no-repeat 0px -7px; font-size:13px; color: #000099; height:90px; margin-top:10px; }
p.green_wide_blend { background: transparent url('/images/background_Green_Shaded_Box_Left.jpg') no-repeat 0px -7px; font-size:13px; color: #000099; height:90px; margin-top:10px; }
p.gold_wide_blend { background: transparent url('/images/background_Gold_Shaded_Box_Left.jpg') no-repeat 0px -7px; font-size:13px; color: #000099; height:90px; margin-top:10px; }
p.brown_wide_blend { background: transparent url('/images/background_Brown_Shaded_Box_Left.jpg') no-repeat 0px -7px; font-size:13px; color: #000099; height:90px; margin-top:10px; }

	#green_energy_tips
	{
		position: absolute;
		top: 109px;
		left: 10px;
		width: 250px;
		height: 100px;
		z-index:10;
	}
	#cool_control_plus
	{
		position: absolute;
		top: 209px;
		left: 10px;
		width: 250px;
		height: 100px;
		z-index:10;
	}
	#ecoceo
	{
		position: absolute;
		top: 109px;
		left: 10px;
		height: 100px;
		z-index:10;
	}
	#deloitte_fast_500
	{
		position: absolute;
		top: 109px;
		left: 10px;
		height: 50px;
		z-index:10;
	}
	
	#deloitte_fast_50
	{
		position: absolute;
		top: 159px;
		left: 10px;
		width: 250px;
		height: 100px;
		z-index:10;
		text-align: left;
		vertical-align: middle;
	}
#stock
{
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 14px;
}

#news
{
	text-align: left;
	padding-left: 9px;
	padding-right: 1px;
	line-height: 13px;
}

#news a
{
	color:#0000FF;
	text-decoration:none;
}
#news a:hover
{
	color:#999999;
	text-decoration: underline;
}

#statistics
{
	text-align: left;
	padding-left: 8px;
}
span.txtsize
{
	color:#000000;
	font-size:11px;
	line-height: 14px;
}

span.stats 
{
	position: absolute;
	right: 4px;
	color:#ff0000;
	font-size:11px;
}


p.blurb
{
	margin-top:5px;
	padding-top:50px;
	height:100px;
	text-align:left;
	vertical-align:middle;
	background: transparent url('/images/background_Green_Shaded_Box_Left.jpg') no-repeat 0px 0px; 
	font-size:13px;
}
	#header h1
	{
		text-indent: -9999px;
		overflow: hidden;
		margin: 0;
		padding: 0;
		border: 0;
	}
		#header h1 a:link, #header h1 a:visited
		{
			display: block;	
			width: 165px;
			height: 38px;
			background: #022f66 url('/images/telkonet-logo.gif') top left no-repeat;
			margin-top: 19px;
			padding: 0;
			border: 0;
		}
	#login-search
	{
		position: absolute;
		top: 0;
		right: 0;
		background: transparent url('/images/header-login-search.gif') no-repeat top right;
		width: 552px;
		height: 39px;
	}
		#login-search p
		{
			position: absolute;
			color: #fff;
			top: 4px;
			left: 320px;
			font-size: 11px;
		}
		#login-search a:link, #login-search a:visited
		{
			color: #fff;
		}
		#cust-login, #cust-password
		{
			position: absolute;
			top: 4px;
			left: 27px;
			background-color: #edeff0;
			border: 1px solid #868789;
			font-size: 10px;
			color: #999;
			width: 135px;
			text-align: center;
			padding-bottom: 2px;
		}
		#cust-password
		{
			left: 172px;
			width: 100px;
		}
		#cust-submit
		{
			position: absolute;
			top: 4px;
			left: 282px;
		}
		#search
		{
			position: absolute;
			top: 4px;
			right: 47px;
			background-color: #edeff0;
			border: 1px solid #868789;
			font-size: 10px;
			color: #999;
			width: 100px;
			text-align: center;
			padding-bottom: 2px;
        }
		#q
		{
			position: absolute;
			top: 4px;
			right: 47px;
			background-color: #edeff0;
			border: 1px solid #868789;
			font-size: 10px;
			color: #999;
			width: 100px;
			text-align: center;
			padding-bottom: 2px;
		}
		#sa
		{
			position: absolute;
			top: 4px;
			right: 10px;
		}
		#search-submit
		{
			position: absolute;
			top: 4px;
			right: 10px;
		}
/* ----- NAVIGATION (HORIZONTAL) ----- */
#navigation
{
	float: left;
	width: 800px;
	height: 23px;
}
.nav, .nav ul
{ 
	list-style: none;
	margin-left: 56px;
	padding: 0;
}
.nav
{
  z-index: 100;
  position: relative;
}
	.nav li
	{
  		float: left;
  		margin: 0;
  		padding: 0;
  		position: relative;
	}
	.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited
	{
		font-size: 12px;
		line-height: 23px;
		color: #fff;
		display: block;
		padding: 0 9px;
		text-decoration: none;
		background: transparent url('/images/nav-sep.gif') no-repeat right 7px;
	}
	.nav li a:hover
	{
		background: #022f66;
		color: #fff;	
	}
	#nav-one li:hover a, 
	#nav-one li.sfHover a
	{
		background: #022f66;
		color: #fff;
	}
	#nav-one li:hover ul a, 
	#nav-one li.sfHover ul a
	{
		background: #022f66;
		color: #fff;	
	}
	#nav-one li:hover ul a:hover, 
	#nav-one li.sfHover ul a:hover
	{
		background: #375996;
		color: #fff;	
	}
.nav ul
{
  background: #565656;
  border-bottom: 1px solid #022f66;
  list-style: none;
  margin: 0;
  width: 150px;
  position: absolute;
  top: -999em;
  left: -1px;
  filter: alpha(opacity=85);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
  -moz-opacity: 0.85; opacity:0.85;
}
.nav li:hover ul,
.nav li.sfHover ul
{
  top: 23px;
}
.nav ul li
{
  border: 0;
  float: none;
}
.nav ul a
{
  border: 1px solid #022f66;
  border-bottom: 0;
  padding-right: 20px;
  width: 130px;
  white-space: nowrap;
}
.nav ul a:hover
{
  background: #375996;
  color: #fff;
}
#navigation #nav-contact  { background-image: none; }
/* ----- CONTENT (MAIN) ----- */
#content-parent
{
	width: 798px;
	float: left;
	background: #fff url('/images/content-bg.gif') repeat-y scroll top left;
	position: relative;
	overflow: auto;
	border-left: 1px solid #00023d;
	border-right: 1px solid #00023d;
}
	#content
	{ 
		clear: both;
		float: left;
		width: 633px;
		padding-bottom: 20px;
	}
	
	#content a
	{
		color:#333333;
	}
	
        #content ul
        {
            padding-left: 30px;
        }
        #content li
        {
			vertical-align: middle;
            margin-left:20px;
			/*width:525px;*/
			padding-right: 20px;
			
        }
		
	   #content ul.plain
        {
            padding-left: 5px;
			font-size: 10px;
			
        }
        #content li.plain
        {
			vertical-align: middle;
            margin-left:5px;
			/*width:525px;*/
			padding-right: 5px;
			font-size: 10px;
			
        }
		
	    #content ul.plain2
        {
            padding-left: 5px;
			
        }
        #content li.plain2
        {
			vertical-align: middle;
            margin-left:5px;
			/*width:525px;*/
			padding-right: 5px;
			
        }
		
		#content img.floatleft
        {
			float: left; 
    		margin: 15px;
        }
		
		#content img.floatright
        {
			float: right; 
    		margin: 15px;
        }

	
		#content h1
		{
			padding: 20px 20px 0 20px;
			font-size: 24px;
		}
		#content h2
		{
			padding: 20px 20px 0 20px;
			font-size: 30px;
		}
		#content h3
		{
			padding: 20px 20px 0 20px;
			font-size: 15px;
		}
		#content h4
		{
			padding: 5px 5px 5px 0px;
			font-size: 14px;
			color:#000099
		}
		#content h5
		{
			padding: 20px 20px 0px 20px;
			font-size: 13px;
			color:#000099
		}		
		#content h6
		{
			font-size: 10px;
			color:#000099
		}
		#content p
		{
			padding: 10px 20px 0 20px;
			line-height: 135%;
		}

		#content table
		{
			padding: 0px 20px 0 20px;	
		}
		#content table td
		{
			font-size: 12px;
			color: #666;
			vertical-align:top;
			padding: 0px 4px 0px 0px;
		}
		
		#content table a
		{
			font-size: 12px;
			color:#0000FF;
			text-decoration: underline;
		}
		
		#content table a.fontsmall
		{
			font-size: 11px;
			color:#0000FF;
			text-decoration: underline;
		}
		#content .alert
		{
			font-size: 11px;
			color:#FF0000;
		}
		#content .note
		{
			font-size: 10px;
			color:#999999
		}
/* ----- NAVIGATION (VERTICAL) ----- */
#rightcolumn
{ 
	background: #00023d url('/images/markets-bg.gif') repeat-x top left;
	width: 165px;
	float: left;
}
#rightcolumn-front
{ 
	background: #00023d url('/images/markets-bg.gif') repeat-x top left;
	width: 165px;
	float: left;
}
	#rightcolumn ul
	{
		margin-left: 0;
		padding-left: 0;
		list-style: none;
	}
	#rightcolumn-front ul
	{
		margin-left: 0;
		padding-left: 0;
		list-style: none;
	}
	#rightcolumn .content_header
	{
		display: block;
		color: #999;
		font-weight: bold;
		padding: 10px 0 0px 10px;
		font-size: 12px;
		background-color: transparent;
		background-position: 20px 2px;
		background-repeat: no-repeat;
		text-decoration: none;
	}
	#rightcolumn-front .content_header
	{
		display: block;
		color: #fff;
		font-weight: bold;
		padding: 10px 0 0px 10px;
		font-size: 12px;
		background-color: transparent;
		background-position: 20px 2px;
		background-repeat: no-repeat;
		text-decoration: none;
	}
	#rightcolumn .content
	{
		display: block;
		color:#ffffff;
		padding: 10px 0 10px 10px;
		font-size: 11px;
		background-color: transparent;
		background-position: 20px 2px;
		background-repeat: no-repeat;
		text-decoration: none;
	}
	#rightcolumn-front .content
	{
		display: block;
		color:#ffffff;
		padding: 10px 0 10px 10px;
		font-size: 11px;
		background-color: transparent;
		background-position: 20px 2px;
		background-repeat: no-repeat;
		text-decoration: none;
	}
	#rightcolumn-top
	{
		background-color: transparent;
		background-position: 17px 5px;
		background-repeat: no-repeat;
		padding: 15px 0 17px 66px;
		display: block;
		color: #fff;
		font-weight: bold;
		font-size: 15px;
	}
	#rightcolumn-top-lowercase
	{
		background-color: transparent;
		background-position: 5px 5px;
		background-repeat: no-repeat;
		padding: 13px 0 17px 10px;
		display: block;
		color: #fff;
		font-weight: bold;
		font-size: 12px;
	}
	#commercial #rightcolumn-top { background-image: url('/images/commercial-top.gif'); }
	#education #rightcolumn-top { background-image: url('/images/education-top.gif'); }
	#government #rightcolumn-top { background-image: url('/images/government-top.gif'); }
	#hospitality #rightcolumn-top { background-image: url('/images/hospitality-top.gif'); }
	#industrial #rightcolumn-top { background-image: url('/images/industrial-top.gif'); }
	#residential #rightcolumn-top { background-image: url('/images/residential-top.gif'); }
	#utilities #rightcolumn-top { background-image: url('/images/utilities-top.gif'); }
	
	#rightcolumn li a:link, #rightcolumn li a:visited
	{
		display: block;
		color: #fff;
		/*font-weight: bold;
		padding: 10px 0 10px 66px;
		font-size: 13px;*/
		padding: 6px 0 6px 10px;
		font-size: 11px;
		background-color: transparent;
		background-position: 20px 2px;
		background-repeat: no-repeat;
		text-decoration: none;
	}
	#rightcolumn-front li a:link, #rightcolumn-front li a:visited
	{
		display: block;
		color: #fff;
		font-weight: bold;
		padding: 10px 0 15px 66px;
		font-size: 13px;
		background-color: transparent;
		background-position: 20px 2px;
		background-repeat: no-repeat;
		text-decoration: none;
	}
	
	#rightcolumn a:link, #rightcolumn pre a:visited
	{
		display: block;
		color: #fff;
		font-weight: normal;
		padding: 5px 0 5px 10px;
		font-size: 11px;
		background-color: transparent;
		background-position: 20px 2px;
		background-repeat: no-repeat;
		text-decoration: none;
	}
	#rightcolumn li a:hover
	{
		background-color: #052e66;
		text-decoration: underline;
	}
	#rightcolumn-front li a:hover
	{
		background-color: #052e66;
		text-decoration: underline;
	}
	#rightcolumn a:hover
	{
		background-color: #052e66;
		text-decoration: underline;
	}
	#rightcolumn-front a:hover
	{
		background-color: #052e66;
		text-decoration: underline;
	}
	#rightcolumn li a:focus
	{
		outline: none;
	}	
	#rightcolumn-front li a:focus
	{
		outline: none;
	}
	
/* ----- TABS ----- */
#tabs
{ 
	width: 800px;
	height: 22px;
	clear: both;
	background: #000 url('/images/new_tabs/tab_master.bmp') no-repeat top left;
}
#tabs ul
{
	padding-left: 0;
	margin-left: 0;
	float: left;
}
#tabs ul li { display: inline; }
#tabs ul li a
{
	padding: 5px 15px 1px 16px;
	color: #000066;
	text-decoration: none;
	float: left;
}
#tabs ul li a:hover
{
	color: #000066;
	text-decoration: none;
}
#tabs a:focus
{
	outline: none;
}
#tabs ul li.tab6 a
{
	padding-right: 18px;
	padding-left: 20px;
}
/* ----- TABS CONTENT ----- */
#tabs-content-wrapper
{
	width: 798px;
	clear: both;
	border-left: 1px solid #00023d;
	border-bottom: 1px solid #00023d;
	border-right: 1px solid #00023d;
}
#tabs-content
{
	width: 796px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	color: #000;
	font-size: 11px;
}
#tab0-content,
#tab1-content,
#tab2-content,
#tab3-content,
#tab4-content,
#tab5-content,
#tab6-content
{
	display: none;
	position: relative;
	width: 796px;
	height: 190px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 28px 20px;
	background-position:center;
}
#tab0-content
{
	display:block;
	background-color: #24396a;
}

#tab0-content div.large
{
	position: relative;
	background-color: #FFFFFF;
	width: 735px;
	height: 148px;
	top: 18px;
	left: 30px;
	border: 1px #000000 solid;
	
}

#tab0-content img.image
{
	border:1px #000000 solid;
	position: relative;
	top: 6px;
	left: 5px;
	float: left;
	margin-right: 20px;
}

#tab0-content a.black_link
{
	text-decoration: underline;
}


#tab1-content
{
	background-color: #30588b;
	/*background-image: url('/images/tabs_Central.gif');*/
}
#tab1-content a.mediumfirst
{
	display:block;
	border:none;
	position: relative;
	top:18px;
	left:30px;
	width: 350px;
	height: 148px;
	background-image: url('/images/features/CentralA.jpg');
}
#tab1-content a.mediumsecond
{
	display: block;
	position: relative;
	top:-130px;
	left:404px;
	width: 350px;
	height: 148px;
	background-image: url('/images/features/CentralB.jpg');
}
#tab2-content
{
	background-color: #5d81af;
	/*background-image: url('/images/tabs_SmartEnergy.gif');*/
}
#tab2-content a.mediumfirst
{
	display:block;
	border:none;
	position: relative;
	top:18px;
	left:30px;
	width: 350px;
	height: 148px;
	background-image: url('/images/features/EnergyA.jpg');
}
#tab2-content a.mediumsecond
{
	display: block;
	position: relative;
	top:-130px;
	left:404px;
	width: 354px;
	height: 148px;
	background-image: url('/images/features/EnergyB.jpg');
}
#tab3-content
{
	background-color: #5d81af;
	/*background-image: url('/images/tabs_PLC.gif');*/
	background-image: url('/images/features/PLC.jpg');
}
#tab3-content a.longfirst
{
	display:block;
	position: relative;
	top:18px;
	left:30px;
	width: 485px;
	height: 150px;
}
#tab3-content a.shortsecond
{
	display: block;
	position: relative;
	top:-130px;
	left:540px;
	width: 225px;
	height: 150px;
}
#tab4-content
{
	background-color: #5d81af;
	/*background-image: url('/images/tabs_HSIA_Gateway.gif');*/
}
#tab4-content a.mediumfirst
{
	display:block;
	border:none;
	position: relative;
	top:18px;
	left:30px;
	width: 350px;
	height: 148px;
	background-image: url('/images/features/GatewayA.jpg');
}
#tab4-content a.mediumsecond
{
	display: block;
	position: relative;
	top:-130px;
	left:404px;
	width: 350px;
	height: 148px;
	background-image: url('/images/features/GatewayB.jpg');
}
#tab5-content
{
	background-color: #8baad4;
	/*background-image: url('/images/tabs_Customer_Support.gif');*/
	
}
#tab5-content a.mediumfirst
{
	display:block;
	position: relative;
	top:18px;
	left:30px;
	width: 342px;
	height: 148px;
	background-image: url('/images/features/SupportA.jpg');
}
#tab5-content a.mediumsecond
{
	display: block;
	position: relative;
	top:-131px;
	left:404px;
	width: 366px;
	height: 148px;
	background-image: url('/images/features/SupportB.jpg');
}
#tab6-content
{
	background-color: #8baad4;
	/*background-image: url('/images/tabs_HSIA_Solutions.gif');*/
	background-image: url('/images/features/Solutions.jpg');
}
#tab6-content a.mediumfirst
{
	display:block;
	position: relative;
	top:18px;
	left:30px;
	width: 357px;
	height: 150px;
}
#tab6-content a.mediumsecond
{
	display: block;
	position: relative;
	top:-130px;
	left:404px;
	width: 357px;
	height: 150px;
}
#tabs-content h3
{
	padding: 4px 0 10px 0;
	font-size: 13px;
	font-weight: normal;
	color: #fff;
}
#tabs-content p
{
	line-height: 150%;
	padding-bottom: 10px;
}
#tabs-content table
{
	width: 210px;
	padding-bottom: 10px;
	margin-left: 7px;
}
#tabs-content td
{
	font-size: 11px;
}
#tabs-content ul
{
	text-align: left;
	color: #000;
	margin-left: 20px;
	padding-bottom: 3px;
}
#tabs-content li
{
	margin-bottom: 6px;
}
#tabs-content .highlight
{
	color: red;
}
#tabs-content .highlight2
{
	color: blue;
}
/* ----- TAB 0 CONTENT ----- */
#tab0-content #tab-content-left,
#tab0-content #tab-content-middle,
#tab0-content #tab-content-right
{
	position: absolute;
	top: 20px;
	left: 30px;
	width: 220px;
	height: 145px;
	text-align: center;
}
#tab0-content #tab-content-middle
{
	left: 285px;
}
#tab0-content #tab-content-right
{
	left: 542px;
}
/* ----- TAB 1 CONTENT ----- */
/* ----- TAB 2 CONTENT ----- */
/* ----- TAB 3 CONTENT ----- */
/* ----- TAB 4 CONTENT ----- */
/* ----- TAB 5 CONTENT ----- */
/* ----- TAB 6 CONTENT ----- */
/* ----- FOOTER ----- */
#footer
{ 
	width: 800px;
	clear: both;
	color: #022f66;
	text-align: center;
	padding-top: 10px;
	font-size: 11px;
}
#footer ul
{
	padding: 0;
	margin: 0;
	list-style-type: none;
	text-align: center;
}
#footer li { display: inline; }
#footer li a
{
	text-decoration: none;
	color: #022f66;
	border-right: 1px solid #022f66;
	padding: 2px 10px;
}
#footer li a:hover
{
	background-color: #022f66;
	color: #fff;
}
#footer li a.last
{
	border: none;
}
#footer p
{
	padding: 10px;
}

/*------------------------------*/

#mytable {
	width: 600px;
	padding: 0;
	margin: 0;
}

#mytable caption {

	width: 630px;	 
	font: italic 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

#mytable th {
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	letter-spacing: 1px;
	text-align: left;
	padding: 3px 3px 3px 6px;
}

#mytable th a {
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
	letter-spacing: 1px;
	text-align: left;
	padding: 3px 3px 3px 6px;
}

#mytable th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #CCCCCC;
	background: none;
	text-align:center;
}

#mytable th.nobg2 {
	text-align:center;
}

#mytable td {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #666666;
	text-align:left;
}


#mytable td.alt {
	background: #CCCCCC;
	color: #666666;
	text-align:center;
}

#mytable td.alt2 {
	background: #ffffff;
	color: #666666;
	text-align:center;
}

#mytable th.spec {
	border-left: 1px solid #CCCCCC;
	border-top: 0;
	font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
#mytable th.specb {
	border-left: 1px solid #CCCCCC;
	border-top: 0;
	font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight:bold;
}

#mytable th.specalt {
	border-left: 1px solid #CCCCCC;
	border-top: 0;
	font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	background: #CCCCCC;
}
#mytable th.specaltb {
	border-left: 1px solid #CCCCCC;
	border-top: 0;
	font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background: #CCCCCC;
	font-weight:bold;
}