/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5F5950;
	background-color: #678dd2;
	margin: 0px;
	padding: 0px;
	background-image: url(../pic/page_left_shadow.png);
	background-repeat: repeat-y;
	background-position: left;
}
a {
	color: #3399FF;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
	color: #3399FF;
}
a.nondecor, a.nondecor:hover {
	text-decoration: none;
}
FORM {
margin: 0;
}
#sky_indexpage {
	background-image: url(../pic/sky_fon.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0px;
	padding-top: 0px;
}
#sky_otherpage {
	background-image: url(../pic/sky_fon_other.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0px;
	padding-top: 0px;
}
#snippet_area {
	margin-top: 520px;
	margin-bottom: 30px;
}
#navi_area {
	margin-top: 330px;
}
.sn_corn_1 {
	background-image: url(../pic/snippet_corner_1.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.sn_corn_2 {
	background-image: url(../pic/snippet_corner_2.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.sn_corn_3 {
	background-image: url(../pic/snippet_corner_3.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.sn_corn_4 {
	background-image: url(../pic/snippet_corner_4.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.sn_corn_rule_top {
	background-image: url(../pic/snippet_rule_top.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
.sn_corn_rule_bott {
	background-image: url(../pic/snippet_rule_bottom.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.snip_fon {
	background-image: url(../pic/snippet_area_fon.png);
	background-repeat: repeat-x;
	background-position: center;
}
.sn_icon {
	margin-top: 10px;
}
#snip_header {
	color: #FFFFFF;
	font-family: Impact;
	font-size: 18px;
	padding-left: 8px;
	padding-bottom: 10px;
	padding-top: 15px;
}
/****************** scroll *********************/
.Container {
	height: 70px;
	color: #DCE0F5;
	padding-left: 8px;
	/*border: 1px solid #FF0000;*/
	width: 90%;
	padding-right: 15px;
}
#Scroller-1 {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 70px;
}
#Scroller-2 { 
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 70px;
}
#Scroller-3 { 
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 70px;
}
.Scroller-Container {
	position: absolute;
	top: 0px;
	left: 0px;
	/*border: 1px solid #CCFF66;*/
}
.Scroller-Container a {
	text-decoration: none;
	color: #DCE0F5;
}
#Scrollbar-Container-1 {
	position: relative;
	top: -72px;
	right: 0px;
	/*border: 1px solid #FF0000;*/
	width: 11px;
	float: right;
}
#Scrollbar-Container-2{
	position: relative;
	top: -72px;
	right: 0px;
	/*border: 1px solid #FF0000;*/
	width: 11px;
	float: right;
}
#Scrollbar-Container-3{
	position: relative;
	top: -72px;
	right: 0px;
	/*border: 1px solid #FF0000;*/
	width: 11px;
	float: right;
}
.Scrollbar-top {
	cursor: pointer;
	position: absolute;
	padding-left: 2px;
}
.Scrollbar-track {
	width: 11px;
	height: 58px;
	position: absolute;
	top: 7px;
	left: 0px;
	background-color: transparent;
	background-image: url(../pic/scrollbar_line.gif);
	background-repeat: repeat-y;
	background-position: center;
}
.Scrollbar-point {
  position: absolute;
  cursor: s-resize;
}
.Scrollbar-bottom {
  cursor: pointer;
  position: absolute;
  top: 65px;
	padding-left: 2px;
}
#snip_link {
	text-align: right;
	margin-top: 0px;
	margin-right: 20px;
}
#snip_link a {
	color: #E7DAB1;
	text-decoration: underline;
}
#snip_link a:hover {
	color: #E7DAB1;
	text-decoration: none;
}
/******************* TOOLTIP **********************/
#head_index_tooltip {
	background-image: url(../pic/tooltip_fon.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 85px;
	width: 185px;
	position: absolute;
	left: 120px;
	top: 160px;
	padding-top: 22px;
	padding-right: 40px;
	padding-bottom: 45px;
	padding-left: 35px;
	color: #aba882;
	z-index:1;
}
#head_index_tooltip_anchor {
	position: absolute;
	height: 45px;
	top: 320px;
	width: 190px;
	left: 70px;
	cursor: pointer;
	z-index: 9;
}

#head_index_tooltip span {
	font-weight: bold;
	color: #CC0000;
	line-height: 3em;
}
/*******************************************/
#head_other_tooltip {
	background-image: url(../pic/tooltip_fon_other.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 80px;
	width: 240px;
	position: absolute;
	left: 90px;
	top: 150px;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 35px;
	padding-left: 30px;
	color: #aba882;
	z-index:1;
}
#head_other_tooltip_anchor {
	position: absolute;
	height: 50px;
	top: 260px;
	width: 160px;
	left: 90px;
	cursor: pointer;
	z-index: 9;
}

