@import url("style.css");

/* ---------------------------------------------------- Basic Tags Decoration */
div#main-areaTop2{
	clear:both;
	width:902px;
	margin:0 auto;
	background:url(../img/common/main-contents-top2.png) no-repeat;
	}

div#main-areaTop2 img{
	margin:10px auto 0px 10px;
	}

h2{
	clear:both;
	font-size:1.4em;
	margin:30px auto 5px auto;
	}

h3{
	clear:both;
	width:630px;
	margin:10px auto 30px auto;
	padding-top:10px;
	padding-left:10px;
	color:#477f9f;
	background: url(../img/idstation/customize/custom-h4-bg.png) repeat-x;
}


h4{
	margin:30px auto 10px auto;
	color:#ff9900;
}

span{
	font-weight:bold;
}


div.content li{
	background:url(../img/common/list-bg.png) no-repeat;
	padding-left:12px;
	margin:4px auto;
	font-size:0.85em;
	*margin:0px auto;/* fo IE */
	*line-height:150%;/* fo IE */
	}

div.content li.bg-off{
	background:none;
	}

/* ------------------------------------------------------------------- global-nav */
div#global-nav{
	background:url(../img/spastation/global-nav/global-nav_bg.png) no-repeat;
	}

div#global-menu {
	width:540px;
 	background: url(../img/spastation/global-nav/global-nav_menu.png);
	float:left;
}


div#global-menu a {
	outline-style: none;
}

div#global-menu ul{
	float:left;
	width:540px;
 	height: 50px;
 	background: url(../img/spastation/global-nav/global-nav_menu.png);
	margin: 0;
	padding: 0;
 	position: relative;
}

div#global-menu li{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	background: transparent url(../img/spastation/global-nav/transparent.gif); /* Need this for nav to work in Opera */
	height: 50px;
	display: block;
}

div#global-menu a, div#global-menu a.selected {
	float: left;
	padding: 50px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:50px; /* for IE5/Win only */
	width: 100%;
}


#menu-main-5 { left: 0; width: 171px;}
#menu-main-6 { left: 171px; width: 94px; }
#menu-main-7 { left: 267px; width: 97px; }
#menu-main-8 { left: 364px; width: 93px; }

#menu-main-5 a:hover, #menu-main-5 a.selected { background: url(../img/spastation/global-nav/global-nav_menu.png) 0 -50px no-repeat;}
#menu-main-6 a:hover, #menu-main-6 a.selected { background: url(../img/spastation/global-nav/global-nav_menu.png) -171px -50px no-repeat;}
#menu-main-7 a:hover, #menu-main-7 a.selected { background: url(../img/spastation/global-nav/global-nav_menu.png) -267px -50px no-repeat;}
#menu-main-8 a:hover, #menu-main-8 a.selected { background: url(../img/spastation/global-nav/global-nav_menu.png) -364px -50px no-repeat;}

/* global-nav active */

#menu-main-5.active { background: url(../img/spastation/global-nav/global-nav_menu.png) 0 -50px no-repeat;}
#menu-main-6.active { background: url(../img/spastation/global-nav/global-nav_menu.png) -171px -50px no-repeat;}
#menu-main-7.active { background: url(../img/spastation/global-nav/global-nav_menu.png) -267px -50px no-repeat;}
#menu-main-8.active { background: url(../img/spastation/global-nav/global-nav_menu.png) -364px -50px no-repeat;}


/* --------------------------------------------------------------------------- index */
div#ss-index{
	width:902px;
	height:400px;
	margin:0px auto;
	background: url(../img/spastation/index/banner.jpg) no-repeat;
	overflow:hidden;
}

div#into-text{
	width:450px;
	padding:95px 0px 0px 54px;
	color:#000;
	position:relative;
	margin-bottom:40px;
}

div#into-text p{
	line-height:150%;
	font-size:12px;
}

div#into-text h2{
	margin-bottom:10px;
}

img.space40{margin-top:40px;}

h3#index{
	margin:30px 0 10px 0;
	padding-top:0px;
	padding-left:0px;
	color:#444;
	background: none;
}


/* ------------------------------------------------------------------ Merit */

div#main-contents .content#merit h3{
	margin:40px auto 8px auto;
	padding-top:0px;
	padding-left:0px;
	color:#ff9900;
	background: none;
}