/* Base CSS */
@import url(reset.css);
@import url(fonts.css);
@import url(base.css);
html, body { direction:ltr;height: 100%;  }
html {   }
body { direction: ltr; font: normal 12px arial; background:url(../images/bg_uppergrad.gif) top center repeat-x;   }
/* Sticky footer. The height for #footer and #push, and the negative bottom margin for the #wrapper must be the same! */
#wrapper { min-height: 100%; height: auto !important;  margin: 0/* auto -120px*/; }
#footer { height: 120px; margin: auto;  background: url(../images/logo-back.jpg) no-repeat left bottom; }
img { border: 0; vertical-align: middle; }
.clear { clear:both;}

#wrapper, #footer 
{ 
	min-width: 980px; max-width: 1100px; position:relative; 
	margin-right:auto;margin-left:auto;
}
table{ border-collapse:collapse; border-spacing:0; }
td { vertical-align:top; padding:0; }
.left { float:left; }
.right { float:right; }
a:hover { text-decoration:none; }
a { color: #DF6825; }
#wrapper 
{ 
	background: url(../images/logo-back2.jpg) no-repeat left bottom;
}

/* Your CSS goes here! */
#pre_footer {
  background:url(../images/bg_lowergrad.gif) bottom center repeat-x;
  min-width:980px;
  margin-top: -37px;
}

#home {
	position:absolute;
	left:-29px;
	top:0;
}	

#post_wrapper {
  margin: 0 2% 0 10%;
  position:relative;
  background:url(../images/top_rightpiece.gif) no-repeat right top ;
 
}
#logo {
  position:absolute;
  top:28px;
  left:-58px;
}
#logo_h a {
  display: block;
  }

	
#header .text_form {
  border:none;
  border-top: solid 1px #b8b0c5;
  border-bottom: solid 1px #b8b0c5;
  background:#fff;
  height:17px;
  width:20%;
  padding:2px 0 0 3px;
  color: #53525a;
}
#header {
  padding-top:31px;
  height:87px;
}
#email {
  float:right;
  margin-right:19px;
}


/*------leftside-------------*/

.sidenav {
  margin: 27px 0 0 0;
}

.box {
  background: #403c5e url(../images/right.gif) right top no-repeat;
  margin: 0 0 2px 0;
  cursor: pointer;
}
.in_box {
  background: url(../images/products.gif) left top no-repeat;
  height: 51px;
}
.in_box2 {
  background: url(../images/office.gif) left top no-repeat;
  height: 51px;
}
.in_box3 {
  background: url(../images/technical.gif) left top no-repeat;
  height: 51px;
}
.in_box4 {
  background: url(../images/news.gif) left top no-repeat;
  height: 51px;
}


inner_leftbox {
  background: #000 url(../images/right_round.gif) right top no-repeat;
  margin: 2px 0 2px 0;
}




/*------hover-------------*/
.box:hover {
  background: #b8b0c5 url(../images/right_hov.gif) right top no-repeat;
  margin: 0 0 2px 0;
}
.in_box:hover {
  background: url(../images/products_hov.gif) left top no-repeat;
  height: 51px;
}
.in_box2:hover {
  background: url(../images/office_hov.gif) left top no-repeat;
  height: 51px;
}
.in_box3:hover {
  background: url(../images/technical_hov.gif) left top no-repeat;
  height: 51px;
}
.in_box4:hover {
  background: url(../images/news_hov.gif) left top no-repeat;
  height: 51px;
}
.leftside .sidenav .in_box a {

display:block;
height:51px;
text-decoration: none;
}
.leftside .sidenav .in_box2 a {

display:block;
height:51px;
text-decoration: none;
}
.leftside .sidenav .in_box3 a {

display:block;
height:51px;
text-decoration: none;
}
.leftside .sidenav .in_box4 a {

display:block;
height:51px;
text-decoration: none;
}


.textbox {
  background: #f2f1f5 url(../images/lc.gif) left bottom no-repeat;
}
.content {
 background: url(../images/rc.gif) right bottom no-repeat;
 height: 129px;

}
.content p {
  padding: 15px 18px 13px 18px;
  color: #53525a;
  height: 65px;
  width:225px;
}
.content p a {
  color: #f06617;
 }

 /*------rightside-------------*/

.rightside {
     padding-left: 260px;	 
}

.rightside2 .page_txt {
     padding-left: 0px;
}

.leftside {
    width: 260px;
    float: left;
 }
#content {

	min-height: 600px; height: auto !important; height: 100%; 
}	
#top_menu {
	 background: #403c5e;
	 height:25px;
	 padding-left:20px;
	 position:relative;
     margin-bottom: 2px;
}
#top_menu ul {
	padding:0;
	margin:0;
	list-style:none;
}
#top_menu ul li {
	list-style:none;
	float:left;
	margin-right:10px;
}
#top_menu ul li a {
	  color:#fff;
	  color: #fff;
	  display:block;
	  padding-top:5px;
	  text-decoration: none;
	  font-size: 11px;
	  float: left;
	  font-weight:bold;
}
#top_menu ul li a:hover {
    color: #b8b0c5;
}
#top_menu ul #last {
    float: right;

}
#top_menu ul #last a{
	font-size:13px;
	padding-top:3px;
}

