* { margin:0; padding:0;} body { background:#586166; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1em; color:#545454;} input, textarea, select { font-family:Arial, Helvetica, sans-serif; font-size:1em;} object { vertical-align:top; outline:none;} .fleft { float:left;} .fright { float:right;} .clear { clear:both;} .alignright { text-align:right;} .aligncenter { text-align:center;} .wrapper { width:100%; overflow:hidden;} .container { width:100%;} p { margin:0; padding:0;} /*==================forms====================*/ input, select { vertical-align:middle; font-weight:normal;} img {border:0; vertical-align:top; text-align:left;} #form span { display:block; height:53px;} #form label { display:block;} #form input {width:294px; padding:3px 0 3px 3px; background:#fff; border:1px solid #ccd1d0;} #form textarea { width:300px; height:124px; overflow:auto; background:#fff; border:1px solid #ccd1d0; padding:3px 0 0 3px; margin-bottom:26px;} #form .link2 { float:right; margin-left:20px;} #form .link2 span { height:auto;} /*==================list====================*/ ul { list-style:none;} .list li { padding:0 0 10px 13px; background:url(images/marker1.gif) no-repeat left 6px; font-size:1.17em;} .list li a { color: #069; text-decoration:none;} .list li a:hover { text-decoration:underline;} .list li.last { padding-bottom:0;} .list1 li { border-bottom:1px solid #eae9df; padding-bottom:18px; margin-bottom:18px;} .list1 li.last { border:0; padding:0; margin:0;} .list2 { padding-bottom:17px;} .list2 li { padding:0 0 6px 14px; background:url(images/marker3.gif) no-repeat left 5px;} .list2 li a { color:#53a3ac;} .list2a { padding-bottom:17px;} .list2a li { padding:0 0 6px 14px; } .list2a li a { color:#53a3ac;} .list3 li { list-style-type:decimal; list-style-position:inside; font-weight:bold; color:#64c111; line-height:1.5em; padding-bottom:25px;} .list3 li b, .list3 li span { color:#545454; } .list3 li span { font-weight:normal;} .list4 li { border-bottom:1px solid #ccd1d0; padding-bottom:18px; margin-bottom:18px;} .list4 li h3 { text-align:right; padding-top:7px; margin:0;} .list4 li cite { font-style:normal;} .list4 li.last { border:0; padding:0; margin:0;} /*==================other====================*/ .img-box img { margin-bottom:15px;} .img-box2 img { margin-bottom:5px;} .p1 { margin-bottom:10px;} .p2 { margin-bottom:20px;} .phone { float:right; margin-right:20px;} /*==================txt, links, lines, titles====================*/ a {color:#64c111; outline:none;} a:hover{text-decoration:none;} h2 { font-size:30px; line-height:1.2em; margin-bottom:21px; text-transform:uppercase; color:#1e3b3e;} h2.color { color: #F90/*#53a3ac*/;} h3 { color:#64c111; font-size:1.08em; margin-bottom:15px;} h4 { font-size:1em; margin-bottom:15px; line-height:1.5em;} h5 { font-size:1em; line-height:1.5em;} h6 { padding-left:29px; background:url(images/icon3.gif) no-repeat left 7px; color:#1e3b3e; font-size:30px; line-height:1.2em; text-transform:uppercase; margin-bottom:21px;} .link { color:#438aa2; font-weight:bold; text-transform:uppercase; padding-left:8px; background:url(images/marker2.gif) no-repeat left 5px;} .link1 { text-align:center; padding-top:21px;} .link1 a { display:inline-block; color:#fff; font-size:1em; text-decoration:none; line-height:.92em;} .link1 a span { display:block; padding:4px 11px 5px 19px; font-style:normal; font-weight:normal;} .link1 a:hover { text-decoration:underline;} .link2 { display:block; float:right; color:#fff; background:url(images/link4-left.gif) no-repeat left top #576162; text-decoration:none;} .link2 span { display:block; font-size:1em; padding:4px 11px 5px 19px; line-height:.92em; background:url(images/link4-right.gif) no-repeat right top;} .link2:hover { text-decoration:underline;} .line-hor { border-bottom:1px solid #ccd1d0; margin:10px 0 30px 0; overflow:hidden; font-size:0; line-height:0;} .line-hor1 { border-bottom:1px solid #ccd1d0; margin:30px 0; overflow:hidden; font-size:0; line-height:0;} /*==================boxes====================*/ .main-box { width:100%;} .main-box .left-top-corner { background:url(images/left-top-corner.gif) no-repeat left top; height:37px; padding-left:4px;} .main-box .right-top-corner { background:url(images/right-top-corner.gif) no-repeat right top; height:37px; padding-right:4px;} .main-box .border-top { background:url(images/border-top.gif) left top repeat-x; height:37px; font-size:0; line-height:0; width:100%;} .main-box .left-bot-corner { background:url(images/left-bot-corner.gif) no-repeat left bottom; height:38px; padding-left:4px} .main-box .right-bot-corner { background:url(images/right-bot-corner.gif) no-repeat right bottom; height:38px; padding-right:4px} .main-box .border-bot { background:url(images/border-bot.gif) left bottom repeat-x; height:38px; font-size:0; line-height:0; width:100%;} .main-box .border-left { background:url(images/border-left.gif) left top repeat-y; padding-left:4px;} .main-box .border-right { background:url(images/border-right.gif) right top repeat-y; padding-right:4px;} .box { width:100%; background: #EFEFEF /*#dbe7e1*/; margin-bottom:1px; border-bottom:1px solid #fff;} .box .inner { padding:30px 35px 36px 26px;} .box h2 { padding-left:29px; background:url(images/icon1.png) no-repeat left 7px; color:#1e3b3e;} .box p { color:#727a7c;} .box1 { width:100%; background:#f3f7f4;} .box1 .inner { padding:30px 30px 36px 26px;} .box1 h2 { padding-left:29px; background:url(images/icon2.gif) no-repeat left 7px;} .box1 p, .box1 cite { color:#727a7c; } .box2 { width:100%;} .box2 .border-top {background:url(images/border-top1.gif) repeat-x top #eef7f5; height:auto; font-size:1em; line-height:1em;} .box2 .border-left {background:url(images/border.gif) repeat-y left; padding:0;} .box2 .border-right {background:url(images/border.gif) repeat-y right; padding:0;} .box2 .left-top-corner {background:url(images/left-top-corner1.gif) no-repeat left top; padding:0; height:auto;} .box2 .right-top-corner {background:url(images/right-top-corner1.gif) no-repeat right top; padding:0; height:auto;} .box2 .border-bot {background:url(images/border-bot1.gif) repeat-x bottom; font-size:1em; line-height:1em; height:53px;} .box2 .left-bot-corner {background:url(images/left-bot-corner1.gif) no-repeat left bottom; height:53px; padding:0;} .box2 .right-bot-corner {background:url(images/right-bot-corner1.gif) no-repeat right bottom; height:53px; padding:0;} .box2 .inner { padding:13px 13px 0 13px; text-align:center;} .box2 h2 { color:#22919e; font-size:24px; margin-bottom:24px;} .box2 p { text-align:left; color:#7f7e79; padding:0 10px;} .box2 .link1 a { background:url(images/link1-left.gif) no-repeat left top #53a3ac;} .box2 .link1 a span { background:url(images/link1-right.gif) no-repeat right top;} .box3 { width:100%;} .box3 .border-top {background:url(images/border-top2.gif) repeat-x top #f2fae8; height:auto; font-size:1em; line-height:1em;} .box3 .border-left {background:url(images/border1.gif) repeat-y left; padding:0;} .box3 .border-right {background:url(images/border1.gif) repeat-y right; padding:0;} .box3 .left-top-corner {background:url(images/left-top-corner2.gif) no-repeat left top; padding:0; height:auto;} .box3 .right-top-corner {background:url(images/right-top-corner2.gif) no-repeat right top; padding:0; height:auto;} .box3 .border-bot {background:url(images/border-bot2.gif) repeat-x bottom; font-size:1em; line-height:1em; height:53px;} .box3 .left-bot-corner {background:url(images/left-bot-corner2.gif) no-repeat left bottom; height:53px; padding:0;} .box3 .right-bot-corner {background:url(images/right-bot-corner2.gif) no-repeat right bottom; height:53px; padding:0;} .box3 .inner { padding:13px 13px 0 13px; text-align:center;} .box3 h2 { color:#74b61c; font-size:24px; margin-bottom:24px;} .box3 p { text-align:left; color:#7f7e79; padding:0 10px;} .box3 .link1 a { background:url(images/link2-left.gif) no-repeat left top #74b61c;} .box3 .link1 a span { background:url(images/link2-right.gif) no-repeat right top;} .box4 { width:100%;} .box4 .border-top {background:url(images/border-top3.gif) repeat-x top #fbfaed; height:auto; font-size:1em; line-height:1em;} .box4 .border-left {background:url(images/border2.gif) repeat-y left; padding:0;} .box4 .border-right {background:url(images/border2.gif) repeat-y right; padding:0;} .box4 .left-top-corner {background:url(images/left-top-corner3.gif) no-repeat left top; padding:0; height:auto;} .box4 .right-top-corner {background:url(images/right-top-corner3.gif) no-repeat right top; padding:0; height:auto;} .box4 .border-bot {background:url(images/border-bot3.gif) repeat-x bottom; font-size:1em; line-height:1em; height:53px;} .box4 .left-bot-corner {background:url(images/left-bot-corner3.gif) no-repeat left bottom; height:53px; padding:0;} .box4 .right-bot-corner {background:url(images/right-bot-corner3.gif) no-repeat right bottom; height:53px; padding:0;} .box4 .inner { padding:13px 13px 0 13px; text-align:center;} .box4 h2 { color:#baa044; font-size:24px; margin-bottom:24px;} .box4 p { text-align:left; color:#7f7e79; padding:0 10px;} .box4 .link1 a { background:url(images/link3-left.gif) no-repeat left top #baa044;} .box4 .link1 a span { background:url(images/link3-right.gif) no-repeat right top;} /*header*/ #header .menu { position:absolute; left:0; top:0;} #header .flash { position:absolute; right:0; top:0;} /*content*/ #content p, #content cite { line-height:1.5em; } #content { background:#fff; padding-bottom:2px;} #content .indent { padding-left:35px;} #content .indent1 { padding:30px 40px 36px 35px;} /*footer*/ #footer p { background:#53a3ac; color:#fff; display:block; float:left; width:269px;} #footer p span { display:block; padding:8px 36px 8px 27px;} #footer p a { color:#fff;} .style2 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; font-size: 11px; } .style4 { color: #194A84; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; } .style5 { color: #FF3300; font-weight: bold; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; } .style6 { color: #CC0000; font-weight: bold; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; } .style7 { font-size: 14px; font-weight: bold; color: #66CC00; font-family: Verdana, Arial, Helvetica, sans-serif; } .gallery { background: #fff; border: solid 1px #ccc; padding: 5px; } .portfolio { color:#22919e; font-size:18px; font-variant:small-caps; margin-bottom:5px; } .nunmeros{ padding-right:5px; } /*==========================================*/ #main {width:988px; margin:0 auto;} #header {height:417px; position:relative;} #header, #content, #footer { font-size:0.75em;} .col-1, .col-2, .col-3 { float:left;} /*======= index.html =======*/ #page1 #content .col-1 {width:269px; background:#f3f7f4;} #page1 #content .col-2 { width:711px;} #page1 #content .col-2 .row-1 { margin-left:-7px; position:relative; padding-bottom:37px;} #page1 #content .col-2 .row-1 .col-1 { width:207px; margin-right:11px; background:none;} #page1 #content .col-2 .row-1 .col-2 { width:207px; margin-right:11px;} #page1 #content .col-2 .row-1 .col-3 { width:207px;} #page1 #content .col-2 .row-2 .col-1 { width:171px; margin-right:34px; background:none;} #page1 #content .col-2 .row-2 .col-2 { width:190px; margin-right:42px;} #page1 #content .col-2 .row-2 .col-3 { width:192px;} /*======= index.html =======*/ #page1A #content .col-1 {width:269px; background:#f3f7f4;} #page1A #content .col-2 { width:711px;} #page1A #content .col-2 .row-1 { margin-left:-7px; position:relative; padding-bottom:37px;} #page1A #content .col-2 .row-1 .col-1 { width:207px; margin-right:11px; background:none;} #page1A #content .col-2 .row-1 .col-2 { width:207px; margin-right:11px;} #page1A #content .col-2 .row-1 .col-3 { width:207px;} #page1A #content .col-2 .row-2 .col-1 { width:270px; margin-left:32px; margin-right:34px; background:none;} #page1A #content .col-2 .row-2 .col-2 { width:270px; margin-right:12px;} #page1A #content .col-2 .row-2 .col-3 { width:192px;} /*======= index-1.html =======*/ #page2 #content .col-1 {width:269px; background:#f3f7f4;} #page2 #content .col-2 { width:711px;} #page2 #content .col-2 .row-1 .col-1 { width:285px; margin-right:34px; background:none;} #page2 #content .col-2 .row-1 .col-2 { width:285px;} #page2 #content .col-2 .row-2 .col-1 { width:216px; background:none;} #page2 #content .col-2 .row-2 .col-2 { width:417px;} /*======= index-2.html =======*/ #page3 #content .col-1 {width:269px; background:#f3f7f4;} #page3 #content .col-2 { width:711px;} #page3 #content .col-2 .row-1 { margin-left:-7px; position:relative; padding-bottom:37px;} #page3 #content .col-2 .row-1 .col-1 { width:207px; margin-right:11px; background:none;} #page3 #content .col-2 .row-1 .col-2 { width:207px; margin-right:11px;} #page3 #content .col-2 .row-1 .col-3 { width:207px;} /*======= index-3.html =======*/ #page4 #content .col-1 {width:269px; background:#f3f7f4;} #page4 #content .col-2 { width:711px;} #page4 #content .col-2 .col-1 { width:216px; background:none;} #page4 #content .col-2 .col-2 { width:417px;} /*======= index-4.html =======*/ #page5 #content .col-1 {width:269px; background:#f3f7f4;} #page5 #content .col-2 { width:711px;} #page5 #content .col-2 .row-1 .col-1 { width:203px; background:none;} #page5 #content .col-2 .row-1 .col-2 { width:190px; margin-right:50px;} #page5 #content .col-2 .row-1 .col-3 { width:190px;} #page5 #content .col-2 .row-2 .col-1 { width:329px; background:none;} #page5 #content .col-2 .row-2 .col-2 { width:305px;} /*=========================*/ #footer {height:73px; background:url(images/footer-tail.gif) repeat-x top;} /* ------------------------------------------------------------------------ This you can edit. ------------------------------------------------------------------------- */ div.light_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */ div.light_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ 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; } /* Content background */ div.light_rounded .pp_next:hover { background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_rounded .pp_previous:hover { background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_rounded .pp_expand { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_rounded .pp_expand:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_rounded .pp_contract { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_rounded .pp_contract:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_rounded .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ 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(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.light_rounded .pp_nav .pp_pause { background: url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.light_rounded .pp_arrow_previous { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_rounded .pp_arrow_next { background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_rounded .pp_bottom .pp_left { background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */ div.light_rounded .pp_bottom .pp_right { background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.light_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Rounded Theme ----------------------------------- */ div.dark_rounded .pp_top .pp_left { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.dark_rounded .pp_top .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */ div.dark_rounded .pp_top .pp_right { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.dark_rounded .pp_content_container .pp_left { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */ div.dark_rounded .pp_content_container .pp_right { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */ div.dark_rounded .pp_content { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */ div.dark_rounded .pp_next:hover { background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_rounded .pp_previous:hover { background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.dark_rounded .pp_expand { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_rounded .pp_expand:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_rounded .pp_contract { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_rounded .pp_contract:hover { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ 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(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.dark_rounded .pp_nav .pp_pause { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.dark_rounded .pp_arrow_previous { background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_rounded .pp_arrow_next { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_rounded .pp_bottom .pp_left { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.dark_rounded .pp_bottom .pp_middle { background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */ div.dark_rounded .pp_bottom .pp_right { background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.dark_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- 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_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(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.dark_square .pp_nav .pp_pause { background: url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.dark_square .pp_arrow_previous { background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* 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; } /* 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 */ /* ---------------------------------- Light Square Theme ----------------------------------- */ 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(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_square .pp_expand:hover { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_square .pp_contract { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_square .pp_contract:hover { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_square .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ 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(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.light_square .pp_nav .pp_pause { background: url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.light_square .pp_arrow_previous { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_square .pp_arrow_next { background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_square .pp_next:hover { background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_square .pp_previous:hover { background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ---------------------------------- Facebook style Theme ----------------------------------- */ div.facebook .pp_top .pp_left { background: url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.facebook .pp_top .pp_middle { background: url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } /* Top pattern/color */ div.facebook .pp_top .pp_right { background: url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.facebook .pp_content .ppt { color: #000; } div.facebook .pp_content_container .pp_left { background: url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } /* Content background */ div.facebook .pp_content_container .pp_right { background: url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } /* Content background */ div.facebook .pp_content { background: #fff; } /* Content background */ div.facebook .pp_expand { background: url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.facebook .pp_expand:hover { background: url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.facebook .pp_contract { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.facebook .pp_contract:hover { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.facebook .pp_close { width: 22px; height: 22px; background: url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.facebook #pp_full_res .pp_inline { color: #000; } div.facebook .pp_loaderIcon { background: url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat; } /* Loader icon */ div.facebook .pp_arrow_previous { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The previous arrow in the bottom nav */ div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; } div.facebook .pp_arrow_next { background: url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The next arrow in the bottom nav */ 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(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; } div.facebook .pp_nav .pp_pause { background: url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; } div.facebook .pp_next:hover { background: url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.facebook .pp_previous:hover { background: url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.facebook .pp_bottom .pp_left { background: url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.facebook .pp_bottom .pp_middle { background: url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } /* Bottom pattern/color */ div.facebook .pp_bottom .pp_right { background: url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ /* ------------------------------------------------------------------------ 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_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; 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 { left: 50%; margin-top: -50px; position: absolute; z-index: 10000; } .pp_gallery ul { float: left; height: 35px; margin: 0 0 0 5px; overflow: hidden; 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 { border-color: #fff; } .pp_gallery ul a img { border: 0; } .pp_gallery li { display: block; float: left; margin: 0 5px 0 0; } .pp_gallery li.default a { background: url(../images/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(../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; margin: 0 0 5px 15px; 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 */