#head_other_tooltip span {
	font-weight: bold;
	color: #CC0000;
	line-height: 3em;
}
/*******************************************/
#body_area_index {
	margin-right: 0%;
	margin-left: 0%;
}
.body_area_fon {
	background-color: #FFFFFF;
}
.ba_corn_1 {
	background-image: url(../pic/body_area_corn_1.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 10px;
	width: 10px;
}
.ba_corn_2 {
	background-image: url(../pic/body_area_corn_2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 10px;
	width: 10px;
}
.ba_corn_3 {
	background-image: url(../pic/body_area_corn_3.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 10px;
	width: 10px;
}
.ba_corn_4 {
	background-image: url(../pic/body_area_corn_4.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 10px;
	width: 10px;
}
#body_div {
	font-size:11px;
	color: #595959;
	padding-left: 60px;
	padding-right: 20px;
	padding-bottom: 30px;
}
#logo {
	position: absolute;
	height: 130px;
	width: 290px;
	left: 30px;
	top: 30px;
	cursor: pointer;
}
#body_div h1 {
	font-size: 16px;
	font-weight: bold;
	margin-top: 30px;
}
#body_div h2 {
	font-size: 14px;
	font-weight: bold;
	margin-top: 25px;
}
#body_div h3 {
	font-size: 12px;
	font-weight: bold;
	margin-top: 20px;
}
#r_col {
	background-color: #FFFFFF;
	margin-top: 20px;
	margin-right: 50px;
	margin-bottom: 50px;
	margin-left: 20px;
}
.block_whois_l {
	background-image: url(../pic/block_whois_left.png);
	background-position: right;
	height: 85px;
	background-repeat: no-repeat;
	width: 10px;
}
.block_whois_r {
	background-image: url(../pic/block_whois_right.png);
	background-position: left;
	height: 85px;
	background-repeat: no-repeat;
	width: 10px;
}
#block_whois_c {
	background-image: url(../pic/block_whois_fon.png);
	background-repeat: repeat-x;
	font-size: 14px;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 15px;
}
.field {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	border: 0px none #CCCCCC;
	background-color: #FFFFFF;
	background-image: url(../pic/inpu_field_fon.png);
	background-repeat: repeat-x;
	background-position: top;
	margin-top: 10px;
	padding: 3px;
}
.button {
	background-image: url(../pic/button_fon.gif);
	background-repeat: repeat-x;
	background-position: center top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FEF8F1;
	text-transform: uppercase;
	margin: 0px;
	border: 0px none #656565;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 8px;
	background-color: #000;
}
#sbutton {
	background-image: url(../pic/button_fon.gif);
	background-repeat: repeat-x;
	background-position: center top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #069;
	text-transform: uppercase;
	margin: 0px;
	border: 0px none #656565;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 8px;
	background-color: #000;
}
.att_text_area {
	background-color: #efefef;
}
.att_text_corn_1 {
	background-image: url(../pic/att_text_corn_1.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 10px;
	width: 10px;
}
.att_text_corn_2 {
	background-image: url(../pic/att_text_corn_2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 10px;
	width: 10px;
}
.att_text_corn_3 {
	background-image: url(../pic/att_text_corn_3.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 10px;
	width: 10px;
}
.att_text_corn_4 {
	background-image: url(../pic/att_text_corn_4.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 10px;
	width: 10px;
}



.block_adv_l {
	background-image: url(../pic/block_adv_left.png);
	background-position: right top;
	height: 300px;
	background-repeat: no-repeat;
	width: 10px;
}
.block_adv_r {
	background-image: url(../pic/block_adv_right.png);
	background-position: left top;
	height: 85px;
	background-repeat: no-repeat;
	width: 10px;
}
#block_adv_c {
	background-image: url(../pic/block_adv_fon.png);
	background-repeat: repeat-x;
	font-size: 14px;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 20px;
	color: #FFFFFF;
}
#block_adv_c i {
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
}
.field_adv {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	border: 0px none #CCCCCC;
	background-color: #FFFFFF;
	background-image: url(../pic/inpu_field_fon.png);
	background-repeat: repeat-x;
	background-position: top;
	margin-top: 0px;
	padding: 3px;
	overflow-y: auto;
	overflow-x: hidden;
}


.block_cont_l {
	background-image: url(../pic/block_cont_left.png);
	background-position: right;
	height: 210px;
	background-repeat: no-repeat;
	width: 10px;
}
.block_cont_r {
	background-image: url(../pic/block_cont_right.png);
	background-position: left;
	height: 85px;
	background-repeat: no-repeat;
	width: 10px;
}
#block_cont_c {
	background-image: url(../pic/block_cont_fon.png);
	background-repeat: repeat-x;
	font-size: 14px;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 20px;
}
#cont_text_block {
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.block_works_header {
	font-size: 14px;
	font-weight: bold;
	padding-left: 15px;
}
#foot_resize {
	background-image: url(../pic/foot_fon_resize.jpg);
	background-repeat: repeat-x;
	background-position: right bottom;
	height: 100px;
}
#foot_big {
	background-image: url(../pic/foot_bigpic.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 100px;
}

