/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0;
}

/* set image max width to 100%
img {
	max-width:100%;
	min-width:100%;
	/*height: auto;
	width: auto\9; */ /* ie8 */
} */

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body {
	background: #373737 url(../images/bg.jpg);
	font: .81em/150% Arial, Helvetica, sans-serif;
	color: #666;
}
a {
	color: #026acb;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: underline;
}
p {
	padding: 0;
}

/* list */
ul, ol {
	margin:0;
	padding: 0;
	line-height: 100%; /*  140%;  */
	list-style:none;
}
li {
	margin: 0 0 .5em 0;
	padding: 0;
}

/* headings */
h1, h2, h3, h4, h5, h6 {
	line-height: 1.2em;
}
h1 {
	font-size: 2em;
}
h2 {color:#FFFFFF;
	font-size: 1.6em;

}


/************************************************************************************
STRUCTURE
*************************************************************************************/
#pagewrap {
	width: 980px;
	margin: 0 auto;
}


/* top start */
#header {
	position: relative;
	width:980px;
	height:80px;}
#site-logo { position: absolute; top:20px; left:0px;}
#site-logo a {
	font: bold 30px/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;}
.viewdemo{  font-size:12px; position:absolute; top:39px; left:230px; }
.viewdemo a{ color:#ccc;}
.clear{ clear:both}

/*content starts*/
#content { background-color:#373737; min-width:980px;}
#main-contents{ padding:10px 20px;}	
.post-image{
	background:#000 url(../images/main_img.jpg) no-repeat right;
	min-width: 960px;
	height:135px;
	padding-left:20px;
	margin:0;
	color:#FFF;
	}
.post-image p{ width:350px;}
H2.title{ color:#FFF; font-family: 'Play', sans-serif; position:relative;top:20px;}
.text {
	font-size:0.9em;
	font-family: 'Play', sans-serif;
	color:#CCC;
	line-height:110%;
	position:relative;
	top:35px;
	width:300px;
}


ul { width:100%;}
ul li.list{ border-bottom:1px solid #000; clear:both; overflow: auto;word-wrap: break-word; color:#fff; padding:10px 0;}
ul li.list a{ text-decoration:none; color:#fff;}
ul li.list a:hover{text-decoration:underline; color:#fff;}
ul li.video{ clear:both; margin:12px 0; color:#fff;}
ul li span{ float:left}
ul li .img{width:128px;} 
#footer{ font-family:Arial, Helvetica, sans-serif; margin:20px 0; text-align:center; font-size:0.75em; color:#cccccc;}
.fleft {float:left}
.fright {float:right}
.clear {clear:both}
/* CLEARFIX */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }

.featured .titlebox{ height:61px; background:url(../images/title_bg.jpg) top left no-repeat; padding-left:20px; width:960px;}
.featured .titlebox .title{ margin-right:25px; margin-top:22px; display:inherit;}
.featured .titlebox p{ color:#d3d3d3; display:block; font-family:Verdana, Geneva, sans-serif; font-size:12px;}
.featured .con{ padding:20px 0 0px 20px; width:960px;}
.featured .con a{ color:#FFF; text-decoration:none;}
.featured .con .inbox{ float:left; margin-right:20px; margin-bottom:20px; position:relative; display:inline; width:300px; }
.featured .con .inbox .notice{position:absolute; top:40px; background-color:white; border:2px black solid; padding:5px 10px; display:none;}
.featured .con .inbox .title{ height:40px; background:rgba(0,0,0,0.9); width:300px; position:absolute; top:0px; left:0px; font-size:15px; font-weight:bold; line-height:40px; color:#FFF; z-index:100;}
.featured .con .inbox .title p{ padding-left:20px;}

.mg_t21{ margin-top:21px;}
.mg_t11{ margin-top:11px;}

@font-face {
    font-family: "LubalinGraph";
    src: url("fonts/Lubalin Graph Demi 2.ttf");}