/* eNPure Process Systems, Inc. Main CSS */
   
/* -------------------------------------------------------------------------- *
 * Reset Default CSS Values                                                   *
 * -------------------------------------------------------------------------- */   
                                             
* { 
    margin: 0; 
    padding: 0;
    }         
                 
                                                   
/* -------------------------------------------------------------------------- *
 * General Styles                                                             *
 * -------------------------------------------------------------------------- */

body {
    background: url("../img/ui/bg_page.gif") #313634 repeat-y top center;   
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #1d2326;
    }                    
    
p { 
    text-align: left;
    margin-bottom: 18px;
}    

p.note {
    color: #f00;
}

h1 {                    
    font-size: 18px; 
    line-height: 18px; 
    margin-bottom: 18px;
    font-weight: normal;
} 

h2 {                    
    font-size: 15px; 
    line-height: 18px; 
    padding-bottom: 6px;
    margin-bottom: 12px;
    border-bottom: 1px solid #ccc;     
}               
         
h3 {
    font-size: 12px; 
    line-height: 18px;     
    font-weight: bold;    
}         
         
em {
    font-size: 13px;  
    line-height: 18px;
    font-weight: bold;    
    font-style: normal;
    color: #30428e;
}
      
ul {
    list-style-position: outside;
    margin-bottom: 18px;        
    margin-left: 15px;
    clear: both;    
}  

ul li ul {
    margin-left: 15px;
    margin-bottom: 0;
}

ul.arrow {
	list-style-type: disc;
	list-style-image: url(../img/ui/bullet_arrow.gif);
	list-style-position: outside;    
	padding-left: 5px;
	text-indent: -5px;
	margin-left: 20px;
	}                 
	
ul.arrow li {    
    margin-bottom: 9px;
}	  

ul.arrow li a {      
    text-decoration: none;
    font-size: 14px;
    color: #a31310;
    font-weight: bold;
    margin-left: 5px;    
} 

ul.arrow li a:hover {      
    text-decoration: underline;
}            
    
div#extra ul {
    list-style: none;
    margin-left: 0;
}    
    
div#footer {
    font-size: 10px;
    color: #999;
}   


a {
    text-decoration: none;
    color: #a31310;   
    font-weight: bold;
}                       

div#extra a {
    text-decoration: none;
    color: #a31310;   
    font-weight: bold;
    font-size: 10px;
    float: right;
}

div#extra ul a {
    float: none;
}

a:hover, div#extra a:hover {
    text-decoration: underline;
} 


      
      
/* -------------------------------------------------------------------------- *
 * Page Layout                                                                *
 * -------------------------------------------------------------------------- */    

div#container {
    width: 774px;
    margin: 0 auto;
    text-align: left;    
    }                
    
div#header {   
    width: 774px;
    height: 180px;
    background: url("../img/ui/bg_header_01.jpg") #fff no-repeat top center;       
}  
    
div#wrapper {
    float: left; 
    width: 540px;      
    background: url("../img/ui/bg_content_tile.gif") repeat-y top left;
    }    
    
div#content {
    height: 100%;
    width: 540px;
    margin-top: -36px;
    background: url("../img/ui/bg_content_base.gif") no-repeat bottom left;     
    padding: 0 0 36px 0;
    } 
        
div#extra {
    float: right; 
    width: 216px; 
    margin-right: 18px;
    margin-top: -18px;
    }  
    
div#footer {
    clear: both;
    width: 774px;
    padding: 0 18px;
    }        
    
div.col_left, div.col_right {
    width: 234px;
    margin-left: 18px;
    float: left;
}       

div.wide, div.box {
    width: 486px;
    margin-left: 18px;
    clear: both;
}

div.float_clear {
    clear: both;
}

div.box {
    border-top: 1px solid #ccc;
    padding-top: 9px;
}             



/* -------------------------------------------------------------------------- *
 * Tabbed Navigation                                                          *
 * -------------------------------------------------------------------------- */

div#tabnav {
    float: left;    
    background: url("../img/ui/tab_shd_lft.gif") #f00 no-repeat left top;
    padding: 0 0 0 18px;
    margin-top: 100px;
    line-height: normal;
    clear: both;
    }  
    
div#tabnav ul {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    padding: 0 18px 0 0;
    background: url("../img/ui/tab_shd_rgt_long.gif") #0f0 no-repeat right top;
    }   
    
div#tabnav ul li {
    float: left;
    background: url("../img/ui/tab_std_rgt.gif") no-repeat right top;    
    margin: 0 0 0 0;
    padding: 0;
    }       
    
div#tabnav a {
    float: left;
    display: block;
    background: url("../img/ui/tab_std_lft.gif") no-repeat left top;
    padding: 9px 9px 2px 9px;
    text-decoration: none;  
    color: #ffffff; 
    font-weight: normal;
    }         

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
div#tabnav a {
    float: none;
    }
/* End IE5-Mac hack */    
    
div#tabnav li#current {
    background: url("../img/ui/tab_sel_rgt.gif") no-repeat right top;
    }   
    
div#tabnav li#current a {
    background: url("../img/ui/tab_sel_lft.gif") no-repeat left top;
    color: #000;
    }      
    
    
    
/* -------------------------------------------------------------------------- *
 * Gallery Box                                                                *
 * -------------------------------------------------------------------------- */

ul.gallery, 
ul.gallery * {
    list-style: none;
    border: none;
    margin: 0;
    padding: 0;
    }


ul.gallery {
    width: 476px;             
    background: #eee;        
    padding: 5px;
    margin-bottom: 18px;  
    }               

ul.gallery, 
ul.gallery li.photo {
    clear: both;
    }

ul.gallery, 
ul.gallery li {
    float: left; 
    } 

ul.gallery li img,
ul.gallery li {
    display: block;
    }                  

ul.gallery li {
    margin: 5px;     
    } 
    
ul.gallery li img {
    border: 1px solid #39362e;
}    

ul.gallery li.photo p {
    line-height: 18px;
    margin-bottom: -2px;
    text-align: left;
    }                

                     
                     
                     
/* -------------------------------------------------------------------------- *
 * Case Study Box                                                             *
 * -------------------------------------------------------------------------- */
 
div.case_study_box {
    width: 216px;
    float: left;        
    vertical-align: top;
    font-size: 10px; 
    margin-bottom: 18px;   
    } 
    
div#content div.case_study_box {
    background: #eee;
    padding: 9px;
    margin-left: 18px;
    }      

div.case_study_box img {
    border: 1px solid #39362e;
    margin-bottom: 9px;
    }

div.case_study_box p {    
    margin: 0;
    }    
    
div.case_study_box a {
    float: right;
    }    
    
 
 
ul.workflow, 
ul.workflow * {
    float: left;
    list-style: none;
    border: none;
    margin: 0;
    padding: 0;
    }    

ul.workflow {
    margin-bottom: 18px;
}