@charset "UTF-8"; 
 
@import "lib/fonts.css"; 
@import "common.css";
 
/**
 * ========================================
 * STRUCTURE 
 * ========================================
 */
	 
/**
 * HTML 
 * ========================================
 */
	 
body 
{
	color: #535353;
	background-color: #FFF;
}
 
a 
{
	color: #ff4200;
}
 
img 
{
	vertical-align: top;
}
 
/**
 * 
 * ----------------------------------------
 */
  
#header, 
#content,
#footer
{
	margin: 0 auto;
	width: 1031px;
}
 
/**
 * CLASSES 
 * ========================================
 */
	 
.border 
{
	background-image: url(../images/bg_border.gif);
	background-position: 0 0;
	background-repeat: repeat;
}
 
.note 
{
	clear: both;
	padding: 1em 0;
	text-align: center;
}
	 
.note li 
{
	padding: 0 .5em;
	display: inline;
}
	 
.note li span 
{
	color: #F00;
}
   
/**
 * 
 * ----------------------------------------
 */
  
/**
 * 
 * ========================================
 */
	
/**
 * 
 * ----------------------------------------
 */
   
/**
 * ========================================
 * HEADER 
 * ========================================
 */
	 
#header 
{
}
 
#header #remote 
{
	position: relative;
}
	 
#header #remote h1 
{
	position: absolute;
	top: 7px;
	left: 15px;
}
 	
#header #remote p 
{
	padding: 7px 15px;
	background-color: #dcd7cf;
	text-align: right;
	font-size: 110%;
}
	 
#header #remote p a 
{
	padding: 0 .5em;
	border-right: 1px solid #535353;
}
	 
#header #remote p a.firstChild 
{
	border-left: 1px solid #535353;
}
  
#header #remote p span 
{
	display: none;
}
   
