/* Tri-Phase Automation
 * (c) Tri-Phase Automation -- www.tri-phase.com
 * 
 */
 
html { padding: 0px; margin: 0px; }
body {
    font: normal 12px Helvetica, Arial, sans-serif;
    color: #333; 
    margin: auto;
    background: #E8E8E8 url(/pics/shared/back_int.gif) top center repeat-x;
    }


/* FONT IN TABLES */    
body td {
    font: normal 12px Helvetica, Arial, sans-serif;
    color: #333;
    line-height: 20px;
    }

/* HEADER TAGS USING h1 - h6 HELPS SEARCH ENGINES UNDERSTAND CONTENT IMPORTANCE*/

h1 { 
   display: block;
   height: 61px;
   width: 265px;
   font: normal 1px Helvetica, Arial, sans-serif;
   color: #fff;
   margin: 0;
   padding: 0;
   background: url(/pics/shared/logo.jpg) top center no-repeat;
   text-indent: -5000px;
   }
   
   .style1 { display: block;height: 61px;width: 265px;font: normal 1px Helvetica, Arial, sans-serif;color: #fff; }
   .style1 a { display: block;height: 61px;width: 265px;font: normal 1px Helvetica, Arial, sans-serif;color: #fff; }
   .style1 a:link { display: block;height: 61px;width: 265px;font: normal 1px Helvetica, Arial, sans-serif;color: #fff; }
   .style1 a:hover { display: block;height: 61px;width: 265px;font: normal 1px Helvetica, Arial, sans-serif;color: #fff; }

h2 { 
   font: normal 20px Helvetica, Arial, sans-serif;
   color: #333;
   margin: 5px 0 0 0;
   letter-spacing: -1px;
   }
   
h3 { 
   font: normal 18px Helvetica, Arial, sans-serif;
   color: #600;
   margin: 10px 0 0 0;
   }
   
h4 { 
   font: normal 18px Helvetica, Arial, sans-serif;
   color: #900;
   margin: 10px 0 0 0;
   }
   
h5 { 
   font: normal 18px Helvetica, Arial, sans-serif;
   color: #C00;
   margin: 10px 0 0 0;
   }   
   
/* PARAGRAPH TAG */

p {
   font: normal 12px Helvetica, Arial, sans-serif;
   line-height: 14pt;
   color: #666;
   }

/* HOLDS CONTENT ON THE PAGE */
#container { 
    width: 850px;
    border: 0;
    margin: auto;
    color: #333;
    }
    
#head_contentholder {
    width: 800px;
    border: 0;
    color: #333;
    background: url(/pics/shared/head.jpg) top center;
    }
    
    .head {
    height: 61px;
    font: normal 12px Helvetica, Arial, sans-serif;
    background: url(/pics/shared/head.jpg) top center;
    }
    
    .logo {
    float: left;
    font: normal 1px Helvetica, Arial, sans-serif;
    color: #ccc;
    }
    
    .search {
    float: right;
    padding: 20px 0 0 0;
    margin: 0;
    font: normal 12px Helvetica, Arial, sans-serif;
    color: #333;
    }
    
    .search a:link{ color: #333;text-decoration: none; }
    .search a:visited{ color: #333;text-decoration:none; }
    .search a:hover{ color: #333;text-decoration:underline; }
    .search a:visited:hover{ color: #333; }
    
    .search_grey {
    margin: 0 5px 0 5px;
    width: 100px;
    background-color: #f2f2f2;
    }
    
#body_contentholder {
    float: left;
    width: 850px;
    color: #666;
    background: url(/pics/shared/padding_back.gif) top center repeat-x;
    }
    
    .home_image {
    float: left;
    width: 800px;
    height: 121px;
    margin: 0 25px 0 25px;
    padding: 0;
    font: normal 11px Helvetica, Arial, sans-serif;
    background: url(/pics/casecutter/head.jpg) top center no-repeat;
    }
    
    .nav {
    float: left;
    width: 800px;
    margin: 0 25px 0 25px;
    font: normal 12px Helvetica, Arial, sans-serif;
    background: #f2f2f2;
    }
    
    #navlist {
    width: 780px;
    margin: 0;
    padding: 10px 10px 0 10px;
	}

	#navlist ul {
	width: 780px;
    font: normal 14px Helvetica, Arial, sans-serif;
    color: #333;
    }
    
    #navlist li {
    font: normal 14px Helvetica, Arial, sans-serif;
    color: #333;
    display: inline;
    }

	#navlist a {
    color: #333;}

	#navlist a:link, #navlist a:visited {
    color: #333;
    text-decoration: none;}

	#navlist a:hover {
    color: #333;
    text-decoration: underline;}
    
    #navlist li.active a, #navlist li.active a  {
	font: bold 14px Helvetica, Arial, sans-serif;
    color: #333;
	}

	#navlist li.active a  {
	font: bold 14px Helvetica, Arial, sans-serif;
    color: #333;		
	}
    
    .center {
    float: left;
    width: 800px;
    margin: 0 25px 0 25px;
    padding: 0;
    background: url(/pics/shared/center_back.gif) top center repeat-x;
    }
   
   	.images_left {
    float: left;
    width: 100px;
    padding: 5px 5px 5px 10px;
    margin: 0;
    font: normal 11px Helvetica, Arial, sans-serif;
    color: #333;
    }
    
    .images_right{
    float: left;
    width: 100px;
    padding: 5px;
    margin: 0;
    font: normal 11px Helvetica, Arial, sans-serif;
    color: #333;
    }
   
    .main_content {
    float: left;
    width: 525px;
    margin: 10px 0 10px 10px;
    text-align: left;
    border-top: 3px solid #900;
    }
    
    .main_content { font: normal 12px Helvetica, Arial, sans-serif;color: #900; }
    .main_content a { font: normal 12px Helvetica, Arial, sans-serif;color: #900; }
    .main_content a:link { font: normal 12px Helvetica, Arial, sans-serif;color: #900;text-decoration: underline; }
    .main_content a:hover { font: normal 12px Helvetica, Arial, sans-serif;color: #600;text-decoration: underline; }
    
    .image {
    padding: 2px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    background-color: #fff;
    margin: 0 10px 10px 10px;
    }
    
    .featured_prod {
    float: left;
    width: 235px;
    margin: 10px 0 10px 10px;
    text-align: left;
    border-top: 3px solid #600;
    }
    
    .feature_image {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    background-color: #fff;
    padding: 0 10px 0 0;
    }
    
    .app_image {
    text-align: center;
    }
    
    .featured {
    width: 235px;
    text-align: center;
    padding: 10px 0 0 0;
    }
    
    .man_name {
    font: bold 12px Helvetica, Arial, sans-serif;
    color: #900;
    text-decoration: none;
    }
	
	.man_name a:link{ color: #900;text-decoration: none; }
    .man_name a:visited{ color: #900;text-decoration: none; }
    .man_name a:hover{ color: #600;text-decoration:underline; }
    .man_name a:visited:hover{ color: #600;text-decoration:underline; }
    
    .prod_name {
    font: normal 12px Helvetica, Arial, sans-serif;
    color: #333;
    text-decoration: none;
    }
	
	.prod_name a:link{ color: #333;text-decoration: none; }
    .prod_name a:visited{ color: #333;text-decoration: none; }
    .prod_name a:hover{ color: #333;text-decoration:underline; }
    .prod_name a:visited:hover{ color: #333;text-decoration:underline; }
    
    .app_solutions {
    color: #333;
    width: 235px;
    margin: 10px 0 0 0;
    text-align: left;
    border-top: 3px solid #900;
    }
    
    .seminars {
    color: #333;
    width: 235px;
    margin: 10px 0 0 0;
    text-align: left;
    border-top: 3px solid #C00;
    }
    
    .sem_link {
    font: bold 11px Helvetica, Arial, sans-serif;
    color: #333;
    }
	
	.sem_link a:link{ color: #333;text-decoration: none; }
    .sem_link a:visited{ color: #333;text-decoration: none; }
    .sem_link a:hover{ color: #333;text-decoration:underline; }
    .sem_link a:visited:hover{ color: #333;text-decoration:underline; }
    
    .view_link {
    font: normal 11px Helvetica, Arial, sans-serif;
    color: #900;
    }
    
    .date {
    font: normal 10px Helvetica, Arial, sans-serif;
    color: #333;
    }
    
    .city {
    font: normal 10px Helvetica, Arial, sans-serif;
    color: #999;
    }
	
	.view_link a:link{ color: #900;text-decoration: none; }
    .view_link a:visited{ color: #900;text-decoration: none; }
    .view_link a:hover{ color: #600;text-decoration:underline; }
    .view_link a:visited:hover{ color: #600;text-decoration:underline; }

	.case_img {
	border: 1px solid #fff;
	}

/* SPECIAL FONT COLORS */
    
    .reddot_sm {
    font: bold 12px Arial, sans-serif;
    color: #900;
    padding: 0 3px 0 3px;
    }


/* FOOTER */
#footer {
    display: block;
    width: 800px;
    color: #999;
    margin: 0;
    clear: both;
    background-color: #fff;
    }
    
    .footer {
    font: normal 10px Helvetica, Arial, sans-serif;
    text-align: left;
    line-height: 12pt;
    padding: 0;
    width: 770px;
    border-top: 3px solid #E8E8E8;
    margin: 0 10px 0 10px;
    color: #999;
    background-color: #fff;
    }
	
	.footer a:link{ color: #666;text-decoration: none; }
    .footer a:visited{ color: #666;text-decoration:none; }
    .footer a:hover{ color: #666;text-decoration:underline; }
    .footer a:visited:hover{ color: #666;text-decoration:underline; }