/********************************* Global Ground Swell CSS Guide Project: Relavant Design - GS Version: 1.0 *********************************/ /************************* BASE *************************/ BODY, TD, TH, INPUT, SELECT, TEXTAREA, DIV, P { font-family: Helvetica; line-height:25px; font-size: 15px; color: #fff; } a:focus, a:active { outline:none; } body { border: 0; padding: 0; margin: 0; background-color:#666; text-align:center; } img { border: 0; padding: 0; margin: 0; } p { border: 0; padding: 0; margin: 0; padding-top:10px; } .hideText { position: absolute; left: -9999px; font-size: small; } .container{margin:0 auto; width:1007px; background:url(../imgs/site_bg.gif) repeat-y; text-align:left; } .siteBody{ width:1000px; height:558px; position:relative; margin-left:3px; background:url(../imgs/site_base.gif)} .siteBodyIndex{ width:1000px; height:558px; position:relative; margin-left:3px; background:#0033FF} .page_header{ position:absolute; display:block; } .Hwho{top:95px; left:700px;width:225px;} .Hwho img{ margin-left:0px; display:none;} .Hsi{top:95px; left:450px;width:472px;} .Hsi img{ margin-left:0px; display:none;} .His{top:95px; left:431px;width:491px;} .His img{ margin-left:0px; display:none;} .HContact{top:95px; left:700px; width:225px;} .HContact img{ margin-left:0px; display:none;} .page_content{ display:block; } /* Who We Are */ .page_content .sidebar{ position:absolute; top:0px; left:20px; } .page_content .content{ position:absolute; top:128px; left:70px; margin-top:25px; height:400px; width:500px; overflow:hidden; filter:alpha(opacity=0);-moz-opacity:0;opacity:0; } .page_content .content ul{ list-style:url(../imgs/bullet.gif); padding:0px; padding-top:10px; padding-left:10px; margin:0px; margin-left:10px;} .page_content .content ul li{ line-height:25px;} /* Gallery */ /* Successes */ .gallery_text p{ font-size:11px; font-weight:normal; line-height:18px;} .page_content .gallery_suc{ position:absolute; top:215px; left:0px; width:1000px; height:313px; background:url(../imgs/successes_bg.jpg); display:none; } .page_content .gallery_suc .cover{ width:110px; height:102px;background:url(../imgs/img_cover.gif);filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;} .page_content .gallery_suc .img1{ position:absolute; top:1px; left:0px; } .page_content .gallery_suc .img2{ position:absolute; top:1px; left:111px; } .page_content .gallery_suc .img3{ position:absolute; top:105px; left:0px; } .page_content .gallery_suc .img4{ position:absolute; top:105px; left:111px; } .page_content .gallery_suc .img5{ position:absolute; top:210px; left:0px; } .page_content .gallery_suc .img6{ position:absolute; top:210px; left:111px; } .page_content .gallery_suc .gallery_block{position:absolute; top:1px; left:280px; width:720px; height:313px; display:none; } .page_content .gallery_suc .gallery_text{ height:300px; width:190px; padding-top:22px;} .page_content .gallery_suc .gallery_text .gallery_title{font-size:18px; font-weight:normal; } .page_content .gallery_suc .gallery_block .gallery_img{ position:absolute; top:0px; left:210px; height:300px;} /* Innovations */ .page_content .gallery_inn{ position:absolute; top:215px; left:0px; width:1000px; height:313px; background:url(../imgs/innovations_bg.jpg); display:none; } .page_content .gallery_inn .cover{ width:110px; height:102px;background:url(../imgs/img_cover.gif);filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;} .page_content .gallery_inn .img1{ position:absolute; top:1px; left:778px; } .page_content .gallery_inn .img2{ position:absolute; top:1px; left:889px; } .page_content .gallery_inn .img3{ position:absolute; top:105px; left:778px; } .page_content .gallery_inn .img4{ position:absolute; top:105px; left:889px; width:111px; } .page_content .gallery_inn .img5{ position:absolute; top:210px; left:778px; } .page_content .gallery_inn .img6{ position:absolute; top:210px; left:889px; width:111px; } .page_content .gallery_inn .gallery_block{position:absolute; top:1px; left:0px; width:780px; height:313px; display:none; } .page_content .gallery_inn .gallery_text{ height:300px; width:190px; padding-top:22px; padding-left:575px;} .page_content .gallery_inn .gallery_text .gallery_title{font-size:18px; font-weight:normal; } .page_content .gallery_inn .gallery_block .gallery_img{ position:absolute; top:0px; left:0px; height:300px;} .page_content .sub_1{ position:absolute; top:180px; left:67px; width:233px; height:19px; background:url(../imgs/sub_nav_s.gif)} .page_content .sub_1:hover{ position:absolute; top:180px; left:67px; width:233px; height:19px; background:url(../imgs/sub_nav_s_set.gif)} .page_content .sub_1_set{ position:absolute; top:180px; left:67px; width:233px; height:19px; background:url(../imgs/sub_nav_s_set.gif)} .page_content .sub_2{ position:absolute; top:180px; left:350px; width:346px; height:19px; background:url(../imgs/sub_nav_i.gif)} .page_content .sub_2:hover{ position:absolute; top:181px; left:350px; width:346px; height:19px; background:url(../imgs/sub_nav_i_set.gif)} .page_content .sub_2_set { position:absolute; top:180px; left:350px; width:346px; height:19px; background:url(../imgs/sub_nav_i_set.gif)} /* Contact */ .page_content .content_contact{ position:absolute; top:153px; left:70px; margin-top:25px; height:400px; width:300px; } .form_item{ text-align:right; vertical-align:top; font-size:12px;} .formbox{ width:225px; height:16px; color:#000000; } .formtextarea{width:225px; height:54px; color:#000000;} .contactInfo{ position:absolute; top:355px; left:415px;;} .contacttext{ font-size:10px; font-weight:normal; line-height:15px;} .contacttext a:link{ text-decoration:none; color:#FFFFFF;} .contacttext a:hover{ text-decoration:none; color:#ffcc00;} .people{ position:absolute; top:171px; left:577px; } /* Footer */ .footerIndex{ position:absolute; top:528px; width:1007px; height:34px; margin-left:0px; background:url(../imgs/main_nav.gif); } .footer{ position:relative; width:1007px; height:34px; margin-left:0px; background:url(../imgs/main_nav.gif);} .footernav{ list-style:none; padding:0px; margin:0px; margin-left:286px; padding-top:0px;} .footernav li{ float:left; } .footernav li a.home{ position:absolute; top:0px; left:55px; display:block; height:30px; width:170px; } .footernav li a.who{display:block; height:30px; width:75px; background:url(../imgs/nav_1_who.gif) no-repeat; background-position:0px 10px; } .footernav li a.successes{display:block; height:30px; width:70px; background:url(../imgs/nav_2_successes.gif) no-repeat; margin-left:74px; background-position:0px 10px; } .footernav li a.innovations{display:block; height:30px; width:77px; background:url(../imgs/nav_3_innovations.gif) no-repeat; margin-left:74px; background-position:0px 10px;} .footernav li a.contact{display:block; height:30px; width:74px; background:url(../imgs/nav_4_contact.gif) no-repeat; margin-left:74px;background-position:0px 10px; } .footernav li a.who_set{display:block; height:30px; width:75px; background:url(../imgs/nav_1_who_set.gif) no-repeat;background-position:0px 10px; } .footernav li a.successes_set{display:block; height:30px; width:70px; background:url(../imgs/nav_2_successes_set.gif) no-repeat; margin-left:74px;background-position:0px 10px; } .footernav li a.innovations_set{display:block; height:30px; width:77px; background:url(../imgs/nav_3_innovations_set.gif) no-repeat; margin-left:74px;background-position:0px 10px; } .footernav li a.contact_set{display:block; height:30px; width:74px; background:url(../imgs/nav_4_contact_set.gif) no-repeat; margin-left:74px;background-position:0px 10px; } .footernav span{ position: absolute; left: -9999px; font-size: small; }