@charset "utf-8";
/* CSS Document */

body { background-color: #e31b23; margin: 0; padding: 0; background-image: url(../imgs/bg_fade.jpg); background-position: top; background-repeat: repeat-x; text-align: center; }
img { border: 0; }

#mainbox { position: relative; margin: 18px auto; background-image: url(../imgs/main_box.jpg); width: 934px; height: 667px; }

/* new bits */

#container { position: relative; margin: 18px auto; width: 934px; height: auto; } 
#header { position: relative; background-image: url(../imgs/header_bg.jpg); width: 934px; height: 178px; }
#tagline { position: absolute; left: 34px; top: 38px; }
#octica_logo { position: absolute; left: 740px; top: 34px; }
#nav_bar { position: absolute; left: 33px; top: 115px; height: 102px; }
#nav_bar2 { position: absolute; left: 17px; top: 140px; z-index: 10; height: 41px; } 
#outer_content { background-image: url(../imgs/content_bg.jpg); background-repeat: repeat-y; height: auto; } 
#inner_content { position: relative; width: 900px; margin: 0 auto; height: auto; text-align: left; }

#footer { height: 45px; background-image: url(../imgs/footer_bg.jpg); text-align: left; }
#footer p { color: #013260; font-size: 11px; line-height: 32px; margin: 0; margin-left: 55px; }

#m_submenu { position: absolute; left: 99px; top: 140px; width: 116px; height: 140px; background-image:url(../imgs/submenu_bg.gif); visibility: hidden; z-index: 20; padding-left: 9px; padding-top: 20px; background-repeat: no-repeat; display: block; text-align: left; }
#m_submenu ul { list-style: none; padding: 0; margin: 0; }
#m_submenu { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: white; }
#m_submenu a { color: white; text-decoration: none; padding-left: 9px; line-height: 15px; }
#m_submenu a:hover { color: #edb111; }  

#default_height_container { height: 437px; }



/* */

#content_area { position: absolute; left: 17px; top: 18px; width: 900px; height: 632px; } 
#content_area2 { position: relative; width: 900px; height: 632px; text-align: left; }

#tag { position: absolute; left: 17px; top: 23px; }
#logo { position: absolute; left: 723px; top: 23px; }
#menu_bar { position: absolute; left: 17px; top: 102px; height: 102px; }
#multi_bar { position: absolute; left: 17px; top: 127px; z-index: 10; } 

#yellow_bar { position: absolute; left: 17px; top: 601px; z-index: 10; } 

#manu_submenu { position: absolute; left: 83px; top: 127px; width: 116px; height: 109px; background-image:url(../imgs/submenu_bg.gif); z-index: 50; visibility: hidden; z-index: 20; padding-left: 9px; padding-top: 20px; background-repeat: no-repeat; display: block; }




/* home page */

#yellow_block { position: absolute; top: 23px; left: 17px; width: 866px; height: 253px; background-image:url(../imgs/protech_bg.jpg); }

#yellow_fade { position: absolute; left: 17px; top: 294px; width: 867px; height: 144px; background-image:url(../imgs/home_fade.jpg); } 

#home_text { position:absolute; left: 36px; top: 55px; width: 450px; height: 208px; xborder: 1px dotted red; z-index: 10; font-family: Arial, Helvetica, sans-serif; color: white; font-size: 18px; } 

#home_news { position: absolute; left: 564px; top: 312px; width: 290px; height: 115px; color: #9e6517; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

#home_news h2 { color: #e21b23; font-size: 18px; margin-top: 0; font-weight: normal; } 
#home_news a { color: #e21b23; }

#home_partners { position: absolute; left: 36px; top: 312px; width: auto; height: auto; color: #9e6517; font-family: Arial, Helvetica, sans-serif; font-size: 12px; z-index: 10; }
#home_partners h2 { color: #e21b23; font-size: 18px; margin-top: 0; font-weight: normal; } 


#logos { position: absolute; left: 17px; top: 309px; }

/* contact */

#contact_col { position: absolute; top: 40px; left: 64px; width: 358px; height: 350px; xborder: 1px dotted red; }
#contact_col form { margin: 0; }
#contact_col td, p {  color: #108cc3; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }

#contact_col h2 { color: #284e7f; font-family: Arial, Helvetica, sans-serif; font-style: italic; font-weight: bold; font-size: 14px; line-height: 1.5; margin-top: 0; }
#contact_col .myinput { border: 1px solid #bbb; width: 215px; }
.error { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #c72127; } 

#contact_col2 { position: absolute; top: 40px; left: 533px; width: 254px; height: 158px; xborder: 1px dotted red; color: #013260; font-family: Arial, Helvetica, sans-serif; font-size: 14px; }

#contact_col2 a { color: #013260; text-decoration: none; }
#contact_col2 a:hover { text-decoration: underline; }

#contact_col3 { position: absolute; top: 266px; left: 533px; width: 254px; height: 100px; color: #108cc3; font-family: Arial, Helvetica, sans-serif; font-size: 10px;  } 

/* news */

#news_ch_pic { position: absolute; left: 92px; top: 140px; }
#news_ch1 { position: absolute; left: 92px; top: 65px; width: 736px; height: auto; }
#news_ch1 h2 { color: #284e7f; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.3; margin-top: 0; }

#news_ch2 { position: absolute; top: 140px; left: 445px; width: 340px; height: 300px; }
#news_ch2 p { color: #284e7f; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-top: 0; } 

#news_col { position: absolute; top: 30px; left: 92px; width: 736px; height: 350px; }
#news_col2 { position: absolute; top: 170px; left: 92px; width: 340px; height: 300px;  }
#news_col3 { position: absolute; top: 140px; left: 445px; width: 370px; height: 400px;  }  

#news_col h1 { color: #284e7f; font-family: Arial, Helvetica, sans-serif;  font-size: 20px; line-height: 1.5; margin-top: 0; }

#news_col h2 { color: #284e7f; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.3; margin-top: 0; }

#news_col3 p, td {  color: #284e7f; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 10px 0; }
#news_col3 h2 { color: #284e7f; font-size: 14px; font-family: Arial, Helvetica, sans-serif; margin: 15px 0; }
#news_col3 a { color: #284e7f; }
#news_col3 .line { margin: 5px 0; }

/* news story 2 */

#news_col_story2 { position: absolute; top: 30px; left: 92px; width: 736px; height: 350px; }
#news_col2_story2 { position: absolute; top: 170px; left: 92px; width: 340px; height: 300px;  }
#news_col3_story2 { position: absolute; top: 170px; left: 445px; width: 370px; height: 400px;  }  

#news_col_story2 h1 { color: #284e7f; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 20px; line-height: 1.5; margin-top: 0; }

#news_col_story2 h2 { color: #284e7f; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; line-height: 1.3; margin-top: 0; }

#news_col3_story2 p {  color: #284e7f; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }


/* dealers */

.dealers p { color: #284e7f; margin: 0; padding: 0; xborder: 1px dotted red; } 
.dealers .line { margin: 9px 0; }
.dealers strong { font-size: 14px; }
.dealers a { color: #284e7f; text-decoration: underline; } 
.dealers a:hover { color: #ef0305; } 

#dealers_left_col { position: absolute; left: 119px; top: 35px; width: 297px; height: auto; xborder: 1px dotted red; }

#dealers_right_col { position: absolute; left: 482px; top: 35px; width: 297px; height: auto; xborder: 1px dotted red; }

/* manufacturers */

#manu_col { position: absolute; top: 125px; left: 64px; width: 358px; height: 254px; xborder: 1px dotted red; }
#manu_col h2 { color: #284e7f; font-family: Arial, Helvetica, sans-serif; font-style: italic; font-weight: bold; font-size: 14px; line-height: 1.5; margin-top: 0; }
#manu_col h3 { color: #284e7f; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; line-height: 1.5;  }

#manu_col ul { list-style: none; margin: 0; padding: 0; }
#manu_col li { color: #108cc3; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.5; background-image: url(../imgs/blue_cross.gif); background-repeat: no-repeat; background-position: 0 5px; padding-left: 10px; }

.darkBlue { color: #284e7f; }

#weblink { position: absolute; top: 0px; left: 64px; width: 86px; height: 46px; background-image:url(../imgs/website_bg.gif); text-align: center; }
#weblink a { line-height: 23px; text-decoration: none; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; } 
#weblink a:hover { color: #c72127; }


#links { position: relative; height: 46px; } 

#pdflink { position: absolute; top: 0; left: 157px; width: 125px; height: 46px; background-image:url(../imgs/pdf_bg.gif); font-family: Arial, Helvetica, sans-serif; font-size: 11px;  text-align: center; letter-spacing: -0.2px; }

#pdflink a { line-height: 23px; text-decoration: none; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; } 
#pdflink a:hover { color: #c72127; }

#genericlink { position: absolute; width: 86px; height: 55px; background-image: url(../imgs/link_bg.gif); line-height: 14px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; letter-spacing: -0.2px; padding-top: 5px; background-repeat: no-repeat; }

#genericlink a { text-decoration: none; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; } 
#genericlink a:hover { color: #c72127; }

#bebob_logo { position: absolute; left: 64px; top: 51px; } 
#bebob_pic { position: absolute; left: 521px; top: 51px; } 

#chrosziel_logo { position: absolute; left: 64px; top: 16px; } 
#chrosziel_pic { position: absolute; left: 447px; top: 16px; } 

#omega_logo { position: absolute; left: 64px; top: 24px; }
#omega_pic { position: absolute; left: 463px; top: 0px; } 

#schulze_logo { position: absolute; left: 66px; top: 8px; }
#schulze_pic { position: absolute; left: 465px; top: 70px; } 

#reinhardt_pic { position: absolute; left: 481px; top: 39px; }
#reinhardt_logo { position: absolute; left: 67px; top: 38px; } 

#rololight_logo { position: absolute; left: 64px; top: 12px; }
#rololight_pic { position: absolute; left: 471px; top: 104px; }