body {
	margin:0; 
    color:#ffffff; 
	background:url(http://kino-eye.com/dmi/images/body_bg.png); 
	font-family:Helvetica, sans-serif;
}

#container {
	width:946px; 
	margin:0 auto;
}

/* use with <br class="clearit" /> */
..clearit {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: px; /*for IE*/
}



/* ======== HEADER =================================== */

#header {
	height:102px;
}

#logo {
	float:left; 
	padding:33px 0 0 33px; 
	font-size:32px; 
	font-family:Helvetica, Sans Serif
}

#logo a {
	color:#ffffff; 
	text-decoration:none;
}

#slogan {
	float:right; 
	color:#ffffff; 
	font-size:16px; 
	text-align:center; 
	font-family:Helvetica, Sans Serif; padding:33px 33px 0 0;
}

/* ======== IMAGES =================================== */

.img_left {
	border: 0;
	margin-left: 0px;
	margin-right: 12px;
	margin-top: 0px;
	margin-bottom: 8px;
	float: left;
	clear: left;
}

.img_right {
	border: 0;
	margin-left: 12px;
	margin-right: 0px;
    margin-top: 0px;
	margin-bottom: 8px;
	float: right;
	clear: right;
}


/* ======== TEXT =================================== */

#text {
	margin-right:250px;
}

#text_top {
	background:url(http://kino-eye.com/dmi/images/text_top.png) no-repeat; 
	height:8px; 
	font-size:1px;
}

#text_bottom {
	background:url(http://kino-eye.com/dmi/images/text_bottom.png) no-repeat; 
	height:8px; 
	font-size:1px; 
	margin-bottom:4px;
}

#text_main {
	background:url(http://kino-eye.com/dmi/images/text_bg.png) repeat-y; 
	padding:26px 34px;
}

#text br {
	line-height:10px;
}

#text h1 {
	font-size:28px; 
	font-weight:normal; 
	margin:0 0 8px 0; 
	color:#8EA9C4; 
	font-family:Helvetica, Sans Serif;
}

#text h2 {
	font-size:24px; 
	font-weight:normal; 
	margin:24px 0 8px 0; 
	color:#7D9CBB; 
	font-family:Helvetica, Sans Serif;
}

#text ol, #text ul {
	padding:0; 
	margin:10px 0;
}

#text li {
	margin-left:40px;
}

#text, #sidebar {
	font-size:13px; 
	line-height:17px; 
	color:#444444;
}

#text a, #sidebar a {
	color:#660066;
}

#text a:hover, #sidebar a:hover {
	color:#660099;
}

/* ======== SIDEBAR =================================== */

#sidebar {
	width:246px; 
	float:right; 
	margin-left:4px;
}

.sidebar_top {
	background:url(http://kino-eye.com/dmi/images/sidebar_top.png) no-repeat; 
	height:8px; 
	font-size:1px;
}

.sidebar_main {
	background:url(http://kino-eye.com/dmi/images/sidebar_bg.png) repeat-y; 
	padding:10px 24px 16px 24px;
}

.sidebar_bottom {
	background:url(http://kino-eye.com/dmi/images/sidebar_bottom.png) no-repeat; 
	height:8px; 
	font-size:1px; 
	margin-bottom:4px;
}

#sidebar h3 {
	font-size:20px; 
	font-weight:normal; 
	margin:0 0 8px 0; 
	color:#7D9CBB; 
	font-family:Helvetica, Sans Serif;
}

#sidebar ul {
	margin:0px; 
	padding:0px;
}

#sidebar li {
	list-style:none; 
	padding:1px 0 1px 12px; 
	background:url(http://kino-eye.com/dmi/images/li.png) 0px 8px no-repeat;
}

/* ======== FOOTER =================================== */

#footer {
	color:#F5F7FA; 
	clear:both; 
	xtext-align:center; 
	font-size:11px; 
	line-height:17px; 
	height:30px; 
	padding-top:18px;
}

#footer a {
	color:#F5F7FA;
}

#footer a:hover {
	color:#E4E9F1;
}