/* CSS ~ Animart Design Studio Styles ~ */ body {margin:0; padding:0; background-color:#ffffff; font:14px Verdana; line-height:21px; color:#fff;} div, p, ul, h2, img{padding:0px; margin:0px; border:0px;} a{color:#b6b5b5; text-decoration:none;} a:hover{color:#ffffff; text-decoration:none; font-weight:bold;} html{ scrollbar-face-color:#ffffff; scrollbar-arrow-color:#000000; scrollbar-track-color:#EEEEEE; scrollbar-shadow-color:#545454; scrollbar-highlight-color:''; scrollbar-3dlight-color:#000000; scrollbar-darkshadow-Color:#000000; } #mainPan {width:930px; position:relative; margin:0 auto;} #LeftBody{width:60px; float:left;} #MiddleBody{width:503px; float:left;} .logo { background-image:url(../images/logo.jpg); background-repeat:no-repeat; width:380px; height:45px; float:right; margin-top:70px;} #RightBody{width:337px; height:685px; float:right; background-image:url(../images/rightflower.jpg); background-repeat:no-repeat; background-position:top; padding-right:3px;} *:first-child+html #RightBody { padding-right:0px;} /* IE hack */ #RightBody2{width:337px; height:700px; float:right; background-image:url(../images/rightflowerb.jpg); background-repeat:no-repeat; background-position:top; padding-right:3px;} *:first-child+html #RightBody2 { padding-right:0px;} /* IE hack */ .bl { background-color:#000000; height:45px; width:100%;} .flower { width:206px; height:328px; float:left; padding-left:35px; margin-top:80px;} #flower2 { width:500px; height:231px; background-image:url(../images/flowers2.png); background-repeat:no-repeat; background-position:center; float:left; margin-top:-55px;} .page { float:right; width:204px; height:62px; padding-right:15px; margin-top:250px;} .txtdesign { display:block; width:443px; height:69px; margin:0; padding:0; background:url(../images/textdesign.jpg); background-repeat:no-repeat; float:right;} .txtdesign span { display:none;} .offer { display:block; width:443px; height:31px; margin:0; padding:0; background:url(../images/offer.jpg); background-repeat:no-repeat; float:left;} .offer span { display:none;} .aboutus { display:block; width:452px; height:274px; margin:0; padding:0; background:url(../images/aboutus.jpg); background-repeat:no-repeat; float:right;} .aboutus span { display:none;} .aboutme { background-image:url(../images/aboutme.jpg); background-repeat:no-repeat; width:117px; height:199px; background-position:left; float:left; margin-top:300px;} .web { display:block; width:65px; height:31px; margin:0; padding:0; background:url(../images/web.jpg); background-repeat:no-repeat; float:left;} .web span { display:none;} .branding { display:block; width:114px; height:31px; margin:0; padding:0; background:url(../images/branding.jpg); background-repeat:no-repeat; float:left;} .branding span { display:none;} .colors { background-color:#CCCCCC;} .small { font-size:11px;} .button:hover { background-image:url(../images/send2.jpg); background-repeat:no-repeat; width:59px; height:28px;} .portfolio { font:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:11px; font-weight:bold;} .portfolio a{ font:Verdana, Arial, Helvetica, sans-serif; color:#333333; font-size:11px; text-decoration:none; font-weight:normal;} .portfolio a:hover{ font:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:11px; text-decoration:underline; font-weight:normal;} .blank { height:70px;} .blank2 { height:520px;} /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #design { display:block; width:149px; height:22px; margin:0; padding:0; background:url(../menu/design2.jpg); background-repeat:no-repeat;} #design a{ display:block; width:149px; height:22px; margin:0; padding:0; background:url(../menu/design1.jpg); background-repeat:no-repeat;} #design a:hover{ background-image:url(../menu/design2.jpg);} #design span { display:none;} #services { display:block; width:149px; height:22px; margin:0; padding:0; background:url(../menu/services2.jpg); background-repeat:no-repeat;} #services a{ display:block; width:149px; height:22px; margin:0; padding:0; background:url(../menu/services1.jpg); background-repeat:no-repeat;} #services a:hover{ background-image:url(../menu/services2.jpg);} #services span { display:none;} #work { display:block; width:149px; height:22px; margin:0; padding:0; background:url(../menu/work2.jpg); background-repeat:no-repeat;} #work a{ display:block; width:149px; height:22px; margin:0; padding:0; background:url(../menu/work1.jpg); background-repeat:no-repeat;} #work a:hover{ background-image:url(../menu/work2.jpg);} #work span { display:none;} #about { display:block; width:149px; height:22px; margin:0; padding:0; background:url(../menu/who2.jpg); background-repeat:no-repeat;} #about a{ display:block; width:149px; height:22px; margin:0; padding:0; background:url(../menu/who1.jpg); background-repeat:no-repeat;} #about a:hover{ background-image:url(../menu/who2.jpg);} #about span { display:none;} #contact { display:block; width:104px; height:22px; margin:0; padding:0; background:url(../menu/touch2.jpg); background-repeat:no-repeat;} #contact a{ display:block; width:104px; height:22px; margin:0; padding:0; background:url(../menu/touch1.jpg); background-repeat:no-repeat;} #contact a:hover{ background-image:url(../menu/touch2.jpg);} #contact span { display:none;} #home { display:block; width:114px; height:22px; margin:0; padding:0; background:url(../menu/home.jpg); background-repeat:no-repeat;} #home a{ display:block; width:114px; height:22px; margin:0; padding:0; background:url(../menu/back2.jpg); background-repeat:no-repeat;} #home a:hover{ background-image:url(../menu/back21.jpg);} #home span { display:none;} /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /Menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Portfolio Gallery ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .portfolio { padding-left:40px;} *:first-child+html .portfolio { padding-left:10px;} /* IE hack */ .photogallery{ /*CSS for TABLE containing a photo album*/ font-size:11px; padding:10px; } .photogallery img{ /*CSS for images within an album*/ border: 1px solid #999898; } .photonavlinks{ /*CSS for pagination DIV*/ font: bold 11px Verdana; color:#999898; } .photonavlinks a{ /*CSS for each navigational link*/ margin-right: 2px; margin-bottom: 3px; padding: 1px 5px; border:1px solid gray; text-decoration: none; background-color: 000000; color:#CCCCCC; font-size:9px; } .photonavlinks a.current{ /*CSS for currently selected navigational link*/ background-color: #ffffff; color:#000000; } .photonavlinks a:hover {background-color: #999898; color:#000000;} /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /Portfolio Gallery ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Branding ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #iera a{ display:block; width:102px; height:57px; margin:0; padding:0; background:url(../images/portfolio/branding/iera-thumb.jpg); background-repeat:no-repeat; border:#999999 solid 1px;} #iera a:hover{ background-image:url(../images/portfolio/branding/iera-thumb1.jpg); border:#bab9b9 solid 1px;} #iera span { display:none;} #dog a{ display:block; width:102px; height:57px; margin:0; padding:0; background:url(../images/portfolio/branding/dog-thumb.jpg); background-repeat:no-repeat; border:#999999 solid 1px;} #dog a:hover{ background-image:url(../images/portfolio/branding/dog-thumb1.jpg); border:#bab9b9 solid 1px;} #dog span { display:none;} #art a{ display:block; width:102px; height:57px; margin:0; padding:0; background:url(../images/portfolio/branding/art-thumb.jpg); background-repeat:no-repeat; border:#999999 solid 1px;} #art a:hover{ background-image:url(../images/portfolio/branding/art-thumb1.jpg); border:#bab9b9 solid 1px;} #art span { display:none;} #acca a{ display:block; width:102px; height:57px; margin:0; padding:0; background:url(../images/portfolio/branding/acca-thumb.jpg); background-repeat:no-repeat; border:#999999 solid 1px;} #acca a:hover{ background-image:url(../images/portfolio/branding/acca-thumb1.jpg); border:#bab9b9 solid 1px;} #acca span { display:none;} #banzo a{ display:block; width:102px; height:57px; margin:0; padding:0; background:url(../images/portfolio/branding/banzo-thumb.jpg); background-repeat:no-repeat; border:#999999 solid 1px;} #banzo a:hover{ background-image:url(../images/portfolio/branding/banzo-thumb1.jpg); border:#bab9b9 solid 1px;} #banzo span { display:none;} #geo a{ display:block; width:102px; height:57px; margin:0; padding:0; background:url(../images/portfolio/branding/geo-thumb.jpg); background-repeat:no-repeat; border:#999999 solid 1px;} #geo a:hover{ background-image:url(../images/portfolio/branding/geo-thumb1.jpg); border:#bab9b9 solid 1px;} #geo span { display:none;} /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ /Branding ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Intro ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .intro{ position:absolute; left:0; top:0; layer-background-color:yellow; background-color:yellow; border:0.1px solid yellow; z-index:10; }