body,
html {
    margin:0;
    margin-top:10;
    padding:0;
    }
body 
{
	margin-top:0;    
    text-align:center;
    background:#333333;
    
    }
p 
{
    font-family: Tahoma;
    color:Silver;
    font-size:0.75em;
    letter-spacing:0.05em;
	line-height: 1.4em;
    padding: 0;
	margin: 0;
	padding-left:5px;
	margin-bottom: 10px; 
}
img 
{
    border:0;
}
table tr td{
    font-family: Tahoma;
    color:Silver;
    font-size:0.75em;
    letter-spacing:0.05em;
	line-height: 1.4em;
    padding: 0;
	margin: 0;
	padding-left:5px;
	margin-bottom: 10px; 
}


#wrap {
    margin:0 auto;
    width:950px;
    min-height:500px;    
    text-align:left;
    }
DIV#header { position: relative; float:left; padding:0; margin:0px; width:950px; height:300px; background-color:white; overflow: hidden;}    
/** While we're having the loading class set. Removing it, will remove the loading message */
DIV#header.loading { background: url(img/spinner.gif) no-repeat center center;}
    
#main 
{
    min-height: 100%; /*for footer to stick to bottom*/
    height: auto;     /*for footer to stick to bottom*/
    height: 100%;    /*for footer to stick to bottom*/
	position:relative;
	padding-top:15px;
	padding-bottom:5px;
    width: 950px;
    clear:both;
    }    
#ourprojects {
	position:relative;
	padding-top:10px;
	padding-bottom:5px;

    width: 950px;
    clear:both;
    }        
#left_col {
	position:relative;

	float:left;	
	margin:0;
	padding:0;
    width: 300px;
    }     
	
#mid_col {
	position:relative;
	float:left;
	margin:10px;
	margin-left:15px;
	margin-right:15px;
	padding:0;

    } 
#right_col {
	position:relative;
	float:left;	
	margin:0;
	padding:0;
	float:right;    
    width: 320px;
    }            

#nav {
	position: relative;
	float:left;
	padding-top:10px;
	padding-bottom:4px;
    font-family: Tahoma;
    color:Silver;
    font-size:9pt;
    letter-spacing:0.05em;
}

#content_2_col {
	position:relative;
	float:left;	
	margin:0;
	padding:0;
	float:right;    
    width:640px;
	border: solid 0px white;
    }            


.intro {	position:relative;	background-color:#525357;	float:left;	margin:0;	padding:0;	margin-bottom:10px; width: 300px;    }   
.title {	position:relative;	background-image: url("img/pipe_t.jpg"); background-position: top left; background-repeat:repeat-x; float:left; text-align:right; margin:0; padding:0; margin-bottom:10px; height: 22px; width: 640px; }  
.productname {	position:relative;	background-image: url("img/pipe_t.jpg"); background-position: top left; background-repeat:repeat-x; float:left; text-align:center; margin:0; padding:0; margin-bottom:10px; height: 22px; width: 640px; }  
.main_pipe {	position:relative;	background-image: url("img/pipe.jpg"); background-position: top left; background-repeat:repeat-x; float:left; clear:both; margin:0; padding:0; margin-bottom:10px; height: 22px;  width: 950px; }  
	
.navbutton120         { width:120px; height:30px; position: relative; background-image: url("img/navigation.png");      background-position: top left; background-repeat:repeat-x; float:left; margin:0;	padding:0; vertical-align:middle; text-align:center; margin-right:1px; border: solid 0px white;	}	
.navbutton120 a:hover { width:120px; height:30px; position: relative; background-image: url("img/navigation_over.png"); background-position: top left; background-repeat:repeat-x; float:left; margin:0;	padding:0; vertical-align:middle; text-align:center; border: solid 0px white; cursor:pointer;}
.navbutton140 { width:140px; height:30px; position: relative; background-image: url("img/navigation.png"); background-position: top left; background-repeat:repeat-x; float:left; margin:0;	padding:0; vertical-align:middle; text-align:center; margin-right:1px; border: solid 0px white;	}	
.navbutton140 a:hover { width:140px; height:30px; position: relative; background-image: url("img/navigation_over.png"); background-position: top left; background-repeat:repeat-x; margin:0;	padding:0;vertical-align:middle; text-align:center; float:left; border: solid 0px white;cursor:pointer;}
.navbutton203 { width:203px; height:30px; position: relative; background-image: url("img/navigation.png"); background-position: top left; background-repeat:repeat-x; float:left; margin:0;	padding:0; vertical-align:middle; text-align:center; margin-right:1px; border: solid 0px white;	}	
.navbutton203 a:hover { width:203px; height:30px; position: relative; background-image: url("img/navigation_over.png"); background-position: top left; background-repeat:repeat-x; margin:0;	padding:0;vertical-align:middle; text-align:center; float:left; border: solid 0px white;cursor:pointer;}
.navbutton120right         { width:120px; height:30px; position: relative; background-image: url("img/navigation.png");      background-position: top left; background-repeat:repeat-x; float:left; margin:0;	padding:0; vertical-align:middle; text-align:center; margin-right:0px; border: solid 0px white;	}	
.navbutton120right a:hover { width:120px; height:30px; position: relative; background-image: url("img/navigation_over.png"); background-position: top left; background-repeat:repeat-x; float:left; margin:0;	padding:0; vertical-align:middle; text-align:center; border: solid 0px white;cursor:pointer;}
.padtop { margin:0;	padding:0;height:30px; margin-top:-4px; vertical-align:middle; padding-top:10px; color:white; font-weight:bold; font-size:1em; text-decoration:none; }

#nav A:link {
    color:white;
    font-weight:bold;
    font-size:inherit;
    text-decoration:none;
}
#nav A:visited {
    color:white;  
    font-weight:bold;
    font-size:inherit;
    text-decoration:none;
}
#nav A:hover {
    color:yellow;
    font-weight:bold;
    font-size:inherit;
    text-decoration:none;
}
	

