/* CSS ~ Animart Design Studio Styles ~ */ body {margin:0; padding:0; background-color:#ffffff; font:14px Verdana; line-height:21px; color:#fff; background-image:url(../images/bg.jpg); background-repeat:repeat-y; background-position:center;} 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:none;} 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 */ .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;} .txtdesigngr { display:block; width:440px; height:75px; margin:0; padding:0; background:url(../images/textdesigngr.jpg); background-repeat:no-repeat; float:right;} .txtdesigngr 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;} .aboutusgr { display:block; width:452px; height:274px; margin:0; padding:0; background:url(../images/aboutusgr.jpg); background-repeat:no-repeat; float:right;} .aboutusgr 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;} .photo { display:block; width:170px; height:31px; margin:0; padding:0; background:url(../images/photo.jpg); background-repeat:no-repeat; float:left;} .photo span { display:none;} .music { width:95px; float:left; padding-left:10px; padding-bottom:0px; } .colors { background-color:#CCCCCC;} .small { font-size:11px;} .smallquote { color:#f1f0f0; font-size:11px; width:420px; margin-top:280px; padding-left:35px;} .small2 { font-size:11px; color:#b6b5b5;} .small2 a{ font-size:11px; text-decoration:none; font-weight:normal;} .small2 a:hover{ font-size:11px; text-decoration:none; font-weight:normal;} .button:hover { background-image:url(../images/send2.jpg); background-repeat:no-repeat; width:59px; height:28px;} .blank { height:70px;} .blank2 { height:520px;} /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* English */ #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;} /* Greek */ #servicesgr { display:block; width:149px; height:22px; margin:0; padding:0; background:url(../menu/services2gr.jpg); background-repeat:no-repeat;} #servicesgr a{ display:block; width:149px; height:22px; margin:0; padding:0; background:url(../menu/services1gr.jpg); background-repeat:no-repeat;} #servicesgr a:hover{ background-image:url(../menu/services2gr.jpg);} #servicesgr span { display:none;} #workgr { display:block; width:149px; height:22px; margin:0; padding:0; background:url(../menu/work2gr.jpg); background-repeat:no-repeat;} #workgr a{ display:block; width:149px; height:22px; margin:0; padding:0; background:url(../menu/work1gr.jpg); background-repeat:no-repeat;} #workgr a:hover{ background-image:url(../menu/work2gr.jpg);} #workgr span { display:none;} #aboutgr { display:block; width:149px; height:22px; margin:0; padding:0; background:url(../menu/who2gr.jpg); background-repeat:no-repeat;} #aboutgr a{ display:block; width:149px; height:22px; margin:0; padding:0; background:url(../menu/who1gr.jpg); background-repeat:no-repeat;} #aboutgr a:hover{ background-image:url(../menu/who2gr.jpg);} #aboutgr span { display:none;} #contactgr { display:block; width:104px; height:22px; margin:0; padding:0; background:url(../menu/touch2gr.jpg); background-repeat:no-repeat;} #contactgr a{ display:block; width:104px; height:22px; margin:0; padding:0; background:url(../menu/touch1gr.jpg); background-repeat:no-repeat;} #contactgr a:hover{ background-image:url(../menu/touch2gr.jpg);} #contactgr span { display:none;} #homegr { display:block; width:114px; height:22px; margin:0; padding:0; background:url(../menu/homegr.jpg); background-repeat:no-repeat;} #homegr a{ display:block; width:114px; height:22px; margin:0; padding:0; background:url(../menu/homegr1.jpg); background-repeat:no-repeat;} #homegr a:hover{ background-image:url(../menu/homegr.jpg);} #homegr 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 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .hiddenPic {display:none;} /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 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 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */