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; } 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;} body{min-width:990px;} .container_12,.container_16{ margin-left:auto; margin-right:auto; width:990px; } .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; margin-left:10px; margin-right:10px; } .push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15{ position:relative; } .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:990px;} .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:140px;} .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:before,.clearfix:after{ content:'\0020'; display:block; overflow:hidden; visibility:hidden; width:0;height:0; } .clearfix:after{clear:both;} .clearfix{zoom:1;} body{font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;} a:focus{outline:1px dotted;} hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0;} h1{font-size:25px;} h2{font-size:23px;} h3{font-size:21px;} h4{font-size:19px;} h5{font-size:17px;} h6{font-size:15px;} ol{list-style:decimal;} ul{list-style:disc;} li{margin-left:30px;} p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px;} .rounded{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;} .shadowTop{-moz-box-shadow:0 -5px 1px #000;-webkit-box-shadow:0 -1px 0 #666;box-shadow:0 -1px 0 #666;} .shadowBtm{-moz-box-shadow:0 1px 0 #fff;-webkit-box-shadow:0 1px 0 #eee;box-shadow:0 1px 0 #eee;} .textShadow{text-shadow:0 1px 0 white;} .gradient{background-color:#333;background-image:-moz-linear-gradient(top,#333,#555);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#333),color-stop(1,#555));filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#333333',EndColorStr='#555555');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#333333',EndColorStr='#555555')";} .clearfix:after{content:".";display:block;height:0;visibility:hidden;clear:both;} *{margin:0;padding:0;} html{height:100%;} body{ height:100%; background:#fff; text-align:left; font-family:helvetica,arial,sans-serif; line-height:20px; font-size:12px; color:#999; } h1{ color:#444; font-size:18px; font-family:helvetica,arial,sans-serif; letter-spacing:-1px; margin-top:35px; } h2{ color:#00a6d5; font-size:16px; line-height:24px; font-family:helvetica,arial,sans-serif; margin-top:18px; text-transform:lowercase; } h3{ color:#666; font-size:14px; font-family:helvetica,arial,sans-serif; margin-bottom:20px; } h4{ font-family:helvetica,arial,sans-serif; font-style:italic; font-size:22px; font-weight:normal; line-height:35px; letter-spacing:-1px; color:#999; } h5{ font-family:helvetica,arial,sans-serif; font-style:italic; font-size:20px; font-weight:normal; line-height:33px; letter-spacing:-1px; color:#999; } p{ color:#666; font-size:12px; font-family:helvetica,arial,sans-serif; font-weight:normal; line-height:20px; margin-bottom:45px; } a{ color:#00a6d5; text-decoration:none; } a:hover{color:#000;} small{color:#999;font-size:9px;text-transform:uppercase;} .highlight{background:#a6ecfb;padding:0 3px;} *:focus{outline:none;} a:focus,a:active,input:focus,input:active,input[type=submit]:active,input[type=radio]:active{ outline:0;-moz-outline-style:none; } button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="radio"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{ border:none; } ul{ list-style:none; list-style-image:url("http://pixelentity.com/previews/templates/brandspace/light/img/bullet.png"); margin:0; margin-left:45px; margin-bottom:36px; } li{padding-top:12px;} #siteWrapper{ position:relative; min-height:100%; margin-bottom:-300px; } #main{ overflow:hidden; padding-bottom:300px; } #header{position:relative;overflow:hidden;background:url("../img/bg/head.gif") no-repeat;} #logoHead{ background: url(../img/logo/dunladilleri_logo.png) no-repeat; text-indent:-9999px; width:295px; height:62px; margin-top:65px; margin-right:0; padding-right:26px; margin-left:0px; border-right:1px solid #ccc; } #logoHead:hover{cursor:pointer;} #header h2{ background:url("../img/icons/arrowHand_dl.png") no-repeat 0 10px; position:absolute; padding-left:25px; width:60px; top:25px; left:270px; } #mainNav{ position:relative; overflow:hidden; float:left; width:600px; margin-bottom:2px; margin-left:65px; margin-top:35px; margin-right:0; } #mainNav>li{margin:0;margin-right:10px;} #mainNav li:last-child{margin-right:-5px;} .menu>a{color:#888;font-size:14px;font-weight:bold;} .menu>a:hover{color:#222;} .menu>a.noLink:hover{color:#888;} .menu>a.selected{color:#222;} .subMenu,.subMenu li{display:block;margin-left:0;padding-top:0;} .subMenu{ margin-top:10px; } .subMenu a:hover{color:#00a6d5;} .subMenu a.selected{color:#00a6d5;} .subMenu li{font-size:9px;text-transform:uppercase;margin-top:0;} .subMenu a{color:#999;} #tagline{ border-top:1px solid #ccc; padding-top:30px; position:relative; height:110px; font-family:Arial, Helvetica, sans-serif; } #tagline h4{ font-size:19px; margin:0 20px 40px 20px; background-color:white; display:none; position:relative; color:#999; } #tagline h4.currentSlogan{ display:block; } #tagline h4.right{text-align:right;} #tagline h4.left{text-align:left;} #tagline h4.center{text-align:center;} #tagline h4.singleLine{line-height:75px;} #banner{position:relative;overflow:hidden;background-color:#fff;} #infoPanel{position:absolute;top:0;left:0;background:#000;background:rgba(0,0,0,0.5);width:360px;height:100%;z-index:10000;} #infoPanel #closeInfo,#infoPanel #openInfo,#infoPanel #prev{position:absolute;padding:0;margin-right:0;display:block;width:30px;height:30px;background:none;margin-top:0;} #infoPanel #closeInfo{top:20px;right:50px;} #infoPanel #closeInfo img{position:relative;left:-10px;top:5px;} #infoPanel #openInfo{right:5px;top:20px;display:none;} #infoPanel #openInfo img{position:relative;left:-10px;top:5px;} #infoPanel #prev{top:50px;margin-top:0;width:32px;height:300px;right:0;} #infoPanel #prev img{position:relative;left:-15px;top:115px;} #infoPanel ul{margin-top:60px;margin-bottom:55px;float:right;margin-right:60px;} #infoPanel li{float:left;list-style-type:none;margin-left:3px;} #infoPanel li a{background:url("../img/sprites/slideButtons.png") no-repeat;display:block;text-indent:-9999px;width:20px;height:20px;} #infoPanel li a.currentSlide,#infoPanel li a:hover{background-position:-26px 0;} #infoPanel h1,#infoPanel h3,#infoPanel span,#infoPanel>a{text-align:right;margin-right:60px;} #infoPanel h1{clear:both;margin-top:0;margin-bottom:8px;} #infoPanel h1 a{color:white;} #infoPanel h3{color:#eee;margin-bottom:0;} #infoPanel span{display:block;color:#eee;font-style:italic;font-size:10px;line-height:12px;margin-top:0;} #infoPanel #info>a{background:url("../img/icons/commentsWhite.png") no-repeat 100% 35px;position:absolute;top:225px;right:60px;color:white;display:block;font-size:55px;height:50px;margin-top:40px;} #banner #slides{position:relative;overflow:hidden;height:350px;} #banner #slides div{position:absolute;display:none;z-index:0;top:0;left:0;} #banner #slides div div{display:none;} #banner #slides div.active{z-index:1;display:block;} .js #banner #slides div.active{display:none;} #banner #slides #spinner{z-index:1000;background:url("../img/icons/spinner.gif") no-repeat center center;width:100%;height:100%;display:block;} #banner #slides #videooverlay{z-index:1001;background:url("../img/icons/video_play_icon_02.png") no-repeat center center;width:100%;height:100%;cursor:pointer;display:block;} #banner #nextSlide{background:#000;background:rgba(0,0,0,0.5);position:absolute;width:32px;height:350px;top:0;right:0;z-index:10000;} #banner #nextSlide #next{position:absolute;display:block;width:32px;height:300px;top:50px;right:0;} #banner #nextSlide #next img{position:relative;left:13px;top:115px;} #banner #nextSlide #closeVideo{position:absolute;display:none;width:32px;height:50px;top:0;right:0;} #banner #nextSlide #closeVideo.hide{visibility:hidden;} #banner #nextSlide #closeVideo img{position:relative;left:13px;top:25px;} #sidebar{ background:#f6f6f6; margin-top:68px; margin-right:0; margin-bottom:80px; width:360px; padding-bottom:35px; } #sidebar h1,#sidebar ul{text-align:right;} #sidebar h1{margin-right:60px;color:#999;} #stats{ margin-right:60px; margin-left:0; margin-top:30px; } #stats li{margin-bottom:10px;} #stats li span{ display:block; margin-left:10px; } #mainContent{ margin-top:68px; margin-left:50px; margin-bottom:80px; overflow:hidden; } #upper{ overflow:hidden; border-bottom:1px solid #ccc; } #mainContent h1{margin-bottom:20px;} #mainContent p{ width:540px; margin-bottom:50px; float:left; } #mainContent p.right{ margin-left:40px; margin-bottom:20px; } #mainContent h2:first-child{ background:url("../img/icons/arrowHand_dr.png") no-repeat 50% 90%; width:220px; float:right; margin-top:0; padding-left:20px; margin-left:0; } #lower{ clear:both; margin-top:5px; overflow:hidden; border-bottom:1px solid #ccc; } #lower h1{ float:left; margin-top:20px; margin-bottom:5px; display:inline; } #lower h2{ background:url("../img/icons/arrowHand_dr.png") no-repeat 50% 90%; width:220px; float:right; margin-top:0; padding-left:20px; margin-left:0; } #featLeft,#featRight{margin-top:25px;} #featLeft{clear:both;float:left;} #featRight{ float:left; margin-left:40px;} #featLeft .caption,#featRight .caption{ display:block;background:url("../img/icons/bullet.png") no-repeat 0 50%; padding-left:15px; margin-left:8px; margin-top:10px; color:#666; } #vizyon{ width:500px; } #vizyon p{ width:500px; margin-top:15px; } #vizyon h1{ float:left; margin-top:5px; margin-bottom:5px; display:inline; } #vizyon h1{ float:left; margin-top:20px; margin-bottom:5px; display:inline; } #connect{ border-top:1px solid #ccc; } #connect h2{ background:url("../img/icons/arrowHand_mr.png") no-repeat 100% 80%; display:inline; float:left; padding-right:25px; margin-left:10px; margin-top:50px; margin-bottom:60px; } #socialMedia{display:inline;margin-left:15px;overflow:hidden;} #socialMedia li{display:block;float:left;margin-left:9px;margin-top:52px;padding-top:0;} #socialMedia a{background:url("../img/sprites/socialMedia.png") no-repeat 0 0;text-indent:-9999px;display:block;width:26px;height:26px;} #socialMedia a.first:hover{background-position:0 -27px;} #socialMedia a.second{background-position:-32px 0;} #socialMedia a.second:hover{background-position:-32px -27px;} #socialMedia a.third{background-position:-65px 0;} #socialMedia a.third:hover{background-position:-65px -27px;} #socialMedia a.fourth{background-position:-98px 0;} #socialMedia a.fourth:hover{background-position:-98px -27px;} #socialMedia a.fifth{background-position:-133px 0;} #socialMedia a.fifth:hover{background-position:-133px -27px;} #socialMedia li:last-child{margin-right:55px;} #newsletter{float:right;margin-left:60px;} #newsletter form{display:inline;float:left;margin-top:50px;} #newsletter input[type=text]{float:left;border:1px solid #ccc;width:186px;height:30px;padding:0;padding-left:10px;padding-right:10px;color:#999;font-size:11px;} #newsletter input[type=submit]{background:url("../img/icons/arrow_signup.png") no-repeat 50% 55%;border:1px solid #ccc;margin-left:4px;width:38px;height:32px;text-indent:-9999px;float:left;cursor:pointer;} #newsletter input.error{border:1px solid #b32b2b;} #newsletter h2{background:none;display:inline;float:left;margin-left:40px;margin-top:50px;padding:0;} #footer{ background:url("../img/bg/head.gif") no-repeat 0 bottom; border-top:1px solid #ccc; clear:both; width:970px; position:relative; margin-top:-350px; height:450px; clear:both; padding-top:50px; } #footer2{ background:url("../img/bg/head.gif") no-repeat 0 bottom; border-top:1px solid #ccc; clear:both; width:940px; margin-top:-350px; position:relative; height:450px; clear:both; padding-top:50px; } #footInfo{ width:287px; background:#f6f6f6; text-align:right; padding-left:10px; padding-right:60px; padding-bottom:30px; margin-right:0; margin-left:0; } #footInfo #footLogo{margin-top:25px;margin-bottom:5px;margin-right:0;} #footInfo p{margin-top:0;margin-bottom:0;color:#999;} #footInfo #phone{ margin-bottom:25px; color:#666; } #footInfo #phone2{ margin-bottom:25px; color:#666; } #footInfo a{color:#b32b2b;} #footInfo a:hover{color:#111;} #footInfo h2 a{color:#00a6d5;} #footInfo span{color:#999;width:330px;font-size:10px;} #footInfo h2{display:inline;margin-left:5px;font-size:12px;} #twitter{background:url("../img/icons/bullet.png") no-repeat 0 93px;position:relative;overflow:visible;float:left;width:240px;margin-left:40px;margin-right:20px;padding-left:20px;margin-right:0;} #twitter h3,#blogLatest h3{color:#999;margin-bottom:10px;background:#f6f6f6;padding-left:3px;} #twitter h4,#blogLatest h4{background:url("../img/linework/footer_widget.jpg") no-repeat 0 100%;text-indent:-9999px;margin-top:0;} #twitter span,#blogLatest span{color:#ccc;font-size:10px;font-style:italic;text-transform:lowercase;padding-left:3px;} #twitter span{float:left;} #twitter .tweetIcon{position:absolute;left:-18px;top:93px;} #twitter p,#blogLatest p{margin-top:21px;margin-bottom:15px;} #twitter p{overflow:visible;} #blogLatest{width:240px;float:left;margin-left:40px;margin-right:0;} #commentsNum{display:block;background:url("../img/icons/commentsFoot.png") no-repeat 100% 50%;float:right;width:35px;color:#999;} #blogLatest #blogLink{display:block;background:url("../img/icons/arrow_r.png") no-repeat 0 70%;padding-left:18px;margin-top:0;} #blogLink h2{margin-top:0;} #whatWeDo #sidebar{position:relative;background:none;} #whatWeDo #sidebar .top{position:absolute;background:url("../img/icons/quote_66.png") no-repeat;left:20px;top:76px;width:96px;height:90px;z-index:0;} #whatWeDo #sidebar .bottom{position:absolute;background:url("../img/icons/quote_99.png") no-repeat;right:60px;bottom:116px;width:96px;height:90px;z-index:0;} #testimonials{width:240px;margin-top:90px;z-index:10;position:relative;} #testimonials li{margin-left:0;text-align:left;margin-bottom:45px;} #testimonials p{color:#333;font-size:18px;line-height:30px;font-style:italic;font-family:helvetica,arial,sans-serif;z-index:2;margin-bottom:25px;} #testimonials span{font-weight:bold;font-size:14px;margin-right:10px;color:#00a6d5;} #whatWeDo #tagline{border-bottom:1px solid #ccc;} #whatWeDo #mainContent h1{float:left;} #whatWeDo #mainContent h2{float:left;margin-left:25px;margin-top:36px;} #whatWeDo #mainContent p{width:540px;margin-bottom:30px;} #whatWeDo #mainContent .narrow{width:210px;} #bodyImage{position:relative;margin-top:8px;float:right;width:240px;} #bodyImage h2{position:absolute;left:70px;top:155px;} #bodyImage a{display:block;background:url("../img/icons/arrowHand_ul.png") no-repeat 0 50%;left:70px;top:150px;padding-left:20px;} #bodyImage #thumb{position:absolute;left:-30px;top:100px;} #sideNotes #sidebar{position:relative;background:none;} .notes{ width:290px; margin-top:90px; margin-left:40px; margin-right:10px; z-index:10; position:relative; } .notes:last-child{ margin-top:20px; } .notes li{ margin-left:0; text-align:left; margin-bottom:20px; } .notes li h2{ margin-top:0; } .notes a{color:#b32b2b;} .notes a:hover{text-decoration:underline;} #sideNotes #sidebar img{margin-left:55px;} #sideNotes #sidebar>h2{background:url("../img/icons/arrowHand_ul.png") no-repeat 0 50%;padding-left:25px;margin-top:0;margin-left:120px;} #sideNotes #tagline{border-bottom:1px solid #ccc;} #sideNotes #mainContent .noteMarker{display:inline;margin:0;padding:0;font-size:14px;color:#00a6d5;} #sideNotes #mainContent h1{float:left;margin-bottom:0;} #sideNotes #mainContent h2{background:url("../img/icons/arrowHand_ml.png") no-repeat 0 80%;clear:both;display:block;padding-left:25px;margin-top:0;} #sideNotes #mainContent p{ width:540px; margin-bottom:30px; } #fullWidth #tagline{border-bottom:1px solid #ccc; }#fullWidth #mainContent{margin-left:10px;} #fullWidth #mainContent h1{float:left;margin-bottom:0;} #fullWidth #mainContent h2{clear:both;float:left;display:block;margin-top:0;} #fullWidth #mainContent p{width:940px;margin-bottom:40px;} #fullWidth #mainContent .col_4{width:220px;float:left;margin-left:20px;} #fullWidth #mainContent .col_2{width:450px;float:left;margin-left:40px;} #fullWidth #mainContent .edge{margin-left:0;} #fullWidth #mainContent span{background:url("../img/icons/plus.png") no-repeat 0 50%;padding-left:15px;font-Size:9px;text-transform:uppercase;color:#999;display:block;margin-bottom:10px;} #fullWidth #mainContent a.readOnLink{background:url("../img/icons/arrow_r.png") no-repeat 0 50%;padding-left:20px;display:block;margin-top:10px;font-size:16px;} #fullWidth #mainContent a.readOnLink:hover{color:#000; }#custom404 #mainContent{position:relative;margin-bottom:100px;margin-top:0;margin-left:10px;} #custom404 #mainContent #message404{margin:auto;width:400px;position:relative;overflow:visible;padding-top:20px;} #custom404 #mainContent #message404 h2{background:url("../img/icons/arrowHand_dr_red.png") no-repeat 100% 8px;padding-right:25px;height:20px;position:absolute;color:#b32b2b;top:0;left:-20px;width:auto;}#custom404 #mainContent #message404 h3{text-align:center;} #services #tagline{border-bottom:1px solid #ccc;} #services #mainContent{margin-left:10px;} #services #mainContent #col1,#services #mainContent #col2,#services #mainContent #col3{float:left;position:relative;overflow:hidden;} #services #mainContent .col_3{width:280px;margin-left:50px;} #services #mainContent .edge{margin-left:0;} #services #mainContent h1{margin-bottom:10px;} #services #mainContent h2{display:block;clear:both;padding-top:0;margin-bottom:15px;} #services #mainContent h3{color:#444;line-height:20px;overflow:hidden;margin-bottom:10px;margin-top:20px;clear:both;} #services #mainContent h3.icon{background:url("../img/icons/notify_02.png") no-repeat 0 50%;padding-left:15px;} #services #mainContent .drop{margin:0;float:left;clear:none;display:inline;} #services #mainContent .dropcap{font-size:800%;float:left;line-height:.8em;padding:2px 3px 0 0;color:#000;font-weight:bold;position:relative;left:-3px;} #services #mainContent .dark{color:black;font-weight:bold;display:block;text-transform:uppercase;} #services #mainContent .drop span{position:relative;top:20px;font-size:80px;line-height:80px;font-weight:bold;color:#222;margin-right:15px;} #services #mainContent p{width:280px;margin-bottom:35px;color:#666;clear:both;} #services #mainContent .dropText{float:left;clear:none;display:inline;} #services #mainContent .titleImage{margin-bottom:10px;} #minimal #sidebar{position:relative;background:none;} #minimal #tagline{border-bottom:1px solid #ccc;} #minimal #mainContent h1{float:left; }#minimal #mainContent h2{float:left;margin-left:25px;margin-top:36px;} #minimal #mainContent p{width:520px;margin-bottom:30px;} #blogMain #tagline{ border-bottom:1px solid #ccc;} #blogMain #sidebar{ position:relative; width:354px;} #blogMain #sidebar form{margin-left:35px;margin-top:34px;margin-bottom:3px;position:relative;} #blogMain #sidebar input[type=text]{border:1px solid #f6f6f6;width:230px;height:30px;background:white;padding:0 15px;} #blogMain #sidebar input[type=submit]{border:0;position:absolute;top:2px;right:45px;background:white url("../img/icons/search.png") no-repeat 50% 50%;text-indent:-9999px;width:28px;height:28px;cursor:pointer;} #blogMain #sidebar #searchLabel{background:url("../img/icons/arrowHand_ur.png") no-repeat 100% 10%;margin-left:200px;display:inline;margin-top:0;padding-right:20px;} #blogMain #sidebar div{ margin-left:35px; width:260px; margin-top:60px; } #blogMain #sidebar h3{color:#999;line-height:32px;} #blogMain #sidebar #likeBtn{width:258px;height:32px;border:1px solid #ccc;} #blogMain #sidebar #likeBtn h3{margin-left:16px;display:inline;} #blogMain #sidebar #likeBtn img{float:right;margin-right:6px;margin-top:6px;} #blogMain #sidebar ul{ margin-top:25px; text-align:left; margin-left:5px; } #blogMain #sidebar li{ margin-left:20px; padding-left:5px; list-style-image:url("../img/icons/bullet.png"); } #blogMain #sidebar .line{background:url("../img/linework/sidebar_widget.jpg") no-repeat;height:1px;margin:0;} #blogMain #sidebar li a{ color:#666; } #blogMain #sidebar li a:hover{color:#00a6d5;} #blogMain #sidebar li span{color:#ccc;font-size:10px;margin-left:15px;font-style:italic;} #blogMain #sidebar p{margin-bottom:5px;} #blogMain #textWidget{margin-bottom:65px;} #blogMain #textWidget p{width:255px;} #blogMain #textWidget a{display:block;background:url("../img/icons/arrow_r.png") no-repeat 0 70%;padding-left:20px;} #blogMain #featWork{overflow:hidden;} #blogMain #featWork div{float:left;margin-left:20px;width:120px;margin-top:10px;} #blogMain #featWork .first{margin-left:0;} #blogMain #featWork .caption{display:block;background:url("../img/icons/bullet.png") no-repeat 0 50%;padding-left:15px;margin-left:8px;margin-top:10px;color:#999;} #blogMain #popList{margin-bottom:40px;} #blogMain #mainContent{width:580px;margin-left:30px;} #blogMain #mainContent .latest{background:url("../img/icons/latest_03.png") no-repeat 65px 2px;} #blogMain #mainContent .latest:after{content:".";display:block;height:0;visibility:hidden;clear:both;} #blogMain #mainContent .post{overflow:hidden;padding-bottom:50px;border-bottom:1px solid #ccc;margin-bottom:70px;} #blogMain #mainContent .post:first-child{overflow:visible;} #blogMain #mainContent .post:last-child{border:none;margin-bottom:0;} #blogMain #mainContent .post h1{margin-top:0;margin-left:180px;margin-bottom:8px;} #blogMain #mainContent .post>h2{margin-left:180px;margin-top:0;margin-bottom:35px;} #blogMain #mainContent .post b{color:#888;} #blogMain #mainContent .post em{color:#888;font-weight:bold;font-style:italic;} #blogMain #mainContent .postLrg{overflow:hidden;} #blogMain #mainContent .postLrg img{margin-bottom:0;padding-bottom:25px;} #blogMain #mainContent .post .user,#blogMain #mainContent .post .date,#blogMain #mainContent .post .comments{display:inline;font-size:10px;float:left;clear:left;text-align:right;color:#999;width:100px;padding-right:20px;margin-left:0;} #blogMain #mainContent .post .user{background:url("../img/icons/meta_user.png") no-repeat 100% 50%;} #blogMain #mainContent .post .date{background:url("../img/icons/meta_date.png") no-repeat 99% 50%;} #blogMain #mainContent .post .comments{background:url("../img/icons/meta_comments.png") no-repeat 99% 50%;} #blogMain #mainContent .post .comments a{margin-left:0;color:#999;} #blogMain #mainContent .post .comments a:hover{color:#00a6d5;} #blogMain #mainContent .post .summary{float:right;clear:none;width:400px;margin-top:0;margin-bottom:25px;margin-left:0;} #blogMain #mainContent .post .readMore{margin-left:180px;float:left;} #blogMain #mainContent a h2{clear:both;margin-left:0;margin-top:0;margin-bottom:0;} #blogMain #mainContent .postSml img{float:left;padding-bottom:25px;} #blogMain #connect #mainPagination{margin-left:180px;margin-top:50px;width:383px;float:left;height:20px;} #blogMain #connect #mainPagination h2{background:none;float:none;margin:0;padding:0;} #blogMain #connect #mainPagination .older{background:url("../img/icons/arrowHand_ml.png") no-repeat 0 50%;padding-left:25px;float:left;} #blogMain #connect #mainPagination .newer{background:url("../img/icons/arrowHand_mr.png") no-repeat 100% 50%;padding-right:25px;float:right;} #blogPost #tagline{border-bottom:1px solid #ccc;} #blogPost #sidebar{position:relative;width:330px;} #blogPost #sidebar form{margin-left:35px;margin-top:34px;margin-bottom:3px;position:relative;} #blogPost #sidebar input[type=text]{border:1px solid #f6f6f6;width:230px;height:30px;background:white;padding:0 15px;} #blogPost #sidebar input[type=submit]{border:0;position:absolute;top:2px;right:45px;background:white url("../img/icons/search.png") no-repeat 50% 50%;text-indent:-9999px;width:28px;height:28px;cursor:pointer;} #blogPost #sidebar #searchLabel{background:url("../img/icons/arrowHand_ur.png") no-repeat 100% 10%;margin-left:200px;display:inline;margin-top:0;padding-right:20px;} #blogPost #sidebar div{margin-left:35px;width:260px;margin-top:60px;} #blogPost #sidebar .line{background:url("../img/linework/sidebar_widget.jpg") no-repeat;height:1px;margin:0;} #blogPost #sidebar h3{color:#999;line-height:32px;} #blogPost #sidebar #likeBtn{width:258px;height:32px;border:1px solid #ccc;} #blogPost #sidebar #likeBtn h3{margin-left:16px;display:inline;} #blogPost #sidebar #likeBtn img{float:right;margin-right:6px;margin-top:6px;} #blogPost #sidebar ul{margin-top:25px;text-align:left;margin-left:5px;} #blogPost #sidebar li{margin-left:20px;padding-left:5px;list-style-image:url("../img/icons/bullet.png");} #blogPost #sidebar li a{color:#666;} #blogPost #sidebar li a:hover{color:#00a6d5;} #blogPost #sidebar li span{color:#ccc;font-size:10px;margin-left:15px;font-style:italic;} #blogPost #sidebar p{margin-bottom:5px;} #blogPost #textWidget{margin-bottom:65px;} #blogPost #textWidget p{width:255px;} #blogPost #textWidget a{display:block;background:url("../img/icons/arrow_r.png") no-repeat 0 70%;padding-left:20px;} #blogPost #featWork{overflow:hidden;} #blogPost #featWork div{float:left;margin-left:20px;width:120px;margin-top:10px;} #blogPost #featWork .first{margin-left:0;} #blogPost #featWork .caption{display:block;background:url("../img/icons/bullet.png") no-repeat 0 50%;padding-left:15px;margin-left:8px;margin-top:10px;color:#999;}#blogPost #popList{margin-bottom:40px;} #blogPost #mainContent .post pre{float:right;width:440px;margin-bottom:35px;padding-left:40px;padding-right:40px;} #blogPost #mainContent .post code{margin:0;padding:0;} pre{font-family:"Courier New",Courier,monospace;font-size:12px;color:#000;padding:0;margin:0;background-color:#eee;line-height:16px;overflow:auto;overflow-Y:hidden;}pre code{margin:0;padding:18px 0;display:block;} #blogPost #mainContent{width:580px;margin-left:30px;} #blogPost #mainContent .post{overflow:hidden;position:relative;padding-bottom:50px;} #blogPost #mainContent .post h1{margin-top:0;margin-left:60px;margin-bottom:8px;} #blogPost #mainContent .post .subtitle{margin-left:60px;margin-top:0;margin-bottom:35px;} #blogPost #mainContent .post #tweetThis{position:absolute;top:0;right:0;} #blogPost #mainContent .postLrg img{margin-bottom:0;padding-bottom:25px;} #blogPost #mainContent .post .meta{margin-bottom:25px;padding-bottom:10px;border-bottom:1px solid #ccc;width:520px;float:right;} #blogPost #mainContent .post .user,#blogPost #mainContent .post .date,#blogPost #mainContent .post .comments,#blogPost #mainContent .post .category{display:inline;font-size:10px;float:left;color:#999;padding-left:20px;} #blogPost #mainContent .post .user{background:url("../img/icons/meta_user.png") no-repeat 0 50%;} #blogPost #mainContent .post .date{background:url("../img/icons/meta_date.png") no-repeat 0 50%;margin-left:25px;} #blogPost #mainContent .post .category{background:url("../img/icons/meta_category.png") no-repeat 0 50%;margin-left:25px;} #blogPost #mainContent .post .category a{color:#999;padding-left:5px;} #blogPost #mainContent .post .category a:first-child{padding-left:0;} #blogPost #mainContent .post .category a:hover{color:#00a6d5;} #blogPost #mainContent .post .comments{background:url("../img/icons/meta_comments.png") no-repeat 10% 50%;float:right;} #blogPost #mainContent .post .comments a{margin-left:0;color:#999;} #blogPost #mainContent .post .comments a:hover{color:#00a6d5;} #blogPost #mainContent .post p{float:right;clear:none;width:520px;margin-top:0;margin-bottom:35px;margin-left:0;} #blogPost #mainContent .post h2{float:right;width:520px;margin-top:0;margin-bottom:15px;} #blogPost #mainContent .post h3{float:right;width:520px;margin-bottom:10px;} #blogPost #mainContent .post blockquote{background:url("../img/icons/blockquote.png") no-repeat;overflow:visible;float:right;width:420px;margin-bottom:35px;margin-right:60px;padding-left:20px;padding-top:20px;font-size:16px;line-height:24px;font-family:helvetica,arial,sans-serif;color:#000;} #blogPost #mainContent .post div.infoBox{background:url("../img/icons/notify_03.png") no-repeat 20px 50%;float:right;width:450px;padding:20px;padding-left:50px;color:#00a6d5;border:1px solid #ccc;margin-bottom:25px;} #blogPost #mainContent .post div.warningBox{background:url("../img/icons/error.png") no-repeat 20px 50%;float:right;width:450px;padding:20px;padding-left:50px;color:#b32b2b;border:1px solid #ccc;margin-bottom:25px;} #blogPost #mainContent .post div.download{float:right;color:#00a6d5;text-transform:uppercase;font-weight:bold;font-size:9px;margin:0;margin-bottom:15px;position:relative;right:45%;} #blogPost #mainContent .post div.download div{float:right;background:url("../img/icons/download.png") no-repeat 20px 50%;padding:10px 20px 10px 40px;position:relative;margin:0;display:inline;right:-50%;border:1px solid #ccc;} #blogPost #mainContent .post ul,#blogPost #mainContent .post ol{float:right;width:480px;margin-bottom:35px;margin-right:40px;} #blogPost #mainContent .post ul li{background:url("../img/icons/bullet.png") no-repeat 0 80%;padding-left:15px;padding-top:8px;} #blogPost #mainContent .post p img{display:inline;margin:8px 0 6px;padding:0;} #blogPost #mainContent .post img.alignLeft{margin-left:0;margin-right:30px;float:left;} #blogPost #mainContent .post img.alignRight{margin-right:0;margin-left:30px;float:right;} #blogPost #mainContent .post .bodyImage{float:left;margin-left:60px;} #blogPost #mainContent .post .tags{font-size:10px;float:right;width:495px;margin-bottom:35px;background:url("../img/icons/meta_tag.png") no-repeat 0 50%;padding-left:25px;}#blogPost #mainContent .post .tags a{padding-left:3px;color:#999;} #blogPost #mainContent .post .tags a:first-child{padding-left:0;} #blogPost #mainContent .post .tags a:hover{color:#000;} #mainContent #discussion{position:relative;overflow:hidden;padding-top:50px;padding-bottom:50px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin-left:60px;}#mainContent #discussion h1{margin-top:0;margin-left:120px;margin-bottom:8px;} #mainContent #discussion .subtitle{margin-left:120px;margin-top:0;margin-bottom:35px;} #mainContent #discussion .comments{position:absolute;top:50px;left:40px;display:block;padding-right:15px;background:url("../img/icons/commentsFoot.png") no-repeat 100% 50%;}#mainContent #discussion .comment{float:left;clear:left;display:block;width:520px;margin-bottom:40px;} #mainContent #discussion>h3{margin-left:120px;color:#ccc;} #mainContent #discussion .reply{width:460px;margin-bottom:25px;margin-left:60px;} #mainContent #discussion .comment p{width:400px;float:right;margin-top:0;margin-bottom:25px;} #mainContent #discussion .reply p{width:300px;float:right;} #mainContent #discussion .comment .avatar{float:left;display:block;width:70px;position:relative;font-size:10px;color:#999;} #mainContent #discussion .reply .avatar{margin-left:27px;} #discussion .comment .avatar img{margin-left:20px;display:block;float:right;margin-bottom:8px;} #discussion .comment .avatar .time{float:right;display:block;background:url("../img/icons/meta_time.png") no-repeat 100% 50%;padding-right:15px;} #discussion .comment .avatar .date{float:right;display:block;background:url("../img/icons/meta_date.png") no-repeat 100% 50%;padding-right:15px;} #discussion .comment .username{float:right;width:400px;margin-bottom:20px;color:#999;} #discussion .comment .username a{background:url("../img/icons/bullet.png") no-repeat 0 80%;color:#999;padding-left:15px;}#discussion .comment .username a:hover{color:#00a6d5;}#discussion .comment h3.author a{color:#b32b2b;} #discussion .reply .username{width:300px;} #discussion .comment .replyTo{float:right;clear:right;width:400px;margin:0;padding:0;} #discussion .comment .replyTo a{color:#999;} #discussion .comment .replyTo a:hover{color:#444;} #commentsForm{position:relative;overflow:hidden;width:580px;padding-bottom:20px;margin-top:40px;} #commentsForm h1{margin-top:0;margin-left:180px;margin-bottom:8px;} #commentsForm h2{margin-left:180px;margin-top:0;margin-bottom:60px;} #commentsForm input[type=text]{width:113px;height:30px;border:1px solid #ccc;margin-bottom:10px;float:left;clear:left;color:#999;font-size:12px;line-height:30px;text-align:right;display:inline;padding-right:40px;padding-left:5px;} #commentsForm input.required{background:url("../img/icons/required.png") no-repeat 85% 60%;} #commentsForm input.error{background:url("../img/icons/error.png") no-repeat 85% 60%;} #commentsForm span.required{position:absolute;display:block;width:45px;bottom:0;right:0;background:url("../img/icons/required.png") no-repeat 100% 60%;float:right;clear:right;color:#ccc;font-style:italic;font-size:10px;padding-right:10px;margin-right:3px;} #commentsForm span.error{position:absolute;bottom:0;left:180px;color:#b32b2b;font-style:italic;font-size:10px;margin-left:3px;} #commentsForm input[type=submit]{float:left;clear:left;border:0;display:block;background:#f6f6f6;width:160px;height:30px;text-align:right;padding-right:40px;font-size:9px;text-transform:uppercase;color:#666;} #commentsForm input[type=submit]:hover{cursor:pointer;color:#00a6d5;} #commentsForm textarea{width:378px;height:175px;border:1px solid #ccc;margin-left:20px;float:right;padding:5px 10px;font-family:helvetica,arial,sans-serif;font-size:12px;line-height:20px;color:#666;} #blogPost #connect #mainPagination{margin-left:60px;margin-top:50px;width:503px;float:left;height:20px;} #blogPost #connect #mainPagination h2{background:none;float:none;margin:0;padding:0;} #blogPost #connect #mainPagination .older{background:url("../img/icons/arrowHand_ml.png") no-repeat 0 50%;padding-left:25px;float:left;} #blogPost #connect #mainPagination .newer{background:url("../img/icons/arrowHand_mr.png") no-repeat 100% 50%;padding-right:25px;float:right;} #blogPost.minimal #mainContent{float:right;position:relative;overflow:hidden;margin-left:0;} #blogPost.minimal .metaMinimal{width:300px;float:left;position:relative;clear:both;margin-top:163px;padding-right:60px;border-right:1px solid #ccc;} #blogPost.minimal .metaMinimal .user,#blogPost.minimal .metaMinimal .date,#blogPost.minimal .metaMinimal .comments,#blogPost.minimal .metaMinimal .category{display:block;font-size:10px;float:right;clear:right;text-align:right;color:#999;padding-right:20px;margin-left:0;} #blogPost.minimal .metaMinimal .user{background:url("../img/icons/meta_user.png") no-repeat 100% 50%;} #blogPost.minimal .metaMinimal .date{background:url("../img/icons/meta_date.png") no-repeat 99% 50%;} #blogPost.minimal .metaMinimal .comments{background:url("../img/icons/meta_comments.png") no-repeat 99% 50%;position:absolute;top:-90px;right:60px;} #blogPost.minimal .metaMinimal .category{background:url("../img/icons/meta_category.png") no-repeat 100% 50%;} #blogPost.minimal .metaMinimal .category a{margin-right:3px;color:#999;} #blogPost.minimal .metaMinimal .category a:hover{color:#00a6d5;} #blogPost.minimal .metaMinimal .comments a{margin-left:0;color:#999;} #blogPost.minimal .metaMinimal .comments a:hover{color:#00a6d5;} #contact #banner{background:#eee;height:350px;} #contact #banner #officeImage{position:relative;width:360px;float:left;} #contact #banner #officeImage span{position:absolute;left:35px;bottom:35px;font-size:45px;color:#fff;} #contact #banner #officeImage h3{position:absolute;left:35px;bottom:10px;margin:0;color:#fff;} #contact #banner #gmaps{width:620px;height:350px;float:left;margin:0;padding:0;} #contact #sidebar{position:relative;width:330px;background:none;} #contact #sidebar div{width:260px;margin-left:35px;margin-bottom:60px;position:relative;} #contact #sidebar #textWidget{margin-bottom:80px;} #contact #sidebar .contactDetails h3{color:#666;} #contact #sidebar .contactDetails p{margin-bottom:15px;color:#999;} #contact #sidebar .contactDetails a{display:block;margin-top:0;color:#b32b2b;} #contact #sidebar .contactDetails a:hover{color:#00a6d5;} #contact #sidebar .contactDetails .label{background:url("../img/icons/arrowHand_dl.png") no-repeat 0 10px;padding-left:20px;position:absolute;top:-50px;right:30px;} #contact #sidebar #likeBtn h2{background:url("../img/icons/arrowHand_dl.png") no-repeat 0 10px;margin:0;padding-left:20px;margin-right:30px;display:block;float:right;} #contact #sidebar #likeBtn a{display:block;float:left;margin:0;margin-top:30px;padding:0;} #contact #mainContent{margin-left:30px;margin-right:0;width:580px;margin-top:75px;} #contact #mainContent div{background:#f6f6f6;position:relative;overflow:hidden;margin-bottom:20px;padding-bottom:40px;} #contact #mainContent div h1{margin-top:30px;margin-left:180px;margin-bottom:0;padding-top:20px;} #contact #mainContent div h2{margin-top:10px;margin-left:180px;margin-bottom:40px;} #contact #mainContent input[type=text],#contact #mainContent input[type=submit],#contact #mainContent select{border:1px solid white;line-height:28px;background:white;height:28px;clear:none;width:303px;margin-left:60px;font-size:11px;padding-left:25px;padding-right:10px;} #contact #mainContent form{overflow:hidden;} #contact #mainContent input.required{background:white url("../img/icons/required.png") no-repeat 8px 50%;} #contact #mainContent input.error{background:white url("../img/icons/error.png") no-repeat 8px 50%;border-color:#b32b2b;} #contact #mainContent label{color:#999;line-height:28px;margin-right:60px;margin-bottom:10px;display:block;float:right;} #contact #mainContent #contactType label{margin-left:10px;display:block;margin-right:20px;width:130px;float:left;line-height:29px;color:#444;font-size:9px;text-transform:uppercase;} #contact #mainContent #contactType span{float:left;display:block;width:100px;padding-right:60px;line-height:25px;padding-left:20px;text-align:right;margin-right:0;} #contact #mainContent #contactType input[type=radio]{font-size:25px;display:inline;float:left;width:10px;margin:0;margin-right:10px;line-height:28px;height:28px;} #contact #mainContent select{width:340px;color:#666;padding:0;float:left;height:30px;margin-left:0;margin-bottom:10px;line-height:30px;padding-top:5px;padding-bottom:5px;padding-left:25px;padding-right:10px;} #contact #mainContent select option{margin:10px;padding-left:20px;border:0;} #contact #mainContent #project label.radio{margin-left:10px;display:block;margin-right:0;width:75px;float:left;line-height:28px;height:28px;color:#444;font-size:11px;} #contact #mainContent #project input[type=radio]{font-size:10px;display:inline;float:left;width:15px;margin:0;margin-top:8px;margin-right:5px;} #contact #mainContent #project span{float:left;display:block;width:100px;padding-right:60px;line-height:25px;padding-left:20px;text-align:right;margin-right:0;} #contact #mainContent #message{padding-bottom:60px;position:relative;} #contact #mainContent #message label{margin-right:0;} #contact #mainContent #message textarea{background:white url("../img/icons/required.png") no-repeat 8px 15px;position:relative;top:-5px;border:1px solid white;outline:none;width:288px;height:165px;padding:10px 25px;float:right;margin-right:60px;margin-left:60px;margin-bottom:15px;color:#666;font-size:12px;font-family:helvetica,arial,sans-serif;font-weight:normal;line-height:20px;} #contact #mainContent #message textarea.error{border:1px solid #b32b2b;background:white url("../img/icons/error.png") no-repeat 8px 15px;} #contact #mainContent #message input[type=submit]{width:120px;margin-right:60px;padding:0 15px;float:right;height:30px;color:#00a6d5;font-size:9px;text-transform:uppercase;line-height:30px;} #contact #mainContent #message input[type=submit]:hover{cursor:pointer;color:#000;} #contact #mainContent #message span{background:url("../img/icons/required.png") no-repeat 0 50%;color:#ccc;font-size:10px;padding-left:20px;position:absolute;left:188px;top:348px;} #contact #mainContent #message span.error{background:url("../img/icons/error.png") no-repeat 0 50%;color:#b32b2b;} #faq #tagline{border-bottom:1px solid #ccc;} #faq #sidebar{position:relative;width:330px;background:none;} #faq #sidebar div{width:260px;margin-left:35px;margin-bottom:60px;position:relative;} #faq #sidebar #textWidget{margin-bottom:80px;} #faq #sidebar .contactDetails h3{color:#666;} #faq #sidebar .contactDetails p{margin-bottom:15px;color:#999;} #faq #sidebar .contactDetails a{display:block;margin-top:0;color:#b32b2b;} #faq #sidebar .contactDetails a:hover{color:#00a6d5;} #faq #sidebar .contactDetails .label{background:url("../img/icons/arrowHand_dl.png") no-repeat 0 10px;padding-left:20px;position:absolute;top:-50px;right:30px;} #faq #sidebar #likeBtn h2{background:url("../img/icons/arrowHand_dl.png") no-repeat 0 10px;margin:0;padding-left:20px;margin-right:30px;display:block;float:right;} #faq #sidebar #likeBtn a{display:block;float:left;margin:0;margin-top:30px;padding:0;} #faq #mainContent .item{position:relative;overflow:hidden;margin-bottom:30px;} #faq #mainContent .item .question{border:1px solid #ccc;background:url("../img/icons/contract.png") no-repeat 96% 60%;} #faq #mainContent .closed .question{border:1px solid #ccc;background:url("../img/icons/expand.png") no-repeat 96% 60%;} #faq #mainContent .item .question h3{background:url("../img/icons/q.png") no-repeat 0 4px;margin:10px 0 10px 20px;padding-left:18px;font-size:12px;font-weight:normal;text-transform:none;width:440px;} #faq #mainContent .item .question h3 a{color:#444;} #faq #mainContent .item .question h3 a:hover{color:#00a6d5;} #faq #mainContent .item .answer{background:#f6f6f6;overflow:hidden;} #faq #mainContent .item p{float:none;width:460px;margin:20px;margin-bottom:30px;padding-left:20px;} #faq #mainContent .item p.first{background:url("../img/icons/a.png") no-repeat 0 3px;} #faq #mainContent .item .answer pre{display:block;background:none;width:425px;margin:35px;padding-left:20px;color:black;} #faq #mainContent .item .answer ul{width:400px;} #faq #mainContent .item .answer li{background:url("../img/icons/bullet.png") no-repeat 0 5px;color:#666;padding:0;padding-left:15px;margin:0;margin-top:8px;} #portfolioCat #banner{ width:990px; height:350px; overflow:hidden; position:relative; margin-bottom:40px; background:none; } #portfolioCat #projectInfo,#portfolioCat div.category{margin-bottom:40px;} #portfolioCat #banner div{float:left;} #portfolioCat #banner #slides{ width:627px;} #portfolioCat #banner #browser{ margin-right:2px; margin-left:0; width:360px; } #portfolioCat #banner #browser ul,#portfolioCat #banner #browser li{margin:0;padding:0;} #portfolioCat #banner #browser li{float:left;margin-right:4px;} #portfolioCat #projectInfo{position:relative;overflow:hidden;border-bottom:1px solid #ccc;} #portfolioCat #projectInfo div.titles{position:relative;float:left;width:300px;margin-right:60px;overflow:hidden;} #portfolioCat #projectInfo h1,#portfolioCat #projectInfo h2{overflow:hidden;float:right;margin-right:0;text-align:right;} #portfolioCat #projectInfo h1{margin-bottom:0;}#portfolioCat #projectInfo h2{clear:right;margin-bottom:0;margin-top:10px;} #portfolioCat #projectInfo p{position:relative;width:557px;padding-left:10px;float:left;margin-top:40px;padding-right:10px;margin-bottom:0;} #portfolioCat #projectInfo h2 a{float:left;text-align:left;margin-left:370px;padding-left:15px;background:url("../img/icons/arrow_r.png") no-repeat 0 70%;} #portfolioCat #projectInfo>h2{margin:0;float:left;margin-top:10px;margin-bottom:40px;} #portfolioCat .category{overflow:hidden;position:relative;border-bottom:1px solid #ccc;} #portfolioCat .last{border:none;} #portfolioCat .category div{width:300px;margin-right:60px;float:left;margin-left:3px;text-align:right;} #portfolioCat .category div p{width:220px;float:right;color:#666;margin-bottom:5px;} #portfolioCat .category div a{background:url("../img/icons/arrow_r.png") no-repeat 0 80%;display:block;height:20px;padding-left:15px;float:right;clear:right;} #portfolioCat .category div span{float:right;background:url("../img/icons/meta_tag.png") no-repeat 0 50%;clear:right;padding-left:20px;margin-top:60px;} #portfolioCat .category div span a{color:#ccc;background:none;float:left;clear:none;padding-left:5px;} #portfolioCat .category div span a:hover{color:#444;} #portfolioCat .category ul{width:577px;overflow:hidden;margin:0;padding:0;padding-top:40px;margin-bottom:60px;} #portfolioCat .category li{margin:0;padding:0;float:left;width:160px;margin-right:48px;} #portfolioCat .category li:last-child{margin-right:0;} #portfolioCat .category:last-child{border:none;} #portfolioCat .category h3{margin-top:20px;margin-bottom:0;} #portfolioCat .category h3 a{color:#666;} #portfolioCat .category h3 a:hover{color:#00a6d5;} #singleCat #tagline{border-bottom:1px solid #ccc;} #singleCat #main{position:relative;} #singleCat #categoryInfo{position:relative;overflow:visible;margin-top:30px;margin-bottom:10px;z-index:9;} #singleCat #categoryInfo div.titles{position:relative;float:left;width:300px;margin-right:60px;overflow:hidden;} #singleCat #categoryInfo h1,#singleCat #categoryInfo h2{overflow:hidden;float:right;margin-right:0;text-align:right;} #singleCat #categoryInfo h1{margin-bottom:0;} #singleCat #categoryInfo h2{clear:right;margin-bottom:0;margin-top:10px;} #singleCat #categoryInfo p{position:relative;width:557px;padding-left:10px;float:left;margin-top:40px;padding-right:10px;margin-bottom:0;} #singleCat #categoryInfo h2.readMore a{background:url("../img/icons/expand_blue.png") no-repeat 0 70%;float:left;text-align:left;padding-left:20px;margin-left:370px;}#singleCat #categoryInfo .titles h2.back{background:url("../img/icons/back_red.png") no-repeat 0 70%;padding-left:20px;margin-left:0;} #singleCat #categoryInfo .titles h2.back a{margin-left:0;color:#b32b2b;} #singleCat #categoryInfo>h2{margin:0;float:left;margin-top:10px;margin-bottom:40px;} #singleCat #infoLong{width:600px;background:white;position:absolute;top:0;left:360px;z-index:10;padding-bottom:40px;display:none;} #singleCat .row{overflow:hidden;position:relative;z-index:1;} #singleCat .last{margin-bottom:30px;} #singleCat .row div p{width:220px;float:right;color:#666;margin-bottom:5px;} #singleCat .row div a{background:url("../img/icons/arrow_r.png") no-repeat 0 80%;display:block;height:20px;padding-left:15px;float:right;clear:right;} #singleCat .row div span{float:right;background:url("../img/icons/meta_tag.png") no-repeat 0 50%;clear:right;padding-left:20px;margin-top:60px;} #singleCat .row div span a{color:#ccc;background:none;float:left;clear:none;padding-left:5px;} #singleCat .row div span a:hover{color:#444;} #singleCat .row ul{float:right;overflow:hidden;margin:0;padding:0;padding-top:40px;margin-bottom:60px;} #singleCat .row li{margin:0;padding:0;float:left;width:160px;margin-right:48px;} #singleCat .row li:last-child{margin-right:0;} #singleCat .row:last-child{border:none;} #singleCat .row h3{margin-top:20px;margin-bottom:0;} #singleCat .row h3 a{color:#666;} #singleCat .row h3 a:hover{color:#00a6d5;} #singleCat .row h2.label1{position:absolute;overflow:visible;height:30px;color:#b32b2b;top:-25px;right:180px;background:url("../img/icons/arrowHand_dl_red.png") no-repeat 0 50%;padding-left:20px;line-height:20px;} #singleCat .row h2.label2{position:absolute;overflow:visible;height:30px;top:-15px;left:100px;color:#b32b2b;background:url("../img/icons/arrowHand_dr_red.png") no-repeat 100% 30%;padding-right:25px;line-height:20px;} #singleProject #tagline{border-bottom:1px solid #ccc;} #singleProject #mainContent{margin:0;padding:0;margin-left:10px;} #singleProject #mainContent #project{position:relative;overflow:hidden;} #singleProject #mainContent #project .side,#singleProject #mainContent #project #projectImage{margin-top:100px;} #singleProject #mainContent #project .side{overflow:hidden;float:left;margin-right:60px;width:300px;} #singleProject #mainContent #project .titles{float:left;text-align:right;overflow:hidden;} #singleProject #mainContent #project .titles h1{float:left;width:300px;margin-top:0;margin-bottom:10px;} #singleProject #mainContent #project h2.back{background:url("../img/icons/back_red.png") no-repeat 0 60%;padding-left:20px;float:right;margin-top:25px;margin-bottom:40px;}#singleProject #mainContent #project h2.back a{color:#b32b2b;} #singleProject #mainContent #project #share{position:absolute;background:#f6f6f6;top:60px;right:0;width:570px;float:left;margin-bottom:10px;text-align:right;height:20px;padding:5px;} #singleProject #mainContent #project #share h3{margin:0;float:left;color:#999;padding-left:10px;display:inline;margin-right:20px;padding-bottom:5px;line-height:22px;}#singleProject #mainContent #project #tweetThis{height:20px;float:right;} #singleProject #mainContent #project #likeThis{height:20px;float:right;margin-right:20px;} #singleProject #mainContent #project #projectInfo{width:580px;float:left;margin-top:100px;margin-bottom:60px;} #singleProject #mainContent #project #projectInfo img{float:left;clear:both;padding:0;margin-bottom:40px;} #singleProject #mainContent #project #projectInfo .video{margin-bottom:40px;position:relative;float:left;clear:both;} #singleProject #mainContent #project #projectInfo .note{color:#b32b2b;margin:0;position:absolute;top:0;left:-315px;padding-right:20px;text-align:right;background:url("../img/icons/arrowHand_dr_red.png") no-repeat 100% 60%;} #singleProject #mainContent #project #projectInfo p{width:580px;float:left;clear:both;margin-bottom:60px;} #singleProject #mainContent #project .meta{width:300px;float:right;clear:both;overflow:hidden;margin:30px 0;} #singleProject #mainContent #project .meta span,#singleProject #mainContent #project .meta h2{display:block;} #singleProject #mainContent #project .meta span{text-align:right;} #singleProject #mainContent #project .meta .client{background:url("../img/icons/meta_user.png") no-repeat 100% 50%;padding-right:20px;} #singleProject #mainContent #project .meta .date{background:url("../img/icons/meta_date.png") no-repeat 100% 50%;padding-right:20px;} #singleProject #mainContent #project .meta .tags{background:url("../img/icons/meta_tag_l.png") no-repeat 100% 50%;padding-right:20px;} #singleProject #mainContent #project .meta .tags a{color:#ccc;} #singleProject #mainContent #project .meta .tags a:hover{color:#444;} #singleProject #mainContent #project .launch{background:url("../img/icons/arrow_r.png") no-repeat 0 70%;padding-left:20px;margin:0;float:right;} #singleProject #connect #projectPagination{margin-left:60px;margin-top:50px;width:503px;float:left;height:20px;} #singleProject #connect #projectPagination h2{background:none;float:none;margin:0;padding:0;} #singleProject #connect #projectPagination .older{background:url("../img/icons/arrowHand_ml.png") no-repeat 0 50%;padding-left:25px;float:left;} #singleProject #connect #projectPagination .newer{background:url("../img/icons/arrowHand_mr.png") no-repeat 100% 50%;padding-right:25px;float:right;} .ie7 #mainNav li.navLast{margin-right:0;} .ie7 #infoPanel{background:url("../img/home/infobg.png") repeat-y;} .ie7 #infoPanel #info{overflow:visible;} .ie7 #infoPanel #info>a{line-height:55px;background-position:100% 55px;display:block;margin-top:20px;padding-bottom:20px;} .ie7 #banner #nextSlide{background:url("../img/home/nextbg.png") repeat-y;} .ie7 #sidebar{padding-bottom:75px;} .ie7 #stats li.last{padding-top:20px;} .ie7 #upper{padding-bottom:10px;} .ie7 #featLeft{clear:left;float:left;} .ie7 #featRight{margin-top:110px;} .ie7 #connect{overflow:auto;height:124px;} .ie7 #newsletter{margin-left:120px;} .ie7 #newsletter input[type="text"]{line-height:30px;} .ie7 #newsletter input[type="submit"]{display:block;overflow:hidden;font-size:0;line-height:0;} .ie7 #twitter .tweetIcon{top:110px;} .ie7 #commentsNum{display:inline;} .ie7 #twitter span,#blogLatest span{float:left;} .ie7 #blogLatest #blogLink{height:25px;overflow:visible;} .ie7 #sideNotes #sidebar ul.last{margin-top:20px;} .ie7 #sideNotes #sidebar{margin-bottom:20px;} .ie7 #sideNotes #mainContent{margin-bottom:60px;} .ie7 #fullWidth #mainContent{margin-bottom:120px;} .ie7 #minimal #mainContent{margin-bottom:120px;} .ie7 #services #mainContent .titleImage{margin-top:0;} .ie7 #services #mainContent p.noMarginIE{margin-bottom:0;} .ie7 #blogMain #sidebar input[type="text"]{line-height:30px;} .ie7 #blogMain #sidebar input[type="submit"]{display:block;overflow:hidden;font-size:0;line-height:0;} .ie7 #blogMain #mainContent .post{overflow:hidden;} .ie7 #blogMain #mainContent .post .readMore{float:right;margin-right:0;margin-left:0;display:inline;} .ie7 #blogMain #mainContent .post .readMore h2{width:auto;display:block;width:380px;text-align:left;} .ie7 #blogMain #mainContent div.last{border-bottom:none;margin-bottom:0;} .ie7 #blogMain #sidebar{padding-bottom:35px;} .ie7 #blogMain #sidebar #likeBtn h3{float:left;} .ie7 #blogMain #textWidget a{height:48px;} .ie7 #blogMain #sidebar ul{list-style-image:none;list-style-position:outside;} .ie7 #blogMain #sidebar li{list-style-image:none;background:url("../img/icons/bullet.png") no-repeat 0 18px;padding-left:20px;margin-left:5px;} .ie7 #blogPost #sidebar input[type="text"]{line-height:30px;} .ie7 #blogPost #sidebar input[type="submit"]{display:block;overflow:hidden;font-size:0;line-height:0;} .ie7 #blogPost #textWidget a{height:48px;} .ie7 #blogPost #sidebar #likeBtn h3{float:left;} .ie7 #blogPost #sidebar ul{list-style-image:none;list-style-position:outside;} .ie7 #blogPost #sidebar li{list-style-image:none;background:url("../img/icons/bullet.png") no-repeat 0 18px;padding-left:20px;margin-left:5px;} .ie7 #blogPost #sidebar{padding-bottom:35px;} .ie7 #blogPost #mainContent .post div.download{margin:0 auto 15px auto;float:left;left:55%;} .ie7 #blogPost #mainContent .post div.download div{position:relative;right:50%;float:left;} .ie7 #blogPost #commentsForm form{overflow:hidden;} .ie7 #blogPost #commentsForm textarea{overflow:auto;} .ie7 #portfolioCat #projectInfo h2{width:300px;} .ie7 #portfolioCat #projectInfo{overflow:visible;} .ie7 #portfolioCat #projectInfo h2.more{height:25px;float:none;background:url("../img/icons/arrow_r.png") no-repeat 0 50%;margin-left:370px;padding-left:20px;margin-top:15px;} .ie7 #portfolioCat #projectInfo h2.more a{float:left;line-height:15px;background:none;margin-left:0;padding-left:0;} .ie7 #portfolioCat .category li.last{margin-right:0;} .ie7 #portfolioCat .category div span.tags{margin-top:16px;} .ie7 #singleCat #categoryInfo h2.readMore{height:25px;float:none;background:url("../img/icons/plus.png") no-repeat 0 50%;margin-left:370px;padding-left:20px;margin-top:15px;} .ie7 #singleCat #categoryInfo h2.readMore a{float:left;line-height:15px;background:none;margin-left:0;padding-left:0;} .ie7 #singleCat div.row li.last{margin-right:0;} .ie7 #singleProject #project #share{overflow:hidden;} .ie7 #singleProject #project h2.back{clear:both;} .ie7 #singleProject #project .launch{margin-top:10px;} .ie7 #singleProject #project #projectInfo p{width:580px;} .ie7 #singleProject #project{margin-bottom:100px;} .ie7 #contact #banner #officeImage span{line-height:45px;bottom:25px;} .ie7 #contact #mainContent #project input[type="radio"]{margin-top:4px;} .ie7 #contact #mainContent #message textarea{overflow:auto;} .ie7 #contact #mainContent input[type="text"]{margin-bottom:-8px;} .ie7 #contact #mainContent form label{margin-bottom:15px;} .ie7 #contact #mainContent #message form label{margin-bottom:10px;} .ie7 #faq #mainContent div.item div.question{overflow:hidden;} .ie8 #siteWrapper{display:table;height:100%;} .ie8 #infoPanel{background:url("../img/home/infobg.png") repeat-y;} .ie8 #banner #nextSlide{background:url("../img/home/nextbg.png") repeat-y;} .ie8 #mainNav li.navLast{margin-right:0;} .ie8 #newsletter{margin-left:120px;} .ie8 #newsletter input[type="text"]{line-height:30px;} .ie8 #stats li.last{padding-top:20px;} .ie8 #sideNotes #sidebar ul.last{margin-top:20px;} .ie8 #blogMain #sidebar input[type="text"]{line-height:30px;} .ie8 #blogMain #mainContent div.last{border-bottom:none;margin-bottom:0;} .ie8 #blogPost #sidebar input[type="text"]{line-height:30px;} .ie8 #blogPost #mainContent .post div.download{margin:0 auto 15px auto;float:left;left:55%;} .ie8 #blogPost #mainContent .post div.download div{position:relative;right:50%;float:left;} .ie8 #blogPost #commentsForm form{overflow:hidden;} .ie8 #blogPost #commentsForm textarea{overflow:auto;} .ie8 #portfolioCat .category li.last{margin-right:0;} .ie8 #singleCat div.row li.last{margin-right:0;} .ie8 #contact #mainContent #message textarea{overflow:auto;} .ie9 #siteWrapper{display:table;height:100%;} .ie9 #blogPost #commentsForm textarea{overflow:auto;} .ie9 #contact #mainContent #message textarea{overflow:auto;} .prettyPhotoHilight{position:absolute;cursor:pointer;z-index:10000;background:white url("../img/icons/zoom_03.png") no-repeat center center;} .prettyPhotoVideoHilight{position:absolute;cursor:pointer;z-index:10000;background:white url("../img/icons/video_play_icon_01.png") no-repeat center center;}p.pp_description{color:#222;} .galleryHilight{position:absolute;cursor:pointer;z-index:10000;width:176px;height:112px;background:white url("../img/portfolio/current_thumb.png") no-repeat center center;}#contactForm.noquote #contactType{display:none;} div.light_rounded .pp_top .pp_left{background:url(../img/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat;} div.light_rounded .pp_top .pp_middle{background:#fff;} div.light_rounded .pp_top .pp_right{background:url(../img/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat;} div.light_rounded .pp_content .ppt{color:#000;} div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right{background:#fff;} div.light_rounded .pp_content{background-color:#fff;} div.light_rounded .pp_next:hover{background:url(../img/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer;} div.light_rounded .pp_previous:hover{background:url(../img/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer;} div.light_rounded .pp_expand{background:url(../img/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer;} div.light_rounded .pp_expand:hover{background:url(../img/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer;} div.light_rounded .pp_contract{background:url(../img/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer;} div.light_rounded .pp_contract:hover{background:url(../img/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer;} div.light_rounded .pp_close{width:75px;height:22px;background:url(../img/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;} div.light_rounded #pp_full_res .pp_inline{color:#000;} div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next{margin-top:12px!important;} div.light_rounded .pp_nav .pp_play{background:url(../img/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px;} div.light_rounded .pp_nav .pp_pause{background:url(../img/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px;} div.light_rounded .pp_arrow_previous{background:url(../img/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat;} div.light_rounded .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;} div.light_rounded .pp_arrow_next{background:url(../img/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat;} div.light_rounded .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default;} div.light_rounded .pp_bottom .pp_left{background:url(../img/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat;} div.light_rounded .pp_bottom .pp_middle{background:#fff;} div.light_rounded .pp_bottom .pp_right{background:url(../img/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat;} div.light_rounded .pp_loaderIcon{background:url(../img/prettyPhoto/light_rounded/loader.gif) center center no-repeat;} div.dark_rounded .pp_top .pp_left{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat;} div.dark_rounded .pp_top .pp_middle{background:url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;} div.dark_rounded .pp_top .pp_right{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat;} div.dark_rounded .pp_content_container .pp_left{background:url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;} div.dark_rounded .pp_content_container .pp_right{background:url(../img/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;} div.dark_rounded .pp_content{background:url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;} div.dark_rounded .pp_next:hover{background:url(../img/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer;} div.dark_rounded .pp_previous:hover{background:url(../img/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer;} div.dark_rounded .pp_expand{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer;} div.dark_rounded .pp_expand:hover{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer;} div.dark_rounded .pp_contract{background:url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer;} div.dark_rounded .pp_contract:hover{background:url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer;} div.dark_rounded .pp_close{width:75px;height:22px;background:url(../img/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;} div.dark_rounded .currentTextHolder{color:#c4c4c4;} div.dark_rounded .pp_description{color:#fff;}div.dark_rounded #pp_full_res .pp_inline{color:#fff;} div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next{margin-top:12px!important;} div.dark_rounded .pp_nav .pp_play{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px;} div.dark_rounded .pp_nav .pp_pause{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px;} div.dark_rounded .pp_arrow_previous{background:url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat;} div.dark_rounded .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;} div.dark_rounded .pp_arrow_next{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat;} div.dark_rounded .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default;} div.dark_rounded .pp_bottom .pp_left{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat;} div.dark_rounded .pp_bottom .pp_middle{background:url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;} div.dark_rounded .pp_bottom .pp_right{background:url(../img/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat;} div.dark_rounded .pp_loaderIcon{background:url(../img/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;} div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:url(../img/prettyPhoto/dark_square/contentPattern.png) top left repeat;} div.dark_square .currentTextHolder{color:#c4c4c4;} div.dark_square .pp_description{color:#fff;} div.dark_square .pp_loaderIcon{background:url(../img/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;} div.dark_square .pp_content_container .pp_left{background:url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;} div.dark_square .pp_content_container .pp_right{background:url(../img/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;} div.dark_square .pp_expand{background:url(../img/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer;} div.dark_square .pp_expand:hover{background:url(../img/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer;} div.dark_square .pp_contract{background:url(../img/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer;} div.dark_square .pp_contract:hover{background:url(../img/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer;} div.dark_square .pp_close{width:75px;height:22px;background:url(../img/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer;} div.dark_square #pp_full_res .pp_inline{color:#fff;} div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next{margin-top:12px!important;} div.dark_square .pp_nav .pp_play{background:url(../img/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px;} div.dark_square .pp_nav .pp_pause{background:url(../img/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px;} div.dark_square .pp_arrow_previous{background:url(../img/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat;} div.dark_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;} div.dark_square .pp_arrow_next{background:url(../img/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat;} div.dark_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default;} div.dark_square .pp_next:hover{background:url(../img/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer;} div.dark_square .pp_previous:hover{background:url(../img/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer;} div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content{background:#fff;} div.light_square .pp_content .ppt{color:#000;}div.light_square .pp_expand{background:url(../img/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer;} div.light_square .pp_expand:hover{background:url(../img/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer;} div.light_square .pp_contract{background:url(../img/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer;} div.light_square .pp_contract:hover{background:url(../img/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer;} div.light_square .pp_close{width:75px;height:22px;background:url(../img/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer;} div.light_square #pp_full_res .pp_inline{color:#000;} div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important;} div.light_square .pp_nav .pp_play{background:url(../img/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px;} div.light_square .pp_nav .pp_pause{background:url(../img/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px;} div.light_square .pp_arrow_previous{background:url(../img/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat;} div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;} div.light_square .pp_arrow_next{background:url(../img/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat;} div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default;} div.light_square .pp_next:hover{background:url(../img/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer;} div.light_square .pp_previous:hover{background:url(../img/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer;} div.light_square .pp_loaderIcon{background:url(../img/prettyPhoto/light_rounded/loader.gif) center center no-repeat;} div.facebook .pp_top .pp_left{background:url(../img/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat;} div.facebook .pp_top .pp_middle{background:url(../img/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x;} div.facebook .pp_top .pp_right{background:url(../img/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat;} div.facebook .pp_content .ppt{color:#000;} div.facebook .pp_content_container .pp_left{background:url(../img/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y;} div.facebook .pp_content_container .pp_right{background:url(../img/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y;} div.facebook .pp_content{background:#fff;} div.facebook .pp_expand{background:url(../img/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer;} div.facebook .pp_expand:hover{background:url(../img/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer;} div.facebook .pp_contract{background:url(../img/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer;} div.facebook .pp_contract:hover{background:url(../img/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer;} div.facebook .pp_close{width:22px;height:22px;background:url(../img/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer;} div.facebook #pp_full_res .pp_inline{color:#000;} div.facebook .pp_loaderIcon{background:url(../img/prettyPhoto/facebook/loader.gif) center center no-repeat;} div.facebook .pp_arrow_previous{background:url(../img/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px;} div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default;} div.facebook .pp_arrow_next{background:url(../img/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px;} div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default;} div.facebook .pp_nav{margin-top:0;} div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px;} div.facebook .pp_nav .pp_play{background:url(../img/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px;} div.facebook .pp_nav .pp_pause{background:url(../img/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px;} div.facebook .pp_next:hover{background:url(../img/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer;} div.facebook .pp_previous:hover{background:url(../img/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer;} div.facebook .pp_bottom .pp_left{background:url(../img/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat;} div.facebook .pp_bottom .pp_middle{background:url(../img/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x;} div.facebook .pp_bottom .pp_right{background:url(../img/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat;} div.pp_pic_holder a:focus{outline:none;} div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500;} div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000;} .pp_top{height:20px;position:relative;} * html .pp_top{padding:0 20px;} .pp_top .pp_left{height:20px;left:0;position:absolute;width:20px;} .pp_top .pp_middle{height:20px;left:20px;position:absolute;right:20px;} * html .pp_top .pp_middle{left:0;position:static;} .pp_top .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;} .pp_content{height:40px;min-width:40px;} * html .pp_content{width:40px;}.pp_fade{display:none;} .pp_content_container{position:relative;text-align:left;width:100%;} .pp_content_container .pp_left{padding-left:20px;} .pp_content_container .pp_right{padding-right:20px;} .pp_content_container .pp_details{float:left;margin:10px 0 2px 0;} .pp_description{display:none;margin:0 0 5px 0;} .pp_nav{clear:left;float:left;margin:3px 0 0 0;} .pp_nav p{float:left;margin:2px 4px;} .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px;} a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px;} .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000;} .pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000;} .pp_gallery ul{float:left;height:35px;margin:0 0 0 5px;overflow:hidden;padding:0;position:relative;} .pp_gallery ul a{border:1px #000 solid;border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden;} .pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff;} .pp_gallery ul a img{border:0;} .pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0;} .pp_gallery li.default a{background:url(../img/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px;} .pp_gallery li.default a img{display:none;} .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important;} a.pp_next{background:url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%;}a.pp_previous{background:url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%;} a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000;} a.pp_close{display:block;float:right;line-height:22px;text-indent:-10000px;} .pp_bottom{height:20px;position:relative;} * html .pp_bottom{padding:0 20px;} .pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px;} .pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px;} * html .pp_bottom .pp_middle{left:0;position:static;} .pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;} .pp_loaderIcon{display:block;height:24px;left:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;width:24px;} #pp_full_res{line-height:1!important;} #pp_full_res .pp_inline{text-align:left;} #pp_full_res .pp_inline p{margin:0 0 15px 0;} div.ppt{color:#fff;display:none;font-size:17px;margin:0 0 5px 15px;z-index:9999;} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix{display:inline-block;} * html .clearfix{height:1%;} .clearfix{display:block;} #kroki { width: 540px; height: 350px; margin-left:20px; float:left; }