@charset "utf-8";



/* ----- GENERAL DESIGN ----- */

* {
	margin: 0;
	padding: 0;
}

body {
	background: url(images/bg6.gif) repeat-x;
	font-family: "Helvetica", Trebuchet MS, Arial, sans-serif;
	font-size: 11px;
	color: #4A5157;
}

h1, h2, h3 {
	color: #292929;
}

h1 {
	letter-spacing: -1px;
	font-size: 22px;
}

h2 {
	font-size: 20px;
	color: #292929;
}

h3 {
	font-size: 13px;
	text-transform: uppercase;
	color: #000000;
}

p, ul, ol {
	margin-bottom: 2em;
	text-align: justify;
	line-height: 150%;
}

p.indent{
	color:#FC0;
	font-size: 14px;
	padding-left: 33px;
}

p.indent2{
	color: #292929;
	font-size: 12px;
	padding-left: 33px;
}

ul {
}

ol {
}

a {
	color: #333;
}

a:hover {
	text-decoration: none;
}

a.product {
	color: #FFD036;
}

a.product:hover {
	text-decoration: none;
}

a.main {
	color:#333;
}

a.main:hover {
	color:#333;
}

a.arrow {
	color:#F00;
	text-decoration: none;
}

a.arrow:hover {
	color:#000;
	text-decoration: none;
}

img {
	border: none;
	behavior: url(iepngfix.htc);
}

img.left {
}

img.right {
}

.tn img {
	border: 8px solid #F5F5F5;
}

hr {
	display: none;
	
}

.dottedline {
    border-bottom: 1px dotted Red;
}


/* ----- IMAGE BANNER ----- */

#logo {
	width: 920px;
	height: 147px;
	margin:0 auto;
}

#logo h1 {
	float: left;
	padding: 70px 37px 0 0;
	height: 54px;
	background: url(images/) no-repeat 100% 64px;
	font-size: 38px;
	font-weight: normal;
	letter-spacing: -2px;
}

#logo h2 {
	float: right;
	padding: 98px 0 0 0;
	text-transform: lowercase;
	font-weight: normal;
	font-size: 16px;
	color: #FFFFFF;
}

#logo a {
	text-decoration: none;
	color: #FFFFFF;
}



/* ----- MAIN MENU ----- */

ul#menu
{
	width: 918px;
	height: 30px;
	margin: 0 auto;
	list-style-type:none;
	
	position: relative;
	display:block;
	
	font-size:12px;
	font-weight:bold;
	behavior: url(iepngfix.htc);
	background:transparent url(images/nav_bg_b.png) repeat-x top left;
	font-family: Helvetica, Arial, sans-serif;
	border-bottom:1px solid #000000;
	border-top:1px solid #000000;
}

ul#menu li
{
	display:block;
	float:left;
	margin:0;
	padding:0;
}
	
ul#menu li a
{
	display:block;
	float:left;
	color:#CCC;
	text-decoration:none;
	font-weight:bold;
	padding:8px 20px 0 20px;
}
	
ul#menu li a:hover
{	
	color:#FFFFFF;
	height:22px;
	behavior: url(iepngfix.htc);
	background:transparent url(images/nav_bg_b.png) 0px -30px no-repeat;		
}
	

ul#menu li a.current
{
	display:inline;
	height:22px;
	behavior: url(iepngfix.htc);
	background:transparent url(images/nav_bg_b.png) 0px -30px no-repeat;	
	float:left;
	margin:0;
}


/*#menu {
	width: 918px;
	height: 50px;
	margin: 0 auto;
}

#menu ul {
	margin: 0;
	padding: 10px 0 0 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 25px;
	margin: 0 10px;
	padding: 7px 20px 0 20px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
}

#menu a:hover {
	text-decoration: none;
	color:#FFCC33;
}

#menu .active a {
	/*background: url(images/img_03.gif) repeat-x center bottom;*/
	/*behavior: url(iepngfix.htc);
	color: #292929;
	height:30px;
	width:80px;
	background: url(images/image03.png) no-repeat left top;
}

#menu .active a:hover {
	/*background: url(images/img_03.gif) repeat-x center bottom;*/
	/*behavior: url(iepngfix.htc);
	color: #292929;
	height:30px;
	width:80px;
	background: url(images/image03_hover.png) no-repeat left top;
}*/

/* ----- PAGE DESIGN ----- */

#bg {
	background: url(images/) no-repeat center top;
}

#page {
	width: 918px;
	margin: 0 auto;
}

/* ----- CONTENT ----- */

#content {
	/*background: #FFF;*/
	float: left;
	width: 625px;
	padding: 0 0 0 24px;
}

#content h1 {
	margin: 50px 0 10px 0;
	padding-left: 0;
	height: 23px;
	width: 650px;
	behavior: url(iepngfix.htc);
	background:  url(images/) no-repeat left center;
}

#content .content {
	padding-left: 32px;
}



/* ----- POST DESIGN ----- */

.post h1.title {
	margin: 0 0 20px 0;
	padding-left: 33px;
	background: url(images/) no-repeat left center;
}

.post h2.title {
	margin: 0 0 20px 0;
	padding-left: 33px;
	background: url(images/) no-repeat left center;
}

.post .title a {
	text-decoration: none;
	color: #292929;
}

.post .entry {
	padding-left: 35px;
}

.post .entry-b {
	padding-left: 0px;
}

.post ul, .post ol {
	margin-left: 2em;
}

.post ul {
	list-style-type: square;
}

.post ol {
	list-style-type: decimal;
}



/* ----- SIDEBAR DESIGN ----- */

#sidebar {
	float:right;
	width: 214px;
	padding: 6px 1px 0 0;
}

#sidebar a {
	text-decoration: none;
	color: #000000;
}

