/* Index TABs css for Assisting in Business :: from Clarihon */

#tabs {   /* index page */
 margin-left: 25px;
  margin-bottom:1.0em;
	width: 970px;
	height: 290px;
	background: url(images/bg_tabs.png) no-repeat 0 0;
}
#tab-l {
 float: left;
 width: 315px;
 margin: 40px 0 0 50px; 
 height: 250px;
 position: relative;
 color: #0c83a6;
}
#tab-l dt {
 position: absolute;
 top: -30px;
 left: -15px;
 font-size: 2.0em;
 letter-spacing: -0.04em;
 font-family: Georgia, serif;
 width: 330px;
height: 25px;
}
/* Safari + GoogleChrome  */ body:nth-of-type(1) #tab-l dt {
 font-size: 18px;
}
*:first-child+html #tab-l dt {
 padding-bottom: 10px;
}
#tab-r {
 float: right;
 width:  560px;
 padding-top: 30px;
 height: 260px;
	background: url(images/bg_tab-fly-base.jpg) no-repeat 100% 0;
}
* html #tab-l {
 margin: 40px 0 0 25px;
 width:  265px;
}
#conTent #tabs  h1 {
 font-size: 28px;
 letter-spacing: -0.04em; 
}
#conTent #tabs p {
 font-size: 14px;
 line-height: 1.7em;
 margin: 0 0 0.65em 5%; 
}
#conTent #tabs span h1 {
 margin: 30px 8% 0; 
 text-indent: 0;
  width: 400px;
}
#conTent #tabs span p {
 font-size: 14px;
 line-height: 1.7em;
 margin: 0 8% 0.65em; 
 text-indent: 0;
  width: 260px;
}
#conTent #tabs #tab-r p {
  width: 260px;
}
dd#t-1 {
  height: 62px;
  width: 340px;
  position: relative;  
}
dd#t-2 {
  height: 62px;
  width: 340px;
  position: relative; 
}
dd#t-3 {
  height: 62px;
  width: 340px;
  position: relative;  
}
dd#t-4 {
  height: 64px;
  width: 340px;
  position: relative;   
}


#tab-l a { 
  position: absolute;
 color: #fff;
 text-decoration: none;
 line-height: 62px;
 font-size: 1.8em;
 width: 100%;
 height: 100%;
 text-indent: 10px;
}
#tab-l dd#t-1 a span,
#tab-l dd#t-2 a span,
#tab-l dd#t-3 a span,
#tab-l dd#t-4 a span {
 display: none; 
 color: #3f3f3f;
}
#tab-l dd#t-1 a:hover { 
 color: #fff;
 text-decoration: none;
  background: url(images/bg_tabON.png) no-repeat 100% -0px; 
}
#tab-l dd#t-1 a:hover span {
 display: block; 
 width: 580px;
 height: 290px;
	background: url(images/bg_tab-fly-base.jpg) no-repeat 100% 0;
 position: absolute;
 left: 100%;
 top: -40px;
}
#tab-l dd#t-2 a:hover { 
 color: #fff;
 text-decoration: none;
  background: url(images/bg_tabON.png) no-repeat 100% -62px; 
}
#tab-l dd#t-2 a:hover span {
 display: block; 
 width: 580px;
 height: 290px;
	background: url(images/bg_tab-fly-base.jpg) no-repeat 100% 0;
 position: absolute;
 left: 100%;
 top: -102px;
}
#tab-l dd#t-3 a:hover { 
 color: #fff;
 text-decoration: none;
  background: url(images/bg_tabON.png) no-repeat 100% -124px; 
}
#tab-l dd#t-3 a:hover span {
 display: block; 
 width: 580px;
 height: 290px;
	background: url(images/bg_tab-fly-base.jpg) no-repeat 100% 0;
 position: absolute;
 left: 100%;
 top: -164px;
}
#tab-l dd#t-4 a:hover { 
 color: #fff;
 text-decoration: none;
  background: url(images/bg_tabON.png) no-repeat 100% -186px; 
}
#tab-l dd#t-4 a:hover span {
 display: block; 
 width: 580px;
 height: 290px;
	background: url(images/bg_tab-fly-base.jpg) no-repeat 100% 0;
 position: absolute;
 left: 100%;
 top: -226px;
}