/* BODY STYLES  */
html, body {
  height: 100%;
}
body {
  margin: 0px;
  padding: 0px;
  background: #C9613E url(../images/body_bg.jpg) no-repeat 50% 10px;
  color: #CCCCCC;
  font-family: Arial, Verdana, Tahoma;
  font-size: 14px;
}
div {
  margin: 0px;
  padding: 0px;
}
#body {
  width: 990px;
  margin: 0px auto;
  color: #000000;
}
.clean-line {
  width: 100%;
  height: 0px;
  line-height: 0px;
  font-size: 0px;
}

/* HEADER STYLES */
#header {
  background: #FFFFFF url(../images/header_bg.jpg) no-repeat 0 0;
  height: 130px;
  width: 960px;
  z-index: 101;
}
#header-logo {
  height: 130px;
  width: 260px;
  z-index: 101;
}
#header-logo img {
  height: 130px;
  width: 260px;
  border-width: 0px;
  z-index: 101;
  behavior: url(./css/iepngfix.htc);
}

/* SHADOWED BOXES MAIN STYLES */
/*
  notes (for "container") :
    (1) making position relative to make possible absolute positioning of the right shadow
  notes (for "sh-b") :
    (1) if we make bottom shadow div having relative position we will gain possibility to
    make child div elements absolutely positioned within the borders of this div; otherwise, child divs will
    be absolutely positioned to upper parents, for example body;

  notes (for "sh-bl") :
    (1) leave space (10px margin) for shadow's bottom right corner; otherwise, two opacity images will give multiplied image
    (2) strange problem. i want to make div 10px height, but IE6.0 not allows me. the cure of the problem is to define
    font-size equal 8px or less. HUH! that's why i defined there :

      font-family: Arial, Verdana, Tahoma;
      font-size: 6px;

  common notes :
    sh-b  = shadow bottom
    sh-bl = shadow bottom left
    sh-br = shadow bottom right
*/
.container {
  width: 330px;
}
.sub-container {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
}
.content-trc {
  background: #FFFFFF;
  height: 10px;
  margin-right: 20px;
}
.content-trc img {
  float: right;
  height: 10px;
  width: 10px;
  position: absolute;
  right: 10px;
  top: 0px;
  behavior: url(./css/iepngfix.htc);
}
.content-padding {
  background: #FFFFFF;
  margin-right: 10px;
  padding: 0px 10px 10px 10px;
  z-index:101;
}
.content {
  background: #E7E7E7;
  height: 100%;
  width: 100%;
  font-family:Verdana,"Lucida Sans Unicode","Lucida Grande","Times New Roman",serif;
  font-size:0.84em;
  font-size-adjust:none;
  font-stretch:normal;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:1.5em;
}
.content a:link, .content a:visited {
  color: #C65239;
  font-weight:bold;
  text-decoration:none;
  border-bottom:1px dotted #A10000;
  font-size: 1.2em;
}
.content a:visited {
  background-color:#FFF5EB;
}
.content a:hover, .content a:visited:hover {
  background-color:#FFF5EB;
  border-bottom:1px solid #A10000;
}
.content a:active, .content a:focus {
  background-color:#A10000;
  color:#FFFFFF;
}
.content #iefix {
   height: 2px;
  *height: 0px;
}
.content #kuechenfix {
  height: 69px;
  *height: 103px;
}
.spimg {
  border:#fff 1px solid;
}
.spimg:hover {
  border:#ccc 1px solid;
}

/* bottom shadows line */
.sh-b {
  height: 10px;
  width: 100%;
  position: relative;
  left: 0px;
  top: 0px;
  margin: 0px;
  padding: 0px;
  z-index:101;
}
/* bottom left corner & long shadow */
.sh-bl {
  background: url(../images/shadow_bl2.png) no-repeat 0 0;
  behavior: url(./css/png_background_behavior.htc);
  height: 10px;
  margin-right: 10px;
  font-family: Arial, Verdana, Tahoma;
  font-size: 6px;
}
/* bottom right corner */
.sh-br {
  background: url(../images/shadow_br2.png) no-repeat 0 0;
  behavior: url(./css/png_background_behavior.htc);
  height: 10px;
  width: 10px;
  position: absolute;
  right: 0px;
  top: 0px;
  font-family: Arial, Verdana, Tahoma;
  font-size: 6px;
}
/* right shadows line, including right shadow corner & right long line */
.sh-r {
  background: url(../images/shadow_r2.png) no-repeat 0 0;
  behavior: url(./css/png_background_behavior.htc);
  height: 100%;
  width: 10px;
  position: absolute;
  right: 0px;
  top: 0px;
}

/* ADDITIONAL SHADOWED BOXES STYLES */
#box-header {
  width: 990px;
}
#box-header .sh-r {
  background: url(../images/shadow_r1.png) no-repeat 0 0;
  behavior: url(./css/png_background_behavior.htc);
}
#box-header .content-padding {
  padding-top: 10px;
}
#box1 {
  width: 340px;
  float: left;
}
#box2 {
  width: 650px;
  float: left;
  clear: right;
}
#box3, #box4 {
  float: right;
  width: 217px;
}
#box5 {
  float: right;
  width: 216px;
}

/* Additional Styles */
#menu {
  list-style-type:none; 
  margin:0px 0 28px 0px; 
  padding:0;
  position: relative;
  top: -10px;
  left: 10px;
  text-align: left;
  font-weight: bold;
  z-index:100;
}

#menu li {
   float:left; padding:0; 
   margin:0 1px 0 0; 
   position:relative; 
   width:150px; height:1px; 
   z-index:100;
}
#menu li a, #menu li a:visited {
   text-decoration:none;
   z-index:100;
}

