body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, th, td, hr
{
margin: 0; padding: 0; border: 0; outline: none;
}
body
{
line-height: 1;
}
h1, h2, h3, h4, h5, h6
{
font-size: 100%;
font-weight: normal;
}
ul, ol
{
list-style: none;
}
a
{
color: black;
text-decoration: none;
}
a:hover
{
text-decoration: underline;
}
.floatLeft
{
float: left;
}
.floatRight
{
float: right;
}
.clear{
clear: both;
}
div.hr hr {
display: none;
}
/* ----------------- */
/* PRIMARY STRUCTURE */
/* ----------------- */
#global_wrapper {width: 960px; margin: 0 auto; padding: 0; background: transparent;}
.divider{
display:inline; float:left; margin: 100px 0 0; width:620px;
}
/* ------------------------- */
/* STRUCTURE FOR THE SIDEBAR */
/* ------------------------- */
#sidebar {
position: fixed;
background: transparent;
width:220px;
height: 100%;
display:inline;
float:left;
top: 0;
padding: 40px 0px;
}
/* -------------------------------- */
/* STRUCTURE FOR THE CONTENT COLUMN */
/* -------------------------------- */
.logo {text-align: center; margin-bottom: 20px;}
.navigation {margin: 15px 0 0 24px;}
#content {
background: transparent;
margin-left:235px;
width:740px;
display:block;
top: 0;
}
.head_col{}
.content_body {padding: 0; width:590px; margin-top: -26px; }
.content_block {margin-bottom: 400px; padding-top: 25px; clear: both;}
#tophat{
background-color:black;
border-bottom:1px solid #eeeeee;
top:0;
color:#FFFFFF;
left:0;
height: 3px;
position:fixed;
width:100%;
z-index:1000;
}
#footer{
background-color:black;
border-top:1px solid #CCCCCC;
bottom:0;
font-size: 10px;
color:#666666;
left:0;
opacity:0.9;
padding:8px 8px;
position:fixed;
width:100%;
z-index:1000;
}
/* CONTACT FORM */
#ok{
background-color: navy;
width: 100%;
clear: both;
font-size: 11pt;
color: #ffffff;
padding: 10px 0px;
text-align: center;
font-weight: bold;
}
#err{
background-color: red;
width: 100%;
clear: both;
font-size: 11pt;
padding: 10px 0px;
color: #000000;
text-align: center;
font-weight: bold;
}
#form_left{
width: 345px;
margin-left:20px;
}
#form_right{
width: 590px;
margin-left:20px;
}
#form_select{
width: 355px;
margin-left: -10px;
}
.input_text{
background-color: #ffffff;
border: 1px;
color: #002532;
width: 100%;
float: right;
height: 17px;
line-height: 17px;
}
.form_textarea{
width:100%;
height: 100px;
}
.form_address{
width: 345px;
height: 35px;
}
#form_reset{
float: left;
}
#form_submit{
float: left;
}
.button{
background-color: #ffffff;
font-family: Verdana;
color: #002532;
margin-top: 15px;
text-align: center;
line-height: 28px;
height: 28px;
width: 60px;
cursor: pointer;
margin-left: 10px;
}
/* END CONTACT FORM */
/* --------------------------------------------------------------
Set default typography based on Blueprint
http://code.google.com/p/blueprintcss/
-------------------------------------------------------------- */
html{background: white repeat; }
body{background: transparent fixed repeat-x bottom left;}
.logo {margin-left: 20px;}
body {
color:#555;
font: 13px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
line-height:20px;
}
input, textarea {
line-height:normal !important;
}
/* HEADINGS -------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {
color: #333;
font-weight:normal;
clear:both;
}
#content h2{font-size: 22px; margin:0 0 10px; padding-top:10px;}
#content h3{font-size: 20px; margin:0 0 10px; padding-top:20px;}
#content h4{font-size: 18px; margin: 10px 0px 10px;}
#content h5{font-size: 16px; margin: 5px 0px 10px;}
#content h5{font-size: 14px; margin: 5px 0px 10px; text-transform: uppercase;}
/* TEXT ELEMENTS -------------------------------------------------------------- */
p {
margin-bottom:18px;
}
ul, ol {
margin: auto;
}
ul {
list-style: none;
}
ol {
list-style-type: decimal; margin-left: 20px;
}
ol ol {
list-style:upper-alpha;
}
ol ol ol {
list-style:lower-roman;
}
ol ol ol ol {
list-style:lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
margin-bottom:0;
}
dl {
margin:0 1.5em;
}
dd {
margin-bottom:18px;
}
strong {
font-weight: bold;
}
cite, em, i {
font-style: italic;
}
blockquote {
color: #666666;
line-height: 24px;
margin-bottom: 10px;
}
blockquote em, blockquote i, blockquote cite {
font-style:normal;
}
pre {
font:11px Monaco, monospace;
line-height:18px;
margin-bottom:18px;
}
code {
font:11px Monaco, monospace;
}
ins {
text-decoration:none;
}
sup,
sub {
height: 0;
line-height: 1;
vertical-align: baseline;
_vertical-align: bottom;
position: relative;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
/* PULLQUOTES -------------------------------------------------------------- */
blockquote.left {
float: left;
margin-right:20px;
text-align: right;
width: 33%;
}
blockquote.right {
float: right;
margin-left:20px;
text-align: left;
width: 33%;
}
/* IMAGE STYLING ------------------------------------------------------------ */
img.alignright {
margin: 0 0 4px 10px;
display: inline;
float: right;
}
img.alignleft {
margin: 0 10px 4px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
#content img, #content a img{
padding: 2px;
background:#EEEEEE none repeat scroll 0 0;
border:1px solid #DDDDDD;
}
.cleanimg{
padding: 0px !important;
border:0px !important;
margin: 0 5px 2px 0 !important;
}
/* ------------------------------------------------- */
/* CUSTOM TEXT STYLING FOR THIS THEME -------------- */
/* ------------------------------------------------- */
#navigation li a, x:-moz-any-link {
font-size: 14px;
background: black;
padding: 5px 6px 4px;
color: #fff;
text-transform: uppercase;
}
#content h1 span, #navigation li a, x:-moz-any-link, x:default {
font-size: 14px;
background: black;
padding: 2px 6px 4px;
color: #fff;
text-transform: uppercase;
height: 20px;
}
#navigation li{ margin: 6px 6px 0px 0px; }
#content h1{margin-left: 605px;}
#navigation li{text-align: right;}
#content h1 a:hover, #navigation li a:hover, #content h2.download a:hover{text-decoration: none;}
.content_body ul {list-style-type:circle; padding: 0 15px;}
.contact_btn{position: relative; top: 3px; left: 50%; margin-left: 360px;}
.contact_btn img:hover {opacity: 0.9;}
.nihongo_btn{position: relative; top: 3px; left: 50%; margin-left: 465px;}
.nihongo_btn img:hover {opacity: 0.9;}
.contact_btnjp{position: relative; top: 3px; left: 50%; margin-left: 360px;}
.contact_btnjp img:hover {opacity: 0.9;}
.english_btn{position: relative; top: 3px; left: 50%; margin-left: 465px;}
.english_btn img:hover {opacity: 0.9;}
.miniicon{float: left; margin-top: 2px;}
.quote{float: left; background: url(../img/line.jpg) no-repeat left; padding: 0 0 0 10px; margin-left: 10px;}
.spacer{margin-right: 40px; float: left;}
.arrow{height: 45px; width: 46px; background: url(../img/downarrow.png) no-repeat; bottom:-4px; position:fixed; right:10px; z-index:2000;}
.arrow.active{background: url(../img/uparrow.png) no-repeat;}
textarea{
height:150px;
padding:5px;
width:97%;
line-height:24px;
border: 1px solid #ddd;
background: #eee;
}
input{
padding:5px;
border: 1px solid #ddd;
background: #eee;
}
#cu3er-wrapper{
background: transparent url(../img/shadow.png) no-repeat scroll 0 294px;
height: 340px;
position: relative;
top: -12px;}
.portfolio, .services{padding-bottom: 400px;}
.portfolio img{padding: 1px; border: 1px solid #666666; float: left; margin: 0 6px 6px 0;}
.portfolio p, .services {margin: 5px 0 0 0;}
.box img{margin-bottom: 8px;}
.box{width: 270px; margin-bottom: 20px; float: left; display: block;}
.boxcontact{width: 270px; margin-bottom: 20px; float: left; display: block;}
.cleanimg{padding: 0; background: transparent !important; border: 0px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#content h1 {
margin-left:605px;
position:relative;
top:2px;
}
#content h1 span, #navigation li a{
padding: 1px 6px 4px; }
#content h1 span{
padding: 3px 6px 4px; }
}
/* ------------------------------------------------------------------------
This you can edit.
------------------------------------------------------------------------- */
div.light_rounded .pp_top .pp_left { background: url(../img/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(../img/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
div.light_rounded .pp_content { background-color: #fff; } /* Content background */
div.light_rounded .pp_content a.pp_next:hover { background: url(../img/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
div.light_rounded .pp_content a.pp_previous:hover { background: url(../img/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
div.light_rounded .pp_content a.pp_expand { background: url(../img/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.light_rounded .pp_content a.pp_expand:hover { background: url(../img/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.light_rounded .pp_content a.pp_contract { background: url(../img/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.light_rounded .pp_content a.pp_contract:hover { background: url(../img/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.light_rounded .pp_content a.pp_close { width: 75px; height: 22px; background: url(../img/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(../img/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(../img/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
div.light_rounded .pp_content .pp_details .pp_nav a.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; } /* Bottom left corner */
div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */
div.light_rounded .pp_bottom .pp_right { background: url(../img/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */
div.light_rounded .pp_loaderIcon { background: url(../img/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */
/* ----------------------------------
Dark Rounded Theme
----------------------------------- */
div.dark_rounded .pp_top .pp_left { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
div.dark_rounded .pp_top .pp_middle { background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */
div.dark_rounded .pp_top .pp_right { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
div.dark_rounded .pp_content { background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */
div.dark_rounded .pp_content a.pp_next:hover { background: url(../img/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
div.dark_rounded .pp_content a.pp_previous:hover { background: url(../img/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
div.dark_rounded .pp_content a.pp_expand { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.dark_rounded .pp_content a.pp_expand:hover { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.dark_rounded .pp_content a.pp_contract { background: url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.dark_rounded .pp_content a.pp_contract:hover { background: url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.dark_rounded .pp_content a.pp_close { width: 75px; height: 22px; background: url(../img/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.dark_rounded .currentTextHolder { color: #c4c4c4; }
div.dark_rounded p.pp_description { color: #fff; }
div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(../img/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
div.dark_rounded .pp_content .pp_details .pp_nav a.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; } /* Bottom left corner */
div.dark_rounded .pp_bottom .pp_middle { background: url(../img/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */
div.dark_rounded .pp_bottom .pp_right { background: url(../img/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */
div.dark_rounded .pp_loaderIcon { background: url(../img/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */
/* ----------------------------------
Dark Square Theme
----------------------------------- */
div.dark_square .pp_top .pp_left ,
div.dark_square .pp_top .pp_middle,
div.dark_square .pp_top .pp_right,
div.dark_square .pp_bottom .pp_left,
div.dark_square .pp_bottom .pp_middle,
div.dark_square .pp_bottom .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 p.pp_description { color: #fff; }
div.dark_square .pp_loaderIcon { background: url(../img/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */
div.dark_square .pp_content a.pp_expand { background: url(../img/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.dark_square .pp_content a.pp_expand:hover { background: url(../img/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.dark_square .pp_content a.pp_contract { background: url(../img/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.dark_square .pp_content a.pp_contract:hover { background: url(../img/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.dark_square .pp_content a.pp_close { width: 75px; height: 22px; background: url(../img/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(../img/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(../img/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.dark_square .pp_content a.pp_next:hover { background: url(../img/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
div.dark_square .pp_content a.pp_previous:hover { background: url(../img/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
/* ----------------------------------
Light Square Theme
----------------------------------- */
div.light_square .pp_top .pp_left ,
div.light_square .pp_top .pp_middle,
div.light_square .pp_top .pp_right,
div.light_square .pp_bottom .pp_left,
div.light_square .pp_bottom .pp_middle,
div.light_square .pp_bottom .pp_right,
div.light_square .pp_content { background: #fff; }
div.light_square .pp_content a.pp_expand { background: url(../img/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.light_square .pp_content a.pp_expand:hover { background: url(../img/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.light_square .pp_content a.pp_contract { background: url(../img/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.light_square .pp_content a.pp_contract:hover { background: url(../img/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.light_square .pp_content a.pp_close { width: 75px; height: 22px; background: url(../img/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(../img/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(../img/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.light_square .pp_content a.pp_next:hover { background: url(../img/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
div.light_square .pp_content a.pp_previous:hover { background: url(../img/prettyPhoto/light_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;
position: absolute; top: 0; left: 0;
z-index: 9500;
width: 100%;
}
div.pp_pic_holder {
position: absolute; z-index: 10000;
width: 100px;
}
div.pp_pic_holder .pp_top {
position: relative;
height: 20px;
}
* html div.pp_pic_holder .pp_top { padding: 0 20px; }
div.pp_pic_holder .pp_top .pp_left {
position: absolute;
left: 0;
width: 20px; height: 20px;
}
div.pp_pic_holder .pp_top .pp_middle {
position: absolute;
left: 20px; right: 20px;
height: 20px;
}
* html div.pp_pic_holder .pp_top .pp_middle { position: static; left: 0; }
div.pp_pic_holder .pp_top .pp_right {
position: absolute;
top: 0; left: auto; right: 0;
width: 20px; height: 20px;
}
div.pp_pic_holder .pp_content {
position: relative;
text-align: left;
width: 100%; height: 40px;
}
div.pp_pic_holder .pp_content .pp_details {
display: none;
margin: 10px 15px 2px 20px;
}
div.pp_pic_holder .pp_content .pp_details p.pp_description { display: none; float: left; margin: 0; }
div.pp_pic_holder .pp_content .pp_details .pp_nav {
float: left;
margin: 3px 0 0 0;
}
div.pp_pic_holder .pp_content .pp_details .pp_nav p { float: left; margin: 2px 4px; }
div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous,
div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next {
float: left;
display: block;
width: 14px; height: 15px;
overflow: hidden;
text-indent: -10000px;
margin-top: 3px;
}
div.pp_pic_holder .pp_content div.pp_hoverContainer {
position: absolute; z-index: 2000;
top: 0; left: 0;
width: 100%;
}
div.pp_pic_holder .pp_content a.pp_next {
display: block; float: right;
text-indent: -10000px;
width: 49%; height: 100%;
background: url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
}
div.pp_pic_holder .pp_content a.pp_previous {
display: block; float: left;
text-indent: -10000px;
width: 49%; height: 100%;
background: url(../img/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
}
div.pp_pic_holder .pp_content a.pp_expand,
div.pp_pic_holder .pp_content a.pp_contract {
position: absolute; z-index: 20000;
top: 10px; right: 30px;
cursor: pointer;
display: none;
text-indent: -10000px;
width: 20px; height: 20px;
}
div.pp_pic_holder .pp_content a.pp_close {
float: right;
display: block;
text-indent: -10000px;
}
div.pp_pic_holder .pp_bottom {
position: relative;
height: 20px;
}
* html div.pp_pic_holder .pp_bottom { padding: 0 20px; }
div.pp_pic_holder .pp_bottom .pp_left {
position: absolute;
left: 0;
width: 20px; height: 20px;
}
div.pp_pic_holder .pp_bottom .pp_middle {
position: absolute;
left: 20px; right: 20px;
height: 20px;
}
* html div.pp_pic_holder .pp_bottom .pp_middle { position: static; left: 0; }
div.pp_pic_holder .pp_bottom .pp_right {
position: absolute;
top: 0; left: auto; right: 0;
width: 20px; height: 20px;
}
div.pp_pic_holder .pp_loaderIcon {
display: none;
position: absolute;
top: 50%; left: 50%;
margin: -12px 0 0 -12px;
width: 24px; height: 24px;
}
div.pp_pic_holder #pp_full_res { display: block; margin: 0 auto; width: 100%; text-align: center; }
div.pp_pic_holder #pp_full_res object,
div.pp_pic_holder #pp_full_res embed { visibility: hidden; }
div.ppt {
display: none;
position: absolute;
top: 0; left: 0;
z-index: 9999;
color: #fff;
font-size: 17px;
}
/* ------------------------------------------------------------------------
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 */