/* reset ------------------------------------------------------------------------------------------- reset - */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { background:transparent; border:0; font-family:inherit; font-weight:inherit; font-style:inherit; font-size:100%; margin:0; outline:0; padding:0; vertical-align:baseline; } :focus /* remember to define focus styles! */ { outline: 0; } body { line-height:1; } article, aside, details, dialog, figure, footer, header, hgroup, nav, section { display:block; } ol, ul { list-style-position: inside; } nav ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; } a { cursor:pointer; margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; } ins { background-color:#ff9; color:#000; text-decoration:none; } mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; } table { border-collapse:collapse; border-spacing:0; } hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; } textarea { overflow:auto;} /* ----------------------------------------------------------------------------------------------------- */ body { font-family: "Helvetica", "Arial", "Sans-Serif"; font-size:12px; line-height:1.5em; } body { background-color:#fff; } p strong { font-weight:bold; font-size:1.05em;} section#wrapper { background-image:url(../images/bg_lion.jpg); background-repeat:repeat;} #wrapper header { clear:both; height:110px; padding:10px 10px 10px 20px; width:200px; } #wrapper aside { clear:left; float:left; height:320px; margin-right:-230px; padding:10px 10px 10px 20px; width:200px; z-index:3;} #wrapper aside nav { border-top:1px solid #a9a9a9; border-bottom:1px solid #c7c7c7; padding:10px 0px; z-index:100; } #wrapper aside nav a { color:#555; display:block; font-size:23px; font-weight:600; padding:8px 0px 6px 14px; position:relative; text-transform:uppercase; width:86px; z-index:100; } #wrapper aside nav a:hover, #wrapper aside nav a.active { background-image:url(../images/brkt.png); background-position:center left; background-repeat:no-repeat; color: #c0b77e; } #wrapper section#main { margin-bottom:-122px; margin-left:-230px; float:right; padding:10px 0px; width:100%; } #filosofia #wrapper section#main { margin-bottom:-142px; overflow:hidden; padding:0px;} #contacts #wrapper section#main { margin-bottom:-122px; overflow:hidden; } #contacts #wrapper aside { margin-bottom:-122px; overflow:hidden; } #crea #wrapper section#main { margin-bottom:-122px; overflow:hidden; z-index:4;} #gallery #wrapper section#main { margin-bottom:-102px; overflow:hidden; } #gallery #wrapper aside { margin-bottom:-102px; overflow:hidden; } #filosofia #wrapper aside { margin-bottom:-20px; overflow:hidden; } #wrapper section#main article { margin-left:220px; margin:0 15% 0; padding-left:15%; width:65%; } #wrapper section#main article h1 { color:#9f2f2f; font-size:1.8em; padding:5px 0px 15px; } #filosofia #wrapper section#main article { margin-right:0px; padding-left:50px; text-align:right; width:auto; } #gallery #wrapper section#main article { margin-right:0px; margin-left:220px; padding-left:6%; width:auto; } #contacts #wrapper section#main article { margin-right:0px; padding-left:60px; width:auto; } #wrapper footer { background-image:url(../images/flag.jpg); background-position:bottom center; background-repeat:repeat-x; clear:both; font-size:10px; height:130px; padding:15px 0px 35px; width:100%; z-index:0; } #filosofia #wrapper footer { background-image:url(../images/flag.jpg); background-position:bottom center; background-repeat:repeat-x; clear:both; font-size:10px; height:120px; padding:10px 0px 8px; width:100%; } #wrapper footer p { clear:both; height:30px; padding:10px 10px 10px 20px; width:200px; } #wrapper footer p a { display:block; color: #a0955c; text-transform:uppercase; } #wrapper footer p a.social { display:inline;} #wrapper footer p a:hover { text-decoration:underline; } #gallery .gallery_wrap { float:left; } #gallery article nav.sub, #contacts section#main nav.sub { border-top:1px solid #a9a9a9; border-bottom:1px solid #c7c7c7; float:left; margin-right:20px; padding:10px 0px; width:120px; } #gallery article nav.sub a, #contacts section#main nav.sub a { color:#555; display:block; font-size:14px; padding:3px 0px 3px 14px; position:relative; text-transform:uppercase; width:120px; z-index:100; } #gallery article nav.sub a:hover, #gallery article nav.sub a.active, #contacts section#main nav.sub a:hover, #contacts section#main nav.sub a.active { background-image:url(../images/brkt.png); background-position:center left; background-repeat:no-repeat; color: #c0b77e; } #contacts h2 { color:#9f2f2f; font-size:1.8em; padding:5px 0px 15px;} #contacts section.form { float:left; margin-left:0px; width:660px;} #contacts section.group { float:left; margin-left:15px; width:315px;} #contacts section.map { background-image:url(../images/maps_bg.png); background-position:top left; clear:right; float:left; padding:60px 0px 60px 47px; width:947px; } #contacts section.map div.footmap { background-image:url(../images/footmap.png); background-position:bottom right; height:32px; margin-top:-34px; padding-top:34px; padding-left:130px; position:relative; width:369px; z-index:4;} #contacts section.mobile { border-top:1px solid #a9a9a9; clear:both; margin-top:20px; padding-top:20px; width:660px; } #contacts ul { list-style:none;} #contacts ul li { height:30px;padding-bottom:10px; } #contacts h1 { clear:right; color:#555; display:block; float:left; font-size:2.3em; margin-bottom:15px; margin-left:15px; text-transform:uppercase; width:660px;} #contacts h2 { color:#222; display:block; float:left; font-size:1.0em; font-weight:bold; margin-bottom:15px; margin-left:15px; width:430px; } #contacts h2.legend { color:#222; display:block; float:left; font-size:1.0em; font-weight:bold; margin-bottom:15px; margin-left:15px; text-align:right; font-style:italic; width:200px; } #contacts h3, #contacts label { display:block; float:left; font-size:0.9em; font-weight:bold; height:25px; margin-right:10px; width:60px; } #contacts label.radio { display:inline; font-size:0.8em; margin-left:10px; vertical-align:bottom;} #contacts label.privacy { display:block; float:left; font-size:0.9em; font-weight:bold; height:25px; width:260px; } #contacts input.text { border:1px solid #C7C7C7; display:block; float:left; height:14px; padding:2px; width:239px;} #contacts input.other { display:block; float:left; height:14px; margin:0px; padding:2px; width:16px; } #contacts textarea { border:1px solid#c7c7c7; float:left; height:139px; padding:2px; width:239px;} #contacts span.error { color:#c00; font-size:0.9em; font-style:italic; padding-top:3px;} #contacts span.success { color:#3a3; font-size:0.9em; font-style:italic; padding-top:3px;} #crea .btn, #contacts .btn { background-color:#aeaeae; border:1px solid #575757; clear:both; color:#efefef; display:block; height:30px; margin:20px 222px; width:210px; } #crea .btn:hover, #contacts .btn:hover { background-color:#efefef; color:#575757;} #gallery_wrap { background-image:url(../images/gallery-canvas.png); background-repeat:no-repeat; height:423px; padding: 55px 58px 55px 65px; width:577px;} #gallery #wrapper section#main article#presentation { background-image:url(../images/brush.png); background-position:center bottom; background-repeat:no-repeat; height:450px; padding: 5px; width:950px;} article#presentation h1 { font-size:1.7em; font-weight:600; text-align:center; width:370px; } article#presentation h2 { font-size:1.4em; text-align:center; width:360px; } .credits { clear:both; color:#9e9e9e; display:block; font-family:Georgia, serif; font-style:italic;} .credits a { color:#323266; } #landing { background-color:#393939; } #landing header { background-image:url(../images/flag.jpg); background-position:center top; background-repeat:repeat-x; clear:both; height:30px; padding:40px 0px 3px; text-align:center; width:100%; } #landing a { color:#fff; font-size:1.4em; } #landing span { color:#fff; font-size:1.6em; padding:0px 6px; } #landing h1 { color:#fff; font-size:1.8em; display:block; font-style:italic; line-height:1.3em; margin:0 auto; padding:15px 0px 20px; width:260px; } #landing article { text-align:center; width:100%;} #landing footer { background-image:url(../images/flag.jpg); background-position:center bottom; background-repeat:repeat-x; clear:both; height:110px; padding:0px 0px 20px; text-align:center; width:100%; } .stub { height:320px;} /* - extras ------------------------------------------------------------------------------------------- extras - */ #ajax-loader { display: none; position: absolute; top: 170px; left: 580px; } #contacts textarea:focus, #contacts input:focus { background-color:#fefeff; -moz-box-shadow: 0px 2px 4px #9f9faf; /* FF3.5+ */ -webkit-box-shadow: 0px 2px 4px #9f9faf; /* Saf3.0+, Chrome */ box-shadow: 0px 2px 4px #9f9faf; /* Opera 10.5, IE 9.0 */ filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='#9f9faf'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=2px, Color='#9f9faf')"; /* IE8 */ } /* ----------------------------------------------------------------------------------------------------- */ /* - MP3 Player ------------------------------------------------------------------------------------------- MP3 Player - */ #bgtheme_wrapper { display:block; height:18px; width:160px; } #bgtheme_wrapper #bgtheme { display:none; } a.sm2_button { display:block; float:left; height:16px; margin-right:10px; margin-top:1px; overflow:hidden; position:relative; text-indent:-9999px; vertical-align:middle; width:18px; -moz-border-radius:6px; -webkit-border-radius:6px; -opera-border-radius:6px; border-radius:6px; -webkit-transition-property: hover; -webkit-transition: background-color 0.15s ease-in-out; } a.sm2_button:focus { outline:none; } a.sm2_button, a.sm2_paused:hover { background-color:#3399cc; background-image:url(../images/arrow-right-white.gif); background-repeat:no-repeat; background-position:5px 50%; } a.sm2_button:hover, a.sm2_playing, a.sm2_playing:hover { background-color:#cc3333; } a.sm2_paused, a.sm2_paused:hover { background-color:#666; } /*- Tabs -------------------------------------------------------------------------------------------------------- */ .wrap-nav { display:block; width:640px; } .scrollable { float:left; position:relative; overflow:hidden; width: 552px; height:106px; } .scrollable .items { width:20000em; position:absolute; clear:both; } .items div { float:left; width: 552px;} /* single scrollable item */ .scrollable img { background-color:#fff; border:1px solid #ccc; cursor:pointer; float:left; height:84px; margin:3px 6px; padding:2px; width:120px; -moz-border-radius:4px; -webkit-border-radius:4px; } /* active item */ .scrollable .active { border:2px solid #000; margin:2px 5px; position:relative; z-index:9999; } div.panes { clear:both; margin:20px 0px; width: 640px; } h5.sub { clear:both; display:block; float:left; position:relative; text-align:center; width: 640px; } ul.tabs { clear:both; display:block; float:left; height:28px; list-style:none; margin:0 auto; padding-left:134px; width:372px; } ul.tabs li { display:block; float:left; padding:5px 15px; } /* initially all panes are hidden */ div.panes .pane { border:1px solid #bbb; margin:4px 0px; padding:2px 19px; text-align:center; width:600px; } div.pane { border:1px solid #bbb; clear:both; height:349px; margin:4px 0px; padding:2px 19px; text-align:center;width:600px; } div.panes div.pane img { margin:0 auto; } a.browse { background-color:#bbb; border:1px solid #bbb; color:#fff; cursor:pointer; display:block; float:left; font-weight:bold; height:20px; margin:0px 10px; padding:36px 4px; text-align:center; width:24px; } a.left { margin-left:0; -moz-border-radius:4px 0px 0px 4px; -webkit-border-radius:4px 0px 0px 4px; } a.right { clear:right; margin-right:0; -moz-border-radius:0px 4px 4px 0px; -webkit-border-radius:0px 4px 4px 0px; } .browse.disabled { background-color:#eee; } div.location { clear:both; padding-bottom:40px; border-bottom:1px solid #999; width: 640px;} .waypoint { color:#999; float:left; font-size:2em; text-transform:uppercase; padding:5px 15px; text-align:bottom; } .waipoint#first { clear:left; } .waipoint#last { clear:right; } .waypoint.active { color: #111; } .waypoint span.number { font-size:0.5em; float:left; background-color: #999; color:#fff; padding:0px 3px; position:relative; top:-3px; margin:0px 5px 8px; border:4px double #fff; text-align:center; } .waypoint.active span.number { font-size:0.5em; background-color: #A0955C; color:#fff; padding:0px 3px; border:4px double #fff; text-align:center; } /*- Choose Leather and Create Form -------------------------------------------------------------------------------------------------------- */ #leather { display:none; height:500px; padding:10px; position:relative; top:-100px; width:900px; z-index:10000; } #leather { background-image:url(../images/overlay.jpg); background-color: #A0A0A0; -moz-box-shadow: 0px 0px 6px #666; /* FF3.5+ */ -webkit-box-shadow: 0px 0px 6px #666; /* Saf3.0+, Chrome */ box-shadow: 0px 0px 6px #666; /* Opera 10.5, IE 9.0 */ filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='#666'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='#666')"; /* IE8 */ } #leather .close { background-image:url(../images/close.png); position:absolute; right:-9px; top:-12px; cursor:pointer; height:29px; width:25px; } #leather .lists { } #leather h6 { clear:left; padding:4px; font-weight:bold; } #leather ul { list-style:none;} #leather ul li { cursor:pointer; float:left; height:54px; margin:4px; width:40px; border:1px solid #000; } #leather ul li img { filter:alpha(opacity=80); height:54px; opacity:0.6; width:40px; } #leather ul li img:hover { filter:alpha(opacity=100); opacity:1.0; -moz-transform:scale(1.1); -webkit-transform:scale(1.1); } #leather ul li img:hover { -moz-box-shadow: 0px 0px 6px #333; /* FF3.5+ */ -webkit-box-shadow: 0px 0px 6px #333; /* Saf3.0+, Chrome */ box-shadow: 0px 0px 6px #333; /* Opera 10.5, IE 9.0 */ filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='#333'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='#333')"; /* IE8 */ } #leather ul li p { display:none; } #leather #preview { border:1px solid #111; float:right; height:280px; width:174px; margin:30px 4px 86px 10px;} #leather #preview img { height:280px; width:174px; } .components { width:640px; } .components dt { border:1px solid #999; border-right:0px solid; float:left; font-weight:bold; height:30px; margin-left:18px; margin-bottom:15px; padding:35px 10px; text-align:center; width:30px; } div.upload_logo span, .components dt span { color:#fff; background-image:url(../images/circle.png); background-repeat:no-repeat; display:block; width:16px; height:16px; padding:6px 6px 8px 8px; } .components dd { border:1px solid #999; border-left:0px solid; float:left; height:82px; margin-right:20px; margin-bottom:15px; padding:9px 0px; width:230px; } .components dd img { border:1px solid #999; cursor:pointer; width:59px;} .components dd img:hover { -moz-box-shadow: 0px 0px 6px #666; /* FF3.5+ */ -webkit-box-shadow: 0px 0px 6px #666; /* Saf3.0+, Chrome */ box-shadow: 0px 0px 6px #666; /* Opera 10.5, IE 9.0 */ filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='#666'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='#666')"; /* IE8 */ } .components dd p { padding:10px; float:right; font-weight:bold; } div.upload_logo { border:1px solid #999; clear:both; display:block; float:left; font-weight:bold; margin-top:10px; margin-left:18px; margin-bottom:15px; padding:15px 10px; text-align:center; width:580px; } div.upload_logo span { cursor:pointer; margin:15px 5px; float:left; } div.upload_logo p.letters { margin:0 auto; width:170px;} div#gonext { border:1px solid #999; clear:both; display:none; float:left; font-weight:bold; margin-bottom:15px; padding:15px 19px; text-align:center; width:600px; } div#gonext .btn { background-color:#aeaeae; border:1px solid #575757; clear:both; color:#efefef; display:block; height:30px; margin:10px auto; width:210px; } div#gonext .btn#previous { display:none;} div#customer-data { border:0px solid; display:none; height:400px; margin:0 1px; } #customer-data h2 { color:#9f2f2f; font-size:1.8em; padding:5px 0px 15px;} #customer-data section.form { float:left; margin-left:0px; width:660px;} #customer-data section.group { float:left; margin-left:15px; width:280px;} #customer-data section.map { background-image:url(../images/maps_bg.png); background-position:top left; clear:right; float:left; padding:60px 0px 60px 47px; width:947px; } #customer-data section.map div.footmap { background-image:url(../images/footmap.png); background-position:bottom right; height:32px; margin-top:-34px; padding-top:34px; padding-left:130px; position:relative; width:369px; z-index:4;} #customer-data section.mobile { border-top:1px solid #a9a9a9; clear:both; margin-top:20px; padding-top:20px; width:660px; } #customer-data ul { list-style:none;} #customer-data ul li { height:30px;padding-bottom:10px; } #customer-data h1 { clear:right; color:#555; display:block; float:left; font-size:2.3em; margin-bottom:15px; margin-left:15px; text-transform:uppercase; width:660px;} #customer-data h2 { color:#222; display:block; float:left; font-size:1.0em; font-weight:bold; margin-bottom:15px; margin-left:15px; width:430px; } #customer-data h2.legend { color:#222; display:block; float:left; font-size:1.0em; font-weight:bold; margin-bottom:15px; margin-left:15px; text-align:right; font-style:italic; width:200px; } #customer-data h3, #customer-data label { display:block; float:left; font-size:0.9em; font-weight:bold; height:25px; margin-right:10px; width:60px; } #customer-data label.radio { display:inline; font-size:0.8em; margin-left:10px; vertical-align:bottom;} #customer-data label.privacy { display:block; float:left; font-size:0.9em; font-weight:bold; height:25px; width:220px; } #customer-data input.text { border:1px solid #C7C7C7; display:block; float:left; height:14px; padding:2px; width:190px;} #customer-data input.other { display:block; float:left; height:14px; margin:0px; padding:2px; width:16px; } #customer-data textarea { border:1px solid#c7c7c7; float:left; height:139px; padding:2px; width:190px;} #customer-data span.error { color:#c00; font-size:0.9em; font-style:italic; padding-top:3px;} #customer-data span.success { color:#3a3; font-size:0.9em; font-style:italic; padding-top:3px;} #videoshape { background-image:url(../images/video-shape.png); padding:40px; width:480px; } /* - END ------------------------------------------------------------------------------------------- END - */