/* 54ka.org */

@font-face {font-family: 'OpensansR';src: url('fonts/opensans-regular-webfont.eot');src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/opensans-regular-webfont.woff') format('woff'),url('fonts/opensans-regular-webfont.ttf') format('truetype'),url('fonts/opensans-regular-webfont.svg#OpensansR') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'OpensansBold';src: url('fonts/opensans-semibold-webfont.eot');src: url('fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/opensans-semibold-webfont.woff') format('woff'),url('fonts/opensans-semibold-webfont.ttf') format('truetype'),url('fonts/opensans-semibold-webfont.svg#OpensansBold') format('svg');font-weight: normal;font-style: normal;}


/* GLOBAL */
html,body{width:100%;height:100%;color:#000;overflow-x: hidden; margin:0;padding:0;}
body{ font-family: 'OpensansR', sans-serif; font-size:10px;cursor:default;background:url(back.gif);color:#000; background-color:#fff}
a{text-decoration:none;color:#000;outline:0;}
a img { border:0px;}
ul, li {margin:0;padding:0;list-style:none}
h1 { text-transform:uppercase; font-family: 'OpensansB', sans-serif; margin:20px; padding:0px; display:block; width:100%; float:left;}




/*********************/
/*    NAV BAR TOP    */
/*********************/

.navbar-top-box{z-index:1; position:relative; width:100%;height:37px;background:#0d0d0d; overflow:hidden;}
.navbar-top{position:relative;max-width:100%;height:34px;color:#CCC;padding:3px 0px 0px 0px;margin:0 auto;}
.navbar-top ul{list-style-type:none;margin:0 0 0 10px; width:auto !important;}
.navbar-top ul li{float:left;display:inline;}
.navbar-top li{height:34px;}
.navbar-top ul li a:link,
.navbar-top ul li a:visited{display:block;height:26px;padding:8px 12px 0 12px;color:#CCC;font-family:'OpensansBold', sans-serif;font-weight:normal !important;text-transform:uppercase;font-size:12px;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out; line-height: 17px !important;}
.navbar-top li a:hover,
.navbar-top li a:active{background:#fff;color:#000 !important;}
.active-site,
.active-site a{background:#313131;color:#fff !important;}
.icon_home a{display:block;height:34px !important;width:37px !important;background:url(icon_home.png) no-repeat 0px -2px;background-color:#0D0D0D !important;padding:0px !important;}
.icon_home a:hover{background:url(icon_home.png) no-repeat 0px -40px !important;}
@media all and (max-width:770px){.icon_home{display:none;}
}
.search-box-top-right{position:absolute;right:0;margin-top:4px;width:230px;padding:0 10px 0 5px;background:#0D0D0D;overflow:hidden;border-top-left-radius:0em;border-top-right-radius:0em;border-bottom-right-radius:0.5em;border-bottom-left-radius:0.5em;}
@media all and (max-width:770px){.search-box-top-right{ display:none;}
}
.search_text_input{float:left;height:17px;font-size:12px;margin:2px 0px 0px 12px;border:0px none;color:#222;width:180px;font-family:'OpensansR',sans-serif;font-weight:normal;background:none;}
.button-submit{height:23px;width:27px;border:0px none;border-radius:2em;font-size:0.9em;background:none repeat scroll 0% 0% #f2f2f2;font-family:'OpensansBold',sans-serif;cursor:pointer; padding:0px;}
.top_search_submit{margin:0 0 0 0px;height:23px;padding:0px 0 0 0px;border-radius:0 2em 0 0;border-radius:0 0 2em 0;border:0px none;font-size:1em;border-top-right-radius:2em;border-bottom-right-radius:2em;float:left;background:#cccccc;}
.top_search_input{margin:0px;height:23px;width:200px;padding:0px;border:0px none;font-size:1em;background:none repeat scroll 0% 0% #FFF;border-top-left-radius:2em;border-bottom-left-radius:2em;float:left;background-color:#cccccc;}
@media all and (max-width:770px){.top_search_input{width:140px;}
}
#hidebox{width:265px;text-align:left;float:left;padding:5px 0 5px 0;color:#ccc;font-family:'OpensansBold',sans-serif;font-size:0.85em;text-transform:uppercase;}
@media all and (max-width:770px){#hidebox{display:none !important;}
}

/*********************/
/*  END NAV BAR TOP  */
/*********************/




/* LINK HOOK */
.link-hook {position: absolute;top: -85px;}

/* FRAME */
.frame { position:absolute; top:0px; width:100%; height:500px; overflow:hidden; background-size: 100% auto !important;}
@media all and (max-width: 1355px) { .frame { background-size: auto 100% !important; } }

/* MENU */
.navigation { padding-top:150px; height:350px; position:absolute; top:0px; width:100%; background:url(back_b.png); overflow:hidden;}
.menu{ width:810px; height:85px;background:#FFF; z-index:5; position:relative; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;	}
@media all and (max-width: 840px) {	.menu{ width:100%; } }

.menu div{height:73px;padding:12px 0 0 7px; float:left; background:#fff;}
@media all and (max-width: 840px) { .menu div{ padding:12px 0 0 0px; }	.menu div a img{ width: 160px; } .menu div { height:40px;} .menu div ul { margin-top:-13px;}  }

.menu ul{float:left;width:130px}
.menu li a{height:13px;padding:0 5px;color:#555;display:block}
.menu li a:hover{color:#000}
.scrolldown { position:fixed; top:-90px; visibility:hidden;}
.menu .pblog a{color:#FF3399; margin-top:10px;}
.menu .sketch a{color:#0099FF}
.menu .stock a{color:#ff9c00}

/* MENU-2 */.menu-2 { font-size:16px; position:relative; }
@media all and (max-width: 840px) {	.menu-2{ width:100%; height:37px !important; } }

.menu-2 ul { width:390px; display:block; position: relative;}
.menu-2 li { display:block; position:relative; height: 73px; width: 129px; border-left: #ebebeb 1px solid; float:left;}
@media all and (max-width: 840px) {	.menu-2 li{ height:50px; } }

.menu-2 li a { display:block; height:70px !important; line-height:100px;}
@media all and (max-width: 840px) {	.menu-2 li a { height:50px !important; line-height:60px;} }

.menu-2 li a:hover {}

/**/

.menu-2 ul ul {display: none;position: absolute;top: 73px;margin-left:0px;padding-top:10px;padding-bottom:10px;width:440px;}
@media all and (max-width: 840px) { .menu-2 ul ul { top:54px; margin-left:-1px;} }

.menu-2 ul ul li {float: left; width: 130px;border-left:0px;height:45px;margin-right:1px;}
.menu-2 ul ul li a {padding: 7px 15px 2px 15px;background:#fff;font-size:12px;min-width:100px;height:35px !important;line-height:28px;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;	}
.menu-2 ul ul li a:hover {background:#000; color:#ebebeb;}
.menu-2 ul li:hover > ul {display: block;}
.menu-2 ul ul li ul {float: none;width: 120px;left:150px;top:0;}

/* 54ka BOTTOM */
.bottom-logo{width:100%; text-align:center}
.bottom-logo div{padding:0px;}

/* BOX */
.box { max-width: 1010px; width:100%; height:99px; background:url(black-80.png); overflow:hidden; float: left; margin-top: 10px;}
.box div{max-width:1010px; padding:11px 0px 0px 0px; float: left;overflow:hidden}
.box img{height:77px; width:77px; padding:0px 0px 11px 11px;opacity:0.8;filter:alpha(opacity=80)}
.box img:hover{opacity:1.0;filter:alpha(opacity=100)}

/* WRAPPER */
.wrapper-box { position:absolute; top:500px; width:100%; z-index:1;}


/********************************************************************************/
/********************************************************************************/
/********************************************************************************/

.wrapper { float:left; width:100%;}
.content { padding: 0 20px;}

/* PROJECTS */
.projects { float:left; width:100%;}
.projects li { width:33.333%; float:left;}
@media all and (max-width: 720px) { .projects li { width:50%;} }
@media all and (max-width: 570px) { .projects li { width:100%;} }

.projects span { height:250px; display:block; text-align:center; background-size: auto 100% !important; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;	}
.projects span:hover { background-size: auto 120% !important; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;	}
.projects li div {color:#fff; height:60px; background:url(black-80.png); overflow:hidden; float:left; margin-top:190px; width:50%; opacity:0.8;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;	}
.projects li:hover div { height:250px; margin-top:0px; width:100%; opacity:1;}
.projects h1 { margin:20px 0 50px 0; font-size:14px; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;	}
.projects li:hover h1 { margin:70px 0 50px 0; font-size:20px;}
.projects a {margin:0 auto;  -webkit-border-radius: 3;-moz-border-radius: 3;border-radius: 3px;color: #ebebeb;padding: 10px 20px 10px 20px;border: solid #888 1px;text-decoration: none;background:none;}
.projects a:hover { background:url(black-80.png); color:#09F;}
.projects-txt { text-align:center; padding:50px 0 60px 0; font-size:14px; margin:0 auto; width:100%; background: #fff; margin: 10px 0;}
.projects-txt h2 { margin:0 0 10px 0; font-size: 30px; text-transform:uppercase; font-family: "OpensansR",sans-serif; opacity:0.8;}

/* NEWS */
.news {background:#000 url(back_line_black.png); float:left; width:100%; padding-bottom:30px; overflow:hidden;}

.news-box {width:50%; float:left;}
@media all and (max-width: 840px) { .news-box { width:100%; } .news-box:nth-last-child(1){ margin-top:20px;} }

.news-box:hover img {border: 5px solid #555;}
.news h1 { color:#fff; border-bottom:3px solid #2A2A2A; margin: 0 0 25px 20px; padding-top:20px;}
.news h2 {margin:20px 10px 0 186px; display:block;}
.news h2 a {color:#fff;width:auto;font-size:20px;text-transform:uppercase;font-family:"OpensansB",sans-serif;font-weight:normal;opacity:0.8;}
@media all and (max-width: 840px) { .news h2 a { font-size:16px;} }

.news h2 a:hover { opacity:1;}
.news-img-a {display: block; height: 165px; width: 165px; float: left; margin-right: 20px; padding-right:20px; border-right: 1px solid #555;}
.news img { float:left; display:block; border: 5px solid #2A2A2A; width: 155px;}
.news .date { color:#ebebeb; height:20px;}
.news .date span { display:block; float:left; padding: 5px 10px; background: #fff; color: #333; text-transform:uppercase; text-align:left; opacity:0.7;}

/* BLOG */

.blog { height:250px; float:left; width:100%;}
.blog span { height:250px; width:50%; display:block; text-align:center; float:left; background-size: auto 110% !important; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;	}
.blog span:hover {background-size: auto 125% !important;}
.blog span div { color:#fff; height:250px; background:url(back_b_30_l.png);}
.blog h1 { margin:70px 0 0 0; font-size:20px;}
.blog h2 { display:block; width:100%; float:left; margin:0px auto 50px auto; font-size:10px; font-weight:normal; text-transform:uppercase;}
.blog a {margin:0 auto;  -webkit-border-radius: 3;-moz-border-radius: 3;border-radius: 3px;color: #fff;padding: 10px 20px 10px 20px;border: solid #888 1px;text-decoration: none;background:url(black-80.png);}
.blog a:hover { background:#fff; color:#000; opacity:0.8; border: solid #888 1px;}

/* SEARCH */
.search { float:left; width:100%; background:#fff; margin:10px 0;}
.search-txt { text-align:center; padding:40px 0 10px 0; font-size:14px; margin:0 auto; max-width:1000px;}
.search-txt h2 { margin:0 0 10px 0; font-size: 30px; text-transform:uppercase; font-family: "OpensansR",sans-serif; opacity:0.8;}
.search-txt span { color:#999;}
.form-box { margin:0 auto;width:90%;max-width:600px;padding: 0px 10px 0px 10px;border:5px solid #888;border-radius: 35px;height: 50px;}
.form-box:hover { 	border:5px solid #555; }
.search-input {display:block;float:left;width:85%;padding-right:15%;border-radius: 35px;height: 48px;color: #333;font-size: 20px;border:none;-moz-appearance: none;}
.search-submit {display: block;float:right;margin-top:-57px;margin-right:0px;width: 60px;height: 60px;padding: 0;border: none;background: transparent;color: #888;font-size: 40px;cursor:pointer;}
#radiobutt { text-align:center; margin:10px 0 50px 0; font-size:14px;}
#radiobutt input { margin-left:20px;}


/* BOOKS */
.books {
    background: #ffffff;
    float: left;
    width: 100%;
    overflow: hidden;
	margin:10px 0;
}

.books .book{
	margin-top:50px;
	margin-bottom: 10px;
}


.books .book span {
    color: #EBEBEB;
    height: 20px;
	background:#000;
	padding: 5px 10px;
}

.books h2 {
    margin: 0px;
    display: block;
}

.books h2 a{
	width: auto;
	font-size: 20px;
	text-transform: uppercase;
	font-family: "OpensansB",sans-serif;
	font-weight: normal;
}

.books h2 a:hover { opacity:0.4;}

.books-box {width: 50%;float: left; height: 240px;}
@media all and (max-width: 840px) { .books-box {width: 100%;} }
@media all and (min-width: 840px) and (max-width: 1120px) { .books-box {width: 50%;} }

.books h1 { color:#000; border-bottom:3px solid #ebebeb; margin: 0 0 25px 20px; padding-top:20px;}

.books-img-a{
	display: block;
	float: left;
	width: 186px;
	padding-right: 25px;
	overflow:hidden;
}

.books img {
    float: left;
    display: block;
    border: 0px;
	width:260px;
	margin-left:-38px;
}