@charset "utf-8";

/*#############################################################

© 2007
Author: Igor Jovic
URL: http://spinz.se

#############################################################*/

/* default elements */

* {
	margin	: 0px;
	padding	: 0px
}

h3 {
	font-family		: arial, verdana, helvetica, sans-serif;
	font-size		: 1.1em; 
	font-weight		: bold;
	color			: #6495ed;
	padding-left	: 5px;
	line-height		: 1.6em
}

h1 {
	font-family		: arial, verdana, helvetica, sans-serif;
	font-size		: 2.0em; 
	font-weight		: normal;
	color			: #fff;
	padding-left	: 5px;
	line-height		: 1.6em
}

h2 {
	padding-top		: 7px;
	padding-bottom	: 7px;
	font-family		: arial, verdana, helvetica, sans-serif;
	font-size		: 15px; 
	color			: #a9a9a9;
}

p {
font-family:Verdana, Arial, helvetica, sans-serif;
font-size:0.7em; 
font-weight: normal;
color:#555555;
}

a
{
color:#3399ff;
font-size:0.9em; 
font-weight:normal;
font-style:normal;
text-decoration:underline;
}

a:link
{
color:#3399ff;
font-weight:normal;
font-style:normal;
text-decoration:underline;
}

a:visited
{
color:#3399ff;
font-style:normal;
font-weight:normal;
text-decoration:underline;
}

a:hover
{
color:#3399ff; 
font-style:normal;
text-decoration:none;
}

/* Layout */

body
{
	background		: url(Img/bg.gif) repeat-x #303030;
	font-family		: Arial, Verdana, Helvetica, sans-serif;
	text-align		: center;
	color			: #333333;
}

#wrapper {
	background		: transparent;
	margin-top		: 0px;
	margin-right	: auto;
	margin-bottom	: 0px;
	margin-left		: auto;
	width			: 850px;
}

#header .logo {
	float		: left;
	padding		: 30px 0 0 17px;;
	border		: none;
}

#nav ul {
	float		: right;
	margin		: 0;
	padding		: 75px 0 0 0;
}

#nav li {
	text-align:left;
	float:right;
	margin-left:2px;
	padding-left:0px;
	padding-bottom:0px;
}

#nav ul li a {
	display:block;
	color:#ffffff;
	border-top:1px solid #46433e;
	border-left:1px solid #46433e;
	border-right:1px solid #46433e;
	line-height:2.5em;
	padding:0 18px 0 18px;
	background:transparent;
	font-weight:normal;
	font-size: 0.76em;
	text-decoration: none;
}

#nav li a:hover
{
color: #131313;
background-color:#ffffff;
}

#nav ul li .selected
{
color: #131313;
background-color:#ffffff;
}

#sub_contents_area {
	position		: absolute;
	width			: 600px;
	height			: 460px;
	color			: #866;
	text-align		: left;
}

#sc_wrap {
	margin			: 0px auto;
	width			: 480px;
}

#sub_contents_area .item {
	display			: none;
	margin			: 0px;
	padding			: 10px;
	background-color	: #eee;
	border			: 8px solid #fff;
}

#sub_contents_area .item h2 {
	margin			: 0 0 10px 0;
	padding			: 0;
	color			: #555;
	font-size		: 16px;
	border-bottom	: 1px solid #555;
}

#sub_contents_area .item h3 {
	margin:10px 20px 10px 20px;
	padding:0;
	color:#555;
	font-size:14px;
	border-bottom:1px dashed #555;
}

#sub_contents_area .item ul {
/*
	line-height:20px;
border:1px solid red;
*/
	margin:0 20px;
}

#sub_contents_area .item ul li {
	font-size:12px;
	line-height:18px;
	height:18px;
	color:#555;
}

#sub_contents_area .item p {
	font-size:12px;
	line-height:18px;
	color:#555;
	margin:0 20px;
	padding:0;
}

#content
{
float:left;
margin-left:0px;
margin-right:0px;
/*
width:850px;
border:1px solid #000;
*/
background:#000000;
margin-bottom:10px;
border:1px solid #000;
padding-bottom:20px;
}

#col1 {
	height		: 463px;
	background	: url(Img/slogan_real.png) no-repeat ;
	margin		: 30px 30px 0 30px;
	text-align	: left;
	font-size	: 0.9em;
	border		: 8px solid #ffffff;
}

