/* CSS home */

/*this stylesheet can be used for the html of company - responsibility and siva company */

#header .center {
 border-bottom: 0px;
}

body#company {
 background-color: #FFF;
}

#company #stripe {
 padding-bottom:10px;
 padding-top:5px;
 float: left;
 margin-top:0px;
 background: transparent url(../images/bg_stripe_company.gif) top left repeat-y;
}

#stripe strong {
 color: #40312D;
}

#company #rightcolumn {
 float: left;
 width: 305px;
 margin-left: 10px;
 padding: 0px 12px 10px 0px;
}

#company #rightcolumn ul {
 float: left;
 list-style-type: none;
}

#company #flashcontent {
 float: left;
 width: 300px;
 margin-left: 6px;
 height: 290px;
 margin-top:10px;
 margin-bottom:10px;
 background: #3E3E3E;
}


#company #leftcolumn {
 float: left;
 width: 127px;
 padding-left: 10px;
 padding-right: 10px;
 background: transparent;
}

#company #centercolumn {
 float: left;
 width: 275px;
 padding-left: 10px;
 padding-right: 10px;
 margin-left:10px;
 padding-bottom: 10px;
 border-right: 1px solid #666;
 background: transparent;
}

#centercolumn p {
 margin-bottom: 8px;
}

.wrapper {
 float: left; 
 padding-left: 5px; 
 width: 640px; /*need a width for safari*/
}

#bottomcolumns {
 float: left; 
 width: 610px;
 border-top: 1px solid #666;
 padding-left: 10px;
 margin-left:10px;
}

/*this ul controls the bottom menu under the column */

#bottomcolumns ul{
 width: 127px;
 /*float: left;*/
 margin: 5px 0px 20px 0px;
 list-style-type: none;
 float: left;
}

#bottomcolumns ul li {
 display: block;
 height: 15px;
 margin: 0px;
 font-size: 11px;
 font-family: Arial;
 font-weight: 300;
 color:#F37021;
 padding: 1px 0px 1px 0px;
}

/*******************************************/
/*this ul controls the submenu on the left hand side*/

#company #leftcolumn ul {
 width: 127px;
 /*float: left;*/
 margin: 0px 0px 30px 0px;
 list-style-type: none;
 float: left;
}

#company #leftcolumn li {
 display: block;
 height: 15px;
 margin: 0px;
 font-size: 12px;
 font-family: Arial;
 font-weight: 300;
 color:#F37021;
 padding: 1px 0px 1px 0px;
}

#company #leftcolumn h4 a,
#bottomcolumns ul li a,
#company #leftcolumn li a {
 color:#F37021;
 text-decoration: none;
}

#bottomcolumns ul li a:hover,
#company #leftcolumn h4 a:hover,
#company #leftcolumn li a:hover {
 color: #40312D;
 text-decoration: none;
}

#company #leftcolumn li.selected a {
 color: #40312D;
}

#company #leftcolumn li.selected a:hover {
 color: #40312D;
}

#company #leftcolumn h4 {
 color:#F37021;
 font-size:16px;
 font-weight: normal;
}

/*******************************************/

#company .box {
 float: left;
 width: 135px;
 padding-right: 10px;
 margin: 10px 0px 0px 0px;
 background: transparent;
}

#company .minibox {
 float: left;
 width: 115px;
 padding-right: 10px;
 margin: 0px 0px 0px 0px;
 background: transparent;
}

#company .box img {
 padding: 0px 0px 3px 0px;
}

#company #stripe h2 {
 color: #40312D;
 font-size:16px;
 margin-top: 5px;
 margin-bottom: 5px;
 font-weight: normal;
}

#company #stripe h3 {
 color: #40312D;
 font-size:15px;
 margin-top: 5px;
 margin-bottom: 5px;
 font-weight: normal;
}

#company #stripe p {
 color: #808285;
 font-size: 11px;
 line-height: 17px;
}

#company .title {
 float: left;
 width: 600px;
}

#company .title h1 {
 font-size: 60px;
 color:#FFFFFF;
 line-height: 70px;
}

#company .linksbottom {
 float: left;
 width: 145px;
 color:#FF6600;
 margin: 10px 0px 3px 0px;
}