/* 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;
}


*{border:0px solid #eee;margin:0;padding:0;list-style:none}
html,body,#bg,#bg table,#bg td,#cont{width:100%;height:100%;overflow:hidden; color:#000}
body{font-family: 'OpensansR', sans-serif;font-size:10px;cursor:default;background:url(back.gif);color:#000; background-color:#fff}
h1, h2 ,.large ,.left{font-family:"Century Gothic","Lucida Grande",Arial,sans-serif;font-size:40px}
h2,.box div img{padding-bottom:10px}
a{text-decoration:none;color:#000;outline:0;}
a img { border:0px;}
li {line-height:35px;}







/*********************/
/*    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:18px !important;font-size:12px !important;margin:2px 0px 0px 12px !important;border:0px none !important;color:#222 !important;width:180px;font-family:'OpensansR',sans-serif;font-weight:normal;background:none !important; box-shadow: none !important; padding:0px !important;}
.button-submit{height:23px;width:27px !important;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  */
/*********************/





/* MENU */

.menu{ width:100%; min-width:860px; height:85px;line-height:35px;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;	
}
.menu div{height:70px;padding:12px 0 0 7px; float:left; background:#fff;}
.menu ul{float:left;width:130px; margin:0px;}
.menu li a{height:13px;padding:0 5px;color:#999;display:block}
.menu li a:hover{color:#000}

.menu .pblog a{color:#FF3399}
.menu .sketch a{color:#0099FF}
.menu .stock a{color:#ff9c00}


/* MENU-2 */

.menu-2 { font-size:16px; position:relative; }
.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;}
.menu-2 li a { display:block; height:70px !important; line-height:100px;}
.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;
	}
	
	.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;
	}





ul{float:left;width:130px}
li a{height:13px;padding:0 5px;font-weight: normal;color:#999;display:block}
li a:hover{color:#000; text-decoration:none;}
.pblog a{color:#FF3399}
.sketch a{color:#0099FF}
.book a{color:#ff9c00}

#content{position:absolute;top:130px;left:0px;width:100%}

#flashcontent {position:absolute;top:95px; bottom:50px; left:0px;width:100%; background-color:#666; background:url(back.gif)}

#bottommenu{position:absolute;bottom:0px;left:0px;width:100%; text-align:center}

#bottommenumenu div{height:76px;padding:0px 0 0 0px}