#col1 h1
{
	display:block;
	font-size:1.6em;
	font-family:Helvetica, Arial, sans-serif;
	text-align:left;
	font-weight:normal;
	color:#ffffff;
	font-weight:normal;
	padding-bottom:0px;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:5px;
}

#col1 p {
	font: normal 0.9em Arial, Verdana, Helvetica, sans-serif;
	font-size:0.9em;
	color: #cccccc;
	padding:10px;
	text-align:left;
}

#slider ul, #slider li {
	margin:0;
	padding:0;
	list-style:none;
}
#slider, #slider li{ 
	width:774px;
	height:463px;
	margin-top	: 0px;
	overflow:hidden; 
}
#slider li .desc {
	display:none;
}
span#prevBtn{float:right;width:80px;height:24px;margin-top:20px;}
span#nextBtn{float:right;width:80px;height:24px;margin-top:20px;margin-left:10px;}
span#clickBtn{float:right;width:80px;height:24px;margin-top:30px;margin-right:170px;}
span#commentArea{
	display:none;
	width:474px;
	height:54px;
	font-size:14px;
	font-weight:normal;
	color:#333;
	padding:5px 5px 5px 5px;
	border:8px solid #fff;;
	background-color:#ccc;
}
span#commentArea_wrap{
	display:block;
	float:left;
	width:590px;
	height:80px;
	margin:0 20px 0 20px;
	padding:10px 10px 10px 110px;
}

#slide_btn {
/*
	position:relative;
	left:5px;
	top:-154px;
border:1px solid red;
*/
	position	: absolute;;
	top			: 449px;
	width:760px;
	height:144px;
}

#col2
{
	float		: left;
	margin		: 25px 0 0 0;
	padding		: 0 0 0 30px;
	background	: transparent;
	width		: 378px;
	height		: 400px;
	text-align	: left;
	font-size	: 0.9em;
/*
	border		: 1px solid red;
*/
}

#col2 h1 {
	display		: block;
	width		: 166px;
	height		: 28px;
	line-height	: 28px;
	text-align	: left;
	font-weight	: normal;
	color		: #fff;
	margin		: 0 0 10px 0;
	padding		: 0 5px 0 10px;
/*
	background-image	: url(Img/h1_base2.png);
*/
	background-image	: url(Img/h1_label2.png);
	background-repeat	: no-repeat;
	background-color	: black;
	background-position	: left top;
	font-size	: 1.8em;
	font-family	: "Times New Roman",Times,serif;
}

#col2 h3 {
	margin	: 10px 0 10px 0;
	padding	: 0 5px 0 10px;
	color: #ffffff;
	text-align: left;
	font-weight: normal;
	background-repeat: no-repeat;
/*
	background-image: url(Img/col2_news2.gif);
*/
	background-image: url(Img/h2_label.png);
	font-size: 1.4em;
	font-family: "Times New Roman",Times,serif;
	line-height :30px;
}


#col2 p
{
	font		: normal 0.9em Arial, Verdana, Helvetica, sans-serif;
	font-size	: 0.8em;
	color		: #999999;
	text-align	: left;
	margin		: 0;
	line-height	: 18px;
	letter-spacing : 1px;
}

#col2 span
{
/*
	font		: normal 0.9em Arial, Verdana, Helvetica, sans-serif;
	font-size	: 0.8em;
*/
	font-size	: 12px;
	color		: #999999;
	text-align	: left;
	margin		: 0;
	line-height	: 18px;
	letter-spacing : 1px;
}

#col2 ul
{
	list-style-type:none;
	margin:0px;
}

#col2 li 
{
	background	: url(Img/arrow.gif) no-repeat center left;
	margin		: 0;
	padding		: 0;
	color		: #999999;
	font-size	: 12px;
	line-height	: 20px;
}

#col2 ul li a
{
	font-size	: 12px;
	line-height	: 20px;
/*
color:#e1e1e1;
padding-left:20px;
font-weight:normal;
font-size: 0.8em;
text-decoration: underline;
*/
}

#col2 ul li a:hover
{
	font-size	: 14px;
	line-height	: 20px;
/*
color: #fff;
text-decoration:none;
*/
}

#col3_wrap {
	float:left;
	width:387px;
	height:400px;
	margin	: 25px 0 0 0;
	padding	: 0 0 0 25px;