#body_side_sh {
	background-image: url(../pic/body_side_shadow.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.topnavi_corn_1 {
	background-image: url(../pic/topnavi_corn_1.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 50px;
	filter: alpha(opacity=80);
	opacity: 0.8;
}

.topnavi_corn_2 {
	background-image: url(../pic/topnavi_corn_2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 50px;
	filter: alpha(opacity=80);
	opacity: 0.8;
}
.topnavi_fon {
	background-image: url(../pic/topnavi_fon.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	filter: alpha(opacity=80);
	opacity: 0.8;
}
#topnavi {
	color: #FF0000;
	font-size: 11px;
	height: 30px;
	margin-top: 10px;
	padding-top: 10px;
}
#topnavi span {
	padding-right: 20px;
	padding-left: 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #8AA6C8;
}
#topnavi a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
#topnavi a.sel {
	color: #FFCC00;
	font-weight: bold;
	text-decoration: none;
}
#topnavi a:hover {
	text-decoration: underline;
}
#pathway {
	color: #FF0000;
	padding-top: 20px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 68px;
}
#pathway a {
	color: #999999;
	text-decoration: none;
}
#pathway a.sel {
	color: #999999;
	text-decoration: underline;
}
#pathway a:hover {
	color: #999999;
	text-decoration: underline;
}
/********************************************************/
#podnavi {
	color: #FF0000;
	font-size: 11px;
	height: 25px;
	margin-top: 0px;
	padding-top: 12px;
	background-color: #f6f7f8;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E2E6E9;
	padding-right: 50px;
	padding-left: 25px;
}
#podnavi span {
	padding-right: 20px;
	padding-left: 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
#podnavi span b {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
	font-weight: normal;
}
#podnavi a {
	color: #666666;
	text-decoration: none;
}
#podnavi a:hover {
	text-decoration: underline;
}
#podnavi span b a:hover {
	text-decoration: none;
}
#podnavi a.sel:hover {
	text-decoration: none;
}
#admin_notice {
	color: #FFFFFF;
	background-color: #1F3E6B;
	border: 10px solid #1F3E6B;
	position: absolute;
	z-index: 999;
	left: 0px;
	top: 0px;
}
#formarea {
	color: #333333;
	padding-top: 20px;
	padding-bottom: 20px;
}
#formarea input,textarea,select {
	background-color: #FFFFFF;
	background-image: url(../pic/inpu_field_fon.png);
	background-repeat: repeat-x;
	background-position: top;
	border: 1px solid #DDDDDD;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#radio_group {
	margin-top: 3px;
	margin-bottom: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	border: 1px solid #DDDDDD;
	width: 270px;
	background-image: url(../pic/inpu_field_fon.png);
	background-repeat: repeat-x;
	background-position: top;
}
#article_intro {
	margin-bottom: 10px;
}
#article_intro h2 {
	font-size: 12px;
	font-weight: bold;
}
#article_intro a {
	color: #5F5950;
	text-decoration: none;
}
#article_intro a:hover {
	color: #5F5950;
	text-decoration: underline;
}
#paging {
	margin-top: 30px;
	margin-bottom: 40px;
}
#paging b {
	color: #FFFFFF;
	font-weight: normal;
	background-color: #347C98;
	padding-right: 3px;
	padding-left: 3px;
}
#paging a {
	color: #5F5950;
	font-style: normal;
	background-color: #ffffff;
	padding-right: 3px;
	padding-left: 3px;
	text-decoration: none;
}
#work_viewer {
	margin-top: 10px;
	background-image: url(../pic/work_viewer.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 190px;
	width: 225px;
	margin-left: 5px;
	padding-top: 10px;
	padding-left: 10px;
}
#onmain_hosting {
	background-color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}
#onmain_hosting img {
	background-color: #FFFFFF;
	vertical-align: middle;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 10px;
}