@charset "UTF-8";
/* CSS Document */
/* selection color */
::selection { background: #939598; color:#000000; /* Safari */}
::-moz-selection {background: #939598; color:#000000; /* Firefox */}
/* defults */
body{background-color:#000000; font-family: 'Open Sans Condensed', sans-serif; font-size:13px; color:#ffffff;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
p{line-height:1.5em; padding-bottom:1em; font-size:12px;}
a {text-decoration:none;}
.clear {clear:both;}
/* normal color */
#overlay #navigation ul li a, #continfo a, #footcopy a {color:#ffffff;}
/* hilite color */
#overlay #navigation ul li a:hover, #overlay #navigation ul li.selected a, #continfo a:hover, #footcopy a:hover {color:#939598;}
/* fixed position */
#overlay {position:fixed; width:268px; right:30px; bottom:0px; text-transform:uppercase; z-index:100;}
#overblock {background:url(../images/over_bg.png); padding:16px 10px;}

/* 100% width */
#content {}
/* home page logos */
#projlogos {position:absolute; width:100%; height:100%;}
/* products slideshow */
#prodshow {height:100%; overflow:hidden;}
#prodshow .showitems {width:100%; height:100%;}
#prodshow .showitems img {width:100%; height:auto;}
/* prev & next for top */
.top_prev, .top_next {position:fixed; top:40%; z-index:200;}
.top_prev a, .top_next a {width:53px; height:53px; display:block; text-indent:-1000em; background:url(../images/prevnxt.png) no-repeat;}
.top_prev {left:30px;}
.top_next {right:30px;}

.top_next a {background-position:-53px 0px;}
.top_prev a:hover {background-position:0px -53px;}
.top_next a:hover {background-position:-53px -53px;}
/* logo */
#logo {padding:0 0 11px 14px;}
#logo h1 {padding-bottom:4px; margin-left:-2px;}
#logo h1 a {width:146px; height:66px; display:block; background:url(../images/dnm_photo.png) no-repeat; text-indent:-1000em;}
#logo h5 {font-size:12px;}
#share {}
/* navigation */
#navigation {font-size:19px; font-weight:bold; padding:6px 0px 14px 0px; line-height:24px; letter-spacing:1px;}

/* contact & footer */
#continfo {font-size:18px; line-height:18px; padding:4px 0px 20px 0px;}
#footcopy {font-size:14px; line-height:14px; padding-top:20px;}


/* ================================================================================
                                    ph-menu
===================================================================================*/
.phmenu, .opts {float: none;background-color: rgba(0, 0, 0, 0.6) ;position: absolute;z-index: 999;width: 100%;display: none;}
.phmenu{top: 0;}
.mnubtn { padding: 15px 0 15px 25px;float: left;}
.mnubtn a {color: #fff; padding-left: 44px; padding-right: 12px; text-transform: capitalize; background: url("../images/mob-ico.png") no-repeat; background-position:  left center; background-size: 32px 32px; line-height: 36px; display: block; float: left;font-size:16px;}
.opts {overflow: hidden; margin: 0; list-style: none; text-align: center; text-transform: capitalize; border-top: 1px solid #999; display: none;text-align: left;top: 65px;}
.opts li{margin:0; border-bottom: 1px solid #999999;padding: 6px 0;}
.opts li:last-child {border-bottom: none;}
.opts li:hover{background-color: rgba(0, 0, 0, 0.9) ;}
.opts a {color: #fff;text-transform: capitalize;line-height: 2em;padding-left: 20px; font-size:16px; font-weight:600;}
.msubmenu {display: none; background-color: rgba(255, 255, 255, 0.2);}
.msubmenu a {display: block; border-bottom: 1px solid #000;}
.msubmenu a:last-child {border-bottom: none;}
.phmenu > #logo {float: right;}
.phmenu > #logo h1 a{background: rgba(0, 0, 0, 0) url("../images/dnm_photo.png") no-repeat scroll center center / contain ;width: 100px;height: 34px;}
* ==========================================================================
   Helper classes
   ========================================================================== */

.ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 150%; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/*=========================================
            Transition
=======================================*/

.opts li{-webkit-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out;-ms-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;}

/* ==========================================================================
   Media Queries for Responsive Design ('mobile first') styles.
   ========================================================================== */

/* From iPhone (portrait) 320px ----------- */
@media only screen and (min-width: 20em), only screen and (min-width: 0.001em) {
    /* Styles */
    .phmenu{display: block;}
    #overlay{display: none;}

}
/* From iPhone (landscape) 480px ----------- */
@media only screen and (min-width: 64em) {
	 .phmenu, .opts{display: none;}
    #overlay{display: block;}

}