#header #branding 
{
	position: relative;
	padding-bottom: 20px;
	width: 1031px;
	height: 578px;
	background-image: url(../images/bg_branding.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
	
#header #branding p 
{
	position: absolute;
	top: auto;
	right: 55px;
	bottom: 37px;
	left: auto;
}
  
#header #contentNav 
{
	padding-top: 15px;
	padding-bottom: 9px;
	padding-left: 13px;
}
	 
#header #contentNav li 
{
	float: left;
	width: 338px;
}
  
/**
 * 
 * ========================================
 */
	
/**
 * 
 * ----------------------------------------
 */
   
/**
 * ========================================
 * CONTENT 
 * ========================================
 */
	 
/**
 * FLOW 
 * ========================================
 */
	
#flow 
{
	margin-bottom: 43px;
}
	 
#flow h2 
{
	margin-bottom: 16px;
}
 
#flow ol 
{
	padding-top: 14px;
	padding-bottom: 14px;
	padding-left: 14px;
	border: 1px solid #a69191;
	font-size: 120%;
	line-height: 1.5;
}
	 
#flow ol li 
{
	float: left;
	width: 268px;
	background-image: url(../images/ico_flow_delimiter.gif);
	background-position: right center;
	background-repeat: no-repeat;
}
	 
#flow ol li img 
{
	display: block;
	margin-bottom: 7px;
}
  
#flow ol li.lastChild 
{
	width: 198px;
}
   
/**
 * 
 * ----------------------------------------
 */
  
/**
 * COMPANY LIST 
 * ========================================
 */
	 
#companyList 
{
	padding-bottom: 24px;
}
	 
#companyList h2 
{
	margin-bottom: 18px;
}
 
#companyList ul 
{
	padding-top: 24px;
	padding-bottom: 15px;
	padding-left: 20px;
	border: 1px solid #a69191;
}
	 
#companyList ul li 
{
	float: left;
	width: 142px;
	height: 70px;
}
	 
#companyList ul li img 
{
	border: 1px solid #c0c0c0;
}
   
#companyList .navigation 
{
	padding: 1em 20px;
	background-color: #FFF;
	text-align: right;
	font-size: 120%;
}
	 
#companyList .navigation a 
{
	padding-left: 17px;
	background-image: url(../images/ico_arrow.gif);
	background-position: left center;
	background-repeat: no-repeat;
}
   
/**
 * 
 * ----------------------------------------
 */
  
/**
 * BLOCK1 
 * ========================================
 */
	 
#block1 
{
	margin-bottom: 15px;
	width: 1031px;
}
	 
#block1 .body 
{
	background-image: url(../images/bg_block1_body.gif);
	background-position: 0 0;
	background-repeat: repeat-x;
}
 
#block1 h2 
{
	float: left;
	padding-top: 36px;
	width: 608px;
	height: 258px;
	background-image: url(../images/bg_block1.png);
	background-position: right top;
	background-repeat: no-repeat;
}
	
#block1 h2 img 
{
	margin-left: 20px;
}
  
#block1 .buttons 
{
	float: right;
	padding-top: 36px;
	width: 414px;
	text-align: right;
	background-image: url(../images/bg_block1_btn.png);
	background-position: 0 36px;
	background-repeat: no-repeat;
}
	
#block1 .buttons li 
{
	margin-right: 20px;
	margin-bottom: 8px;
}
  
#block1 .navigation 
{
	padding: 1em 20px;
	background-color: #FFF;
	text-align: right;
	font-size: 120%;
}
	 
#block1 .navigation a 
{
	padding-left: 17px;
	background-image: url(../images/ico_arrow.gif);
	background-position: left center;
	background-repeat: no-repeat;
}
   
/**
 * 
 * ----------------------------------------
 */
  
/**
 * BLOCk2 
 * ========================================
 */
	
#block2 
{
	margin-bottom: 55px;
	width: 1031px;
	background-image: url(../images/bg_box_mid.gif);
	background-position: 0 0;
	background-repeat: repeat-y;
}
	
#block2 h2 
{
	padding-bottom: 22px;
	width: 1031px;
	background-color: #FFF;
	background-image: url(../images/bg_box_top.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
 
#block2 .body 
{
	padding-top: 18px;
	padding-left: 25px;
	padding-bottom: 17px;
	background-image: url(../images/bg_box_btm.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
	
#block2 .body ol 
{
	float: left;
	width: 748px;
}
	
#block2 .body ol li 
{
	float: left;
	width: 249px;
	background-image: url(../images/bg_block2_mid.gif);
	background-position: 0 0;
	background-repeat: repeat-y;
}
	
#block2 .body ol li h3 
{
	padding-top: 12px;
	padding-right: 5px;
	margin-right: 12px;
	background-image: url(../images/bg_block2_top.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	text-align: center;
}
 
#block2 .body ol li p.icon 
{
	padding: 5px 0 10px;
	margin-right: 17px;
	text-align: center;
}
 
#block2 .body ol li div 
{
	padding-bottom: 20px;
	background-image: url(../images/bg_block2_btm.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
	
#block2 .body ol li div p 
{
	padding: .5em;
	margin-right: 32px;
	margin-left: 17px;
	background-color: #FFF;
	font-size: 120%;
	line-height: 1.5;
}
    
#block2 .body #miss 
{
	float: right;
	width: 258px;
}
   
/**
 * 
 * ----------------------------------------
 */
  
/**
 * BLOCk3 
 * ========================================
 */
	
#block3 
{
	position: relative;
	margin-bottom: 55px;
	width: 1031px;
	background-image: url(../images/bg_box_mid.gif);
	background-position: 0 0;
	background-repeat: repeat-y;
}
	
#block3 h2 
{
	padding-bottom: 22px;
	width: 1031px;
	background-color: #FFF;
	background-image: url(../images/bg_box_top.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
 
#block3 .body 
{
	padding-bottom: 7px;
	background-image: url(../images/bg_box_btm.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
	
#block3 .body ul 
{
}
	
#block3 .body ul li 
{
	float: left;
	padding-left: 1px;
	background-image: url(../images/border_block3.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}
	
#block3 .body ul li.firstChild 
{
	padding-left: 5px;
	background-image: none;
}
   
#block3 p 
{
	position: absolute;
	top: auto;
	right: 30px;
	bottom: 17px;
	left: auto;
	font-size: 120%;
}
   
/**
 * 
 * ----------------------------------------
 */
  
/**
 * BLOCk4 
 * ========================================
 */
	 
#block4 
{
	position: relative;
	margin-bottom: 35px;
	width: 1031px;
	background-image: url(../images/bg_box_mid.gif);
	background-position: 0 0;
	background-repeat: repeat-y;
}
	 
#block4 h2 
{
	padding-bottom: 22px;
	width: 1031px;
	background-color: #FFF;
	background-image: url(../images/bg_box_top.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
 
#block4 .body 
{
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 17px;
	padding-left: 20px;
	background-image: url(../images/bg_box_btm.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
	 
#block4 .body p 
{
	margin: 0;
}
 
#block4 .body ul 
{
	float: left;
	width: 620px;
}
	
#block4 .body ul li 
{
	float: left;
	width: 199px;
	background-image: url(../images/bg_block4_mid.gif);
	background-position: 0 0;
	background-repeat: repeat-y;
}
	
#block4 .body ul li h3 
{
	margin-bottom: 7px;
}
 
#block4 .body ul li .heightLine 
{
	padding-right: 25px;
	padding-bottom: 28px;
	padding-left: 25px;
	background-image: url(../images/bg_block4_btm.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	font-size: 120%;
	line-height: 1.3;
}
   
#block4 .body p.banner 
{
	float: right;
	width: 371px;
}
   
/**
 * 
 * ----------------------------------------
 */
  
/**
 * BLOCk5 
 * ========================================
 */
	 
#block5 
{
	text-align: center;
	padding: 20px 0 0;
}
	 
#block5 h2 
{
	margin-bottom: 20px;
}
 
#block5 p 
{
	padding: 0 118px;
	margin: 0 auto;
	width: 301px;
	background-image: url(../images/ico_arrow2.png);
	background-position: left center;
	background-repeat: no-repeat;
}
  
/**
 * 
 * ----------------------------------------
 */
  
.pageTop 
{
	margin-top: 20px;
	text-align: right;
	font-size: 120%;
}
 
/**
 * 
 * ========================================
 */
	
/**
 * 
 * ----------------------------------------
 */
   
/**
 * ========================================
 * FOOTER 
 * ========================================
 */
	 
#footer 
{
	margin-top: 20px;
	text-align: center;
	background-color: #ededed;
}
	 
#footer ul 
{
	padding: 1em 0;
}
	 
#footer ul li 
{
	padding: 0 0.5em;
	display: inline;
	border-right: 1px solid #535353;
	font-size: 120%;
}
	 
#footer ul li.firstChild 
{
	border-left: 1px solid #535353;
}
   
#footer #siteNavigation 
{
	background-color: #dcd7cf;
	border-bottom: 1px solid #FFF;
}
 
#footer p 
{
	padding: 20px 0 30px;
	border-top: 1px dashed #bfbfbf;
	font-size: 120%;
	line-height: 1.5;
}
  
/**
 * 
 * ========================================
 */
	
/**
 * 
 * ----------------------------------------
 */
   
/**
 * ========================================
 * 
 * ========================================
 */
	
/**
 * 
 * ========================================
 */
	
/**
 * 
 * ----------------------------------------
 */
   
/**
 * ========================================
 * 
 * ========================================
 */
	 
/**=
 * clearfix 
 * ====================================
 */
	 
#header #contentNav:after, 
#flow ol:after,
#companyList ul:after,
.body:after,
#block2 .body ol:after,
#block3 .body ul:after,
#block4 .body ul:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
	 
#header #contentNav, 
#flow ol,
#companyList ul,
.body,
#block2 .body ol,
#block3 .body ul,
#block4 .body ul
{
	display:inline-block;
}
/* Hide from IE Mac \*/
 
#header #contentNav, 
#flow ol,
#companyList ul,
.body,
#block2 .body ol,
#block3 .body ul,
#block4 .body ul
{
	display:block;
}
/* End hide from IE Mac */
   
/**
 * png for IE6 
 * ========================================
 */
	 
/**
 * 
 * ----------------------------------------
 */
  
/**
 * 
 * ========================================
 */
	 
/**
 * 
 * ----------------------------------------
 */
   
/**
 * ========================================
 * 
 * ========================================
 */
	
/**
 * 
 * ========================================
 */
	 
/**
 * 
 * ----------------------------------------
 */