/* CSS Document Eric Meyer Reset Reloaded http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;} /* remember to define focus styles! */ focus{outline:0;} /***** = TYPOGRAPHY **** */ body{background:#FFF;position:relative;width:950px;left:50%;font:12px Helvetica, sans-serif;color:#000;line-height:1.7;font-weight:700;margin:10px 0 15px -475px;min-width:850px;} ol,ul{list-style:none;} /* tables still need 'cellspacing="0"' in the markup */ table{border-collapse:separate;border-spacing:0;} caption,th,td{text-align:left;font-weight:400;} blockquote:before,blockquote:after,q:before,q:after{content:"";} blockquote,q{quotes:"" "";} /* End Eric Meyer's Reset Reloaded */ html{background-color:#4D504D;} body{min-width:900px;text-align:center;} #wrapper{width:880px;position:relative;text-align:left;margin:0 auto;} h1{font-size:12px;word-spacing:0.2em;letter-spacing:0;} .branding_color{color:#552C03;} #content_main h2{font-size:130%;font-weight:lighter;letter-spacing:2px;font-stretch:narrower;} .italics{font-family:Georgia, "Times New Roman", Times, serif;font-style:italic;font-size:90%;font-weight:400;} .italics2{font-style:italic;} #content_sub_left p,#content_sub_right p #content_sub h3,#content_sub_right h3,#content_sub_right ul,#conetent_sub ul{font-size:90%;line-height:1.3;} .bold_type{font-family:Helvetica, sans-serif;font-weight:bolder;font-style:normal;} .indent{padding-left:5px;} #home #content_main_left_contain p{letter-spacing:.3pt;line-height:18px;} #home #content_main_left_contain #condensed{letter-spacing:.1pt;word-spacing:-0.9pt;} .widen{word-spacing:2px;} /***** = 1. Branding **** */ #branding h1{text-indent:-5000px;} /***** = 2. Navigation **** */ ul.nav{padding-left:0;margin-top:25px;padding-bottom:40px;} ul.nav li{float:left;} ul.nav a{display:block;width:146px;text-align:center;} #content_main_left{width:430px;float:left;background:url(../images/top_shadow.png) top left no-repeat;position:relative;} #content_main_right{width:430px;float:right;background:url(../images/top_shadow.png) top left no-repeat;position:relative;} #content_main_left p,#content_main_right p{margin:0 22px 22px;} #content_main_right_contain,#content_main_left_contain{width:430px;background:url(../images/bottom_shadow.png) bottom left no-repeat;margin-top:20px;position:relative;padding:20px 5px 0;} #content_main_left_contain{margin-bottom:31px;} #content_main_left h2{margin:64px 22px 20px;} #content_main_left h3{margin:0 0 10px 22px;} /***** = Home Page **** */ #img_holder_right{background:url(../images/photobar_home.jpg) top left no-repeat;height:186px;width:387px;margin:-34px 0 5px 16px;} #baby{position:absolute;bottom:6px;right:16px;} /***** = Profile Page **** */ #profile #img_holder_right{background:url(../images/photobar_profile.jpg) top left no-repeat;height:123px;width:387px;margin:29px 0 5px 16px;} /***** = Quote Page *****/ #quote #content_main h2{margin-left:53px;} #quote #content_main{margin-top:100px;} #quote form{background:url(../images/bbbsealh1.gif) no-repeat top right;padding-bottom: 50px;width:657px;} form{min-width:500px;max-width:800px;width:800px;margin:0;padding:0;} form fieldset{clear:both;padding:10px;margin:25px 0;} form label{display:block;float:left;width:150px;text-align:right;font-size:90%;margin:5px 0 0;padding:0;} form fieldset label:first-letter{text-decoration:underline;} form input{width:268px;margin:15px 0 0 10px;} form textarea{width:492px;margin:15px 0 0 10px;} form input.submit{width:auto;} form input#reset{margin-left:0;} textarea{overflow:auto;} form small{display:block;font-size:88%;margin:0 0 5px 160px;padding:1px 3px;} form br{clear:left;} .textAlign{vertical-align:top;padding-top:10px;} /***** = Portfolio Page **** */ #container{position:relative;width:830px;height:355px;z-index:10;margin-top:-10px; vertical-align: text-top;} #container ul{width:387px;height:355px;margin-left:22px;float:left;} #container a.gallery span{position:absolute;width:1px;height:1px;top:5px;left:5px;overflow:hidden;background:#fff;} #container li{float:left;padding-bottom:15px;display:inline;} .listh3{width:387px;margin-bottom:-15px;} /* styling the :hover span */ #container a.gallery:hover span{position:absolute;width:387px;height:460px;top:-151px;left:470px;color:#000;background:#fff;text-align:center;} #container ul h3{margin:0;} #portfolioList ul li a {font-size:large;} /* Adding the thumbnail images */ #container a.gallery,#container a.gallery:visited{display:block;color:#000;text-decoration:none;text-align:left;cursor:default;margin:1px 5px;} /* logos and branding */ #container a.slidea{background:url(../images/portfolio/thumb_logo_1.jpg);height:35px;width:35px;} #container a.slideb{background:url(../images/portfolio/thumb_logo_2.jpg);height:35px;width:35px;} #container a.slidec{background:url(../images/portfolio/thumb_logo_3.jpg);height:35px;width:35px;} #container a.slided{background:url(../images/portfolio/thumb_logo_4.jpg);height:35px;width:35px;} #container a.slidee{background:url(../images/portfolio/thumb_logo_5.jpg);height:35px;width:35px;} #container a.slidef{background:url(../images/portfolio/thumb_logo_6.jpg);height:35px;width:35px;} #container a.slideg{background:url(../images/portfolio/thumb_logo_7.jpg);height:35px;width:35px;} #container a.slideh{background:url(../images/portfolio/thumb_logo_8.jpg);height:35px;width:35px;} /* websites */ #container a.websitea{background:url(../images/portfolio/thumb_web1.jpg);height:35px;width:35px;} #container a.websiteb{background:url(../images/portfolio/thumb_web2.jpg);height:35px;width:35px;} #container a.websitec{background:url(../images/portfolio/thumb_web3.jpg);height:35px;width:35px;} #container a.websited{background:url(../images/portfolio/thumb_web4.jpg);height:35px;width:35px;} #container a.websitee{background:url(../images/portfolio/thumb_web5.jpg);height:35px;width:35px;} #container a.websitef{background:url(../images/portfolio/thumb_web6.jpg);height:35px;width:35px;} #container a.websiteg{background:url(../images/portfolio/thumb_web7.jpg);height:35px;width:35px;} #container a.websiteh{background:url(../images/portfolio/thumb_web8.jpg);height:35px;width:35px;} /* signage exhibit */ #container a.signa{background:url(../images/portfolio/thumb_sign1.jpg);height:35px;width:35px;} #container a.signb{background:url(../images/portfolio/thumb_sign2.jpg);height:35px;width:35px;} #container a.signc{background:url(../images/portfolio/thumb_sign3.jpg);height:35px;width:35px;} #container a.signd{background:url(../images/portfolio/thumb_sign4.jpg);height:35px;width:35px;} #container a.signe{background:url(../images/portfolio/thumb_sign5.jpg);height:35px;width:35px;} #container a.signf{background:url(../images/portfolio/thumb_sign6.jpg);height:35px;width:35px;} #container a.signg{background:url(../images/portfolio/thumb_sign7.jpg);height:35px;width:35px;} #container a.signh{background:url(../images/portfolio/thumb_sign8.jpg);height:35px;width:35px;} /* advertising */ #container a.ada{background:url(../images/portfolio/thumb_ad1.jpg);height:35px;width:35px;} #container a.adb{background:url(../images/portfolio/thumb_ad2.jpg);height:35px;width:35px;} #container a.adc{background:url(../images/portfolio/thumb_ad3.jpg);height:35px;width:35px;} #container a.add{background:url(../images/portfolio/thumb_ad4.jpg);height:35px;width:35px;} #container a.ade{background:url(../images/portfolio/thumb_ad5.jpg);height:35px;width:35px;} #container a.adf{background:url(../images/portfolio/thumb_ad6.jpg);height:35px;width:35px;} #container a.adg{background:url(../images/portfolio/thumb_ad7.jpg);height:35px;width:35px;} #container a.adh{background:url(../images/portfolio/thumb_ad8.jpg);height:35px;width:35px;} /* publishing */ #container a.puba{background:url(../images/portfolio/thumb_publish1.jpg);height:35px;width:35px;} #container a.pubb{background:url(../images/portfolio/thumb_publish2.jpg);height:35px;width:35px;} #container a.pubc{background:url(../images/portfolio/thumb_publish3.jpg);height:35px;width:35px;} #container a.pubd{background:url(../images/portfolio/thumb_publish4.jpg);height:35px;width:35px;} #container a.pube{background:url(../images/portfolio/thumb_publish5.jpg);height:35px;width:35px;} #container a.pubf{background:url(../images/portfolio/thumb_publish6.jpg);height:35px;width:35px;} #container a.pubg{background:url(../images/portfolio/thumb_publish7.jpg);height:35px;width:35px;} #container a.pubh{background:url(../images/portfolio/thumb_publish8.jpg);height:35px;width:35px;} /* change the thumbnail on hover logos and branding */ #container a.slidea:hover{background:url(../images/portfolio/thumb_logo_1_over.jpg);} #container a.slideb:hover{background:url(../images/portfolio/thumb_logo_2_over.jpg);} #container a.slidec:hover{background:url(../images/portfolio/thumb_logo_3_over.jpg);} #container a.slided:hover{background:url(../images/portfolio/thumb_logo_4_over.jpg);} #container a.slidee:hover{background:url(../images/portfolio/thumb_logo_5_over.jpg);} #container a.slidef:hover{background:url(../images/portfolio/thumb_logo_6_over.jpg);} #container a.slideg:hover{background:url(../images/portfolio/thumb_logo_7_over.jpg);} #container a.slideh:hover{background:url(../images/portfolio/thumb_logo_8_over.jpg);} /* websites */ #container a.websitea:hover{background:url(../images/portfolio/thumb_web1_over.jpg);} #container a.websiteb:hover{background:url(../images/portfolio/thumb_web2_over.jpg);} #container a.websitec:hover{background:url(../images/portfolio/thumb_web3_over.jpg);} #container a.websited:hover{background:url(../images/portfolio/thumb_web4_over.jpg);} #container a.websitee:hover{background:url(../images/portfolio/thumb_web5_over.jpg);} #container a.websitef:hover{background:url(../images/portfolio/thumb_web6_over.jpg);} #container a.websiteg:hover{background:url(../images/portfolio/thumb_web7_over.jpg);} #container a.websiteh:hover{background:url(../images/portfolio/thumb_web8_over.jpg);} /* signage exhibit */ #container a.signa:hover{background:url(../images/portfolio/thumb_sign1_over.jpg);height:35px;width:35px;} #container a.signb:hover{background:url(../images/portfolio/thumb_sign2_over.jpg);height:35px;width:35px;} #container a.signc:hover{background:url(../images/portfolio/thumb_sign3_over.jpg);height:35px;width:35px;} #container a.signd:hover{background:url(../images/portfolio/thumb_sign4_over.jpg);height:35px;width:35px;} #container a.signe:hover{background:url(../images/portfolio/thumb_sign5_over.jpg);height:35px;width:35px;} #container a.signf:hover{background:url(../images/portfolio/thumb_sign6_over.jpg);height:35px;width:35px;} #container a.signg:hover{background:url(../images/portfolio/thumb_sign7_over.jpg);height:35px;width:35px;} #container a.signh:hover{background:url(../images/portfolio/thumb_sign8_over.jpg);height:35px;width:35px;} /* advertising */ #container a.ada:hover{background:url(../images/portfolio/thumb_ad1_over.jpg);height:35px;width:35px;} #container a.adb:hover{background:url(../images/portfolio/thumb_ad2_over.jpg);height:35px;width:35px;} #container a.adc:hover{background:url(../images/portfolio/thumb_ad3_over.jpg);height:35px;width:35px;} #container a.add:hover{background:url(../images/portfolio/thumb_ad4_over.jpg);height:35px;width:35px;} #container a.ade:hover{background:url(../images/portfolio/thumb_ad5_over.jpg);height:35px;width:35px;} #container a.adf:hover{background:url(../images/portfolio/thumb_ad6_over.jpg);height:35px;width:35px;} #container a.adg:hover{background:url(../images/portfolio/thumb_ad7_over.jpg);height:35px;width:35px;} #container a.adh:hover{background:url(../images/portfolio/thumb_ad8_over.jpg);height:35px;width:35px;} /* publishing */ #container a.puba:hover{background:url(../images/portfolio/thumb_publish1_over.jpg);height:35px;width:35px;} #container a.pubb:hover{background:url(../images/portfolio/thumb_publish2_over.jpg);height:35px;width:35px;} #container a.pubc:hover{background:url(../images/portfolio/thumb_publish3_over.jpg);height:35px;width:35px;} #container a.pubd:hover{background:url(../images/portfolio/thumb_publish4_over.jpg);height:35px;width:35px;} #container a.pube:hover{background:url(../images/portfolio/thumb_publish5_over.jpg);height:35px;width:35px;} #container a.pubf:hover{background:url(../images/portfolio/thumb_publish6_over.jpg);height:35px;width:35px;} #container a.pubg:hover{background:url(../images/portfolio/thumb_publish7_over.jpg);height:35px;width:35px;} #container a.pubh:hover{background:url(../images/portfolio/thumb_publish8_over.jpg);height:35px;width:35px;} /***** = Raves Page **** */#raves #content_main_right p{margin:0 5px;} .test{padding:20px 0 40px;} .pad_top{padding-top:20px;} .pad_top_8{padding-top:8px;} /* = Srolling Testimonial Box */ .container{width:388px;position:relative;text-align:left;border-right:20px solid #fff;background:#fff;margin:0 auto;} .poem{text-align:left;width:388px;height:251px;overflow:auto;padding:0 10px 50px;} .fade_top{position:absolute;height:40px;width:100%;top:0;left:0;background:url(../images/fade_top.png);} .fade_bottom{position:absolute;height:40px;width:100%;bottom:0;left:0;background:url(../images/fade_bottom.png);} /* End Scrolling Testimonial Box */ /***** = Contact Us Page *****/ #contact_main_contain{width:880px;background:url(../images/bottom_shadow.png) bottom left no-repeat;margin-top:20px;position:relative;padding:20px 5px 0;} #contact_main{width:880px;float:left;background:url(../images/top_shadow.png) top left no-repeat;position:relative;} #contact h2{margin-bottom: 25px;} #contact #content_main{margin:100px 0 0 57px;width:350px;} #bigIndent{margin: 30px 0 60px 48px;} #bigIndent p{margin-top:30px;} /***** = 4. Supplementary Content **** */ #content_sub_right h3{margin-bottom:5px;} #content_sub_left{width:430px;float:left;} #content_sub_left h1{margin-left:5px;} #content_sub_left p{background:url(../images/icon_logo.jpg) left no-repeat;margin:17px 0 0;padding:8px 0 5px 96px;} #content_sub_right{width:430px;float:right;padding-top:4px;} #content_sub_right_one{float:left;width:128px;padding-left:5px;} #content_sub_right_container{float:right;width:282px;} #content_sub_right_two{float:left;width:139px;} #content_sub_right_three{float:right;width:133px;} /***** = 5. Site Information **** */ #footer{clear:both;text-align:center;font-size:90%;padding:30px 0 40px;} /***** = Misc. Classes **** */.pad_bot_15{padding-bottom:15px;} .last_para{padding-bottom:44px;} a:link,a:visited{text-decoration:none;color:#000;} ul.nav a:hover,#home a:active{text-transform:uppercase;color:#4e3015;} #content_main,#content_sub{clear:both;} * html #container a.slided,* html #container a.slidef,* html #container a.websited,* html #container a.websitef,* html #container a.signd,* html #container a.signf{width:35px;} .right_align{text-align:right;} #thanks {margin-bottom:100px;}