body { margin:0; } /* ----------------------------------------------------------------------------- */ /* --------------------------------->>> GLOBAL <<<------------------------------ */ /* ----------------------------------------------------------------------------- */ /* --- TEXT --- */ p {font:12px/17px Arial, Helvetica, sans-serif; color:#003366; margin:0; padding:0px 20px 20px 0px;} td {font:12px Arial, Helvetica, sans-serif; color:#666; line-height:normal; margin:0; padding:0;} /* --- HEADINGS --- */ h1 {font:11px Arial, Helvetica, sans-serif; color:#000000; font-weight:bold; margin:0px 0px 0px 0px; padding:0;} h2 {font:11px Arial, Helvetica, sans-serif; color:#000000; font-weight:normal; margin:0px 0px 5px 0px; padding:0;} h3 {font:12px Arial, Helvetica, sans-serif; color:#003366; font-weight:bold; margin:0; padding:0;} /* .subTitle {font:26px Arial, Helvetica, sans-serif; color:#fff; font-weight:normal; margin:30px 0px 5px 140px; padding:0;} */ .subTitle {font:26px Arial, Helvetica, sans-serif; color:#fff; font-weight:normal; margin:20px 0px 5px 30px; padding:0;} /* --- HYPERLINKS --- */ a {font:12px Arial, Helvetica, sans-serif; color:#cc9900; font-weight:normal;} a:link, a:active, a:visited {text-decoration:none;} a:hover {color:#ccc; text-decoration:underline;} /* --- LISTS --- */ ul {margin:0px 0px 20px 0px; padding:0;} ol {margin:0px 0px 20px 10px; padding:0;} li {margin:0px 0px 0px 16px; padding:0; font:11px Arial, Helvetica, sans-serif; font-weight:normal; color:#000000;} /* --- FORMS --- */ form {padding:0; margin:0;} input {padding:0; margin:0; font-size:11px;} /* -- EXTRAS -- */ img {border:0; padding:0; margin:0; display:block;} .noCSS {visibility:hidden;} .noDisplay {display:none;} .inline {display:inline;} .clear {clear:both;} .roundedCorners { -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; background: #b4a56d url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyZWN0IGZpbGw9IiNGRkYiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiLz48cmVjdCBmaWxsPSIjYjRhNTZkIiByeD0iMjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiLz48L3N2Zz4=); } /* ----------------------------------------------------------------------------- */ /* ------------------------------>>> BACKGROUNDS <<<---------------------------- */ /* ----------------------------------------------------------------------------- */ #bgHome {background-image:url(../images/bg_hp.jpg); background-position:top center; background-repeat:no-repeat;} #bgProducts {background-image:url(../images/bg_products.jpg); background-position:top center; background-repeat:no-repeat;} #bgInoculant {background-image:url(../images/bg_inoculant.jpg); background-position:top center; background-repeat:no-repeat;} #bgSeedServices {background-image:url(../images/bg_seedservices.jpg); background-position:top center; background-repeat:no-repeat;} #bgProduction {background-image:url(../images/bg_production.jpg); background-position:top center; background-repeat:no-repeat;} #bgMarketing {background-image:url(../images/bg_marketing.jpg); background-position:top center; background-repeat:no-repeat;} #bgHistory {background-color:#0a0c0a; background-image:url(../images/bg_history.jpg); background-position:top center; background-repeat:no-repeat;} #bgGallery {background-color:#0a0c0a; background-image:url(../images/bg_gallery.jpg); background-position:top center; background-repeat:no-repeat;} #bgCorporate {background-image:url(../images/bg_corporate.jpg); background-position:top center; background-repeat:no-repeat;} #bgNews {background-image:url(../images/bg_news.jpg); background-position:top center; background-repeat:no-repeat;} #bgContact {background-image:url(../images/bg_contact.jpg); background-position:top center; background-repeat:no-repeat;} #bgPrivacy {background-image:url(../images/bg_privacy.gif); background-position:top center; background-repeat:no-repeat;} .tabNew {background-image:url(../images/tab_new.gif); background-position:top right; background-repeat:no-repeat;} /* ----------------------------------------------------------------------------- */ /* ---------------------------->>> LAYOUT ELEMENTS <<<-------------------------- */ /* ----------------------------------------------------------------------------- */ /* header */ #headerWrap {position:relative; width:1000px; height:130px; margin:0 auto;} #headerWrap img.logo {position:absolute; top:0px; left:0px;} #headerWrap h1 {position:absolute; top:15px; left:233px; width:130px; font:11px Arial, Helvetica, sans-serif; color:#8eaab8;} /* content area */ #contentWrap {width:860px; margin:0px auto 0px auto; padding:0;} .content {clear:both; padding-top:5px;} .inoculant {width:338px; padding-top:25px;} .seedServices {width:395px; padding-top:25px;} .productionServices {width:395px; padding-top:25px;} .productionServices p {color:#fff;} .corporate {width:370px; padding-top:6px; margin-left:517px;} /* title area */ #titleWrap {width:860px; margin:0 auto; padding:0;} img.title {display:inline; float:left;} #titleWrap.seedServices {position:relative; width:860px; height:52px; margin:0 auto; padding:0;} /* footer */ #footerWrap {clear:both; width:100%; height:25px; padding-bottom:15px;} .copyrightWrap {clear:both; width:330px; height:25px; margin:0 auto; padding:0; background-image:url(../images/bg_footer.png); background-position:right; background-repeat:no-repeat;} .copyrightContent {width:330px;} .copyrightContent p {font:10px Arial, Helvetica, sans-serif; color:#888; padding:0px 80px 0px 0px; text-align:right;} .copyrightWrap a {font:10px Arial, Helvetica, sans-serif; color:#666;} .copyrightWrap a:hover {text-decoration:underline;} /* ----------------------------------------------------------------------------- */ /* ---------------------->>> PAGE SPECIFIC STYLES <<<--------------------------- */ /* ----------------------------------------------------------------------------- */ /* ----- homepage ----- */ #hpContentWrap {width:990px; margin:35px auto 0 auto; padding:0; position:relative;} #hpContentWrap h1 {font:normal 25px Arial, Helvetica, sans-serif; color:#83953a; margin:0px 0px 250px 40px; padding:0;} a#btnSms {display:block; position:absolute; left:-40px; top:205px; width:298px; height:131px; background-image:url(../images/btn_hp_sms.png); background-position:top; text-indent:-3000px;} a#btnSms:hover {background-position: bottom; text-decoration:none;} .hpInfoBox {float:left; width:220px; background-position:top right; background-repeat:no-repeat;} .hpInfoBox h2 {font:bold 13px Arial, Helvetica, sans-serif; color:#003366; width:140px; margin:0px 0px 2px 64px;} .hpInfoBox p {font:11px Arial, Helvetica, sans-serif; color:#000; margin-left:64px; padding:0px 0px 0px 0px;} .hpInfoBox a {font:bold 11px Arial, Helvetica, sans-serif; color:#9d6e21; margin-left:170px;} .hpInfoBox.box1 {background-image:url(../images/hp_pic_family.jpg); background-position:top left; background-repeat:no-repeat; margin-right:25px; margin-left:25px;} .hpInfoBox.box2 {background-image:url(../images/hp_pic_seeds.jpg); background-position:top left; background-repeat:no-repeat; margin-right:25px;} .hpInfoBox.box3 {width:120px;} .hpInfoBox.box3 a {margin:0px; padding:0;} /* ----- products ----- */ .productsWrap {width:860px; margin:0; padding:0; background-image:url(../images/bg_whitetableshadow.png); background-repeat:repeat-y;} /* white box with drop shadow */ #titleWrap.products {position:relative; width:860px; height:130px; margin:0 auto; padding:0;} #titleWrap.products h2 {position:absolute; left:0px; top:60px; width:425px; font-size:18px; font-weight:bold; color:#fff;} #titleWrap.products div.seedVarBox {position:absolute; left:570px; top:0px; width:289px; height:52px; background-image:url(../images/bg_seedvarbox.jpg); background-repeat:no-repeat;} #titleWrap.products div.seedVarBox p {font:11px Verdana, Arial, Helvetica, sans-serif; color:#fff; width:260px; margin:31px auto 0px auto; padding:0;} #titleWrap.products div.seedVarBox a {color:#a6bb56; text-decoration:none;} #titleWrap.products div.seedVarBox a:hover {color:#fff; text-decoration:underline;} #titleWrap.products div.polywovenBox {position:absolute; left:570px; top:55px; width:290px; height:72px; background-image:url(../images/bg_polywovenbox.jpg); background-repeat:no-repeat;} #titleWrap.products div.polywovenBox p {font:11px Arial, Helvetica, sans-serif; color:#fff; width:260px; margin:26px auto 0px auto; padding:0;} table.productTable {width:834px; margin:1px auto 0px auto; border:1px solid #cc9900; border-collapse:collapse;} table.productTable td {border-top:1px solid #cc9900; border-right:1px solid #cc9900; padding:7px; vertical-align:middle;} table.productTable td.productCol1Title {background-color:#669900; color:#fff; font-weight:bold; white-space:nowrap;} table.productTable td.productCol2Title {background-color:#cc9900; color:#fff; font-weight:bold; white-space:nowrap;} /* special crop exports */ table#exportTable.productTable td.productCol1Title {width:auto;} table#exportTable.productTable td.productCol2Title {width:auto;} table#exportTable.productTable td.prodCol1 {width:20%; border-right:none;} table#exportTable.productTable td.prodCol2 {width:20%; font-size:15px;} table#exportTable.productTable td.prodCol3 {width:60%;} /* seed varieties */ .productTable.seedVarieties td.productCol1Title {width:20%; background-color:#336600; color:#fff; font-weight:bold;} .productTable.seedVarieties td.productCol2Title {width:20%; background-color:#669900; color:#fff; font-weight:bold;} .productTable.seedVarieties td.productCol3Title {width:80%; background-color:#cc9900; color:#fff; font-weight:bold;} /* ----- services : SEED -----*/ div.seedVarBox2 {float:right; width:304px; height:52px; background-image:url(../images/bg_seedvarbox2.jpg); background-repeat:no-repeat;} div.seedVarBox2 p {font:10px Verdana, Arial, Helvetica, sans-serif; color:#fff; width:260px; margin:0 auto; padding:32px 0px 0px 0px;} div.seedVarBox2 a {color:#dfe9f5; text-decoration:none;} div.seedVarBox2 a:hover {color:#fff; text-decoration:underline;} /* ----- services : MARKETING -----*/ table#smsTable {width:350px;} table#smsTable tr td {padding:2px;} table#smsTable tr td img {display:inline;} table#smsTable tr td input {display:inline; padding:3px;} /* ----- our history. our future. -----*/ .historyCol1 {clear:both; float:left; display:inline; width:377px; margin:55px 0px 0px 23px;} .historyCol1 p {color:#fff; padding-bottom:40px;} .historyCol2 {float:left; width:377px; margin:55px 0px 0px 61px;} .historyCol2 p {color:#fff;} /* ----- photo gallery -----*/ div.linksWrap {float:left; display:inline; width:117px; margin:35px 0px 0px 0px;} div.linksWrap ul li {margin:0; padding:5px 0px 5px 0px; border-bottom:1px solid #efdfd8;} div.linksWrap ul li a {font-size:11px; font-weight:bold; color:#fff; margin:0; padding:0;} #loadarea {float:left; display:inline; margin:15px 0px 0px 25px; padding:0;} .portfolioPic { width:578px; height:385px; margin:0; padding:0; border:10px solid #fff; } #galleryThumbsWrap { float:left; display:inline; width:160px; margin:15px 0px 0px 15px; padding:0; } #galleryThumbsWrap img { width:70px; height:47px; margin-bottom:5px; border:3px solid #fff; } #galleryThumbsWrap div#thumbsCol1 { float:left; display:inline; margin:0px 5px 0px 0px; padding:0; } #galleryThumbsWrap div#thumbsCol2 { float:left; display:inline; margin:0; padding:0; } /* ----- news & resources -----*/ .newsletter {float:left; display:inline;} .newsOuterWrap {float:left; width:621px; margin:20px 0px 0px 0px; padding:0;} .newsInnerWrap {width:621px; margin:0; padding:0; background-image:url(../images/bg_whitetableshadow2.png); background-repeat:repeat-y;} /* white box with drop shadow */ .newsTitle {background-color:#cc9900; width:596px; margin:0 auto;} .newsInnerWrap .article {width:594px; margin:0 auto; padding:8px; border:1px solid #cc9900; border-top:none; voice-family: "\"}\""; voice-family:inherit; width:578px;} .newsInnerWrap .article a {font-size:12px; font-weight:bold;} .newsInnerWrap .article p {font-size:12px; font-weight:normal; color:#666; line-height:normal; padding:0px;} .newsInnerWrap .article p.date {font-size:11px; padding-bottom:10px;} .newsArticleOuterWrap {width:860px; margin:0; padding:0;} .newsArticleInnerWrap {width:860px; margin:0; padding:0; background-image:url(../images/bg_whitetableshadow.png); background-repeat:repeat-y;} /* white box with drop shadow */ .newsArticleTitle {background-color:#cc9900; width:834px; margin:0 auto;} .articleFull {width:812px; margin:0 auto; padding:20px; border:1px solid #cc9900; border-top:none; voice-family: "\"}\""; voice-family:inherit; width:792px;} .articleFull h2 {font-size:14px; font-weight:bold; margin:0; padding:0;} .articleFull p {color:#555;} .articleFull p.date {font-size:11px; padding-bottom:30px;} .resourcesOuterWrap {float:right; width:227px; margin:0; padding:0;} .resourcesInnerWrap {width:227px; margin:0; padding:0; background-image:url(../images/bg_whitetableshadow3.png); background-repeat:repeat-y;} /* white box with drop shadow */ .resourcesTitle {background-color:#666; width:199px; margin:0 auto;} .resourcesTitle p {font-size:11px; color:#fff; line-height:normal; width:184px; margin:0 auto; padding:0px 0px 10px 0px;} .resourcesInnerWrap .resourceLinks a {display:block; font-size:11px; font-weight:normal; margin:0 auto; width:197px; padding:4px 7px; border:1px solid #666666; border-top:none; voice-family: "\"}\""; voice-family:inherit; width:183px;} .btnBackToMain {background:url(../images/btn_backtomain.gif) no-repeat; white-space:nowrap; display:block; width:119px; height:22px; margin:0; padding:0;} .btnBackToMain a {display:block; width:119px; height:22px; display:block; float:left;} .btnBackToMain img { width:119px; height:22px; border:0;} * html a:hover { visibility:visible } .btnBackToMain a:hover img { visibility:hidden } /* ----- contact -----*/ .contactTitle {padding-bottom:20px;} .locationWrap {position:relative; width:425px; height:155px; background-color:#fff;} .locationWrap .locationContent {position:absolute; left:187px; top:13px; width:220px; line-height:normal;} .locationWrap .locationContent p {line-height:normal; color:#666;} .locationWrap .locationContent a {font-size:12px; font-weight:bold; line-height:normal;} .locationWrap h2 {font-size:15px; font-weight:bold; color:#003366;} .headOfficeWrap {float:left; display:inline; margin:0px 10px 10px 0px;} .btnHeadOffice {position:absolute; left:10px; top:10px; background:url(../images/btn_railsite.jpg) no-repeat; white-space:nowrap; display:block; width:167px; height:135px; margin:0; padding:0;} .btnHeadOffice a {display:block; width:167px; height:135px; display:block; float:left;} .btnHeadOffice img {width:167px; height:135px; border:0;} * html a:hover {visibility:visible;} .btnHeadOffice a:hover img {visibility:hidden;} .farmPlantWrap {float:left; display:inline; margin:0px 0px 10px 0px;} .btnFarmPlant {position:absolute; left:10px; top:10px; background:url(../images/btn_mainplant.jpg) no-repeat; white-space:nowrap; display:block; width:167px; height:135px; margin:0; padding:0;} .btnFarmPlant a {display:block; width:167px; height:135px; display:block; float:left;} .btnFarmPlant img {width:167px; height:135px; border:0;} * html a:hover {visibility:visible;} .btnFarmPlant a:hover img {visibility:hidden;} .swiftPlantWrap {clear:both; float:left; display:inline; margin:0px 10px 10px 0px;} .btnSwiftPlant {position:absolute; left:10px; top:10px; background:url(../images/btn_swiftplant.jpg) no-repeat; white-space:nowrap; display:block; width:167px; height:135px; margin:0; padding:0;} .btnSwiftPlant a {display:block; width:167px; height:135px; display:block; float:left;} .btnSwiftPlant img {width:167px; height:135px; border:0;} * html a:hover {visibility:visible;} .btnSwiftPlant a:hover img {visibility:hidden;} .kylePlantWrap {float:left; display:inline; margin:0px 0px 10px 0px;} .btnKylePlant {position:absolute; left:10px; top:10px; background:url(../images/btn_kyleplant.jpg) no-repeat; white-space:nowrap; display:block; width:167px; height:135px; margin:0; padding:0;} .btnKylePlant a {display:block; width:167px; height:135px; display:block; float:left;} .btnKylePlant img {width:167px; height:135px; border:0;} * html a:hover {visibility:visible;} .btnKylePlant a:hover img {visibility:hidden;}