ul
{   
	margin: 0;
	padding: 0;
    margin-left:15px;
	padding-left: 15px;	
    font-family: Tahoma;
    font-size:9pt;   
    color:Silver;
	line-height: 18pt;
    letter-spacing:0.05em;	
}
li
{   
	margin: 0;
	padding: 0;
    margin-left:10px;
	margin-bottom: 5px;
    font-family: Tahoma;
    font-size:9pt;   
    color:Silver;
	line-height: 12pt;

}
.dec
{   
	margin: 0;
	padding: 0;
    list-style-type:decimal;
    margin-left:15px;
	margin-bottom: 5px;
    font-family: Tahoma;
    font-size:1em;   
    color:Silver;
	line-height: 12pt;
	
}
li.arrow
{   
	margin: 0;
	padding: 0;
    margin-left:10px;
	margin-bottom: 5px;
    font-family: Tahoma;
    font-size:1em;   
    color:Silver;
	line-height: 12pt;
	list-style-image: url("img/arrow_bullet_h.png");
}

li.products
{   
	margin: 0;
	padding: 0;
    margin-left:10px;
	margin-bottom: 5px;
    font-family: Tahoma;
    font-size:1.2em;   
    color:#538ff2;
	line-height: 12pt;
	list-style-image: url("img/arrow_bullet_h2.png");
}

A:link {
    color:#8fe1ff;
    font-size:inherit;
    text-decoration:none;
}
A:visited {
    color:#8fe1ff;  
    font-size:inherit;
    text-decoration:none;
}
A:hover {
    color:#00baff;
    font-size:inherit;
    text-decoration:none;
}

h2 {
    color:yellow;  
	padding: 0;
	margin: 0;
	font-family: Trebuchet MS;
	font-size: 1.6em;
	padding-right: 20px;
	text-align: right;
}

h3 {
    color:yellow;  
	padding: 0;
	margin: 0;
	font-family: Trebuchet MS;
	font-size: 1.4em;
	padding-right: 20px;
	text-align: center;
}

h4 {
    color:white;  
	padding: 0;
	margin: 0;
	margin: 10px;
	font-family: Tahoma;
	font-size: 1em;
	font-weight: bold;
	
}

#footer 
{
	position:relative;    
    color:white;   	
    font-family: Tahoma;
    font-size:9pt;    
    width: 950px;
    height:10px;
    margin:0;
    padding:0;
    margin-bottom:0;
    text-align: right;
    padding-top:5px;
    padding-bottom:20px;
	clear:both;
}