/* 2009 06 Additions */ #container06 {position:relative; width:982px; height:auto; margin:auto;} #featureTop06 {position:relative; width:982px; height:465px; margin:auto; padding-top:0px; background-color:#000000; background-image:url(../images/feature_06/june_header.jpg); background-repeat:no-repeat; } #feature06Middle{position:relative; width:982px; height:2700px; top:50px; margin:auto; padding-top:0px; background-color:#c0b8a2; font-family: Arial, Helvetica, sans-serif; font-size:17px; color:#FFFFFF; font-weight:normal; text-decoration:none;} #06Block1 {width:982px; height:auto; position:relative;} #theClient06 {position:relative; float:left; width:880px; left:50px; height:407px; margin:auto; top:-35px; background-image:url(../images/feature_06/article_1_image.gif); background-position: top right; background-repeat:no-repeat;} #theClient06Text {position:relative; float:left; width:500px; left:10px; height:160px; margin:auto; top:100px; background-color:#; } #06Block2 {width:982px; height:auto; position:relative; } #nature06 {position:relative; float:right; width:884px; right:45px; height:559px; margin:auto; background-image:url(../images/feature_06/article_2_image.jpg);} #nature06Text {position:relative; float:left; width:500px; left:52px; height:160px; margin:auto; top:240px; background-color:#; } #06Block3 {width:982px; height:auto; position:relative; } #security06Text {position:relative; float:left; width:700px; left:100px; height:160px; margin:auto; top:0px; background-color:#; } #security06 {position:relative; float:left; width:982px; left:0px; height:361px; margin:auto; top:-50px; background-image:url(../images/feature_06/article_3_image.jpg);} #06Block4 {width:982px; height:auto; position:relative; } #david06Text {position:relative; float:left; width:350px; left:468px; height:160px; margin:auto; top:100px; background-color:#; } #david06 {position:relative; float:left; width:867px; left:55px; height:253px; margin:auto; top:px; background-image:url(../images/feature_06/article_4_image.jpg);} #06Block5 {width:982px; height:auto; position:relative; } #creative06Text {position:relative; float:left; width:700px; left:100px; height:160px; margin:auto; top:0px; background-color:#; } #creative06 {position:relative; width:982px; left:0px; height:710px; margin:auto; top:70px; background-image:url(../images/feature_06/article_5_image.jpg); background-position: bottom; background-repeat:no-repeat;} #06Block6 {width:982px; height:auto; position:relative; } #feedback06Text {position:relative; width:300px; left:20px; height:auto; margin:auto; top:60px; background-color:#; } #feedback06 {position:relative; float:right; width:435px; right:50px; height:342px; margin:auto; top:20px; background-image:url(../images/feature_06/article_6_image.gif);} #feedback06Smile {position:relative; float:left; width:328px; left:100px; height:123px; margin:auto; top:130px; background-image:url(../images/feature_06/article_6_feedback.gif);} #feedback06break {position:relative; float:left; width:100%; height:123px; margin:auto; background-color:#00CC99;} .commentsSmallGrey{ font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#6b6659; font-weight:normal; text-decoration:none;} /* 2009 03 Additions */ #featureTop03 {position:relative; width:982px; height:465px; margin:auto; padding-top:0px; background-color:#000000; background-image:url(../images/feature_03/march_header.jpg); background-repeat:no-repeat; } #feature03Middle{position:relative; width:982px; height:2710px; top:50px; margin:auto; padding-top:0px; background-color:#c0b8a2; font-family: Arial, Helvetica, sans-serif; font-size:17px; color:#FFFFFF; font-weight:normal; text-decoration:none;} #theClient03 {position:relative; float:right; width:689px; right:45px; height:377px; margin:auto; top:-29px; background-image:url(../images/feature_03/article_1_image.gif);} #theClient03Text {position:relative; float:left; width:530px; left:65px; height:160px; margin:auto; top:-300px; background-color:#; } #block2 {position:relative; width:981px; right:0px; height:610px; margin:auto; top:-180px; background-image:url(../images/feature_03/block_2.gif);} #block2Text {position:relative; float:left; width:380px; left:115px; height:160px; margin:auto; top:90px; background-color:#; } #block2Text2 {position:relative; float:left; width:420px; left:-310px; height:160px; margin:auto; top:400px; background-color:#; } #block3 {position:relative; width:981px; right:0px; height:667px; margin:auto; top:-180px; background-image:url(../images/feature_03/block_3.jpg);} #block4 {position:relative; width:981px; right:0px; height:488px; margin:auto; top:-180px; background-image:url(../images/feature_03/block_4.gif);} #block4Text {position:relative; float:right; width:380px; right:77px; height:160px; margin:auto; top:130px; background-color:#; } #block5 {position:relative; float:left; width:410px; left:60px; height:492px; margin:auto; top:-186px; background-image:url(../images/feature_03/block_5.gif);} #block5Text {position:relative; float:left; width:380px; left:65px; height:160px; margin:auto; top:180px; background-color:#; } #screen {position:relative; float:right; width:463px; right:0px; height:492px; margin:auto; top:-180px; background-image:url(../images/feature_03/screen_bg.jpg);} #screenGif {position:relative; float:right; width:417px; right:30px; height:338px; margin:auto; top:30px; background-image:url(../images/feature_03/screen.gif);} #block5side {position:relative; width:60px; float:right; right:0px; height:492px; margin:auto; top:-180px; background-image:url(../images/feature_03/block_5_side.gif);} #block6 {position:absolute; float:left; width:981px; left:0px; height:200px; margin:auto; bottom:-180px; } /* 2009 02 Additions */ #featuredList {position:relative; width:982px; height:701px; margin:auto; padding-top:0px; background-color:#3e3e3e;} #featuredList06 {position:relative; width:982px; height:925px; margin:auto; padding-top:0px; background-color:#3e3e3e;} .featured_break {height:20px; width:100%;} #featuredImage1 {position:relative; float:left; width:478px; left:20px; top:40px; height:207px; margin:auto; padding-top:0px; background-color:#404141; background-image:url(../images/feature_02/featured_motorola_image.jpg)} #featuredText1 {position:relative; float: left; width:200px; top:100px; left:50px; height:50px; margin:auto; padding-top:0px; background-color:#;} #featuredImage2 {position:relative; float:left; width:478px; left:20px; top:60px; height:207px; margin:auto; padding-top:0px; background-color:#404141; background-image:url(../images/feature_02/featured_hambleton_image.jpg)} #featuredText2 {position:relative; float: left; width:200px; top:120px; left:50px; height:50px; margin:auto; padding-top:0px; background-color:#;} #featuredImage3 {position:relative; float:left; width:478px; left:20px; top:20px; height:206px; margin:auto; padding-top:0px; background-color:#404141; background-image:url(../images/feature_02/featured_nike_image.jpg)} #featuredText3 {position:relative; float: left; width:200px; top:100px; left:50px; height:50px; margin:auto; padding-top:0px; background-color:#;} #featuredImage4 {position:relative; float:left; width:478px; left:20px; top:20px; height:206px; margin:auto; background-color:#404141; background-image:url(../images/feature_06/featured_ubm_image.jpg)} #featuredText4 {position:relative; float: left; width:200px; top:100px; left:50px; height:50px; margin:auto; padding-top:0px; background-color:#;} #theClient {position:relative; float:left; width:642px; left:5px; height:418px; margin:auto; top:-52px; background-image:url(../images/feature_02/the_client.gif);} #theClientText {position:relative; float:right; width:530px; right:65px; height:160px; margin:auto; top:-360px; background-color:#; } #scenesContainer {position:relative; width:861px; height:313px; margin:auto; top:-200px; background-color:#; background-image:url(../images/feature_02/behind_scenes.gif);} #scenesText {position:relative; float:left; width:400px; left:49px; height:160px; margin:auto; top:66px; background-color:#; } #weekContainer {position:relative; width:982px; height:979px; margin:auto; top:-200px; background-color:#; background-image:url(../images/feature_02/a_week.gif);} #weekText {position:relative; float:right; width:480px; right:55px; height:160px; margin:auto; top:785px; background-color:#; } #barnContainer {position:relative; width:856px; height:313px; margin:auto; top:-220px; background-color:#; background-image:url(../images/feature_02/barn.gif);} #barnText {position:relative; float:left; width:400px; left:56px; height:300px; margin:auto; top:80px; background-color:#; } #resultContainer {position:relative; width:873px; height:180px; margin:auto; top:-220px; background-color:#; background-image:url(../images/feature_02/result.gif);} #resultText {position:relative; float:left; width:400px; left:56px; height:300px; margin:auto; top:70px; background-color:#; } #commentContainer {position:relative; width:900px; height:465px; margin:auto; top:-130px; background-color:#; background-image:url(../images/feature_02/comment.gif);} #commentText {position:relative; float:right; width:400px; right:56px; height:300px; margin:auto; top:90px; background-color:#; } #featureTop02 {position:relative; width:982px; height:465px; margin:auto; padding-top:0px; background-color:#000000; background-image:url(../images/feature_02/motorola_top.jpg); background-repeat:no-repeat; } #feature02Middle{position:relative; width:982px; height:2680px; top:50px; margin:auto; padding-top:0px; background-color:#c0b8a2; font-family: Arial, Helvetica, sans-serif; font-size:17px; color:#FFFFFF; font-weight:normal; text-decoration:none;} .commentsSmall{ font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF; font-weight:normal; text-decoration:none;} /* 2009 Additions */ #featureContent {position:relative; width:982px; height:435px; margin:auto; padding-top:0px; background-color:#000000; } #featureContentMain {position:relative; width:982px; height:auto; margin:auto; padding-top:0px; background-color:#000000;} #featureTop {position:relative; width:982px; height:461px; margin:auto; padding-top:0px; background-color:#404141; background-image:url(../images/feature/hambleton_bottle.gif); background-repeat:no-repeat; background-position:bottom;} #featureTopTitle {position:relative; width:654px; height:119px; top:50px; margin:auto; padding-top:0px; background-color:#404141; background-image:url(../images/feature/hambleton_title.gif); background-repeat:no-repeat; background-position:bottom;} #featureMiddle{position:relative; width:982px; height:2150px; top:50px; margin:auto; padding-top:0px; background-color:#c0b8a2; font-family: Arial, Helvetica, sans-serif; font-size:17px; color:#FFFFFF; font-weight:normal; text-decoration:none;} #article1 {position:relative; width:982px; height:auto; } #footerFeature {position: relative; width:982px; height: 62px; margin-top:15px; } #oldDesignBottle {position:relative; float:left; width:366px; left:5px; height:417px; margin:auto; top:5px; background-image:url(../images/feature/bottle_1.gif);} #oldDesignTitle {position:relative; float:right; width:284px; right:375px; height:141px; margin:auto; top:70px; background-image:url(../images/feature/old_design_title.gif);} #oldDesignText {position:relative; float:right; width:478px; right:65px; height:160px; margin:auto; top:70px; background-color:#; } #horseplayContainer {position:relative; width:873px; height:495px; margin:auto; top:5px; background-color:#; background-image:url(../images/feature/horseplay_image.gif);} #horseplayText {position:relative; float:left; width:400px; left:42px; height:160px; margin:auto; top:42px; background-color:#; } #article3 {position:relative; width:982px; height:auto; } #swatchImage {position:relative; float:right; width:513px; right:5px; height:380px; margin:auto; top:-90px; background-image:url(../images/feature/swatch_image.gif);} #swatchText {position:relative; float:left; width:400px; left:70px; height:160px; margin:auto; top:32px; background-color:#; } #article4 {position:relative; width:732px; height:429px; margin:auto; top:-70px; background-color:#; background-image:url(../images/feature/exquisite_bottle.jpg); background-position:top; background-repeat:no-repeat; } #article4Text {position:relative; width:380px; left:0px; height:90px; margin:auto; top:429px; background-color:#; } #article5 {position:relative; width:873px; height:318px; margin:auto; top:40px; background-color:#; background-image:url(../images/feature/article5_image.gif); background-position:top; background-repeat:no-repeat; } #article5Text {position:relative; float:left; width:400px; left:72px; height:160px; margin:auto; top:102px; background-color:#; } #article6 {position:relative; width:873px; height:50px; margin:auto; top:180px; background-color:#; } .featureBody {background-color:#000; margin-top:50px; background-image:url(); background-repeat:repeat-y; background-position:center;font-family: Helvetica, Arial, sans-serif;} .large-white {font-family: Arial, Helvetica, sans-serif; font-size:15px; color:#FFFFFF; font-weight:normal; text-decoration:none} .large-white a{font-family: Arial, Helvetica, sans-serif; font-size:15px; color:#FFFFFF; font-weight:normal; text-decoration:none} .large-white a:hover{font-family: Arial, Helvetica, sans-serif; font-size:15px; color:#FFFFFF; font-weight:normal; text-decoration:underline} /* CSS Document */ body {background-color:#000; margin-top:50px; background-image:url(); background-repeat:repeat-y; background-position:center;font-family: Helvetica, Arial, sans-serif;} a {outline:none;} h1 {font-size:50px; font-weight:bold; margin:0px 0px 4px 0px; color:#536068; text-indent: -100em; overflow:hidden;} h2 {font-size:14px; font-weight:bold; margin:0px 0px 4px 0px; text-indent: -100em; overflow:hidden; height:22px;} #container {position:relative; width:982px; height:auto; margin:auto;} #logoHeader {position: relative; top:0px; width:982px; height: 62px; background-image:url(../images/hct_logo.gif); background-repeat:no-repeat; background-position:0px 0px;} #nav_bar {position: relative; width:982px; top:0px; left:0px; color:#9faab0; height:38px; padding: 0; background-image:url(../images/nav_grad.gif);} #nav_black {position: relative; width:982px; top:0px; left:0px; color:#9faab0; height:10px; padding: 0;} #bMainImage {float:left; position:relative; width:819px; height:465px; margin:auto; padding-top:0px;} #bThumbnailHolder {float:right; position:relative; width:149px; height:469px; padding:0;} #mMainImage {float:left; position:relative; width:819px; height:469px; margin:auto; background-image:url(../images/newmedia_bg.gif); background-repeat:no-repeat;} #mMainImageHolder { position:absolute; width:487px; height:305px; margin:auto; top:23px; left:165px;} #portfolioTitle {clear:both; font-size:21px; color:#fff; font-weight:normal; text-decoration:none; padding-top:10px; padding-left:25px;} #portfolioDescription {clear:both; font-size:12px; color:#666; font-weight:normal; text-decoration:none; padding-left:25px; width:500px;} #portfolioDescription a{color:#666; font-weight:normal; text-decoration:none;} #portfolioDescription a:hover {color:#666; font-weight:normal; text-decoration:underline; } .thumbnailImage {float:left; display:block; width:64px; height:64px; border:1px solid #111; margin-bottom:14px;} .thumbnailPadding {float:left; position:relative; width:14px; height:10px; display:block;} a.thumbnailImage { background-repeat:no-repeat;background-position:0 0;} a.thumbnailImage:hover {background-position:0px -64px;} #contactContent {position:relative; width:982px; height:469px; margin:auto; padding-top:0px; background-color:#efe3c5;} #contactNote {position:absolute; z-index:1; width:362px; left:530px; height:292px; margin:auto; top:66px; background-image:url(../images/hct_note.gif);} #contactText {position: relative; width:380px; height: 225px; overflow : auto; left: 120px; top: 139px;} #contactTextRequest {position: relative; width:380px; height: 350px; overflow : none; left: 60px; top: 60px;} #contactMap {position: relative; width:420px; height: 325px; overflow : auto; left: 60px; top: 60px;} #contactTextLine {position: absolute; width:800px; height: 50px; overflow : auto; left: 120px; top: 400px; font-size:13px; color:#333333; font-weight:normal; text-decoration:none;} /* navagation */ #featuredTextHolder {position: absolute; height:91px; top:35px; left:22px; text-align:left;} #featured {position:absolute; left:22px; display: block; width: 100px; height: 38px; background: url(../images/nav/featured.gif) 0 0; margin: 0 auto;} a#featured {position:absolute; left:22px; display: block; width: 100px; height: 38px; background: url(../images/nav/featured.gif) 0 -76px; margin: 0 auto;} a#featured:hover {position:absolute; left:22px; display: block; width: 100px; height: 38px; background: url(../images/nav/featured.gif) 0 -38px; margin: 0 auto;} #businessTextHolder {position: absolute; height:91px; top:35px; left:120px; text-align:left;} #business {position:absolute; left:150px; display: block; width: 106px; height: 38px; background: url(../images/nav/business.gif) 0 0; margin: 0 auto;} a#business {position:absolute; left:150px; display: block; width: 106px; height: 38px; background: url(../images/nav/business.gif) 0 -76px; margin: 0 auto;} a#business:hover {position:absolute; left:150px; display: block; width: 106px; height: 38px; background: url(../images/nav/business.gif) 0 -38px; margin: 0 auto;} #consumerTextHolder {position: absolute; height:91px; top:35px; left:161px; text-align:left; } #consumer {position:absolute; left:285px; display: block; width: 116px; height: 38px; background: url(../images/nav/consumer.gif) 0 0; margin: 0 auto;} a#consumer {position:absolute; left:285px; display: block; width: 116px; height: 38px; background: url(../images/nav/consumer.gif) 0 -76px; margin: 0 auto;} a#consumer:hover {position:absolute; left:285px; display: block; width: 116px; height: 38px; background: url(../images/nav/consumer.gif) 0 -38px; margin: 0 auto;} #mediaTextHolder {position: absolute; height:38px; top:35px; left:312px; text-align:left; } #media {position:absolute; left:432px;display: block; width: 69px; height: 38px; background: url(../images/nav/media.gif) 0 0; margin: 0 auto; } a#media{position:absolute; left:432px;display: block; width: 69px; height: 38px; background: url(../images/nav/media.gif) 0 -76px; margin: 0 auto;} a#media:hover{position:absolute; left:432px;display: block; width: 69px; height: 38px; background: url(../images/nav/media.gif) 0 -38px; margin: 0 auto;} #contactTextHolder {position: absolute; height:38px; top:35px; left:406px; text-align:left; } #contact {position:absolute; left:536px;display: block; width: 48px; height: 38px; background: url(../images/nav/contact.gif) 0 0 ; margin: 0 auto; } a#contact{position:absolute; left:536px;display: block; width: 48px; height: 38px; background: url(../images/nav/contact.gif) 0 -76px; margin: 0 auto; } a#contact:hover{position:absolute; left:536px;display: block; width: 48px; height: 38px; background: url(../images/nav/contact.gif) 0 -38px; margin: 0 auto; } #footerContact {position: relative; width:982px; height: 62px; margin-top:15px; } .formTable { font-size:12px; font-weight:normal; margin: 1px; color:#b4ab97; font-size:12px;} .formTable td{text-align:left;border: 0px solid #FFFFFF; border-collapse: collapse; padding:2px;} .errorText {color:#F00; font-size:12px; font-weight:normal;} #copyrightTextHolder {position:absolute; left:851px;display: block; width: 131px; height: 38px; background-image: url(../images/hct_copyright.gif); margin: 0 auto; background-color: #000000; } .large-beige {font-family: Arial, Helvetica, sans-serif; font-size:15px; color:#efe3c5; font-weight:normal; text-decoration:none} .large-beige a{font-family: Arial, Helvetica, sans-serif; font-size:15px; color:#efe3c5; font-weight:normal; text-decoration:underline} .large-beige a:hover{font-family: Arial, Helvetica, sans-serif; font-size:15px; color:#FFFFFF; font-weight:normal; text-decoration:underline} .large-black {ffont-size:17px; color:#000000; font-weight:bold; text-decoration:none} .large-black a{font-size:17px; color:#000000; font-weight:bold; text-decoration:underline} .large-black a:hover{font-size:17px; color:#333333; font-weight:bold; text-decoration:underline} .medium-black {font-size:14px; color:#000000; font-weight:normal; text-decoration:none} .medium-black a{font-size:14px; color:#000000; font-weight:normal; text-decoration:underline} .medium-black a:hover{font-size:14px; color:#333333; font-weight:normal; text-decoration:underline} .alt {display:none}