/* Theme Name: MRTA Design Construction Inc. Theme URI: http://www.mrtadesign.com Description: MRTA Design specializes in new construction and high-end interior renovations Version: 1.0 Author: MRTA Design Construction Inc. */ /* CSS RESET */ html{background:#FFF;} 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} /* Grid ----------------------------------------------------------------------------------------------------*/ .gridl-1, .gridl-2, .gridl-3, .gridl-4, .gridl-5 {display:inline;float:left;position:relative;} .gridl-1{width:720px;} .gridl-2{width:170px;} .gridl-3{width:489px;} .gridl-4{width:455px;} .gridl-5{width:300px;} .gridr-3 {width:630px;float:left;position:relative;} .gridr-1, .gridr-2, .gridr-4, .gridr-5 {display:inline;float:right;position:relative;} .gridr-1{width:720px;} .gridr-2{width:170px;} .gridr-3{width:489px;} .gridr-4{width:455px;} .gridr-5{width:300px;} .mt-1{margin-top:1px;} .mt-2{margin-top:2px;} .mt-3{margin-top:3px;} .mt-4{margin-top:4px;} .mt-5{margin-top:5px;} .mt-10{margin-top:10px;} .mt-15{margin-top:15px;} .mt-20{margin-top:52px;} .mt-30{margin-top:30px;} .mt-60{margin-top:60px;} .mt-90{margin-top:90px;} .mb-1{margin-bottom:1px;} .mb-2{margin-bottom:2px;} .mb-3{margin-bottom:3px;} .mb-4{margin-bottom:4px;} .mb-5{margin-bottom:5px;} .mb-10{margin-bottom:10px;} .mb-15{margin-bottom:15px;} .mb-20{margin-bottom:20px;} .mb-30{margin-bottom:30px;} .mb-40{margin-bottom:40px;} .ml-1{margin-left:1px;} .ml-2{margin-left:2px;} .ml-3{margin-left:3px;} .ml-4{margin-left:4px;} .ml-5{margin-left:5px;} .ml-6{margin-left:6px;} .ml-10{margin-left:10px;} .ml-15{margin-left:15px;} .ml-20{margin-left:20px;} .ml-30{margin-left:30px;} .ml-40{margin-left:40px;} .mr-1{margin-right:1px;} .mr-2{margin-right:2px;} .mr-3{margin-right:3px;} .mr-4{margin-right:4px;} .mr-5{margin-right:5px;} .mr-6{margin-right:6px;} .mr-10{margin-right:15px;} .mr-15{margin-right:15px;} .mr-20{margin-right:20px;} .mr-30{margin-right:30px;} .mr-40{margin-right:40px;} .mr-50{margin-right:50px;} .mr-60{margin-right:60px;} .mr-70{margin-right:70px;} .pt-1{padding-top:1px;} .pt-2{padding-top:2px;} .pt-3{padding-top:3px;} .pt-4{padding-top:4px;} .pt-5{padding-top:5px;} .pt-10{padding-top:10px;} .pt-15{padding-top:15px;} .pt-20{padding-top:20px;} .pt-30{padding-top:30px;} .pb-1{padding-bottom:1px;} .pb-2{padding-bottom:2px;} .pb-3{padding-bottom:3px;} .pb-4{padding-bottom:4px;} .pb-5{padding-bottom:5px;} .pb-10{padding-bottom:10px;} .pb-15{padding-bottom:15px;} .pb-20{padding-bottom:20px;} .pb-30{padding-bottom:30px;} .pl-1{padding-left:1px;} .pl-2{padding-left:2px;} .pl-3{padding-left:3px;} .pl-4{padding-left:4px;} .pl-5{padding-left:5px;} .pl-10{padding-left:10px;} .pl-15{padding-left:15px;} .pl-20{padding-left:20px;} .pl-30{padding-left:30px;} .pr-1{padding-right:1px;} .pr-2{padding-right:2px;} .pr-3{padding-right:3px;} .pr-4{padding-right:4px;} .pr-5{padding-right:5px;} .pr-10{padding-right:10px;} .pr-15{padding-right:15px;} .pr-20{padding-right:20px;} .pr-30{padding-right:30px;} .floatleft{float:left;} .floatright{float:right;} /*----------------------------------------------------------------------------------------------------*/ .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;} /*The following zoom:1 rule is specifically for IE6 + IE7.Move to separate stylesheet if invalid CSS is a problem. * html .clearfix, *:first-child+html .clearfix {zoom: 1;} */ br.both{clear:both;} * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ hr{clear:both;border-top:1px solid #dadfdb;border-bottom:1px solid #fff;} /*----------------------------------------------------------------------------------------------------*/ html{background:#13131C;} body{background:#13131C;font-style:normal;font-variant:normal;font-weight:normal;font-size:75%;font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;font-size:1.0em;color:#D7D4D1;} a{text-decoration:none;}a:link{color:#D7D4D1;}a:hover{color:#D7D4D1;text-decoration:none;}a:active{color:#D7D4D1;}a:visited{color:#D7D4D1;} p{line-height:1.4em;} #header{margin:0 auto;width:890px;height:95px;padding:52px 0px 5px 0px;} .logo{background:url(sprite.jpg) no-repeat -661px -81px;width:227px;height:63px;text-indent:-999em;display:block;} #nav{margin:0 auto;width:890px;height:20px;padding:10px 0px 0px 0px;} ul.dropdown {position:relative;} ul.dropdown li{float: left;} ul.dropdown li a {display: block;} ul.dropdown li:last-child a {border-right: none; } /* Doesn't work in IE */ ul.dropdown li.hover, ul.dropdown li:hover {color: #fff;position: relative; } ul.dropdown li.hover a {color:#6A6762;} /* LEVEL TWO*/ ul.dropdown ul { width: 150px; visibility: hidden; position: absolute; top: 100%; left: 0;z-index:1000; } ul.dropdown ul li {font-size:0.9em;line-height:1.6em;float: none; font-weight: normal; z-index:1000; } ul.dropdown ul li a { font-size:0.9em;line-height:1.6em; color: #6A6762; padding:0px 0px 0px 20px;font-weight: normal;z-index:1000;height:20px;} ul.dropdown ul li a:hover{color: #fff;background:url(sprite.jpg) no-repeat -190px -65px;width:150px;height:20px;} ul.dropdown span.home {background:url(sprite.jpg) no-repeat 0 0;width:78px;height:20px;display:block;text-indent:-999em;} ul.dropdown span.projects {background:url(sprite.jpg) no-repeat -78px 0;width:111px;height:20px;display:block;text-indent:-999em;} ul.dropdown span.services {background:url(sprite.jpg) no-repeat -189px 0;width:103px;height:20px;display:block;text-indent:-999em;} ul.dropdown span.founder {background:url(sprite.jpg) no-repeat -292px 0;width:103px;height:20px;display:block;text-indent:-999em;} ul.dropdown span.press {background:url(sprite.jpg) no-repeat -395px 0;width:84px;height:20px;display:block;text-indent:-999em;} ul.dropdown span.forclient {background:url(sprite.jpg) no-repeat -483px 0;width:118px;height:20px;display:block;text-indent:-999em;} ul.dropdown span.testimonials{background:url(sprite.jpg) no-repeat -601px 0;width:139px;height:20px;display:block;text-indent:-999em;} ul.dropdown span.blog{background:url(sprite.jpg) no-repeat -740px 0;width:74px;height:20px;display:block;text-indent:-999em;} ul.dropdown span.contact{background:url(sprite.jpg) no-repeat -812px 0;width:79px;height:20px;display:block;text-indent:-999em;} ul.dropdown span.home:hover {background:url(sprite.jpg) no-repeat 0 -20px;width:78px;height:20px;display:block;text-indent:-999em;cursor:pointer;} ul.dropdown span.projects:hover {background:url(sprite.jpg) no-repeat -78px -20px;width:111px;height:20px;display:block;text-indent:-999em;cursor:pointer;} ul.dropdown span.services:hover {background:url(sprite.jpg) no-repeat -189px -20px;width:103px;height:20px;tdisplay:block;ext-indent:-999em;cursor:pointer;} ul.dropdown span.founder:hover {background:url(sprite.jpg) no-repeat -292px -20px;width:103px;height:20px;display:block;text-indent:-999em;cursor:pointer;} ul.dropdown span.press:hover {background:url(sprite.jpg) no-repeat -395px -20px;width:84px;height:20px;display:block;text-indent:-999em;cursor:pointer;} ul.dropdown span.forclient:hover {background:url(sprite.jpg) no-repeat -483px -20px;width:118px;height:20px;display:block;text-indent:-999em;cursor:pointer;} ul.dropdown span.testimonials:hover{background:url(sprite.jpg) no-repeat -601px -20px;width:139px;height:20px;display:block;text-indent:-999em;cursor:pointer;} ul.dropdown span.blog:hover{background:url(sprite.jpg) no-repeat -740px -20px;width:74px;height:20px;display:block;text-indent:-999em;cursor:pointer;} ul.dropdown span.contact:hover{background:url(sprite.jpg) no-repeat -812px -20px;width:79px;height:20px;display:block;text-indent:-999em;cursor:pointer;} ul.dropdown span.home-selected {background:url(sprite.jpg) no-repeat 0 -20px;width:78px;height:20px;display:block;text-indent:-999em;} ul.dropdown span.projects-selected {background:url(sprite.jpg) no-repeat -78px -20px;width:111px;height:20px;display:block;text-indent:-999em;} ul.dropdown span.services-selected {background:url(sprite.jpg) no-repeat -189px -20px;width:103px;height:20px;display:block;text-indent:-999em;} ul.dropdown span.founder-selected {background:url(sprite.jpg) no-repeat -292px -20px;width:103px;height:20px;display:block;text-indent:-999em;} ul.dropdown span.press-selected{background:url(sprite.jpg) no-repeat -395px -20px;width:84px;height:20px;display:block;text-indent:-999em;} ul.dropdown span.forclient-selected {background:url(sprite.jpg) no-repeat -483px -20px;width:118px;height:20px;display:block;text-indent:-999em;} ul.dropdown span.testimonials-selected{background:url(sprite.jpg) no-repeat -601px -20px;width:139px;height:20px;display:block;text-indent:-999em;} ul.dropdown span.blog-selected{background:url(sprite.jpg) no-repeat -740px -20px;width:74px;height:20px;display:block;text-indent:-999em;} ul.dropdown span.contact-selected{background:url(sprite.jpg) no-repeat -812px -20px;width:79px;height:20px;display:block;text-indent:-999em;} .sub-provides{background:url(sprite.jpg) no-repeat 0 -66px;width:170px;height:20px;text-indent:-999em;} .sub-construction{background:url(sprite.jpg) no-repeat 0 -97px;width:170px;height:20px;text-indent:-999em;} .sub-design{background:url(sprite.jpg) no-repeat 0 -129px;width:170px;height:20px;text-indent:-999em;} .sub-founder{background:url(sprite.jpg) no-repeat 0 -161px;width:170px;height:20px;text-indent:-999em;} .sub-press{background:url(sprite.jpg) no-repeat 0 -193px;width:170px;height:20px;text-indent:-999em;} .sub-forclient{background:url(sprite.jpg) no-repeat 0 -225px;width:170px;height:20px;text-indent:-999em;} .sub-testimonials{background:url(sprite.jpg) no-repeat 0 -258px;width:170px;height:20px;text-indent:-999em;} .sub-blog{background:url(sprite.jpg) no-repeat 0 -288px;width:170px;height:20px;text-indent:-999em;} .sub-contact{background:url(sprite.jpg) no-repeat 0 -323px;width:170px;height:20px;text-indent:-999em;} .sub-all{background:url(sprite.jpg) no-repeat -195px -161px;width:170px;height:20px;text-indent:-999em;} .sub-designbuild{background:url(sprite.jpg) no-repeat -195px -193px;width:170px;height:20px;text-indent:-999em;} #content{margin:0 auto;width:890px;} #main{float:left;width:700px;margin:75px 0px 0px 0px;} #mainhome{float:left;width:740px;margin:75px 0px 0px 0px;} #maincontact{float:left;width:450px;margin:75px 0px 0px 0px;border:none;} #sidebar{float:right;width:190px;margin:75px 0px 0px 0px;} #sidebarhome{float:right;width:150px;margin:75px 0px 0px 0px;} #sidebarhomecontact{float:left;width:190px;margin:75px 0px 0px 0px;} #sidebartitle{float:right;width:190px;margin:75px 0px 0px 0px;} .home-main{background:url(sprite.jpg) no-repeat 0 -366px;width:890px;height:460px;clear:both;text-indent:-999em;} .services-left{float:left;background:url(sprite.jpg) no-repeat 0 -826px;width:158px;height:460px;clear:both;text-indent:-999em;} .founder-left{float:left;background:url(sprite.jpg) no-repeat -183px -826px;width:158px;height:460px;clear:both;text-indent:-999em;} .clientintro-left{float:left;background:url(sprite.jpg) no-repeat -366px -826px;width:158px;height:460px;clear:both;text-indent:-999em;} .cliented-left{float:left;background:url(sprite.jpg) no-repeat -733px -366px;width:158px;height:460px;clear:both;text-indent:-999em;} .clientlist-left{float:left;background:url(sprite.jpg) no-repeat -547px -826px;width:158px;height:460px;clear:both;text-indent:-999em;} .clientprice-left{float:left;background:url(sprite.jpg) no-repeat -733px -826px;width:158px;height:460px;clear:both;text-indent:-999em;} .testimonials-a{float:left;background:url(sprite.jpg) no-repeat 0px -1292px;width:158px;height:460px;clear:both;text-indent:-999em;} .contact-left{float:left;background:url(sprite.jpg) no-repeat 0px -1751px;width:442px;height:681px;clear:both;text-indent:-999em;} .testimonials-b{float:left;background:url(sprite.jpg) no-repeat -158px -1292px;width:158px;height:460px;clear:both;text-indent:-999em;} .testimonials-c{float:left;background:url(sprite.jpg) no-repeat 0 -366px;width:158px;height:460px;clear:both;text-indent:-999em;} .testimonials-d{float:left;background:url(sprite.jpg) no-repeat -316px -1290px;width:158px;height:460px;clear:both;text-indent:-999em;} ul.submenu{} ul.submenu li{font-size:0.8em;padding:0px 0px 10px 0px;color:#96908C;line-height:1.4em;} ul.submenu li a{color:#96908C;} ul.submenu li a:hover{color:#CCE652;} ul.submenu li.selected{color:#CCE652;} ul.projectstitle li{font-size:0.8em;padding:0px 0px 10px 0px;color:#96908C;line-height:1.4em;text-align:right;} ul.projectstitlecontact li{font-size:0.8em;padding:0px 0px 10px 0px;color:#96908C;line-height:1.4em;text-align:left;} ul.projectstitle li a{color:#96908C;} ul.projectstitle li a:hover{color:#CCE652;} ul.projectstitle li.selected{color:#CCE652;} ul.serviceslist{font-size:0.8em;line-height:1.4em;list-style:inside;} ul.articles li{font-size:0.8em;padding:0px 0px 10px 0px;color:#96908C;line-height:1.6em;} ul.articles li a{color:#96908C;} ul.articles li a:hover{color:#CCE652;} ul.clientlist{font-size:0.9em;line-height:1.8em;} ul.clientlist li a{color:#B2ACAE;} ul.clientlist li a:hover{color:#CCE652;} ul.infolist{font-size:0.8em;line-height:1.4em;} p.infolist{font-size:0.8em;line-height:1.4em;} p.title{font-size:0.8em;text-align:right;} p.title a, p.title a:visited, p.title a:active{color:#fff;} p.title a:hover{color:#CCE652;} p.info{font-size:0.8em;} .typo-1{color:#CCE652;}.typo-1 a, .typo-1 a:hover, .typo-1 a:active{color:#CCE652;} .typo-2{color:#68665F;}.typo-2 a, .typo-2 a:hover, .typo-2 a:active{color:#68665F;} .typo-3{font-size:0.8em;} .typo-4{font-size:0.9em;} .typo-5{font-size:0.8em;color:#68665F;} .typo-5 a:hover{color:#CCE652;} .typo-5 a, .typo-5 a:active{color:#68665F;} .typo-6{font-size:0.5em;color:#13131c;} .typo-7{font-size:0.8em;color:#CCE652;text-decoration:underline;}.typo-7 a, .typo-7 a:hover, .typo-7 a:visited, .typo-7 a:active{color:#CCE652;} .typo-8{font-size:0.8em;color:#fff;}.typo-8 a, .typo-8 a:visited, .typo-8 a:active{color:#fff;}.typo-8 a:hover,{color:#CCE652;} .typo-9{font-size:0.8em;color:#CCE652;}.typo-9 a, .typo-9 a:hover, .typo-9 a:visited, .typo-9 a:active{color:#CCE652;} .typo-center{text-align:center;} .typo-right{text-align:right;} .typo-justify{text-align:justify;} img.latest_img{opacity: 0.3;margin-bottom:5px;} .infoarrow{float:left;background:url(sprite.jpg) no-repeat -192px -70px;width:20px;height:20px;text-indent:-999em;} .arrowright{float:right;background:url(sprite.jpg) no-repeat -185px -95px;width:20px;height:20px;display:block;text-indent:-999em;margin:50px 0px 0px 0px;} .arrowright:hover{float:right;background:url(sprite.jpg) no-repeat -185px -111px;width:20px;height:20px;display:block;text-indent:-999em;margin:50px 0px 0px 0px;} .arrowleft{float:right;background:url(sprite.jpg) no-repeat -210px -95px;width:20px;height:20px;display:block;text-indent:-999em;margin:50px 0px 0px 0px;} .arrowleft:hover{float:right;background:url(sprite.jpg) no-repeat -210px -111px;width:20px;height:20px;display:block;text-indent:-999em;margin:50px 0px 0px 0px;} .arrowleft:selected{float:right;background:url(sprite.jpg) no-repeat -210px -111px;width:20px;height:20px;display:block;text-indent:-999em;margin:50px 0px 0px 0px;} .arrowleft:active{float:right;background:url(sprite.jpg) no-repeat -210px -111px;width:20px;height:20px;display:block;text-indent:-999em;margin:50px 0px 0px 0px;} img.projects{border:2px solid #13131c;}img.projects:hover{border:2px solid #c1d94d;} img.projects3{border:none;} img.projects3:hover{border:2px solid #c1d94d;} #footer{margin:0 auto;width:890px;padding:150px 0px 40px 0px;} footer{margin:0 auto;width:890px;padding:40px 0px 40px 0px;} footer p{font-size:0.7em;line-height:1.4em;color:#6A6762;} footer p a, footer p a:visited, footer p a:active{color:#6A6762;} footer p a:hover{color:#fff;} .picture-slides-image-text{font-size:0.8em;} .fakeslide{display:none;color:#CCE652;} /* --------------------- lightbox --------------------- */ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #000; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font-size: 0.9em ; background-color: #000; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #fff; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { color:#CCE652;} #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; } /* --------------------- slider --------------------- */ #slider ul, #slider li{ list-style:none; } #slider, #slider li{ height:487px; width:487px; overflow:hidden; } #slider{ } #prevBtn, #nextBtn{ } #nextBtn{ } #prevBtn a, #nextBtn a{ } #nextBtn a{ } /* ---------------------------------- Dark Square Theme ----------------------------------- */ div.dark_square .pp_left , div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content { background: url(../images/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(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ div.dark_square .pp_content_container .pp_left { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */ div.dark_square .pp_content_container .pp_right { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */ div.dark_square .pp_expand { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_square .pp_expand:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_square .pp_contract { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_square .pp_contract:hover { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_square .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_square #pp_full_res .pp_inline { color: #fff; } div.dark_square .pp_arrow_previous { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat;font-size:0.8em; } /* The previous arrow in the bottom nav */ div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_square .pp_arrow_next { background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat;font-size:0.8em; } /* The next arrow in the bottom nav */ div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_square .pp_next:hover { background: url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_square .pp_previous:hover { background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ------------------------------------------------------------------------ DO NOT CHANGE ------------------------------------------------------------------------- */ 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; } .pp_content .ppt { left: auto; margin-bottom: 5px; position: relative; top: auto; } .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 { 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;font-size:0.7em; margin: 2px 4px; } .pp_nav a.pp_arrow_previous, .pp_nav 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; } a.pp_next { background: url(../images/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(../images/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; 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; left: 0; position: absolute; top: 0; z-index: 9999; } /* ------------------------------------------------------------------------ Miscellaneous ------------------------------------------------------------------------- */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */