/* CSS Document */ /* Globals */ body {text-align: center; font: 100%/120% "Lucida Grande", Arial, Verdana, sans-serif;background: #FFF url(../img/bkg_horz_brwn.jpg) no-repeat top center;} * {padding: 0px; margin: 0px;} img {border: none;} .clear{clear: both;height: 0px;} html, body {height: 100%;min-height: 100%;} a {outline: none;} hr {margin-left: 20px;width: 628px;height: 0px;border: 1px dotted #d8cdb0;} /* CENTERING */ .pageContainer {margin-left: auto; margin-right: auto; min-height: 100%;text-align: left;padding: 0px; width: 900px;} /* PAGE LAYOUT */ #flashHeader{display: block;position: relative;width: 900px;height: 89px;margin: 0px;padding: 0px;overflow: hidden;} #flashHeader li{list-style: none;float: left;width: 106px;font-size: 10px;text-align: center;} #pageIntro.home{position: relative;display: block;top: 30px;width: 900px;height: 220px;background: url(../img/home_01.jpg);overflow: hidden;} #pageIntro.branding{position: relative;display: block;top: 30px;width: 900px;height: 220px;background: url(../img/branding_01.jpg);overflow: hidden;} #pageIntro.interactive{position: relative;display: block;top: 30px;width: 900px;height: 220px;background: url(../img/interactive_01.jpg);overflow: hidden;} #pageIntro.online{position: relative;display: block;top: 30px;width: 900px;height: 220px;background: url(../img/online_01.jpg);overflow: hidden;} #pageIntro.print{position: relative;display: block;top: 30px;width: 900px;height: 220px;background: url(../img/print_01.jpg);overflow: hidden;} #pageIntro.social{position: relative;display: block;top: 30px;width: 900px;height: 220px;background: url(../img/social_01.jpg);overflow: hidden;} #pageIntro.vision{position: relative;display: block;top: 30px;width: 900px;height: 220px;background: url(../img/vision_01.jpg);overflow: hidden;} #content{position: relative;float: left;width: 692px;margin-top: 30px;border-left: 1px dotted #d8cdb0;border-right: 1px dotted #d8cdb0;border-bottom: 1px dotted #d8cdb0;} #sidebar{position: relative;float: left;width: 206px;margin-top: 30px;} #sidebar.home{background: url(../img/home_03.jpg) no-repeat;} #sidebar.interactive{background: url(../img/interactive_03.jpg) no-repeat;} #sidebar.branding{background: url(../img/branding_03.jpg) no-repeat;} #sidebar.online{background: url(../img/online_03.jpg) no-repeat;} #sidebar.print{background: url(../img/print_03.jpg) no-repeat;} #sidebar.social{background: url(../img/social_03.jpg) no-repeat;} #sidebar.vision{background: url(../img/vision_03.jpg) no-repeat;} /* HEADER CONTAINERS */ /* PHOTO CONTAINER GRID */ .photoGrid {width: 650px;margin: 15px;} .photoGrid p{font-size: 11px;line-height: 16px;padding-bottom: 5px;color: #3b3b3b;} .photoGrid h2{font-size: 20px;font-weight: bold;line-height: 26px;color: #5d4a3b;} .grid-c1 {float: left;width: 15px;height: 15px;background: url(../img/frm_wht_corner.gif) no-repeat left top;} .grid-c2 {float: left;width: 620px;height: 15px;background: url(../img/frm_wht_top.gif) repeat-x;} .grid-c3 {float: left;width: 15px;height: 15px;background: url(../img/frm_wht_corner.gif) no-repeat right top;} .grid-c4 {float: left;display: block;width: 15px;background: url(../img/frm_wht_left.gif) repeat-y left top;} .grid-c5 {float: left;display: block;width: 620px;background: #fff;overflow: hidden;} .grid-c6 {float: left;display: block;width: 15px;background: url(../img/frm_wht_right.gif) repeat-y right top;} .grid-c7 {float: left;width: 15px;height: 15px;background: url(../img/frm_wht_corner.gif) no-repeat left bottom;} .grid-c8 {float: left;width: 620px;height: 15px;background: url(../img/frm_wht_bottom.gif) repeat-x;} .grid-c9 {float: left;width: 15px;height: 15px;background: url(../img/frm_wht_corner.gif) no-repeat right bottom;} /* TEXT STYLING */ #entryHeader{margin-left: 20px;width: 620px;font-size: 16px;font-weight: bold;line-height: 26px;color: #50270d;padding-top: 12px;} #subHead{margin-left: 20px;width: 620px;font-size: 13px;line-height: 26px;font-weight: lighter;color: #91b026;} #entryTxt p{margin-left: 20px;width: 620px;font-size: 12px;line-height: 16px;padding-bottom: 5px;color: #3b3b3b;} #entryTxt a{color: #23a0a4;text-decoration: none;} #entryTxt a:visited{color: #23a0a4;text-decoration: none;} #entryTxt a:hover{color: #9aac24;text-decoration: none;} a.linkTarget {display: block;width: 100px;height: 20px;line-height: 25px;background: url(../img/link.jpg) no-repeat top 80px;} a.linkTarget:hover {display: block;width: 100px;height: 20px;line-height: 25px;background: url(../img/link.jpg) no-repeat bottom 80px;} #bannerContainer {margin-left: 20px;} /* Intro text Styles */ #introCopy {position: relative;margin-top: 20px;width: 680px;margin-left: 160px;} #introCopy a{font-size: 10px;line-height: 12px;color: #fff;text-decoration: none;font-weight: bold;text-transform: uppercase;background: #91b026;padding: 2px;} #introCopy a:visited{font-size: 10px;line-height: 12px;color: #fff;text-decoration: none;font-weight: bold;background: #91b026;padding: 2px;} #introCopy a:hover{font-size: 10px;line-height: 12px;color: #fff;text-decoration: none;font-weight: bold;background: #297ba4;padding: 2px;} #introCopy p{font-size: 12px;line-height: 16px;color: #fff;padding: 4px;background: url(../img/intro_txt_fill.gif) repeat;margin: 4px;} #introCopy h2{font-size: 24px;font-weight: 100;line-height: 24px;color: #fff;padding: 4px;background: url(../img/intro_txt_fill.gif) repeat;margin: 4px;} /* Contact Info */ #contactInfo{position: relative;width: 200px;top: 160px;padding: 12px;} #contactInfo h2{font-size: 14px;color: #91b026;line-height: 18px;} #contactInfo p{font-size: 11px;color: #50270d;line-height: 16px;} #contactInfo a{padding: 2px;font-size: 11px;font-weight: bold;color: #50270d;text-decoration: none;background: #91b026;} #contactInfo a:visited{padding: 2px;font-size: 11px;font-weight: bold;color: #50270d;text-decoration: none;background: #91b026;} #contactInfo a:hover{padding: 2px;font-size: 11px;font-weight: bold;color: #fff;text-decoration: none;background: #297ba4;} #logos a{background: none;} #logos a:visited{background: none;} #logos a:hover{background: none;} /* COPYRIGHT - FOOTER*/ .footer{background-color: #d4d4d4;} .copyright {margin-left: auto;margin-right: auto;width: 900px;height: 100px;font-size: 10px;color: #666; display: block;text-align: center;}