#sidebar a:hover {
	text-decoration: none;
	color:#FF0000;
	text-decoration: none;
}

.box {
}

.box .title {
	height: 27px;
	padding: 8px 0 0 10px;
	behavior: url(iepngfix.htc);
	background: #fff  url(images/) no-repeat;
	text-transform: uppercase;
	font-size: 18px;
	color: #292929;
}

.box .title2 {
	height: 27px;
	padding: 8px 0 0 10px;
	behavior: url(iepngfix.htc);
	background: #fff  url(images/) no-repeat;
	text-transform: uppercase;
	font-size: 18px;
	color: #292929;
} 

.box .content {
	padding: 10px;
	background: url(images/) repeat-x;
}

.box ul {
	list-style: none;
	line-height: 10px;
}

.box ul li {
	margin-bottom: 13px;
	font-size: 11px;
}

.box small {
	font-size: 9px;
	color: #808C96;
}




/* ----- FOOTER ----- */

#footer {
	background:#FFF url(images/) no-repeat center top;
	font-size: 10px;
}

#footer p {
	text-align: center;
}



/* ----- TRANSFORMER OIL TABLE DESIGN ----- */
#gradient-style
{
	font-family: "Trebuchet MS";
	font-size: 12px;
	margin: 45px;
	width: 530px;
	text-align: left;
	border-collapse: collapse;
}
#gradient-style th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #f9e492 url('images/tablehead.png') repeat-x;
	border-top: 2px solid #f9e492;
	border-bottom: 1px solid #fcf1ca;
	color: #000000;
}
#gradient-style td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #666666;
	border-top: 1px solid #fff;
	background: #fcf1ca url('images/tableback.png') repeat-x;
}
#gradient-style tfoot tr td
{
	background: #fcf1ca;
	font-size: 12px;
	color: #000000;
}
#gradient-style tbody tr:hover td
{
	background: #f9e492 url('images/tablehover.png') repeat-x;
	color: #000000;
}




/* ----- JOBS TABLE DESIGN ----- */

#gradient-style-jobs
{
	font-family: "Trebuchet MS";
	font-size: 14px;
	margin: 0px;
	width: 625px;
	text-align: left;
	border-collapse: collapse;
}
#gradient-style-jobs th
{
	font-size: 14px;
	font-weight: bold;
	padding: 8px;
	background: #f9e492 url('images/tablehead.png') repeat-x;
	border-top: 2px solid #f9e492;
	border-bottom: 1px solid #fcf1ca;
	color: #000000;
}
#gradient-style-jobs td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #666666;
	border-top: 1px solid #fff;
	background: #fcf1ca url('images/tableback.png') repeat-x;
}
#gradient-style-jobs tfoot tr td
{
	background: #fcf1ca;
	font-size: 12px;
	color: #000000;
}
#gradient-style-jobs tbody tr:hover td
{
	background: #f9e492 url('images/tablehover.png') repeat-x;
	color: #000000;
}


/* ----- IMAGE POSITIONING ----- */

#test {
	float: right;
	margin: 0 auto;
}

#test-b {
	float: right;
	width: 300px;
	height: 300px;
	margin: -10px 0 auto;
}


#test-c {
	float: left;
	margin: 0 auto;
}

#flashcontent {
		width: 100%;
		height: 640px;
		border: thin #999999 solid;		
		background-color: #000000;
	}
	



/* ------------------------------ CSS FOR SERVICES | PRODUCTS --------------------------------- */


/* ----- COLORS ----- */
.color-yellow {background:#111;}
.color-red    {background:#111;}
.color-blue   {background:#111;}
.color-white  {background:#;}
.color-orange {background:#111;}
.color-green  {background:#;}
.color-yellow h3,
.color-white h3,
.color-green h3
	
.color-yellow h3,
.color-red h3,
.color-blue h3,
.color-orange h3
	{color:#FFF;}
/* End Colors */



/* ----- COLUMNS SECTION ----- */
#columns .column {
    float: left;
    width: 100%;
		/* Min-height: */
		min-height: 400px;
		height: auto !important; 
		height: 400px; 
		list-style:none;	
}

/* Column dividers (background-images) : */
	#columns #column1 { background: url(images/) no-repeat right top; }
	#columns #column3 { background: url(images/) no-repeat left top; }
	
#columns #column1 .widget { margin: 15px 35px 0 10px; }
#columns #column3 .widget { margin: 30px 25px 0 35px; }
#columns .widget {
    margin: 30px 20px 0 20px;
    padding: 2px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
#columns .widget .widget-head {   
    overflow: hidden;
    width: 100%;
    height: 30px;
    line-height: 30px;
}
#columns .widget .widget-head h3 {
    padding: 0 5px;
    float: left;
}
#columns .widget .widget-content {
    background: #333 url(images/widget-content-bg.png) repeat-x;
    padding: 0 5px;
    color: #999;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    line-height: 1.2em;
    overflow: hidden;
}
#columns .widget .widget-content p {
    padding: 0.8em 0;
    border-bottom: 1px solid #666;
}
#columns .widget .widget-content img {
    float: right;
    margin: 10px;
    border: 1px solid #FFF;
}
#columns .widget .widget-content pre {
    padding: 0.5em 5px;
    color: #EEE;
    font-size: 12px;
}
#columns .widget .widget-content ul {
    padding: 5px 0 5px 20px;
    list-style: disc;
}
#columns .widget .widget-content ul li {padding: 3px 0;}
#columns .widget .widget-content ul.images {
    padding: 7px 0 0 0;
    list-style: none;
    height: 1%;
}
#columns .widget .widget-content ul.images li {
    display: inline;
    float: left;
}
#columns .widget .widget-content ul.images img {
    display: inline;
    float: left;
    margin: 0 0 7px 7px;
}
/* End Columns section */