html,body{
	height:100%;
}
body {
	margin: 0;
	color: #000;
	background: url("../images/bg-m1.gif") repeat;
	font: 12px verdana, geneva, sans-serif;
}
/* General reset */
form, fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}
img {border-style: none;}

input, select, textarea {
	vertical-align: middle;
	font: 100% arial, helvetica, sans-serif;
}
a {
	color: #cb2626;
	text-decoration: underline;
}
a:hover {text-decoration: none;}

/* General settings */
#m1{
	width:100%;
	overflow:hidden;
	background: url("../images/bg-body.gif") repeat-x;
	min-height:100%;
}
#m1 .t{
	width:770px;
	height:452px;
	margin:5px auto 0;
	background: url(../images/bg-wrapper-t.png) no-repeat 0 0;
}
#wrapper{
	width:770px;
	margin:0 auto;
}
#wrapper .frame{
	width:752px;
	margin:-4px 9px 0;
	position:relative;
	background:#9d9d9d url(../images/bg-wrapper-frame.gif) repeat-x 0 0;
}
#wrapper .frame.first{
	background:#ffffff url(../images/bg-wrapper-frame.gif) repeat-x 0 100%;
}
* html #wrapper .frame {
	height:1%;
	overflow:visible;
}

#wrapper .frame:after {
	content:"";
	display:block;
	clear:both;
}
#wrapper .cont{
	width:752px;
	margin:-453px 0 0;
	float:left;
	position:relative;
}
#header{
	height:117px;
	padding:14px 0 0;
	width:100%;
	overflow:hidden;
}
#header h1 {
	float:left;
	width: 223px;
	height: 72px;
	margin: 22px 0 0 7px;
	display:inline;
	
}
#header h1 a{
	width: 223px;
	height: 72px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/logo.png);
}
#menu{
	float:right;
	width:500px;
	overflow:hidden;
	margin:2px 0 0;
	padding:0;
	list-style:none;
}
#menu li{
	float:left;
	margin:0 2px 0 0;
}

