/*
Theme Name: LPC Nextec
Theme URI: http://wordpress.org/
Version: 1
Author: Thai Le
Author URI: http://www.launchpad321.com
*/

		
		/* GLOBAL
		////////////////////////////////////////////////////////////////////// */
		

			* {
			
				margin: 0;
				padding: 0;
				outline:none;
			
			}
			
			html, body {
				font-family: Arial, Verdana, Helvetica, sans-serif;
				font-size: .85em;
				line-height: 1.5;
				height: 100%;
				background: url("images/layout/bg-container.gif") repeat-y;
				background-position: center;
			}
			
			img {
				display: block;
				border: none;
			}
			
			
		/* CONTAINERS
		////////////////////////////////////////////////////////////////////// */
			
			* html #container { height: 100%; }
			
			#container {
				position: relative;
				margin: 0 auto; padding: 0 10px 0 10px;
				width: 960px;
				min-height: 100%;
			}
			
			
		/* HEADER
		////////////////////////////////////////////////////////////////////// */
		
			#header {
				height: 66px;
				background: url("images/layout/bg-header.gif") repeat-x;
			}
			
			#logo {
				display:block;
				width: 130px;
				height:47px;
				background:url(images/layout/logo-nextec.gif) center center no-repeat;
				margin: 0 0 0 55px;
				padding: 10px 0 0 0;
			}
			
			
		/* NAVIGATION
		////////////////////////////////////////////////////////////////////// */
		
			
			/* MAIN NAVIGATION
			---------------------------- */
			
			#nav-main {
				width: 960px;
				font:Arial, "Meta-Bold", sans-serif;
				background:url(images/buttons/bg_nav.png) center center repeat-x;
				}
			
			#nav-main ul {
				padding: 0 0 0 58px;
				height: 31px;
				line-height:31px;
				list-style: none;
			}
			
			#nav-main li 	{ 
				display: inline; 
				float: left; 
				margin-right:10px; 
				}
			#nav-main a 	{ 
				height: 31px;
				margin-right:10px;
				text-transform:uppercase; 
				font-size:11px;
				color:#4D4D4D;
				font-weight:bold;
				}
			#nav-main a:hover {
				text-decoration:none;
				color:#000000;
				}
			#nav-main span { color:#fff; }
			
			/*#nav-main a.btn-home 					{ width: 58px; background: url("images/buttons/home.png") bottom no-repeat; }
			#nav-main a.btn-home:hover 				{ background-position: 0 0; }
			
			#nav-main a.btn-environment 			{ width: 101px; background: url("images/buttons/environment.png") bottom no-repeat; }
			#nav-main a.btn-environment:hover 		{ background-position: 0 0; }
			
			#nav-main a.btn-products 				{ width: 79px; background: url("images/buttons/products.png") bottom no-repeat; }
			#nav-main a.btn-products:hover 			{ background-position: 0 0; }
			
			#nav-main a.btn-applications 			{ width: 106px; background: url("images/buttons/applications.png") bottom no-repeat; }
			#nav-main a.btn-applications:hover 		{ background-position: 0 0; }
			
			#nav-main a.btn-reactive-energy 		{ width: 119px; background: url("images/buttons/reactive_energy.png") bottom no-repeat; }
			#nav-main a.btn-reactive-energy:hover 	{ background-position: 0 0; }
			
			#nav-main a.btn-tech-history 			{ width: 107px; background: url("images/buttons/tech_history.png") bottom no-repeat; }
			#nav-main a.btn-tech-history:hover 		{ background-position: 0 0; }
			
			#nav-main a.btn-economics 				{ width: 85px; background: url("images/buttons/economics.png") bottom no-repeat; }
			#nav-main a.btn-economics:hover 		{ background-position: 0 0; }
			
			#nav-main a.btn-contact 				{ width: 68px; background: url("images/buttons/contact.png") bottom no-repeat; }
			#nav-main a.btn-contact:hover 			{ background-position: 0 0; }*/
			
			/*body#environment #nav-main a.btn-environment,
			body#products #nav-main a.btn-products,
			body#applications #nav-main a.btn-applications,
			body#reactive-energy #nav-main a.btn-reactive-energy,
			body#tech-history #nav-main a.btn-tech-history,
			body#economics #nav-main a.btn-economics,
			body#contact #nav-main a.btn-contact { background-position: 0 0; }*/
			
		
		/* CONTENT
		////////////////////////////////////////////////////////////////////// */
			
			#content {
				float:left;
				width: 960px;
				min-height:100%;
				background:#fff;
			}
			
			#content-left {
				float: left;
				width: 700px;
			}
			
			#content-right {
				float: right;
				width: 260px;
				/*background: url("images/layout/bg-column.gif") repeat-x;
				background-position: top;*/
				font-size: .85em;
				color: #4d641f;
			}
			
			/* SUB CONTENT
			---------------------------- */
			
				#banner.sub {
					border-bottom: 6px solid #ddd;
				}
				
				#text {
					padding: 0 20px 20px 30px;
				background-image:url(images/layout/bg-column.gif) repeat-x;
				background-position:top;
				}
			
			/* RIGHT COLUMN CAPSULES
			---------------------------- */
			
				#capsule-top {
					margin: 13px 0 7px 8px;
					background: url("images/layout/capsule-stretch-left.gif") repeat-y;
				}
				
				#capsule-middle {
					margin: 0 0 7px 8px;
					background: url("images/layout/capsule-stretch-center.gif") repeat-y;
				}
				
				#capsule-bottom {
					margin: 0 0 7px 8px;
					background: url("images/layout/capsule-stretch-right.gif") repeat-y;
				}
				
				#capsule-top p, #capsule-middle p, #capsule-bottom p {
					padding: 8px 14px 0 21px;
					color: #4d641f;
				}
				
				#capsule-top ul, #capsule-middle ul, #capsule-bottom ul {
				padding: 8px 14px 0 21px; margin: 0;
				list-style: none;
				font-weight: bold;
				line-height: 1.1;
				}
				
				#capsule-top li, #capsule-middle li, #capsule-bottom li {
					margin-bottom:10px;
					color:#4d641f;
					font-weight:normal;
				}
				
				#capsule-top a, #capsule-middle a, #capsule-bottom a {
					font-weight:bold;
				}
				
				#capsule-top p, #capsule-middle p, #capsule-bottom p {
					padding: 8px 14px 0 21px;
					color: #4d641f;
					line-height: 1.1;
				}
				#capsule-bottom .headline{
				font-weight:bold;
				color: #339900;
				}


		/* FOOTER
		////////////////////////////////////////////////////////////////////// */
		
			#footer {
				background: url("images/layout/bg-footer.gif") repeat-x #b4d66f;
				position:relative;
				background-position: top;
				text-align: center;
				color: #6b8c2a;
				clear: both;
			}
			
			#footer ul {
				padding: 20px 0 0 0;
				text-align: center;
				list-style: none;
				font-weight: bold;
				font-size: .9em;
			}
			
			#footer li {
				display: inline;
			}
			
			#footer p {
				margin: 0 auto;
				padding: 0 0 20px 0;
				text-align: center;
				font-size: .85em;
				color: #6b8c2a;
			}
			
			#footer a {
				padding: 0 4px 0 4px;
				color: #4d641f;
			}
			
			#footer img {
				display: block;
				margin: 0 auto;
			}
			#footer #lpc_logo {
				position:absolute;
				bottom:10px;
				right:10px;
			}
			
			
		/* SPECIAL
		////////////////////////////////////////////////////////////////////// */

			
			span.replace, #skip-nav {mage Replacement
				display: block;
				width: 0;
				height: 0;
				overflow: hidden;
			}
			


		/* TEXT
		////////////////////////////////////////////////////////////////////// */
		
			
			h1 {
				padding: 16px 0 10px 0;
				font-size: 1.9em;
				font-weight: bold;
				color: #ff9933;
			}
			
			h2 {
				padding: 14px 0 10px 0;
				font-size: 1.4em;
				font-weight: bold;
				color: #4d641f;
			}
			
			h2 strong {
				font-weight: bold;
				color: #4d641f;
			}
			
			h3 {
				padding: 0 0 10px 0;
				font-size: .9em;
				font-weight: bold;
				letter-spacing: -1px;
				color: #4d641f;
			}
			
			p {
				padding: 0 0 8px 0;
				color: #666;
			}
			
			strong {
				font-weight: bold;
				font-size: 1em;
				color: #4d641f;
			}
			
			#text ul {
				display: block;
				list-style: none;
				padding: 6px 0 20px 30px;
				color: #666;
			}
			
			#text li { padding: 4px 0 0 0; }
			
			ol {
				display: block;
				padding: 6px 0 20px 40px;
				color: #666;
			}
			
			ol li { padding: 4px 0 0 0; }
			
			
		
		/* LINKS
		////////////////////////////////////////////////////////////////////// */
		
			
			a {
				color: #339900;
				text-decoration: none;
			}
			
			a:hover {
				color: #2A4A83;
				text-decoration: underline;
			}
			
		/* IMAGES
		////////////////////////////////////////////////////////////////////// */
		
			#text img {
				float: right;
				padding: 1px; margin: 0 14px 14px 18px;
				border: 6px solid #cccccc;
			}
			
			
		/* PAGES
		////////////////////////////////////////////////////////////////////// */
		
			
			/* HOME
			---------------------------- */
			
			#capsules {
				/*display: table;*/
				padding: 18px 0 11px 80px;
				height: 100%; width: 880px;
				background: url("images/layout/bg-content.gif") repeat-x;
				background-position: top;
				font-size: .85em;
			}
			
			#capsule-left {
				float: left;
				width: 245px;
				margin: 0 30px 0 0;
				background: url("images/layout/capsule-stretch-left.gif") repeat-y;
			}
			
			#capsule-center {
				float: left;
				width: 245px;
				margin: 0 30px 0 0;
				background: url("images/layout/capsule-stretch-center.gif") repeat-y;
			}
			
			#capsule-right {
				float: left;
				width: 245px;
				background: url("images/layout/capsule-stretch-right.gif") repeat-y;
			}
			#capsule-right .headline{
				font-weight:bold;
				color: #339900;
			}
			
			#capsule-left ul, #capsule-center ul, #capsule-right ul {
				padding: 8px 14px 0 21px; margin: 0;
				list-style: none;
				font-weight: bold;
				line-height: 1.1;
			}
			
			#capsule-left li, #capsule-center li, #capsule-right li {
				margin-bottom:10px;
				color:#4d641f;
				font-weight:normal;
			}
			
			#capsule-left a, #capsule-center a, #capsule-right a {
				font-weight:bold;
			}
			
			#capsule-left p, #capsule-center p, #capsule-right p {
				padding: 8px 14px 0 21px;
				color: #4d641f;
				line-height: 1.1;
			}
			
			body#home #text {
				margin: 12px auto 6px auto;
				width: 780px;
				background: none;
			}
			

			/* ENVIRONMENT
			---------------------------- */
			
			#environment ul {
				font-weight: bold;
				color: #4d641f;
			}
			
			/* PRODUCTS
			---------------------------- */
			
			#products #text img {
				float: left;
				margin: 0 12px 12px 0;
			}
			#products #text li { clear:both; }
			#products h2 { clear:both; }
			#products #text .flash {
				width:455px;
				margin:15px auto;
			}
			
			
			/* REACTIVE ENERGY
			---------------------------- */
			
			#formula {
				padding: 18px;
			}
			
			/* CONTACT
			---------------------------- */
						
			body#contact .staff 			{ clear: left; }
			body#contact .staff img	{ 
				float: left !important; 
				padding: 1px; margin: 0 14px 14px 18px !important;
				border: 6px solid #cccccc !important;
			}
			body#contact .staff p {
				padding: 0 0 8px 0 !important;
				color: #666 !important;
			}
			
			body#contact .staff strong {
				font-weight: bold !important;
				font-size: 1em !important;
				color: #4d641f !important;
			}
			
			
			/* PDF
			---------------------------- */
			
			.pdf {
				margin: 12px 12px 12px 0;
				padding: 4px;
				width: 142px;
				background-color: #eeeeee;
				clear: left;
			}
			
			.pdf a {
				padding: 8px 10px 8px 22px;
				background: url("images/layout/icon-pdf.gif") no-repeat;
				background-position: center left;
				font-weight: bold;
			}
			
			/* BLOG
			---------------------------- */
			#blog #header {
				height:200px;
				background:url(images/blog/blog_header.jpg);
				}
			#blog .post img {
				display:inline-block;
				margin:5px 0 10px 0;
				float:none;
				}
			#blog #logo {
				background:none;
				}
			#blog .post {
				margin:0 0 20px 0;
				}
			#blog .post h2 {
				padding:20px 0 0 0;
				}
			#blog .single_title {
				padding:20px 0 0 0;
				}
			#blog #commentform textarea,
			#blog #commentform input {
				border:#ccc 2px solid;
				background:#fdfdfd;
				}
			#blog #commentform textarea { width:630px; }
			#blog .commentlist { list-style:none; padding-left:0px; }
			#blog .commentlist li { padding:8px; }
			#blog .commentlist .alt { background:#E5E5E5; }