/*
FOLLOWING: DIRRRRTY STYLE
*/

/* world
--------------------------------------------------*/

body {
	font: 63%/1.7em "Lucida Grande", "Verdana", "Lucida Sans Unicode", verdana, geneva, sans-serif;
	color:#000;
	background: #fff;
}

* {
	margin:0;
	padding:0;

}

a { 
	color: #999999;
	font-size: 100%;
	text-decoration: none;	
}

a:hover { 
	color: #fff;
	background: #000;
	font-size: 100%;
	text-decoration: none;	
}


/* header
--------------------------------------------------*/

#header_right {
	z-index: 105;
	font-weight: bold;
	position: fixed;
	text-align: left;
	padding-left: 10px;
	width:400px;
	right: 0px;
	top: 0px;
	color: #fff;
	background: #000;
	font-size: 150%;
	line-height: 20px;
	-moz-border-radius-topleft: 10px; 
	-moz-border-radius-bottomleft: 10px; 
	-khtml-border-radius-topleft: 10px;
	-khtml-border-radius-bottomleft: 10px;
	-webkit-border-top-left-radius:10px; 
	-webkit-border-bottom-left-radius:10px;
}

#header_left {
	z-index: 105;
	position: fixed;
	text-align: right;
	padding-right: 10px;
	left: 0px;
	width: 400px;
	top: 0px;
	background: #000;
	line-height: 20px;
	-moz-border-radius-topright: 10px; 
	-moz-border-radius-bottomright: 10px; 
	-khtml-border-radius-topright: 10px;
	-khtml-border-radius-bottomright: 10px;
	-webkit-border-top-right-radius:10px; 
	-webkit-border-bottom-right-radius:10px;

}
#header_left a {
	font-weight: bold;
	color: #fff;
	font-size: 150%;
}
#header_left a:hover {
	text-decoration: line-through;
}
#header_right a {
	font-weight: bold;
	color: #fff;
	font-size: 100%;
}
#header_right a:hover {
	text-decoration: line-through;
}



#header_right_detail {
	z-index: 101;
	font-weight: bold;
	text-align: left;
	position: fixed;
	padding-left: 10px;
	width:350px;
	top: 30px;
	right: 0px;
	color: #fff;
	background: #000;
	font-size: 100%;
	line-height: 15px;
	-moz-border-radius-topleft: 7px; 
	-moz-border-radius-bottomleft: 7px; 
	-khtml-border-radius-topleft: 7px;
	-khtml-border-radius-bottomleft: 7px;
	-webkit-border-top-left-radius:7px; 
	-webkit-border-bottom-left-radius:7px;
}

#header_left_detail {
	z-index: 101;
	text-align: right;
	position: fixed;
	padding-right: 10px;
	width: 350px;
	left: 0px;
	top: 30px;
	background: #000;
	line-height: 15px;
	-moz-border-radius-topright: 7px; 
	-moz-border-radius-bottomright: 7px; 
	-khtml-border-radius-topright: 7px;
	-khtml-border-radius-bottomright: 7px;
	-webkit-border-top-right-radius:7px; 
	-webkit-border-bottom-right-radius:7px;
}

#header_left_detail a {
	font-weight: bold;
	color: #fff;
	font-size: 100%;
}
#header_left_detail a:hover {
	text-decoration: line-through;
}

#help_nav {
	z-index: 101;
	position: fixed;
	left: 420px;
	top:0px;
	background: url('help.png');
	width: 100px;
	height: 50px;
}

/* blocks index
--------------------------------------------------*/

#content_wrapper {
	z-index: 99;
	border: 0px solid red;
	margin: 50px;
}

.block {
	border: 2px solid #000;
	float: left;
	width: 200px;
	height: 200px;
	-moz-border-radius: 50px;
	-khtml-border-radius: 50px;
	-webkit-border-radius: 50px;

}

/* Shadow of Block */
#blockContainer {
	position: relative;
	background: #9e9e9e;
	margin: 10px;
}

/* Content in Block */
#blockContent {
	background-color: #fff;
	color:#000;
	border: none;
	position: relative;
	left: -5px; 
	top: -5px; 
}

/* Main Line in Block */
.title { 
	font-size: 200%;
	text-align: center;
	line-height: 23px;
}
.about { 
	margin-top: 20px;
	font-size: 400%;

	text-align: center;
	line-height: 23px;
}

/* a of block */

.title_wrapper {
	display: block;
	padding-top: 115px;
	padding-left: 5px;
	padding-right: 5px;
	width:190px;
	height:85px;
	color: #000;
	-moz-border-radius: 50px;
	-khtml-border-radius: 50px;
	-webkit-border-radius: 50px;	
}
.title_wrapper:hover {
	background: #000;
	color: #fff;
}

/* detail
--------------------------------------------------*/


#detail_wrapper {
	z-index: 99;
	border: 0px solid red;
	margin-left: 50px;
	margin-top: 70px;
}


.detail {
	width: 600px;
	-moz-border-radius:50px;
	-khtml-border-radius: 50px;
	-webkit-border-radius:50px;

}

/* Shadow of Block */
#detailContainer {
	position: relative;
	background: #9e9e9e;
	margin: 10px;
	margin-bottom: 20px;
}


/* Content in Block */
#detailContent {
	text-align: center;
	padding:0px;
	border: none;
	color: #000;
	background: #fff;
	border: 0px solid #fff;
	position: relative;
	left: -5px; 
	top: -5px; 
}


#detailContent img {
	margin: 30px;
}

#detailContent p {
	text-align: left;
	margin:30px;
	font-size: 120%;
	line-height:20pt;

}

.desc {
	width: 400px;
	float:left;
	-moz-border-radius:50px;
	-khtml-border-radius: 50px;
	-webkit-border-radius:50px;

}

/* Shadow of Block */
#descContainer {
	position: relative;
	background: #9e9e9e;
	margin: 10px;
}


/* Content in Block */
#descContent {
	text-align: center;
	padding:0px;
	border: none;
	color: #000;
	background: #fff;
	border: 0px solid #fff;
	position: relative;
	left: -5px; 
	top: -5px; 
}


#descContent img {
	margin: 30px;
	border: 0px;
}

#descContent p {
	text-align: left;
	margin: 30px;
	font-size: 120%;
	line-height:15pt;

}

#detail_column {
	float: left;
}

#more {
	float:right;
	font-size: 90%;
	color: #000;
	margin-right: 40px;
}

/* footer
--------------------------------------------------*/

#footer3 {
	z-index: 100;
	position: fixed;
	right: 0px;
	bottom: 0px;
	color: #000;
}

#footer3 img {
	background: none;
	border: 0px;
}

#footer3 a {
	background: none;
	border: 0px;
}
#footer3 a:hover {
	background: none;
	border: 0px;
}