*{margin:0; padding:0; font:11px Tahoma,Arial, Helvetica, sans-serif;} html{overflow:hidden;} body{background:#993365 url('../images/bgbody.jpg') no-repeat left top; width:10800px; overflow:hidden } ul, li{list-style:none; margin:0; padding:0;} h1, h2, h3, h4, h5, h6, p, a, ul, li{color:white;} .clear{clear:both} a img{border:none;} #site{} #ver_scrolls{position:fixed; width:16px; right:0px; z-index:500; height:100%; display:table; /* background:#822B57;*/ background:url('../images/bg_scroll.png'); } #ver_scrolls li#scr_up{width:16px; height:16px;} #ver_scrolls li#scr_down{position:fixed; bottom:16px; width:16px; height:16px;} #ver_scrolls li#scr_up a, #ver_scrolls li#scr_down a{text-indent:-5000px; cursor:default; width:16px; height:16px; display:block; overflow:hidden;} #ver_scrolls li#scr_up a{background:url('../images/icon_scroll.jpg') no-repeat 0px 0px;} #ver_scrolls li#scr_down a{background:url('../images/icon_scroll.jpg') no-repeat -16px 0px;} #ver_scrolls li#scr_up a:hover{background-position:-32px 0px;} #ver_scrolls li#scr_down a:hover{background-position:-48px 0px;} #hor_scrolls{position:fixed;width:100%; border-collapse:collapse; bottom:0px; left:0px; z-index:2000; height:16px; background:url('../images/bg_scroll.png') ; } #hor_scrolls #scr_left{width:16px; height:16px; display:block; position:absolute; z-index:2005; } #hor_scrolls #scr_right{width:16px; height:16px; display:block; position:absolute; z-index:2005; right:0px; top:0px; } #hor_scrolls #scr_left a{background:url('../images/icon_scroll.jpg') no-repeat 0px -16px;width:16px; height:16px; display:block; text-indent:-5000px; overflow:hidden } #hor_scrolls #scr_right a{background:url('../images/icon_scroll.jpg') no-repeat -16px;width:16px; height:16px; display:block; text-indent:-5000px; overflow:hidden } #hor_scrolls #scr_left a:hover{background-position:-32px -16px;} #hor_scrolls #scr_right a:hover{background-position:-48px -16px;} #hor_scrolls #textlinks{ width:100%; display:table; height:16px; text-align:center; } #hor_scrolls #textlinks ul{margin:0 auto; width:580px; height:16px; display:block; } #hor_scrolls li.home, #hor_scrolls li.about, #hor_scrolls li.services, #hor_scrolls li.gallery, #hor_scrolls li.links, #hor_scrolls li.contact, #hor_scrolls li.ads{float:left; text-transform:uppercase; padding:0px 10px; display:block; } #hor_scrolls li.home a, #hor_scrolls li.about a, #hor_scrolls li.services a, #hor_scrolls li.gallery a, #hor_scrolls li.links a, #hor_scrolls li.contact a, #hor_scrolls li.ads a{text-decoration:none; font-weight:bold; font-size:10px; /*color:#B87194;*/ color:#fff; display:block;} #index{float:left; position:relative; width:1156px; height:100%; } #controls{float:left; position:relative; width:326px; height:194px; left:519px; top:270px; background:url('../images/bghome.jpg') no-repeat left bottom;} img#logo{float:right;} /*#nav{float:left; width:306px; height:14px; } #nav li{float:left; position:relative; height:14px;} #nav li a{cursor:pointer; text-decoration:none; height:14px; display:block; text-indent:-10000px; overflow:hidden;} #nav li, #nav li a{background:url(../images/nv.jpg) no-repeat;} #nav li.about, #nav li.about a{width:66px; background-position:0px 0px;} #nav li.services, #nav li.services a{width:80px; background-position:-66px 0px;} #nav li.gallery, #nav li.gallery a{width:74px; background-position:-146px 0px;} #nav li.contact, #nav li.contact a{width:86px; background-position:-220px 0px;}*/ /*#nav{float:left; width:306px; height:14px; } #nav li{float:left; position:relative; height:14px;} #nav li a{cursor:pointer; text-decoration:none;} #nav li a strong{position:absolute; left:0px; top:0px; width:66px; height:14px; display:block;} #nav li, #nav li a,#nav li a strong{background:url(../images/nav.jpg) no-repeat;} #nav li.about, #nav li.about a, #nav li.about a strong{width:66px; background-position:0px 0px;} #nav li.services, #nav li.services a, #nav li.services a strong{width:80px; background-position:-66px 0px;} #nav li.gallery, #nav li.gallery a, #nav li.gallery a strong{width:74px; background-position:-146px 0px;} #nav li.contact, #nav li.contact a, #nav li.contact a strong{width:86px; background-position:-220px 0px;}*/ #recent{width:220px; float:right; position:relative; top:105px; right:45px;} #recent img.title{float:right;} #recent_proj{float:left; margin-top:40px; width:200px;} #recent li{float:left; position:relative; margin-bottom:4px; background:#993365 url('../images/bg_recent.jpg') no-repeat center top; padding:10px; width:200px; height:267px} #recent li a{cursor:pointer; text-decoration:none; width:200px; height:267px; display:block; text-indent:-10000px; overflow:hidden;} #recent li a{background:url('../images/nav_ulli.jpg') no-repeat left top;} #recent li.one a{background-position:-200px 0px;} #recent li.one a:hover{background-position:0px 0px;} #portfolio{float:left; position:relative; z-index:auto; width:7800px; height:100%; /*display:table;*/ background:#89345F url('../images/bg_portfolio.jpg'); } #portfolio .title_wrap1{float:left; width:190px; background:url('../images/bg_title_gallery.jpg') no-repeat left top;} #portfolio .title_wrap2{float:left; width:190px; height:789px; background:url('../images/bg_titlegal_bott.jpg') no-repeat left bottom;} #portfolio .wrap1{float:left; width:7530px; display:table; background:url('../images/bg_pwrap2.jpg') repeat-x left top;} #portfolio .wrap2{float:left; width:7530px;display:table; background:url('../images/bg_pwrap1.jpg') no-repeat left top;} #portfolio .wrap3{float:left; width:7530px; height:425px; margin-top:50px; } #portfolio h1{float:left; position:relative; top:320px; left:49px; font:26px Arial, Helvetica, sans-serif;} #portfolio .wrap2 h3.imagetitle{ width:503px; line-height:20px; color:#000; display:block; margin:385px auto 0 auto; text-align:center; font:bold 12px "Times New Roman", Times, serif; text-transform:uppercase; padding-top:4px;} #portfolio #img1{float:left; width:503px; height:421px; background:url('../images/Designboden11-2013gall.jpg') no-repeat left center;} #portfolio #img2{float:left; margin-left:80px; width:503px; height:421px; background:url('../images/Doppelrollo11-2013gall.jpg') no-repeat left center;} #portfolio #img3{float:left; margin-left:80px; width:503px; height:421px; background:url('../images/ErfalPlissee1gall.jpg') no-repeat left center;} #portfolio #img4{float:left; margin-left:80px; width:503px; height:421px; background:url('../images/MarkisenKombination11-2013gall.jpg') no-repeat left center;} #portfolio #img5{float:left; margin-left:80px; width:503px; height:421px; background:url('../images/Teppichboden11-2013gall.jpg') no-repeat left center;} #portfolio #img6{float:left; margin-left:80px; width:503px; height:421px; background:url('../images/Seitenzugrollo11-2013gall.jpg') no-repeat left center;} #portfolio #img7{float:left; margin-left:80px; width:503px; height:421px; background:url('../images/DesignbodenSchiefer11-2013gall.jpg') no-repeat left center;} #portfolio #img8{float:left; margin-left:80px; width:503px; height:421px; background:url('../images/PlisseeWintergarten11-2013gall.jpg') no-repeat left center;} #portfolio #img9{float:left; margin-left:80px; width:503px; height:421px; background:url('../images/Dekoration11-2013gall.jpg') no-repeat left center;} #portfolio #img10{float:left; margin-left:80px; width:503px; height:421px; background:url('../images/TreppeundDesignboden11-2013gall.jpg') no-repeat left center;} #portfolio #img11{float:left; margin-left:80px; width:503px; height:421px; background:url('../images/VertikallamellenDruck11-2013gall.jpg') no-repeat left center;} #portfolio #img12{float:left; margin-left:80px; width:503px; height:421px; background:url('../images/Unterglasmarkise11-2013gall.jpg') no-repeat left center;} #portfolio #img13{float:left; margin-left:80px; width:503px; height:421px; background:url('../images/Vertikallamellen11-2013gall.jpg') no-repeat left center;} #portfolio #img1 .bigimage{width:600px; height:421px; background:url('../images/Designboden11-2013.jpg') no-repeat center top;} #portfolio #img2 .bigimage{width:503px; height:421px; background:url('../images/Doppelrollo11-2013.jpg') no-repeat center top;} #portfolio #img3 .bigimage{width:503px; height:421px; background:url('../images/ErfalPlissee1.jpg') no-repeat center top;} #portfolio #img4 .bigimage{width:503px; height:421px; background:url('../images/MarkisenKombination11-2013.jpg') no-repeat center top;} #portfolio #img5 .bigimage{width:600px; height:450px; background:url('../images/Teppichboden11-2013.jpg') no-repeat center top;} #portfolio #img6 .bigimage{width:503px; height:421px; background:url('../images/Seitenzugrollo11-2013.jpg') no-repeat center top;} #portfolio #img7 .bigimage{width:503px; height:421px; background:url('../images/DesignbodenSchiefer11-2013.jpg') no-repeat center top;} #portfolio #img8 .bigimage{width:503px; height:421px; background:url('../images/PlisseeWintergarten11-2013.jpg') no-repeat center top;} #portfolio #img9 .bigimage{width:503px; height:421px; background:url('../images/Dekoration11-2013.jpg') no-repeat center top;} #portfolio #img10 .bigimage{width:503px; height:421px; background:url('../images/TreppeundDesignboden11-2013.jpg') no-repeat center top;} #portfolio #img11 .bigimage{width:503px; height:421px; background:url('../images/VertikallamellenDruck11-2013.jpg') no-repeat center top;} #portfolio #img12 .bigimage{width:503px; height:421px; background:url('../images/Unterglasmarkise11-2013.jpg') no-repeat center top;} #portfolio #img13 .bigimage{width:503px; height:421px; background:url('../images/Vertikallamellen11-2013.jpg') no-repeat center top;} #portfolio .bigimage .watermark{width:600px; height:500px; background:url('../images/watermark.gif') no-repeat center;} #portfolio .zoom{position:absolute;margin-top:35px; margin-left:450px; z-index:auto } #portfolio .popup{position:absolute; width:600px; float:left; visibility: hidden; top:20px; padding:5px; z-index:200; background:#ffffff url('../images/loading.gif') no-repeat center ;} #portfolio .bigimage{} #portfolio #img2 .popup{width:503px;} #portfolio #img3 .popup{width:503px;} #portfolio #img4 .popup{width:503px;} #portfolio #img6 .popup{width:503px;} #portfolio #img7 .popup{width:503px;} #portfolio #img8 .popup{width:503px;} #portfolio #img9 .popup{width:503px;} #portfolio #img10 .popup{width:503px;} #portfolio #img11 .popup{width:503px;} #portfolio #img12 .popup{width:503px;} #portfolio #img13 .popup{width:503px;} #floor{float:left; width:7580px; height:313px; display:table; background-color:#FFFFFF;background:url('../images/bgfloor.jpg') repeat-x left bottom;} #floor .visit1{position:absolute; margin-left:416px; margin-top:-5px;} #floor .visit2{position:absolute; margin-left:837px; margin-top:36px;} #floor .visit3{position:absolute; margin-left:1150px; margin-top:19px; display:none;} #floor .visit4{position:absolute; margin-left:1600px; margin-top:76px; display:none;} #portfolio .popup span{float:left; padding:0px 0px;} #portfolio .popup span strong{ font-size:12px; font-weight:bold;} #portfolio .close{float:right; padding:5px 0px;} #portfolio #img8 .popup{margin-left:0px;} #about .text, #contact .text{float:left; margin-top:105px; padding:0px 10px 0px 10px;} #about .text{height:500px; min-height:500px;} html>body #about .text{height:auto} #about{float:left; padding-left:50px; width:565px; background:url('../images/bgabout.jpg') no-repeat 24px 136px; } #about .text{width:495px;} #about h2{color:#660000; font-size:14px; font-weight:bold;} #about .text a{color:#660000; font-size:11px; text-decoration:none;} #about .text a:hover{text-decoration:underline;} #about h1{font:26px Arial, Helvetica, sans-serif;} #about p{font:11px Tahoma, Arial, Helvetica, sans-serif; line-height:19px; margin-bottom:10px; color:#660000;} #services{float:left; margin-left:0px; width:1120px;} #services .text{float:left; margin-top:105px; } #services h1{font:26px Arial, Helvetica, sans-serif;} #services h2{font:23px "Times New Roman", Times, serif;} #services p{font:10px Tahoma, Arial, Helvetica, sans-serif; line-height:15px; margin-bottom:10px;} #services .web, #services .ad, #services .print, #services .brand{float:left;} #services .web{background:url('../images/bgweb.jpg') no-repeat left top; min-height:326px; width:257px!important; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px} #services .web h2{margin-top:100px; color:#000000} #services .web .text{margin:0px!important; width:240px;} #services .web p{color:#003366;} #services .web a{color:#003366; font-weight:bold; text-decoration:none;} #services .web a:hover{text-decoration:underline;} #services .ad{background:url('../images/bgad.jpg') no-repeat left top; width:247px; height:328px; padding-left:10px; padding-right:15px; padding-top:0px; padding-bottom:0px} #services .ad h2{margin-top:110px; color:#FFCC00} #services .print{background:url('../images/bgprint.jpg') no-repeat left top; width:250px; height:326px; padding-left:10px; padding-right:10px; padding-top:0px; padding-bottom:0px} #services .print h2{margin-top:20px; margin-left:10px; color:#000000} #services .print .text{margin-top:70px;} #services .print p{color:#000000;} #services .brand{background:url('../images/bgbrand.jpg') no-repeat left top; width:281px; height:325px} #services .brand h2{margin-top:20px; margin-left:20px; color:#00FFFF} #services .brand .text{ width:238px; margin:80px 10px 0 13px;} #services .brand p{color:#FFFF00;} #contact{float:left; position:relative; left:64px; width:730px; height:600px; background:url('../images/bgcontact.jpg') no-repeat; } #contact .text{width:730px;} #contact h1{font:26px Arial, Helvetica, sans-serif; margin-left:60px; } #contact ul.form{float:left; margin-left:60px;} #contact ul.form li{float:left; width:250px; height:26px; background-color:#FFFFFF; margin-bottom:8px;} #contact ul.form li input{float:left; width:250px; line-height:26px; padding:5px; color:#663333; font:bold 14px Arial, Helvetica, sans-serif; background:transparent; border:none;} #contact ul.form li.comments{float:right; width:340px; height:200px; background-color:#FFFFFF; margin-bottom:8px;} #contact ul.form li.right{float:right; background:transparent; width:340px; line-height:14px!important; height:auto!important; color:#D2A5BC; margin-bottom:4px; text-align:right; text-decoration:none; } #contact ul.form li.right a{color:#D2A5BC; text-decoration:none; } #contact ul.form li.right a:hover{color:#D2A5BC; text-decoration:underline; } #contact ul.form li textarea{float:left; width:330px; line-height:26px; height:190px; padding:5px; color:#663333; font:bold 14px Arial, Helvetica, sans-serif; background:transparent; border:none;} #contact li.submit{float:right;width:330px; background:transparent none!important;} #contact li.submit .btn{background-color:#822B56; border-left:1px solid #B0648A; border-top:1px solid #B0648A; border-right:1px solid #692347; border-bottom:1px solid #692347; color:#fff; width:200px;} #footer{background-position: right 100px; float:left; position:relative; width:470px; color:#D2A5BC; background-color:transparent; background-repeat:no-repeat; background-attachment:scroll} #footer ul{text-align:right; float:right; margin-top:300px; width:470px; } #footer li{background:transparent; width:470px!important; float:left; line-height:14px!important; color:#D2A5BC; margin-bottom:4px; } #footer li strong{font:bold 11px Tahoma, Arial, Helvetica, sans-serif;} #footer li a{font:normal 11px Tahoma, Arial, Helvetica, sans-serif; text-decoration:none; color:#D2A5BC; line-height:14px!important; height:14px!important; } #footer li a:hover{text-decoration:underline;} #links{float:left; /*width:950px;*/ width:930px; padding:0px 10px;} #contact1, #tools, #tutor, #favor{float:left; margin-left:60px; width:310px; background-color:#8D2F5E;} #links .text{width:930px; margin-top:-15px;} #links h1{font:26px Arial, Helvetica, sans-serif;} #container, #container1, #container2{float:left; position:relative; width:305px;height:250px; background:#8D2F5E;overflow: hidden;} #content, #content1, #content2{position: relative;width: 295px; overflow:hidden; left: 5px;} #scrollArea, #scrollArea1, #scrollArea2 {float:right;height: 250px; width: 5px; background-color:#622141;overflow: hidden;} #scroller, #scroller1, #scroller2 {position: relative;top: -1px;width: 5px;background : #E6D1DC} #links h2{font:normal 28px Tahoma,Arial, Helvetica, sans-serif; color:#E0CAD5; line-height:50px; margin-left:10px; padding:15px 0 5px 0;} #links .sites{margin-bottom:10px;} #links .sites li{width:auto; line-height:17px;border:1px solid #8D2F5E; } #links .sites li a{width:auto; line-height:17px;display:block;background:#822B57; color:white;text-decoration:none; padding:3px 5px; } #links .sites li a span{clear:both;padding:0 0px; color:#DAB5C7; font-size:10px; font-weight:normal;} #links .sites li a:hover{ background:#622141 url('../images/scroll_bg.gif') no-repeat 85% center; } #extlinks{float:left; width:930px; height:126px; margin-top:5px;} #extlinks li{float:left; width:232px; height:126px;} #extlinks li a{width:232px; height:126px; display:block; text-decoration:none; text-indent:-5000px; overflow:hidden; background:url('../images/bgextlinks.jpg') no-repeat left top;} #extlinks li.art a{background-position:0px 0px;} #extlinks li.cgraphics a{background-position:-232px 0px;} #extlinks li.port a{background-position:-464px 0px;} #extlinks li.cv a{background-position:-696px 0px;} #extlinks li.art a:hover{background-position:0px -126px;} #extlinks li.cgraphics a:hover{background-position:-232px -126px;} #extlinks li.port a:hover{background-position:-464px -126px;} #extlinks li.cv a:hover{background-position:-696px -126px;} #links #content2 .sites li a{font-weight:bold; font-size:11px; background-color:#822B57; } #links #content2 .sites li a:hover{ background-color:#622141; background-image:url('none');} #ads{width:740px; float:left; margin-left:20px; margin-right:20px;} #ads .row1, #ads .row2, #ads .row3, #ads .row4{float:left; width:740px; padding:5px 0px;} #ads .text{margin-top:105px;} #ads h1{font:26px Arial, Helvetica, sans-serif;} #zflash{ position:absolute!important; z-index:1000; width:400px!important; height:600px!important; left:10px; top:-250px} /* These are standard sIFR styles... do not modify */ #zflash ul{display:none;} .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ .sIFR-flash + div[adblocktab=true] { display: none !important; } /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ .sIFR-hasFlash #about h1, .sIFR-hasFlash #contact h1, .sIFR-hasFlash #services h1, .sIFR-hasFlash #links h1, .sIFR-hasFlash #ads h1 { visibility: hidden; } .sIFR-hasFlash #services h2 { visibility: hidden; } /*.sIFR-hasFlash h3 { visibility: hidden; } .sIFR-hasFlash h4 { visibility: hidden; letter-spacing: -5px; font-size: 21px; } .sIFR-hasFlash h5 { letter-spacing: -4px; visibility: hidden; font-size: 24px; } */