#menu li span{
	display:block;
	display: table-cell;
	vertical-align: bottom;
	text-align:center;
}
#menu li a{
	height:79px;
	padding:0 0 6px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	background:#8f8f8f;
	color:#d9d9d9;
	display:table;
	width: 50px;
}
#menu li a strong{
	display:block;
	cursor:pointer;
}
* html #menu li a{
	display:block;
	position:relative;
}
*+html #menu li a{
	display:block;
	position:relative;
}
* html #menu li span {
	top: 93%;
	display:block;
	position: absolute;
}
* html #menu li span strong {
	top: -93%;
	display: block;
	position: relative;
}
*+html #menu li span {
	top: 93%;
	display:block;
	position: absolute;
}
*+html #menu li span strong{
	top: -93%;
	display: block;
	position: relative;
}
#menu li a:hover,
#menu li a.quote:hover{
	color:#4d4b4b;
}
#menu li.active a:hover{
	color:#d9d9d9;
}
#menu li.active a{
	background:#4d4b4b;
}
#menu li a.home,
#menu li a.home span{
	width:54px;
}
#menu li a.about,
#menu li a.about span{
	width:63px;
}
#menu li a.contact,
#menu li a.contact span{
	width:68px;
}
#menu li a.new,
#menu li a.new span{
	width:58px;
}
#menu li a.tech,
#menu li a.tech span{
	width:80px;
}
#menu li a.notes,
#menu li a.notes span{
	width:98px;
}
#menu li a.quote{
	width:56px;
	background:#cb2626;
	color:#fff;
}
#menu li a.quote span{
	width:61px;
}
#main{
	width:100%;
}
#main:after {
	content:"";
	display:block;
	clear:both;
}
#visual{
	width:752px;
	background: url(../images/bg-box.gif) repeat-y;
}
#visual .frame{
	width:752px;
	background: url(../images/bg-box-frame.gif) no-repeat;
	margin:0;
}
#visual .bg{
	width:702px;
	min-height:290px;
	overflow:hidden;
	background: url(../images/bg-box-bg.gif) no-repeat 0 100%;
	padding:17px 34px 4px 16px;
}
#visual .slide{
	padding:5px 0 0;
	width:349px;
	float:left;
}
#visual .slide img{
	display:block;
}
#visual .slide p{
	margin:0;
	width:330px;
	display:block;
	background:#3c3c3c;
	color:#fff;
	font-size:10px;
	font-weight:bold;
	line-height:12px;
	padding:12px 11px 14px 8px;
}
#visual .txt{
	width:330px;
	float:right;
}
#visual .txt h2,
#sidebar .visual h3,
#sidebar .box3 h3{
	color:#414141;
	font-size:24px;
	margin:0 0 3px;
}
#sidebar .box3 h3{
	color:#cacaca;
	margin:0 0 7px;
}
#visual .txt h4,
#sidebar .visual h4{
	font-size:12px;
	margin:0;
}
#visual .txt h4 a,
#sidebar .visual h4 a{
	text-decoration:none;
}
#visual .txt h4 a:hover,
#sidebar .visual h4 a:hover{
	text-decoration:underline;
}
#visual .txt p,
#sidebar .visual p{
	font-size:10px;
	margin:0 0 14px;
	line-height:12px;
}
#sidebar .visual p{
	margin:0 0 15px;
}
* html #visual .bg{
	height:290px;
	overflow:visible;
}
#sidebar{
	margin:-3px 0 0;
	position:relative;
	width:228px;
	overflow:hidden;
	float:left;
}
#sidebar .visual{
	width:228px;
	background: url(../images/bg-box2.gif) repeat-y;
}
#sidebar .visual .frame{
	width:228px;
	background: url(../images/bg-box2-frame.gif) no-repeat;
	margin:0;
}
#sidebar .visual .bg{
	width:176px;
	overflow:hidden;
	min-height:446px;
	background: url(../images/bg-box2-bg.gif) no-repeat 0 100%;
	padding:17px 22px 28px 30px;
}
* html #sidebar .visual .bg{
	height:446px;
	overflow:visible;
}
#sidebar .box3{
	width:228px;
	background: url(../images/bg-box3.gif) repeat-y;
}
#sidebar .box3 .frame{
	width:228px;
	background: url(../images/bg-box3-frame.gif) no-repeat;
	margin:0;
}
#sidebar .box3 .bg{
	width:166px;
	overflow:hidden;
	min-height:206px;
	background: url(../images/bg-box3-bg.gif) no-repeat 0 100%;
	padding:17px 30px 33px 32px;
}
#sidebar h4{
	color:#4d4b4b;
	font-size:12px;
	display:inline;
	margin:0 0 
}
#sidebar .date{
	margin:0;
	padding:11px 0 15px 15px;
	list-style:none;
}
#sidebar .date li{
	font-size:10px;
}
#sidebar .date li a{
	background: url(../images/bg-date.gif) no-repeat 0 4px;
	padding:0 0 0 10px;
	text-decoration:none;
}
#sidebar .date li a:hover,
#sidebar .tags li a:hover{
	text-decoration:underline;
}
#sidebar .tags{
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
#sidebar .tags li{
	display:inline;
	font-size:10px;
}
#sidebar .tags li a{
	text-decoration:none;
	color:#000;
}
#content{
	width:408px;
	float:right;
	overflow:hidden;
	padding:0 72px 54px 0;
	margin:-9px 0 0;
	position:relative;
}
#content h2{
	color:#414141;
	font-size:24px;
	margin:0 0 3px;
}
#content p{
	margin:0 0 10px 25px;
	line-height:14px;
}
#content p span{
	color:#cb2626;
}
#content h3{
	font-size:18px;
	color:#cb2626;
	margin:0;
	line-height:20px;
}
#content .posted{
	font-size:10px;
	margin:0 0 14px;
}
#content .posted a{
	color:#cb2626;
	text-decoration:none;
}
#content .posted a:hover{
	text-decoration:underline;
}
#content p em{
	font-size:10px;
	line-height:12px;
	display:block;
	padding:0 0 8px;
}
#content .image{
	width:100%;
	margin:0 0 11px;
}
#content .image img{
	display:block;
	margin:0 0 4px;
}
#content .image p{
	font-style:italic;
	color:#8f8f8f;
	font-size:10px;
	margin:0;
}
#content h4{
	color:#cb2626;
	font-size:12px;
	margin:17px 0 0;
}
#content .tags{
	background: url(../images/line.gif) no-repeat 0 0;
	width:100%;
	padding:0 0 10px;
	margin:13px 0 0;
}
#content .tags ul{
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
#content .tags ul li{
	display:inline;
	color:#8f8f8f;
	font-size:10px;
	font-style:italic;
}
#content .tags ul li a{
	color:#8f8f8f;
	text-decoration:none;
}
#content .tags ul li a:hover{
	text-decoration:underline;
}
#content .tags strong{
	background: url(../images/coments.gif) no-repeat 0 3px;
	padding:0 0 0 10px;
	font-size:10px;
	font-style:italic;
}
#content .tags strong a{
	text-decoration:none;
}
#content .tags strong a:hover{
	text-decoration:underline;
}
#content .comments{
	width:100%;
	overflow:hidden;
}
#content .comments h4{
	color:#000;
	text-transform:uppercase;
}
#content .comments blockquote{
	width:100%;
	overflow:hidden;
	margin:0;
	padding:15px 0 28px;
	background: url(../images/line.gif) no-repeat 0 0;
}
#content .comments blockquote.first{
	background:none;
}
#content .comments blockquote q{
	quotes: none;
	display:block;
}
#content .comments q:before,
#content .comments q:after{
	content:"";
}
#content .comments blockquote cite{
	font-size:10px;
}
#content .comments cite a{
	color:#cb2626;
	text-decoration:none;
	font-style:normal;
	font-weight:bold;
}
#content .comments cite a:hover{
	text-decoration:underline;
}
#content .comments blockquote em{
	font-size:10px;
}
#content .comments .older{
	float:left;
	margin:5px 0 0;
	font-weight:bold;
	font-style:italic;
	font-size:10px;
}
#content .comments .never{
	float:right;
	margin:5px 0 0;
	font-weight:bold;
	font-style:italic;
	font-size:10px;
}
#colums{
	width:100%;
	overflow:hidden;
	background: url(../images/bg-colums.gif) repeat-y;
}
#colums .bg{
	width:900px;
	overflow:hidden;
}
#colums .bg div{
	float:left;
	width:245px;
	min-height:289px;
}
* html #colums .bg div{
	height:289px;
	overflow:visible;
}
#colums .bg div.one{
	margin:0 8px 0 0;
	padding:17px 10px 17px 20px;
	width:215px;
	background: url(../images/bg-one.gif) no-repeat 0 0;
}
#colums .bg div.two{
	margin:0 8px 0 0;
	padding:17px 30px 17px 18px;
	width:197px;
	background: url(../images/bg-two.gif) no-repeat 0 0;
}
#colums .two p{
	font-size:11px;
	line-height:13px;
	margin:0 0 15px;
}
#colums .bg div.three{
	padding:17px 32px 17px 14px;
	margin:0 8px 0 0;
	width:199px;
	background: url(../images/bg-three.gif) no-repeat 0 0;
}
#colums h3{
	font-size:18px;
	font-weight:bold;
	color:#414141;
	margin:0 0 10px;
}
#colums h3 a{
	font-size:18px;
	font-weight:bold;
	color:#414141;
	margin:0 0 10px;
	text-decoration:none;
}
#colums h3 a:hover{
	font-size:18px;
	font-weight:bold;
	color:#CB2626;
	margin:0 0 10px;
	text-decoration:underline;
}
#colums h5{
	font-weight:normal;
	font-style:italic;
	font-size:10px;
	margin:0;
}
#colums strong{
	color:#cb2626;
	font-size:10px;
	font-style:normal;
}
#colums p{
	font-size:10px;
	line-height:12px;
	margin:0 0 10px;
}
#colums img{
	display:block;
	margin:0 0 10px;
}
#colums h4{
	font-size:16px;
	font-weight:bold;
	color:#414141;
	margin:0 0 10px;
}
#colums h4 a{
	font-size:16px;
	font-weight:bold;
	color:#414141;
	margin:0 0 10px;
	text-decoration:none;
}
#colums h4 a:hover{
	font-size:16px;
	font-weight:bold;
	color:#CB2626;
	margin:0 0 10px;
	text-decoration:underline;
}
#footer{
	width:100%;
	overflow:hidden;
	padding:12px 0 0;
	height:70px;
}
#footer .era a{
	width: 50px;
	height: 29px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background: url(../images/ico-era.png) no-repeat 0 0;
	margin:0 auto;
}
#footer p{
	font-size:10px;
	text-align:center;
	margin:0;
}
#footer ul{
	margin:0 auto;
	padding:0;
	list-style:none;
	width:218px;
	overflow:hidden;
}
#footer ul li{
	background: url(../images/bullet.gif) no-repeat 0 2px;
	padding:0 8px 0 10px;
	float:left;
	margin: 0 8px 0 -8px;
	font-size:10px;
}
#footer ul li a{
	color:#000;
	text-decoration:none;
}
#footer ul li a:hover{
	text-decoration:underline;
}