/*
 * IRIAN first page stylesheet
 * Version: 1.0
 * Date: 20_06_2008
 * Author: Adonis Raul Raduca
 */

/* Overridings -------------------------------------------------------------- */
#header {
  border-bottom: 1px solid #8D959C;
}

#page {
  padding-bottom: 0px;
}

/* Core business section ---------------------------------------------------- */
#core_business {
  position: relative;
  width: 850px;
  height: 300px;
  border-bottom: 1px solid #B5B9BD;
  background: #868D93 url("../slices/first_page/photo_back.png") repeat-x top;
}

#core_business #slideshow {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 850px;
  height: 300px;
  clip: rect(0px, 850px, 300px, 0px);
  overflow: hidden;
}

#core_business #slideshow ul{
  width: 3400px;
  position: absolute;
}

#core_business #slideshow li {
  float: left;
}

#core_business #slideshow li .content {
  position: absolute;
  top: 173px;
  width: 200px;
  color: white;
}

#core_business #slideshow li .relative {
  position: relative;
}

.clear {
  clear: both;
}

.button {
  float: left;
  font-weight: bold;
  cursor: pointer;
}
.button .left_part {
  float: left;
  height: 24px;
  width: 5px;
  background: url("/images/read_more_button_left.png") no-repeat top left;
}
.button:hover .left_part {
  background: url("/images/read_more_button_left_hover.png") no-repeat top left;
}
.button .center_part {
  height: 24px;
  padding: 0px 15px 0px 9px;
  float: left;
  background: url("/images/read_more_button_center.png") no-repeat top right;
}
.button:hover .center_part {
  background: url("/images/read_more_button_center_hover.png") no-repeat top right;
}
.button .right_part {
  float: left;
  height: 24px;
  width: 5px;
  background: url("/images/read_more_button_right.png") no-repeat top left;
}
.button:hover .right_part {
  background: url("/images/read_more_button_right_hover.png") no-repeat top left;
}


/*#core_business #slideshow li .left-div {*/
    /*float:left;*/
    /*padding-top:10px;*/
    /*width:15px;*/
    /*height:35px;*/
    /*background-position:left;*/
    /*background-image:url('/images/read_more_button.png');*/
/*}*/

/*#core_business #slideshow li .right-div {*/
    /*padding-right: 15px;*/
    /*padding-top:10px;*/
    /*float:right;*/
    /*height:35px;*/
    /*background-position:right;*/
    /*background-image:url('/images/read_more_button.png');*/
/*}*/

#core_business #slideshow li#vision .content {
  left: 400px;
}

#core_business #slideshow li#vision div .linkbox {
  position:absolute; left:50px; top:240px;
}

#core_business #slideshow li#products .content {
  left: 1250px;
}

#core_business #slideshow li#products div .linkbox {
  position:absolute; left:50px; top:240px;
}

#core_business #slideshow li#services .content {
  left: 2100px;
}

#core_business #slideshow li#services div .linkbox {
  position:absolute; left:50px; top:240px;
}

#core_business #slideshow li#tutorials .content {
  left: 2950px;
}

#core_business #slideshow li#tutorials div .linkbox {
  position:absolute; left:50px; top:240px;
}

#core_business .buttons {
  position: absolute;
  top: 60px;
  right: 0px;
  width: 140px;
  height: auto;
}

#core_business .buttons .terminal {
  width: 140px;
  height: 10px;
  overflow: hidden;
}

#core_business .buttons .top {
  background: url("../slices/first_page/core_business_top.png") no-repeat top;
}

#core_business .buttons .content {
  width: 140px;
  height: auto;
  background: url("../slices/first_page/core_business_content.png") no-repeat bottom;
}

#core_business .buttons .bottom {
  background: url("../slices/first_page/core_business_bottom.png") no-repeat top;
}

#core_business .buttons .content div {
  width: 130px;
  height: auto;
  background: none;
}

#core_business .buttons ul {
  width: 130px;
  height: auto;
  margin: 0px 1px 0px 9px;
}

#core_business .buttons ul span {
  display: block;
  width: 130px;
  height: auto;
  padding: 9px 0px;
  text-align: center;
  color: white;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
}

#core_business .buttons ul li {
  padding-top: 1px
}

#core_business .buttons ul span {
  background: #14B0E4 url("../slices/first_page/core_business_buttons.png") repeat-x bottom;
}

#core_business .buttons ul span.hover {
  padding: 10px 0px 8px 0px;
  background: #14B0E4 url("../slices/first_page/core_business_buttons_hover.png") repeat-x bottom;
}

/* Tabs section --------------------------------------------------------------*/
#tabs_section {
  width: auto;
  height: auto;
  background: #CACDCF;
}

#tabs_section .header {
  width: 100%;
  height: auto;
  background: #838A91 url("../slices/first_page/tab_header.png") repeat-x bottom;
}

#tabs_section .header ul {
  display: block;
  margin: 0px;
  margin-left: 30px;
}

#tabs_section .header li {
  display: block;
  float: left;
}

#tabs_section .header li.first {
  padding-left: 1px;
  background: #838A91 url("../slices/first_page/first_tab_sep.png") repeat-x bottom left;
}

#tabs_section .header li span {
  display: block;
  width: 1%;
  padding: 8px 30px 8px 30px;
  color: #E8E9EA;
  font-weight: bold;
  background: #838A91 url("../slices/first_page/tab_normal.png") no-repeat bottom right;
  cursor: pointer;
}

/* IE don't see that */
#tabs_section .header li>span {
  width: auto;
}

#tabs_section .header ul li span.hover {
  color: white;
  text-decoration: none;
  background: #838A91 url("../slices/first_page/tab_hover.png") no-repeat bottom right;
}

#tabs_section .header ul li span.active {
  color: white;
  text-decoration: none;
  background: #838A91 url("../slices/first_page/tab_selected.png") no-repeat bottom right;
}

#tabs_section .content {
  width: auto;
  height: auto;
  padding-top: 3px;
}


/* Tabs content layout ------------------------------------------------------ */
#tabs_section .content .column {
  float: left;
  /*height: auto;*/
  min-height: 7em;
  height: 8em;
  width: 243px;
  padding: 20px 20px 20px 20px;
  background: white url("../slices/first_page/tab_fill.png") repeat-x bottom right;
}

#tabs_section .content .column.hover {
  cursor: pointer;
  background: white url("../slices/first_page/tab_fill_hover.png") repeat-x bottom right;
}

/* Made the first tab section with a pixel wider, in order to fit in the space */
#tabs_section .content .column.first {
  width: 244px;
}

#tabs_section div {
}

#tabs_section .content h2 {
  font-size: 0.9em;
  color: #009FEC;
}

#tabs_section .content h2 a{
  color: #009FEC;
}

#tabs_section .content h2 a:hover{
  text-decoration: underline;
}

#tabs_section .content p {
  padding-top: 0px;
  font-size: 0.85em;
  line-height: 1.2em;
}

#tabs_section .content .tab_content {
	display: none;
}

#tabs_section .content .tab_content.active {
  display: block;
  width: 850px;
}