@charset "utf-8";
/* ===================================================================
	file name :layout.css
	Version : 1.0
	Author : Combz
=================================================================== */

/*----------------------------------------------------
	html,body
----------------------------------------------------*/

html {
	height:100%;
}

body {
	height:100%;
}

/*----------------------------------------------------
	#wrapper
----------------------------------------------------*/

#wrapper {
	margin:0 auto;
	padding:0;
	clear:both;
	width:940px;
	min-height:100%;
	text-align:left;
}

#logoArea h1{
	margin-bottom:5px;
}

#logoArea span{
	display:block;
	margin-bottom:5px;
}


/*----------------------------------------------------
	#header
----------------------------------------------------*/
#header{
	padding-bottom:40px;
	height:100px;
	}
	
#headerInner {
	width:900px;
	margin:0 auto;
}

#logoArea {
	padding:10px 0;
	float:left;
	width:565px;
	overflow:hidden;
}

#logoArea p img{
	vertical-align:top;
}

#header p {
	padding-right:20px;
	display:inline-block;
	float:left;
}

#header div#naviBox{
	float:right;
	width:320px;
	padding:0;
}

#logoArea strong img{
	display:inline-block;
	margin-top:25px;
}


/* #utilityNav
-------------------------- */
#header ul#utilityNav {
	margin-left:20px;
	padding-left:5px;
	width:295px;
	height:29px;
}

* html #header ul#utilityNav {
	margin-left:70px;
	width:300px;
	padding-left:0px;
}

#header ul#utilityNav li {
	margin:5px 0 0 5px;
	display:block;
	float:left;
	width:90px;
}


/* #userNav
-------------------------- */

#header #userNav{
	margin:20px 0 10px 0;
	clear:both;
	overflow:hidden;
	text-align:right;
}

#header #userNav li{
	margin-left:13px;
	display:inline-block;
	height:32px;
}


/* #gNav
-------------------------- */
#gNav{
	position:absolute;
	clear:both;
	width:940px;
	margin:0 auto;
	top:103px;
	left:auto;
	z-index:2;
}

#gNav li{
	display:block;
	float:left;
	width:188px;
	height:40px;
	text-align:center;
	z-index:2;
}

#gNav li a{
	display:block;
	float:left;
	width:188px;
	height:40px;
	text-indent:-9999px;
	overflow:hidden;
}

#gNav li ul li a{
	text-indent:0px;
}

/* #mainVisual
-------------------------- */

#mainVisual {
	margin:10px 0 15px 0;
	clear:both;
	width:100%;
}


/* #pageTitle
-------------------------- */

#pageTitle {
	margin:10px 0 15px 0;
	clear:both;
	width:100%;
}


/*----------------------------------------------------
	#contents
----------------------------------------------------*/

#contents {	
	margin:0 auto;
	padding:20px 0 0 0;
	clear:both;
	width:900px;
	text-align:left;
}

.pageTop a{
	padding:0;
}
/*----------------------------------------------------
	#main
----------------------------------------------------*/

#main ul#topicPath{
	margin:0 0 5px 0;
	padding:3px 5px 3px 18px;
}

#topicPath li{
	display:block;
	float:left;
	margin:0 5px;
	padding-left:18px;
}


#topicPath li.first{
	padding-left:0px;
}

#main {
	float:right;
	width:640px;
	padding-bottom:40px;
}

#main h1{
	clear:both;
	width:640px;
	height:40px;
	margin-bottom:15px;
	text-indent:-9999px;
	background-repeat:no-repeat;
}

#main div{
	clear:both;
}

#main h2, #main h3, #main table, #main ol, #main ul, #main dl, #main p {
	margin-bottom:1em;
}

#main h2, #main h3, #main table, #main ol, #main ul, #main dl, #main p {
	margin-left:10px;
}

#main h2{
	margin-top:10px;
	clear:both;
}

#main.portaltop h2{
	margin-left:0;
}

#main table {
	margin-bottom:20px;
}


/*----------------------------------------------------
	#sub
----------------------------------------------------*/

#sub {
	margin-right:20px;
	padding:0 0 5px 0;
	float:left;
	width:240px;
}

#sub dl {
	margin:3px 5px 0 5px;
	padding:0;
}

#sub dd {
	margin-left:0.5em;
}

#sub h2 {
	margin:3px 5px 7px 5px;
	padding:0;
}

#sub p {
	clear:both;
	margin-bottom:15px;
	text-align:center;
}

#sub div p.fontSS{
	margin-bottom:10px;
}

#sub p.sideBtn{
	margin-bottom:10px;
}


/* #lNav
-------------------------- */

#lNav{
	margin:0 0 15px 0;
	padding:0 4px 3px 4px;
	width:230px;
}

#lNav li {
	padding:0;
	display:block;
}

#lNav li a{
	width:205px;
	padding:10px 5px 10px 20px;
	display:block;
	height:16px;
}


#lNav li ul.secondList li a{
	width:185px;
	padding:3px 10px 3px 35px !important;
}



/* #sNav
-------------------------- */

#sNav {
	margin:0 0 15px 0;
	padding:5px 5px 0 5px;
	width:230px;
}

#sNav li {
	padding:0 0 5px 0;
	display:block;
}

#sNav li a {
	width:205px;
	padding:7px 5px 7px 20px;
	display:block;
	height:16px;
}


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

/* .pageTop
-------------------------- */

.pageTop {
	margin:0 auto;
	padding:0 20px;
	clear:both;
	width:900px;
	text-align:right;
}

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

#footer {
	clear:both;
	padding-top:15px;
}


#footer h2,ul#serviceNav, ul#companyNav, address{
	width:920px;
	margin:0 auto;
	padding:0 10px;
}

#footer h2{
	margin-bottom:15px;
}

p.copyright{
	padding:5px 0;
}

ul#serviceNav {
	margin-bottom:10px;
	padding-bottom:15px;
}

ul#serviceNav li{

	float:left;
	width:260px;
}

ul#serviceNav li.short{
	width:200px;
}
ul#serviceNav li img{
	float:left;
	margin-right:8px;
}

#footer ul#companyNav{
clear:both;
margin-bottom:15px;

}

#footer ul#companyNav li {
	margin:0px 10px 0 0;
	padding-left:18px;
	display:inline-block;
}

#footer address{
	padding-bottom:5px;
	clear:both;
	text-align:right;
}


/*end*/