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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}p,strong{overflow:visible}
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}
/* header slider */
#slidercontainer{ position:relative; height:205px; overflow:hidden; background:url(images/showcasebg.gif) 0 bottom repeat-x; margin:0 0 20px; }
#leftslidermask{ position:absolute; z-index:4; top:0; left:0; width:65px; height:205px; background:url(images/slidermask.png) left top no-repeat; }
#rightslidermask{ position:absolute; z-index:4; top:0; right:0; width:65px; height:205px; background:url(images/slidermask.png) right top no-repeat; }
#slider{ position:relative; margin:0 auto; }
#slider ul { width:700px; height:205px; }
#slider ul li{ width:700px; height:205px; overflow:hidden; padding:0; margin:0; text-align:center; }
#controls{ position:absolute; width:700px; top:10px; left:0; z-index:100; }
#prevBtn{ position:absolute; display:block; width:30px; height:40px; top:0; left:20px; }
#nextBtn{ position:absolute; display:block; width:30px; height:40px; top:0; right:15px; }
#prevBtn a, #nextBtn a{ display:block; width:30px; height:40px; }
#prevBtn a:hover, #nextBtn a:hover{ border:none !important; }
#prevBtn a{ background:url(images/showcaseBtn.gif) left top no-repeat; }
#nextBtn a{ background:url(images/showcaseBtn.gif) right top no-repeat; }
/* partner response slider */
#flowcontainer{ position:relative; height:241px; overflow:hidden; }
#flow{ position:relative; width:298px; margin:0 auto; }
#flow ul { width:298px; }
#flow ul li{ height:236px; width:298px !important; overflow:hidden; padding:0; margin:0; border:none !important; }
#prevFlow{ position:absolute; display:block; top:190px; left:0; width:117px; margin:10px 0 0; padding:0 10px 10px 22px !important; background:url(images/leftpagerbg.gif) 10px 2px no-repeat; font-size:14px; text-transform:uppercase; }
#nextFlow{ position:absolute; display:block; top:190px; left:145px; width:119px; text-align:right; margin:10px 0 0; padding:0 20px 10px 10px; background:url(images/rightpagerbg.gif) 130px 2px no-repeat; font-size:14px; text-transform:uppercase; }
/* hire slider */
#hirecontainer{ position:relative; overflow:hidden; }
#lefthiremask{ position:absolute; z-index:4; top:0; left:0; width:65px; height:205px; background:url(images/slidermask.png) left top no-repeat; }
#righthiremask{ position:absolute; z-index:4; top:0; right:0; width:65px; height:205px; background:url(images/slidermask.png) right top no-repeat; }
#hire{ position:relative; width:550px; margin:0 75px; padding:0 0 20px; }
#hire ul { width:550px; margin:0; padding:0; }
#hire ul li{ width:550px; height:900px; padding:0; margin:0; text-align:center; }
#hire h2 { padding:0; margin-top:0; }
#hirecontrols{ position:absolute; width:700px; top:20px; left:-2px; z-index:100; }
#prevHire{ position:absolute; display:block; width:30px; height:40px; top:0; left:20px; }
#nextHire { position:absolute; display:block; width:30px; height:40px; top:0; right:15px; }
#prevHire a, #nextHire a{ display:block; width:30px; height:40px; }
#prevHire a:hover, #nextBtn a:hover{ border:none !important; }
#prevHire a{ background:url(images/showcaseBtn.gif) left top no-repeat; }
#nextHire a{ background:url(images/showcaseBtn.gif) right top no-repeat; }
/* iphone slider */
#iphone_container{ position:relative; overflow:hidden; height:410px; }
#iphone{ postion:relative; width:173px; margin:80px 0 0 19px; }
#iphone ul { }
#iphone ul li{ width:182px; height:237px; margin:0 !important; padding:0 !important; }
#iphone ul li img{ margin:0 !important; padding:0 !important; }
#iphonecontrols{ position:absolute; width:220px; top:324px; left:0; z-index:1000; background:#fff; }
#prevPhone{ position:absolute; display:block; width:10px; height:11px; top:0; left:35px; }
#nextPhone{ position:absolute; display:block; width:10px; height:11px; top:0; left:69px; }
#prevPhone a, #nextPhone a{ display:block; width:10px; height:11px; filter:alpha(opacity=50); -moz-opacity:.5;-khtml-opacity:.5; opacity:.5; }
#prevPhone a{ background:url(images/iphone_nav.png) top left no-repeat; }
#nextPhone a{ background:url(images/iphone_nav.png) top right no-repeat; }
#nextPhone a:hover, #prevPhone a:hover{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; }
/*
Theme Name: Glaskugel Theme
Theme URI: http://glaskugel.hu
Description: A Glaskugel Kft hivatalos honlapja
Version: 2.0.0
Author: Takács Zsolt
Author URI: http://glaskugel.hu
Tags: -
*/
@charset "utf-8";
/* BROWSER HACKS */
@media screen and (-webkit-min-device-pixel-ratio:0) {
head~body { background:#ece4d5 url(images/bg.jpg) 0 0 repeat-x; font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; }
}
/* COMMON */
html{ background:#ece4d5 url(images/bg.jpg) 0 0 repeat-x; font:normal 15px Georgia, "Times New Roman", Times, "Palatino Linotype", serif; /* font:normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif; */ }
h1, h2, h3, h4 { font-family:Georgia, "Times New Roman", Times, "Palatino Linotype", serif; color:#433b30; }
table{ width:97%; margin:10px 0 0; overflow:hidden; text-align:left; }
table caption{ background:#ccc; padding:2px; margin:10px 0 0; }
table tr{ width:100%; }
table th{ padding:8px 5px 5px; font-size:14px; text-transform:uppercase; background:#cbbe9e; color:#333; }
table td{ padding:2px !important; }
table td img{ padding:0 !important; margin:0 !important; }
/* ID */
#main{}
#container{ overflow:hidden; margin-bottom:20px; }
#header{ height:60px; margin:0 0 20px; }
#logo{ height:60px; background:url(images/logo.gif) 0 center no-repeat; }
#logo a{ display:block; width:100%; height:60px; }
#nav{ overflow:hidden; height:60px; }
#nav ul{ float:right; display:inline; overflow:hidden; height:45px; padding:15px 0 0; }
#nav ul li{ float:left; display:inline; margin:0 0 0 3px; }
#nav ul li a{ display:block; height:20px; padding:5px 5px 3px; font:bold 14px "Trebuchet MS", Arial; color:#e7ffa4; text-transform:uppercase; text-align:center; border-right:1px solid transparent; border-bottom:1px solid transparent; border-top:1px solid transparent; border-left:1px solid transparent; }
#nav ul li a:hover{ color:#fc0; background:#1e130d; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; border-right:1px solid #595248; border-bottom:1px solid #595248; border-top:1px solid #000; border-left:1px solid #000; }
#nav ul li.current_page_item a{ color:#fc0; background:#1e130d; border-right:1px solid #595248; border-bottom:1px solid #595248; border-top:1px solid #000; border-left:1px solid #000; }
#contents{ background:url(images/scissthis.gif) 705px 0 repeat-y; }
#content{ overflow:hidden; }
#slidercontainer{ } /* easyslider */
#slider #firstslide{ background:url(images/playaz.gif) 320px 30px no-repeat; }
#slider ul li h1{ font-size:28px; line-height:130%; text-align:left; padding:10px 80px 0; text-transform:uppercase; }
#slider ul li h2{ font-size:14px; color:#807669; line-height:130%; text-align:left; padding:10px 80px 0; text-transform:uppercase; }
#slider ul li h3{ font-size:16px; margin:0 0 10px; text-align:left; text-transform:uppercase; }
#slider ul li p{ font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; }
.imagebox{ float:left; display:inline; width:400px; height:200px; overflow:hidden; }
.imagebox img{ float:right; margin:0 10px 0 0; }
.descbox{ float:left; display:inline; width:220px; height:200px; margin:20px 0 0; }
.descbox p{ text-align:justify; line-height:130%; }
.descbox strong{ font:bold 12px Georgia, "Times New Roman", Times, "Palatino Linotype", serif; }
.descbox small{ display:block; font-size:11px; text-align:justify !important; margin:10px 0 0; line-height:130%; }
.descbox a{ color:#036; }
.descbox a:hover{ color:#036; background:#d6e293; }
#services{ overflow:hidden; margin:0 0 25px; padding:0 0 15px; border-bottom:1px dashed #b4a06b; background:url(images/servicesbg.png) center 20px no-repeat; }
#services a{ display:block; width:100%; height:245px; }
#services h2 { position:absolute; left:-9999px; }
#threedee{ height:245px; }
#threedee a{ background:url(images/threedee.gif) left 0 no-repeat; }
#threedee a:hover{ background:url(images/threedee.gif) left 0 no-repeat; }
#web{ height:245px; }
#web a{ }
#photo{ height:245px; }
#photo a{ background:url(images/photo.gif) left 0 no-repeat; }
#photo a:hover{ background:url(images/photo.gif) right 0 no-repeat; }
.simple_post p{ padding:0 5px 0 0 !important; }
#articles{ background:url(images/doublevert.gif) 60px 0 repeat-y; }
#articles h1{ padding:4px 0 0 2px; margin:0 0 20px; font:bold 24px Georgia, "Times New Roman", Times, "Palatino Linotype", serif; text-transform:uppercase; }
.date{ width:50px; font:bold 12px Georgia, "Times New Roman", Times, "Palatino Linotype", serif; text-align:left; margin:15px 0 0; color:#666; }
.year{ color:#333; text-align:right; }
.month, .day { color:#ca992c; }
.name{ font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:right; margin:5px 0 0; padding:0 10px 0 0; color:#999; }
.name a{ color:#999 !important; font-style:normal !important; }
.name a:hover{ color:#c60 !important; text-decoration:none !important; }
.commentcounter{ width:32px; height:18px; margin:5px 0 0 18px; padding:3px 0 0; text-align:center; font:normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif; background:url(images/commentbubble.gif) -1px top no-repeat; }
.commentcounter a{ color:#666 !important; font-style:normal !important; background:none !important; }
.commentcounter a:hover{ color:#c60 !important; text-decoration:none !important; }
.article{ overflow:hidden; margin-bottom: 20px; }
.article h2{ padding:4px 20px 0 2px; margin:6px 0 5px; text-align:left; font:bold 20px Georgia, "Times New Roman", Times, "Palatino Linotype", serif; text-transform:uppercase; }
.article h2 a{ color:#433b30; }
.article h2 a:hover{ color:#000; border:none; text-decoration:none; }
.article h3{ padding:0 20px 0 2px; margin:10px 0; font:bold 18px Georgia, "Times New Roman", Times, "Palatino Linotype", serif; text-transform:uppercase; }
.article h3 a:hover{ border:none; color:#000; }
.article h4{ padding:0 0 0 2px; margin:10px 0 5px; font:bold 16px Georgia, "Times New Roman", Times, "Palatino Linotype", serif; text-transform:uppercase; }
.article h5{ padding:0 0 0 2px; margin:5px 0; font:bold 14px Georgia, "Times New Roman", Times, "Palatino Linotype", serif; text-transform:uppercase; }
.article h6{ padding:0 0 0 2px; margin:5px 0; font:bold 12px; text-transform:uppercase; }
.article p{ display:block; overflow:hidden; margin:0 0 5px; padding:0 15px 0 2px; text-align:justify; line-height:130%; text-shadow:1px 1px #f6f1e9; }
.article span{ text-align:justify !important; line-height:130%; font-size:11px; }
.article a{ color:#036; font-weight:bold; font-style:italic; }
.article a:hover{ color:#036; background:#d6e293; }
.article img{ padding:5px; }
.article pre{ padding:10px; margin:10px 10px 10px 0; border:1px dashed #b4a06b; text-align:justify; line-height:1.4em; font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif }
.article blockquote{ padding:2px 0 5px 25px; margin:10px 20px 10px 2px; text-align:justify; font:normal 16px Georgia, "Times New Roman", Times, "Palatino Linotype", serif; line-height:1.4em; color:#c60; background:url(images/blockquote.gif) 0 0 no-repeat; }
.article blockquote p{ text-align:justify; font:normal 16px Georgia, "Times New Roman", Times, "Palatino Linotype", serif; }
.article ul{ list-style:disc; margin:10px 10px 10px 20px; }
.article ul li{ margin:0 0 5px; }
.article ol{ list-style:decimal; margin:10px 10px 10px 25px; }
.article ol li{ margin:0 0 5px; }
.article form{ display:block; overflow:hidden; margin:20px 0 0; }
.article .small{ width:100px; }
.article .medium{ width:300px; }
.article .large{ width:378px; }
.article fieldset{ width:578px; padding:10px; overflow:hidden; border:1px dashed #b4a16d; }
.article legend { padding:4px 5px 2px; border:1px dashed #b4a16d; font:bold 14px Georgia, "Times New Roman", Times, "Palatino Linotype", serif; text-transform:uppercase; color:#036; letter-spacing:0.1em; }
/* .article p{ padding:0 !important; } */
.article label{ float:left; display:inline; width:195px; padding:6px 5px 0 0; font:bold 14px Georgia, "Times New Roman", Times, "Palatino Linotype", serif; text-transform:uppercase; color:#333; }
.article input, .article textarea, .article select{ float:left; display:inline; width:370px; border:1px dashed #b4a16d; background:none; padding:3px; font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; }
.article input:hover, .article input:focus, .article textarea:hover, .article textarea:focus, .article select:hover, .article select:focus{ border:1px dashed #333; background:#d9d0ba; }
.article .radiocheck{ width:16px; height:24px; border:1px dashed #333; background:#d9d0ba; }
.threedee-content{ margin:170px 0 0; overflow:hidden; }
.threedee-content h3{ letter-spacing:0.1em; }
.threedee-content h3, .threedee-content ul, .threedee-content ol{ padding:0 20px 0 170px; }
.threedee-content h4{ color:#036; }
.threedee-content p{ display:block; padding:0 20px 0 170px !important; }
.photo-content{ overflow:hidden; }
.photo-content h3{ letter-spacing:0.05em; }
.photo-content h3, .photo-content ul, .photo-content ol{ padding:0 20px 0 230px; }
.photo-content h4{ color:#036; }
.photo-content p{ display:block; padding:0 20px 0 230px !important; }
#commentbox{ clear:both; }
#commentbox .hr{ clear:both; }
#commentbox img{ float:left; display:inline; margin-top:5px; margin-right:10px; }
.comment-box{ }
.commented{ overflow:hidden; margin:0 0 10px; }
.commented p{ }
.comment-box label{ } /* float left inherit from article */
.author_field{ margin-right:10px !important; }
.author_comment{ width:600px !important; }
.comment_button{ font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif !important; width:608px !important; }
.comment_button:hover{ background:none !important; cursor:pointer; }
/* web */
.webtitle{ text-align:center; margin-top:0 !important; color:#53949a; }
.webslogen{ text-align:center; font-size:14px !important; margin:0 0 15px; color:#666; }
.webfeatures{ background:url(images/scissthis_hor.gif) 0 0 repeat-x; padding:35px 0 0; }
.webfeatures ul li{ line-height:130% !important; text-align:justify !important; text-shadow:1px 1px #f6f1e9; }
.default_list li{ background:url(images/marble.gif) left 3px no-repeat !important; }
.price_tag{ float:right; width:235px; height:70px; margin:5px 0 0 10px; padding:7px 0 0; background:url(images/pricetag.gif) 0 0 no-repeat; }
.price_tag div{ float:left; display:inline; text-transform:uppercase; }
.price_tag .tagtitle{ width:140px; margin:0 0 3px 85px; font:normal 10px Georgia, "Times New Roman", Times, "Palatino Linotype", serif; text-align:center; color:#999; }
.price_tag .price_varia{ width:120px; margin:0 0 0 108px; font:bold 15px Georgia, "Times New Roman", Times, "Palatino Linotype", serif; color:#639; }
.price_tag .price_kit{ width:120px; margin:0 0 0 108px; font:bold 18px Georgia, "Times New Roman", Times, "Palatino Linotype", serif; color:#639; }
.price_tag .price_zanza{ width:120px; margin:0 0 0 108px; font:bold 15px Georgia, "Times New Roman", Times, "Palatino Linotype", serif; color:#369; }
.price_tag .netto{ width:120px; margin:-5px 0 0 110px; font:bold 10px Georgia, "Times New Roman", Times, "Palatino Linotype", serif; color:#999; }
/* zanza pack */
.zanza_excerpt{ overflow:hidden; background:url(images/doublehor.gif) 0 bottom repeat-x; padding:0 0 40px; }
.zanza_excerpt h1{ margin-top:0; color:#369; }
.zanza_excerpt h3{ text-align:center; padding:0; }
.zanza_excerpt p{ font-weight:bold; line-height:130%; text-shadow:1px 1px #f6f1e9; }
.zanza_description p{ text-align:justify; }
.zanza_content{ padding:20px 0 0 !important; }
.zanza_content p{ padding:0; }
.zanza_content h3{ padding:0 !important; color:#369; }
.zanza_content ul{ overflow:hidden; margin:0 auto; list-style:none; }
.zanza_content ul li{ margin:0 0 8px; padding:0 0 0 20px !important; background:url(images/bullet.gif) left 4px no-repeat; line-height:130%; text-shadow:1px 1px #f6f1e9; }
#iphone_tools{ overflow:hidden; }
#iphone_grid{ position:relative; height:410px; background:url(images/iphone.gif) no-repeat; }
#gradient{ position:absolute; top:80px; right:19px; z-index:999; width:115px; height:150px; background:url(images/gradient.png) right top no-repeat; }
/* varia pack */
.varia_excerpt{ overflow:hidden; background:url(images/doublehor.gif) 0 bottom repeat-x; padding:0 0 40px; }
.varia_excerpt h1{ margin-top:0; color:#639; }
.varia_excerpt h3{ text-align:center; padding:0; }
.varia_excerpt p{ font-weight:bold; line-height:130%; text-shadow:1px 1px #f6f1e9; }
.varia_description p{ text-align:justify; }
.varia_content{ padding:20px 0 0 !important; }
.varia_content p{ padding:0; }
.varia_content h3{ padding:0 !important; color:#639; }
.varia_content ul{ overflow:hidden; margin:0 !important; list-style:none; }
.varia_content ul li{ margin:0 0 8px; padding:0 0 0 20px !important; background:url(images/bullet.gif) left 4px no-repeat; line-height:130%; text-shadow:1px 1px #f6f1e9; }
/* varia pack */
.toolkit_excerpt{ overflow:hidden; background:url(images/doublehor.gif) 0 bottom repeat-x; padding:0 0 40px; }
.toolkit_excerpt h1{ margin-top:0; color:#675740; }
.toolkit_excerpt h3{ text-align:center; padding:0; }
.toolkit_excerpt p{ font-weight:bold; line-height:130%; text-shadow:1px 1px #f6f1e9; }
.toolkit_description p{ text-align:justify; }
.toolkit_content{ padding:20px 0 0 !important; }
.toolkit_content p{ padding:0; }
.toolkit_content h3{ padding:0 !important; color:#675740; }
.toolkit_content ul{ overflow:hidden; margin:0 !important; list-style:none; }
.toolkit_content ul li{ margin:0 0 8px; padding:0 0 0 20px !important; background:url(images/bullet.gif) left 4px no-repeat; line-height:130%; text-shadow:1px 1px #f6f1e9; }
/* tabs */
.tabs{ background:url(images/postbg.png) right top no-repeat }
.zanza_tabs h2{ color:#369; }
.varia_tabs h2{ color:#639; }
.tabNavigation{ display:block; list-style:none; overflow:hidden; margin:0 !important; padding:10px 0 20px; }
.tabNavigation li{ float:left; display:inline; padding:0 !important; margin:0 -10px 0 -30px !important; background:none !important; }
.tabNavigation li a{ display:block; padding:10px 25px; font-size:14px; }
.tabNavigation li a:hover{ background:url(images/tabbg.png) center center no-repeat; }
.tabNavigation li a.selected{ background:url(images/tabbg.png) center center no-repeat; }
.tabContainer p{ padding:0 !important; }
.tabContainer div ul li{ padding:0 20px 0 20px !important; }
.aboutauthor{ float:right; display:inline; position:relative; padding:5px; margin:5px 0 10px 10px; width:140px; background:url(images/postbg.png) right top no-repeat; }
.aboutauthor h4{ color:#666; }
.aboutauthor p{ padding:0; font-size:14px; }
.aboutauthor a{ color:#369; }
.aboutauthor a:hover{ background:#ecf6b4; /* url(images/listbg.gif) 0 bottom no-repeat; */ text-decoration:none; }
.aboutauthor span.tape{ display:block; position:absolute; left:50px; top:-10px; z-index:1; width:40px; height:30px; background:url(images/ducktape.png) 0 0 no-repeat; }
.blogauthor{ width:600px; list-style:none; margin:20px 0 20px 2px !important; padding:10px; overflow:hidden; background:url(images/postbg.png) top right no-repeat; }
.blogauthor li{ float:left; display:inline; margin:0 10px 0 0; }
.blogauthor li._avatar{ position:relative; margin:10px 0 0; width:82px; }
/* .polaroid{ position:absolute; left:0; top:0; width:75px; height:85px; background:url(images/polariod.png) 0 0 no-repeat; } */
.polaroid{ position:absolute; left:-10px; top:0; width:128px; height:132px; background:url(images/polariodbob.png) 0 0 no-repeat; }
.blogauthor li._author{ width:513px; }
.blogauthor li h4 { text-transform:uppercase; font-size:16px; }
.blogauthor li h4 a{ color:#666; border:none !important; }
.blogauthor li p{ padding:0; }
.blogauthor li img{ margin:7px 0 0 6px; border:none; padding:0; }
#hire label{ width:542px; }
#hire input{ width:542px; }
#hire textarea{ width:542px; height:50px; }
#hire h2{ margin-top:0; }
#hire label.error{ width:532px !important; padding:0 0 0 10px; margin:4px 0 0; background:url(images/arrowup.gif) left center no-repeat; color:#900; font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; }
#hirelamps{ width:100%; height:220px; background:url(images/hireuslamps.png) 12px bottom no-repeat; }
#hireA{ background:url(images/hireA.gif) right top no-repeat; }
#hireB{ background:url(images/hireB.gif) right top no-repeat; }
#hireC{ background:url(images/hireC.gif) right top no-repeat; }
#hireD{ background:url(images/hireD.gif) right top no-repeat; }
/* iTESTER */
.itester_text p { padding: 0; }
#itester{ height:790px; text-align:center; }
#itester_frame{ position: relative; overflow: hidden; width:322px; height:460px; margin:138px 0 0 29px; }
#fake_device{ height: 460px; }
.iphone{ background: url(images/iTesterSzifon.gif) top center no-repeat; }
.android{ background: url(images/iTesterAndroid.gif) center 10px no-repeat; }
/* FORM */
.wpcf7-form{ }
.wpcf7-error{ }
.wpcf7-checkbox{ overflow:hidden; margin:10px 0 0; }
.wpcf7-list-item{}
.wpcf7-list-item{ float:left; display:inline; margin-right:10px; padding:0 !important; }
.wpcf7-list-item-label{ width:auto !important; height:13px; float:left; display:inline; padding:3px 0 0; }
.wpcf7-checkbox input{ float:left !important; display:inline !important; width:16px !important; height:16px !important; }
.wpcf7-quiz-label{ font:bold 16px Arial !important; color:#900; }
.wpcf7-send{ height:30px; margin:20px 0 0; font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif !important; text-transform:uppercase; cursor:pointer !important; color::#900 !important; }
.wpcf7-mail-sent-ok, .wpcf7-response-output { position:absolute; z-index:1000; top:0; left:0; display:block; width:100%; height:20px; font-weight:bold; border:none !important; cursor:pointer; text-align:center; backrgound:#94b439 !important; }
#sidebar{}
#sidebar .widget{ margin:0 0 20px; }
#sidebar h3{ margin:0 0 5px; font-weight:bold; font-size:18px; text-transform:uppercase; }
#sidebar p{ font-size:14px; color:#333; }
#sidebar a{ padding:3px 0; font-size:14px; color:#036; padding:0; margin:0; }
#sidebar a:hover{ background:#d6e293; /* url(images/listbg.gif) 0 bottom no-repeat; */ }
#sidebar ul{ overflow:hidden; width:100%; padding:0; }
#sidebar ul li{ float:left; display:inline; width:100%; margin:0 0 3px; padding:0 }
#xfooter{ overflow:hidden; padding:20px 0; background:#1c150d url(images/extendedbg.gif); }
#xfooter h3{ position:relative; margin:0 0 5px; color:#9aba3f; font:bold 18px Georgia, "Times New Roman", Times, "Palatino Linotype", serif; text-transform:uppercase; }
#twitterfeed h3{ padding:0 0 0 35px; }
#xfooter h3 #twicon{ display:block; position:absolute; width:50px; height:40px; bottom:-4px; left:0; background:url(images/twitterbg.gif) left bottom no-repeat; }
#xfooter .panel{ background:#0d0a07; border-right:1px solid #362e26; border-bottom:1px solid #362e26; border-left:1px solid #000; border-top:1px solid #000; overflow:hidden; }
#xfooter a{ color:#98ca3c; font-weight:bold; }
#xfooter a:hover{ }
#xfooter p{ padding:10px; color:#969085; font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:130%; text-align:justify; }
#xfooter p strong{ color:#d2a703; font:bold 14px Georgia, "Times New Roman", Times, "Palatino Linotype", serif !important; }
#xfooter ul{ width:100%; }
#xfooter ul li{ float:left; display:inline; width:100%; margin:0 0 10px; background:#0d0a07; border-right:1px solid #362e26; border-bottom:1px solid #362e26; border-left:1px solid #000; border-top:1px solid #000; }
#xfooter ul li span{ display:block; margin:2px; padding:4px 3px; color:#ebfdbb; font:normal 9px "Trebuchet MS", Arial, Helvetica, sans-serif; background:url(images/meterbg.gif) left center no-repeat; letter-spacing:0.1em; text-transform:uppercase; }
#xfooter ul li span small{ float:right; display:inline-block; width:35px; height:20px; font-size:9px; background:url(images/meterpercentbg.png) 0 0 no-repeat; text-align:center; }
#xfooter ul li em{ float:right;font-style:normal; }
#xfooter dl { width:298px; margin:0; padding:10px 0; font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#969085; text-align:justify; }
#xfooter dl dt{ padding:5px 10px 4px !important; font-size:9px; }
#xfooter dl dd{ padding:0 10px 5px !important; line-height:130%; }
#xfooter dl dd a{ font-weight:normal; color:#969085; }
#xfooter dl dd a:hover{ color:#98ca3c; }
#footer{ width:100%; }
#icons{ overflow:hidden; padding:15px 0; }
#icons a{ display:block; width:100%; height:45px; }
#recycled{ height:45px; background:url(images/recycled.gif) left center no-repeat; }
#partners{ }
#partners ul{ float:right; }
#partners ul li{ float:left; display:inline; width:45px; height:45px; margin:0 0 0 10px; }
#partners ul #iuste{ width:56px; background:url(images/partners/iuste.gif) 0 0 no-repeat; }
#partners ul li#malcom{ background:url(images/partners/malcom.gif) 0 0 no-repeat; }
#partners ul li#savix{ background:url(images/partners/savix.gif) 0 0 no-repeat; }
#partners ul li#brekeke{ background:url(images/partners/brekeke.gif) 0 0 no-repeat; }
#partners ul li#ludens{ background:url(images/partners/animaludens.gif) 0 0 no-repeat; }
#partners ul li a{ display:block; width:45px; height:45px; }
#copyright{ background:#d5c8b7 url(images/footerbg.gif) 0 0 repeat-x; }
#copyright p{ padding:20px; text-align:center; color:#302a24; text-shadow:1px 1px #e0d5c7; overflow:hidden; font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; }
#copyright p strong{ display:inline-block; overflow:hidden; }
#copyright p span{ display:inline-block; overflow:hidden; padding:5px 0 0; }
#copyright a{ padding:0 2px; color:#302a24; }
#copyright a:hover{ color:#000; background:#afa597; text-shadow:1px 1px #c4bbae; }
/* CLASS */
.clr{ clear:both; }
.arrow{ display:inline-block; width:24px; height:8px; background:url(images/arrow.gif) right 0 no-repeat; }
.qtip-content{ font-size:11px; line-height:1.2em; font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; }
.nopadding, .nopadding p{ padding:0 !important;}
.ref-image{ display: block; height:95px; }
.transparent{ filter: alpha(opacity=70); -moz-opacity: .7; -khtml-opacity: .7; opacity: .7; }
.notice{ display: none; background: #000; color: #fff; }
.radial{ -moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px; }
.radial a{ display:block; width:100%; height:195px; }
.radial a:hover{ background:none; }
.showdown{ display:block;width:100%;height:60px;text-align:center;font:bold 16px "Trebuchet MS", Arial, sans-serif !important; text-transform:uppercase; color:#fff !important; line-height:60px !important; text-shadow:0px 0px 5px #000; }
.secret{ display:none; }
/* WP */
.more{ float:right; display:inline; width:70px; height:20px; padding:10px; margin:0 4px 0 10px; text-align:left; font:bold 15px Georgia, "Times New Roman", Times, "Palatino Linotype", serif !important; background:url(images/more.png) right 14px no-repeat; }
.more a{ font-weight:bold !important; color:#036; }
.more a:hover{ color:#c60; text-decoration:none; background:none; }
.alignleft{ float:left; margin:5px 10px 5px 0; }
.alignright{ float:right; margin:5px 0 5px 10px; }
.alignleft, .alignright, .avatar{ border:1px dashed #b4a16d; }
.gallery{ margin:0 auto; }
.gallery dl dt, .gallery dl dd, .gallery dl dd img{ background:none !important; }
.gallery a:hover{ background:none; }
.gallery_row{ width:100%; margin:0 0 10px; }
.gallery_item{ float:left !important; display:inline; margin:0 20px 0 0; }
.gallery-icon{ float:left; display:inline; margin:0 0 20px; }
.gallery-icon img{ border:1px dashed #b4a16d !important; }
.gallery-icon a{ display:block; }
.gallery-icon a:hover{ background:none !important; }
.gallery-caption{ text-align:center; font:normal 9px Arial, Helvetica, sans-serif; }
.wp-caption{ text-align:center; padding:0; border:1px dashed #b4a16d; }
.wp-caption a{ background:none !important; border:none !important; }
.wp-caption a:hover{ background:none !important; }
.wp-caption.alignleft{ float:left; margin: 5px 10px 0px 20px !important; }
.wp-caption.alignright{ float:right; margin: 5px 20px 0px 10px !important; }
.wp-caption-text{ padding:0 3px 5px !important; font-size:10px; text-align:center !important; border:none !important; }
.navleft{ float:left; margin:0 0 0 80px; }
.navleft a{ display:block; width:22px; height:22px; background:url(images/pagerBtn.gif) left top no-repeat; }
.navleft a:hover{ background:url(images/pagerBtn.gif) left bottom no-repeat; }
.navright{ float:right; margin:0 20px 0 0; }
.navright a{ display:block; width:22px; height:22px; background:url(images/pagerBtn.gif) right top no-repeat; }
.navright a:hover{ background:url(images/pagerBtn.gif) right bottom no-repeat; }