@CHARSET "UTF-8";

#gallery_contents { margin-right:-25px; }
.reference_album { display: block; float: right; margin: 0 25px 43px 5px; width: 195px; height: 115px; position: relative; }
.reference_album img { width: 195px; height: 115px; }
.reference_album .title { display: block; background: url(../img/layout/gallery_namebg.png) repeat-x scroll left bottom; text-align: center; height: 20px; font-size: 13px; color: #a2a2a2; padding-top: 6px; }
.reference_album .title span { display: inline-block; padding: 0 5px; background: #121212; font-weight: bold; }
a.reference_album:hover .title span { color: #fff; }


.reference_album {
    -webkit-transition: all .6s ease; 
    -webkit-backface-visibility: hidden; 
    
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray; /* IE 6-9 */
}
.reference_album:hover {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: none; /* IE 6-9 */
}


.overlay { display:none; width: 800px; -moz-border-radius:6px; -webkit-border-radius:6px; -moz-box-shadow: 0 0 50px #ccc; -webkit-box-shadow: 0 0 50px #ccc; }
.overlay .close { background-image:url(../img/jqtools_close.png); position:absolute; z-index: 1000; right: -17px; top:-17px; cursor:pointer; height:35px; width:35px; }

.contactdet { width: 50%; color: #737373; }
.contactdet p { padding: 0; margin: 0;}
.contactdet.right { width: 60%; float: right; }
.contactdet.right table { width: 70%; }
.contactdet.right table td { vertical-align: top; padding-bottom: 16px; }
.contactdet.left { width: 40%; float: left; }

.hsw_contact_form { width: 100%; font-size: 11px; }
.hsw_contact_form td { vertical-align: top; }
.hsw_contact_form label { display: block; padding-top: 20px; color: #575757; }
.hsw_contact_form .radioset label { padding-top: 0; }
.hsw_contact_form input[type=text],
.hsw_contact_form input[type=password],
.hsw_contact_form textarea { padding: 9px 10px; font-family: inherit; border: 1px solid #cfcfcf; font-size: 14px; width: 100%; box-sizing: border-box; }
.hsw_contact_form input[type=text],
.hsw_contact_form input[type=password] { margin-bottom: 0;}
.hsw_contact_form textarea { height: 314px; min-height: 314px; max-height: 314px; width: 100%; min-width: 100%; max-width: 100%; margin: 0; }
.hsw_contact_form input[type=text]:focus,
.hsw_contact_form input[type=password]:focus,
.hsw_contact_form textarea:focus { background: #e0edf1; }
.hsw_contact_form .title { height: 17px; }
.hsw_contact_form .title.message { text-align: left; padding-left: 17px; }
.hsw_contact_form .message { text-align: right; }
.hsw_contact_form .hi34de { display: none !important; }
.contact_half { float: left; width: 50%; }

.hsw_contact_form .error { background: #fae2b9; }

.cbutton { background-color: #398fc9; cursor: pointer; display: inline-block; box-sizing: border-box; color: #fff; border: none; padding: 10px 0; width: 100%; }
.cbutton:hover { background-color: #3f9ddd; }
.cbutton:active { background-color: #2e90d2; }


div#exposeMask ~ img {display:none !important;}

.mail {
text-decoration: none  ! important;
color: #FFF ! important;
background-color: #215487;
padding: 3px;
border-radius: 4px;
font-size: 12px;
}