#menu dl {
   position:absolute; 
   top:0; left:0; 
   width: 150px; 
   margin: 0; 
   padding: 0; 
   background: transparent url(./images/transparency.gif);
   z-index:100;
}
#menu dt {
   background: #C75137;
   border-bottom:1px dotted #fff; 
   border-left: 1px dotted #fff; 
   border-right: 1px dotted #fff; 
   margin:0;
   font-size: 0.92em;  
   width:150px; 
   float:left;
   z-index:100;
   filter:alpha(opacity=70);
   -moz-opacity:.70;
   opacity:.70; 
}
#menu dd {
   display:none; 
   background: transparent; 
   clear:left; 
   margin:0; 
   padding:0; 
   color: #fff; 
   font-size: 0.8em; 
   text-align:left;
   z-index:100;
}

#active {
   display:block; 
   color:#6A8590; 
   padding: 5px 5px 5px 20px; 
   width:125px;
   z-index:100;
}
#menu dt a, #menu dt a:visited {
   display:block; 
   color:#000; 
   padding: 5px 5px 5px 20px; 
   width:125px;
   z-index:100;
}
#menu dd a, #menu dd a:visited {
   background:#6A8590; 
   color:#000; 
   text-decoration:none; 
   display:block; 
   padding:4px 5px 4px 20px; 
   width:278px;
   z-index:100;
   filter:alpha(opacity=95);
   -moz-opacity:.95;
   opacity:.95;
}

#menu li a:hover {
   border:0;
   z-index:100;
}

#menu li:hover dd, #menu li a:hover dd {
   display:block;
   z-index:100;
}
#menu li:hover dl, #menu li a:hover dl {
   width:301px; 
   z-index:100;
}
#menu li:hover dt a, #menu li a:hover dt a, #menu dd a:hover {
   background: #CC6633; 
   color:#fff;
   z-index:100;
}
#menu-lastbutton {
   text-decoration: none;
   position: absolute;
   top: 150px;
   left: 750px;
   *left: 748px;
   background: #C75137;
   width: 150px;
   height: 26px;
   border-left: 1px dotted #fff;
   border-right: 1px dotted #fff;
   border-bottom: 1px dotted #fff;
   filter:alpha(opacity=70);
   -moz-opacity:.70;
   opacity:.70;
}
#menu-lastbutton-a {
   position: relative;
   top: 4px;
   left: 25px;
   font-size: 0.92em;
   text-decoration: none;
   font-weight: bold;
   color:#fff;
}
#menu-lastbutton:hover {
   text-decoration: none;
   background: #CC6633;
   text-decoration: none;
   color:#fff;
}

/*submenu stuff */

.submenuhead {
background:transparent url(../images/buttonLeft-bg.png) repeat-x scroll left top !important;
color:#000 !important;
display:block !important;
font-size:18px !important;
height:20px !important;
line-height:20px !important;
position:relative !important;
padding: 0px 0px 0px 5px;
}
.submenulink {
background:transparent url(../images/buttonLeft-bg.png) repeat-x scroll left top !important;
color:#FF6600 !important;
cursor:pointer !important;
display:block !important;
font-size:13px !important;
height:20px !important;
line-height:20px !important;
position:relative !important;
padding: 0px 0px 0px 0px;
}
.submenulink:hover {
background:transparent url(../images/arrow.png) repeat-x scroll left top !important;
width:310px;
color:#505E9B !important;
}
.submenulinkactive {
background:transparent url(../images/arrow.png) repeat-x scroll left top !important;
width:310px;
color:#FFFFFF !important;
cursor:pointer !important;
display:block !important;
font-size:13px !important;
height:20px !important;
line-height:20px !important;
position:relative !important;
padding: 0px 0px 0px 0px;
}
/*submenu end*/

#copright {
   position: absolute;
   left: 735px;
   top: 120px;
   font-size: 0.8em;
   color: #FFFFFF;
}
#copright a {
   background: #6A8590; 
   text-decoration: none;
   color: #fff; 
}
.imagedesc {
   background: #FFFFFF;
   font-size: 0.85em;
   font-weight: bold;
   filter:alpha(opacity=60);
   -moz-opacity:.60;
   opacity:.60;
}
#imglink {
   text-decoration:none;
   border: none;
}
#imglink2 {
   text-decoration:none;
   border: none;
}
#imglink3 {
   text-decoration:none;
   border: none;
}

/*prototype stuff*/
div#content {
	height:auto;
	overflow:hidden;
}

div#init-loading {
	background:#222525;
	padding:2px 5px;
	width:auto;
	float:left;
	margin-top:40px;
}

/********************************* LiveValidation *************************************/

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
	color:#CC0000;
}
	
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active,
.fieldWithErrors input.LV_valid_field,
.fieldWithErrors textarea.LV_valid_field {
    border: 1px solid #00CC00 !important;
	background: url(form/accept_green.png) no-repeat left center #ccf5cc !important;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field {
    border: 1px solid #CC0000 !important;
	background-color: #ffb6b6 !important;
}


/*Slider stuff*/
#intro img {
  display:           block;
  cursor:            pointer;
}
#intro div.image {
  overflow:          hidden;
  position:          relative;
  height: 655px;
  *height: 667px;
}
#news {
  position:          relative;
}


#intro2 img {
  display:           block;
  cursor:            pointer;
}
#intro2 div.image {
  overflow:          hidden;
  position:          relative;
  height: 213px;
  *height: 210px;
}
#news2 {
  position:          relative;
}


#intro3 img {
  display:           block;
  cursor:            pointer;
}
#intro3 div.image {
  overflow:          hidden;
  position:          relative;
  height: 237px;
}
#news3 {
  position:          relative;
}