text-align:left;
font-size:0.9em;
/*
border:1px solid red;
*/
}

#col3
{
	text-align:left;
	font-size:0.9em;
}

#col3 ul {
	margin	: 0;
	padding	: 0;
}

#col3 h2 {
	font-size:16px;
	line-height:20px;
	margin:0 0 10px 0;
	padding:0;
}

#col3 h3 {
  padding-left: 12px;
  margin-left: 5px;
  color: #33ff55;
  margin-top: 6px;
  text-align: left;
  font-weight: normal;
  background-repeat: no-repeat;
  font-size: 0.9em;
  font-family: "Times New Roman",Times,serif;
}

#book h4, #proj h4 {
	margin		: 0 0 5px 0;
	padding		: 0;
	font-size	: 16px;
	font-weight	: normal;
	color		: #9999ff;
}

#book ul, #proj ul {
	margin-bottom	: 5px;
	font			: italic 0.8em Arial, Verdana, Helvetica, sans-serif;
	color			: #fff;
}

#col3 p

{ 
font: italic 0.8em Arial, Verdana, Helvetica, sans-serif;
margin-top:1px;
color: #ffffff;
text-align:left;
}

#col3 p .big

{ 
float:left;
font-family: Georgia, Arial, sans-serif;
font-size:3em;
color: #f7f528;
padding-left:0px;
text-align:left;
}


#col4

{
float:right;
width:800px;
height:280px;
margin-right:40px;
padding-top:35px;
text-align:left;
font-size:0.9em;
}

#col4 h1 {
  text-align: left;
  font-weight: normal;
  color: #ffffff;
  margin-bottom: 5px;
  margin-left: 15px;
  background-image: url(Img/h1_base.png);
  background-repeat: no-repeat;
  background-color: black;
  background-position: left top;
  padding-left: 12px;
  padding-top:4px;
  font-size: 1.8em;
  font-family: "Times New Roman",Times,serif;

}

#col4 h2 {
  text-align: left;
  font-weight: normal;
  color: #ffffff;
  margin-bottom: 5px;
  margin-left: 18px;
  padding-left: 12px;
  padding-top:4px;
  font-size: 1.4em;
  font-family: "Times New Roman",Times,serif;

}



#footer 

{
clear:both;
margin-top:0px;
background:transparent;
color:#666666;;
margin-left:auto;
margin-right:10px;
margin-bottom: 0px;
padding-top:0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}

#footer p 

{
font-size:0.7em;
font-family:arial;
font-weight:normal;
line-height: 1.4em;
color:#a4a3a3;
padding-top:10px;
padding-bottom:10px;
padding-left:5px;
text-align:left;
margin:auto;
}

#footer a 
{
font-size:1em;
text-decration:none;
font-weight:normal;
color:#fff710;
text-align:center;
}

#footer a:hover

{
text-decoration:none;
font-weight:normal;
color:#fff710;
text-align:center;
}


.impact {

color: #33ccff;
}

#rectangle {
width:370px;
height:154px;
font-size:1.1em;
scrollbar-base-color: #338845;
scrollbar-arrow-color: #ffffff;
overflow:auto;
}


.waku1 {
float:left;
font-size: 0.9em;
margin-right:5px;
padding-left:10px;
background:#B3C5D9;
height:150px;
width:180px;
border-color:#2B609C;
border-width:0 0 3px 0;
border-style:solid;

}

.waku1 p{
background-color:#D8BFD8;
font-size: 1.2em;
}

.waku1 a{
padding-left:15px;

}


#sideBar{
	position: absolute;
	top			: 200px;
	right		: 1px;
/*
	width		: auto;
	height		: auto;
	right		: -7px;
*/
	background-image : url(images/background.gif);
	background-position : top left;
	background-repeat : repeat-y;
}

#sideBarTab{
	float		: left;
	width		: 28px;
	height		: 137px;
}

#sideBarTab img{
	border		: 0px solid #000000;
}

#sideBarContents{
	width		: 0px;
	overflow	: hidden !important;
}
	
#sideBarContentsInner{
	position	: absolute;
	top			: 0px;
	left		: 45px;
	display		: none;
	float		: left;
}

.clear_both {
	clear		: both;
}

.cont_pic_area {
	display		: none;
	position	: relative;
	background-color	: #f00;
	widht		: 320px;
	height		: 240px;
	top:0px;
	right:0;
}