#main_pic {
	background:url(../images/mainPic.jpg) top right no-repeat;
	height:334px;
	padding: 43px 340px 0 31px;
}
#main_pic p {
	 color: #53525a;
	 line-height:16px;
	 padding-top: 18px;
	 font-size:13px;
}

.bottom {
position: relative;
}
.newsbox  {
width: 49%;
float: left;
}
.newsbox p {
font-size: 11px;
color:#53525a;
margin-left:32px;
margin-top:5px;
padding:0;
}
.bottom_title {
padding: 0 0 0 31px;
color: #403c5e;
font-weight: bold;
}
.bottom_text{
padding: 12px 19px 0 31px;
}

.newsbox h3 a
{
	color: #403C5E;
	text-decoration: none;
}

/*------newsbox right-------------*/

    .newsbox_r  {
    width: 50%;
    float: right;
    }

    .newsbox_r p {
    font-size: 11px;
    color:#53525a;
    }

/*------footer-------------*/
.footer {
 height: 82px;
 margin: 0 2% 0 10%;
 float: none;
 background: #FFF;
 }
 #footbg_l {
   background: url(../images/footL.gif) no-repeat;
   height: 82px;
 }


#footext {
  font-family: Tahoma;
  font-size:11px;
  margin: 16px 0 0 10px;
  padding: 20px 0 0 0;
  background: url(../images/kcslogo.gif) no-repeat;
  float: left;
  color: #53525a;
  }
  #footbg_r {
    background: url(../images/footR.gif) no-repeat;
    height: 82px;
  }


.kcs {
  color: #53525a;
  }
#allrights {
  font-family: Tahoma;
  font-size:11px;
  float: right;
  padding: 25px 250px 0 0;
  color: #53525a;
  }

#gray_box {
	background: #efeeef;
	height:112px;
}


/*------INNER PAGE-------------*/


.sidenav_in {
  margin: 2px 0 0 0;
}


#leftbox {
  background: #403c5e url(../images/rhen-top.jpg) right top no-repeat;
  margin: 2px 0 2px 0;
}
#leftbox_img {
   background: url(../images/rhen-bot.jpg) left bottom  no-repeat;
   padding-bottom:20px;
}


#side_links {
  padding: 16px 0 0 30px;
}
#side_links ul li {
  list-style: none;
}


#side_links ul li a {
  font-weight: bold;
  font-size: 13px;
  line-height: 20px;
  color: #ffffff;
}

#side_links ul li a:hover {
  color: #b8b0c5;
  }

   /*------page text-------------*/
.page_txt {
  padding: 20px 65px 80px 37px;
}
.page_txt p{
  padding-bottom: 15px;
  direction: ltr;
}

.page_txt img {
    /*width: 205px;
    height: 20px;*/
    margin-bottom: 19px;
}

.page_txt h1
{
	color: #df6825;
	padding-bottom:13px;
	font-size: 20px;
}


h3 {
    color: #534f6e;
    padding-bottom: 15px;
}


#other {
 float: left;
  /*margin: 18px 0 0 1%;*/
}

#other ul li {
  list-style: none;
}
#other ul li a {
  color: #df6825;
}

.NewsSummary a
{
	color:#403C5E;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
}

.NewsSummaryLink
{
	padding-bottom:5px;
	padding-top:5px;
}

legend{margin:1em 0;padding:0 .5em;color:#036;background:transparent;font-size:1.3em;font-weight:bold;}
label{float:left;width:80px;padding:0 1em;text-align:left;}
fieldset div{margin-bottom:.5em;padding:0;display:block;}
fieldset div input,fieldset div textarea{width:200px;border-top:1px solid #555;border-left:1px solid #555;border-bottom:1px solid #ccc;border-right:1px solid #ccc;padding:1px;color:#333;}
input,textarea{background:#efefef;color:#000;}

.contactform .submit
{
	margin-left:103px;
}

#bttm_left
{
	width: 256px;
	height: 336px;
	background: url(/images/bttm_left.jpg) right bottom no-repeat;
	position: absolute;
	margin-left:100px;
	margin-top:-254px;
	clear: both
}

#accordion
{
	position: relative;
	z-index: 100;
}

.inner-text ul
{
	padding-bottom:5px;
	padding-left:15px;
}

.page_txt hr
{
	background-color:gray;
	border: 0 none;
	height: 1px;
	*margin-left: -20px;
}

.purple_text
{
	color: #403C5E !important;
}

.orange_text
{
	color: #DF6825 !important;
}