/* global properties ***********************************************************************/ * {padding:0; margin:0; outline:none; font-family:Arial, Helvetica, sans-serif; border:none; outline:none} body {font-size:11px; color:#ffffff; background:url(../images/body_background.gif) 100% 0 repeat-x; text-align:center; height:100%} html {position:relative; height:100%; background-color:#9f9d9d} a{color:#d8d8d8; text-decoration:underline;} a:hover{color:#ffffff; text-decoration:none;} ul { padding-left:22px; } li { list-style-image:url(../images/bullet.png); /*line-height:20px;*/ /*vertical-align:middle;*/ list-style-position:outside; } /* common class ***********************************************************************/ .clear{clear:both; height:0;} .hide{display:none;} /* common properties ***********************************************************************/ #headerContainer{margin: 0 auto; width:100%;} #headerRed{background:url(../images/redmenu/header_bg.gif)100% 0 repeat-x;text-align:center; margin: 0 auto; width:100%;} #container{ text-align:left; margin: 0 auto; padding:0; width:985px;} #container .portfolioHeader{background:url(../images/header_portfolio.gif) no-repeat; width:985px; height:63px; } #container .portfolioDetailHeader{background:url(../images/header_portfolio_detail.gif) no-repeat; width:985px; height:63px; } #container div {padding:0;} #header{background:url(../images/header_bg.gif)repeat-x;width:985px; height:76px; margin:auto; overflow:hidden; padding:0;} #header h1{float:left; width:300px;} #header div{width:685px; float:right; text-align:right; vertical-align:top; padding:0;} #header form{width:743px; margin:20px 10px 10px 0; overflow:hidden;} #header form p{clear:both; float:right;} #header label{float:left; padding:3px 0 0 0;} #header input{border:1px solid #d7d7d7; width:119px; height:15px; margin:0 0 0 10px; padding:1px 0 0 0; float:left;} #header .btnSubmit{border:none; width:51px; height:17px; padding:0;} #header ul{padding-bottom:0;} #header li{display:inline; padding:0; } #headerRed{background:url(../images/redmenu/header_bg.gif)repeat-x;width:985px; height:76px; margin:auto; overflow:hidden; padding:0;} #headerRed h1{float:left; width:300px;} #headerRed div{width:556px; float:right; text-align:right; vertical-align:top; padding:0;} #headerRed form{width:743px; margin:20px 10px 10px 0; overflow:hidden;} #headerRed form p{clear:both; float:right;} #headerRed label{float:left; padding:3px 0 0 0;} #headerRed input{border:1px solid #d7d7d7; width:119px; height:15px; margin:0 0 0 10px; padding:1px 0 0 0; float:left;} #headerRed .btnSubmit{border:none; width:51px; height:17px; padding:0;} #headerRed ul{padding-bottom:0;} #headerRed li{display:inline; padding:0; } #main{width:100%; padding:0; clear:both} #context1{width:200px; float:left;} #content{width:765px; float:left;} #flashArea{ padding:0;} #bottomArea2 .newsLinks{ padding-bottom:5px; float:left;} #bottomArea2.news{float:right; width:200px; padding: 15px 30px 0 0; margin-top:10px;} #bottomArea2.news span{display:block; padding-top: 15px; margin-top:10px;} #bottomArea2.divider{text-align:center; padding-left:2px;} #bottomArea2 .column1{float:left; width:290px; padding:10px 5px 5px 20px;} #bottomArea2 p {padding-bottom:6px;} #bottomArea2 h2 {font-size:12px;} #bottomArea2 .column2{float:right; width:580px; padding:10px 15px 0 0;} #bottomArea2 li { list-style-image:url(../images/bullet.png); margin-top:5px; padding-bottom: -5px; vertical-align:middle; } /************Products page***************/ #breadCrumbs{border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; width:985px; margin:0; overflow:hidden;} #breadCrumbs ul{width:400px; float:left;} #breadCrumbs li{font-weight:bold; color:#02518d; display:inline; padding:0 3px 0 0; line-height:24px;} #breadCrumbs a{font-weight:normal; background:url(../images/bullet_01.gif) 100% 6px no-repeat; padding:0 10px 0 0;} #breadCrumbs form{float:right; margin:3px 10px 0 0; display:inline;} #breadCrumbs label{float:left; padding:3px 0 0 0;} #breadCrumbs select{ width:119px; float:left; border:#dcdcdc solid 1px; margin:0 0 0 10px} #breadCrumbs input{border:1px solid #d7d7d7; width:119px; height:15px; margin:0 0 0 10px; padding:1px 0 0 0; float:left;} #breadCrumbs .btnSubmit{border:none; width:51px; height:17px; padding:0;} #breadCrumbs .fixWidth { width:985px;} /*About Us*/ /*#aboutUs{background:url(../images/bgd_aboutUs.gif) 0 0 no-repeat; width:924px; padding:2px 0 0 61px; overflow:hidden;}*/ #aboutUs{background:url(../images/background_pressroom.gif); background-repeat:repeat; width:985px; height:auto; padding:0; overflow:hidden; } #aboutUs div{width:985px; padding:0; float:left; } #aboutUs #intro{width:435px; padding:20px 0 0 10px; text-align:justify} #aboutUs h1 { font-weight: bold; color:#1f1f1f; font-size:16px;} #aboutUs h2 { font-weight: bold; color:#fff; font-size:12px;} #aboutUs p { padding:0 0 20px 0} #aboutUs .title { font-style:italic; padding:0 0 35px 0; font-size:12px} #aboutUs .column1{width:314px; padding:20px; float:left;} #aboutUs .divider { width:7px; float:left; } #aboutUs .column2{width:582px; padding-top:20px; padding-left:10px; margin-right:20px; float:left;} #aboutUs .bioHeaders{padding:5px 0px;} #services{background:url(../images/background_pressroom.gif); background-repeat:repeat; width:985px; height:auto; padding:0; overflow:hidden;} #services #column1{width:314px; padding:20px; float:left;} #services #column1 p{padding-bottom:10px; line-height:15px;} #services #column2{width:582px; padding-top:20px; padding-left:10px; margin-right:20px; float:left;} #services #column2 .servicesIcon{padding-right:20px; float:left; width:101px;} #services #column2 .servicesText{float:right; width:461px;} #services #column2 div {padding-bottom:20px;} #services .divider { width:7px; float:left; } #services h1 { font-weight: bold; color:#1f1f1f; font-size:16px;} #services span { margin-top:30px; } #services h2 { font-weight: bold; color:#fff; font-size:12px;} /*#services #column2 p { padding:20px 20px}*/ #services .title { font-style:italic; padding:0 0 35px 0; font-size:12px} #portfolio{background:url(../images/background_portfolio.jpg) no-repeat; width:985px; height:558px; } #portfolio h1{ } #portfolio h2 { } #portfolio p {padding-bottom:8px;} #portfolio .portfolioTop{ width:985px;height:280px; } #portfolio .title { font-style:italic; padding:0 0 35px 0; font-size:12px} #portfolio .column1{width:314px; padding:30px 20px 20px 20px; float:left;} #portfolio .divider { width:7px; float:left; } #portfolio .column2{width:300px; padding-top:30px; padding-left:10px; margin-right:20px; float:left;} #portfolio .popContainer{background:url(../images/portfolio_bottom_bg.png) no-repeat; width:985px; height:277px;padding:0; float:left;} #portfolio .boxHeader {margin-top:25px; } #portfolio .box1 {background:url(../images/portfolio_box.png) no-repeat; width:323px; height:251px; padding:0 2px; float:left; } #portfolio .box2 {background:url(../images/portfolio_box.png) no-repeat; width:323px; height:251px; padding:0 2px; float:left;} #portfolio .box3 {background:url(../images/portfolio_box.png) no-repeat; width:323px; height:251px; padding:0 2px; float:left;} #portfolioDetail{background:url(../images/background_portfolio_detail.jpg) repeat-y; width:985px; height:auto; padding:0; overflow:hidden;} #portfolioDetail .column1{width:314px; padding:20px; float:left;} #portfolioDetail .divider { width:7px; float:left; } #portfolioDetail .column2{width:592px; padding-top:20px; padding-left:10px; margin-right:10px; float:left;} #portfolioDetail .thumbnails { padding-left:20px; } #portfolioDetail h1 { font-weight: bold; color:#1f1f1f; font-size:16px;} #portfolioDetail span { margin-top:30px; } #portfolioDetail h2 { font-weight: bold; color:#fff; font-size:12px;} #portfolioDetail p { padding:10px 0 5px 0} #portfolioDetail .column2 { padding:20px 0 5px 15px} #portfolioDetail .title { font-style:italic; padding:0 0 35px 0; font-size:12px} #portfolioDetail .portfolioDetailText{padding:5px 0 30px 0;} #portfolioDetail .img{padding-top:10px;} #portfolioWyffels{background:url(../images/background_portfolio_detail.gif) repeat-y; width:985px; height:1200px; padding:0; overflow:hidden;} #portfolioWyffels .column1{width:314px; padding:20px; float:left;} #portfolioWyffels .divider { width:7px; float:left; } #portfolioWyffels .column2{width:592px; padding-top:20px; padding-left:10px; margin-right:10px; float:left;} #portfolioWyffels .thumbnails { padding-left:20px; } #portfolioWyffels h1 { font-weight: bold; color:#1f1f1f; font-size:16px;} #portfolioWyffels span { margin-top:30px; } #portfolioDetail h2 { font-weight: bold; color:#fff; font-size:12px;} #portfolioWyffels p { padding:10px 0 5px 0} #portfolioWyffels .column2 { padding:20px 0 5px 15px} #portfolioWyffels .title { font-style:italic; padding:0 0 35px 0; font-size:12px} #portfolioWyffels .portfolioDetailText{padding:5px 0 3px 0;} #portfolioWyffels .img{padding-bottom:20px;} #pressRoom{background:url(../images/background_pressroom.gif); background-repeat:repeat; width:985px; height:auto; padding:0; overflow:hidden; } #pressRoom div{} #pressRoom .column1{width:354px; padding:0; float:left;} #pressRoom .newsLinks{width:354px; padding-bottom:5px; float:left;} #pressRoom .divider { width:7px; float:left; text-align:center; } #pressRoom .date { width:112px; text-align:center; float:left; padding-top:45px; } #pressRoom .dateText{padding:2px 0; } #pressRoom .column2{width:584px; padding-top:0px; margin-right:20px; float:right;} #pressRoom h1 { font-weight: bold; color:#ccc; font-size:16px; margin-bottom:1em;} #pressRoom span { margin-top:30px; } #pressRoom h2 { font-weight: bold; color:#fff; font-size:13px;} #pressRoom p { padding:0 0 20px 0; font-size:10pt;} #pressRoom .title { font-style:italic; padding:0 0 35px 0; font-size:12px} #pressRoom .header{background:url(../images/header_pressroom.gif) no-repeat; width:100%; height:63px; padding:0; } #pressRoom .header p{text-align:right; padding:30px 30px 0 0; } #pressRoom .header p a{font-size:10px; color:#c3c4c3; text-decoration:none;} #pressRoom .header p a:hover{color:#ffffff; text-decoration:underline;} #pressRoom .smallText{font-size:9px;} #pressRoom #archives {width:624px; float:left;} #pressRoom #archives .dateText{padding:2px 0; } #pressRoom #archives p {padding:5px 0;} #pressRoom #archives .press {width:580px; float:left; padding:45px 20px 0 20px; } #contactUs{background:url(../images/background_contactus.jpg) no-repeat; width:100%; height:558px; padding:0; overflow:hidden;} #contactUs div{width:985px; padding:0; float:left; } #contactUs #intro{width:435px; padding:20px 0 0 10px; text-align:justify} #contactUs h1 { font-weight: bold; color:#ccc; font-size:16px;} #contactUs h2 { font-weight: bold; color:#fff; font-size:12px;} #contactUs h3 { font-weight: bold; color:#ccc; font-size:11px;} #contactUs p { padding:0 0 8px 0} #contactUs .title { font-style:italic; padding:0 0 35px 0; font-size:12px} #contactUs .column1{width:250px; padding:20px; float:left;} #contactUs .divider { width:40px; float:left; } #contactUs .column2{width:582px; padding-top:20px; padding-left:10px; margin-right:20px; float:left;} #dairyStudy{background:url(../images/background_pressroom.gif); background-repeat:repeat; width:985px; height:auto; padding:0; overflow:hidden; } #dairyStudy div{} #dairyStudy .column1{width:250px; padding:20px; float:left;} #dairyStudy .newsLinks{width:354px; padding-bottom:5px; float:left;} #dairyStudy .divider { width:7px; float:left; text-align:center; } #dairyStudy .date { width:112px; text-align:center; float:left; padding-top:45px; } #dairyStudy .column2{width:592px; padding-top:20px; padding-bottom:30px; padding-left:25px; margin-right:10px; float:left;} #dairyStudy h1 { font-weight: bold; color:#ccc; font-size:16px;} #dairyStudy span { margin-top:30px; } #dairyStudy h2 { font-weight: bold; color:#fff; font-size:13px;} #dairyStudy p { padding:0 0 20px 0} #dairyStudy .title { font-style:italic; padding:0 0 35px 0; font-size:12px} #dairyStudy .header{background:url(../images/header_pressroom.gif) no-repeat; width:100%; height:63px; padding:0; } #dairyStudy .header p{text-align:right; padding:30px 30px 0 0; } #dairyStudy .header p a{font-size:10px; color:#c3c4c3; text-decoration:none;} #dairyStudy .header p a:hover{color:#ffffff; text-decoration:underline;} #dairyStudy.graphSet {padding-bottom:20px;} /************************footer**************************************************/ #bottomArea {background:url(../images/home_bottom_bg.gif); width:100%; height:288px;} #bottomArea2 {background:url(../images/home_bottom_bg2.gif); width:100%; height:296px;} #footerShadow{ vertical-align:bottom; background:url(../images/background_pressroom.gif); background-repeat:repeat; width:985px; clear:both; height:8px; padding:0;} #footerContainer{background:#1e1e1e;margin: 0 auto; width:100%; height:100%;} #footer {background:#1e1e1e; width:985px; height:76px; text-align:center; padding-left:10px; position:relative;} #footer p{font-size:10px; color:#fff;} #footer a{color:#fff; text-decoration:underline; padding:0 5px;} #footer a:hover{text-decoration:none;} #footer #footerText { float:left; vertical-align:middle; text-align:center; padding: 31px 0 0 10px; }