@charset "utf-8";

/***************************************
 * HEADER
 **************************************/
div#header_wrapper {
	position: relative;
	background: url(../img/bg_header.gif) repeat-x;
	margin: 0;
	padding: 0 20px;
	min-width: 980px; }
	
#header {
	position: relative;
	max-width: 980px;
	margin: 0 auto;
	line-height: 1.0;
	min-height: 155px; }

#header #logo {
	position: absolute;
	width: 286px;
	height: 90px;
	overflow: hidden;
	margin-top: 26px;
}

div#links {
	  position    : absolute;
	  top         : 40px;
	  width: 250px;
	  right       : 0px;
}
div#links ul {
	height: 35px;
	margin: 0;
	float: right;
	list-style-type: none;
}

div#links li {
	float: right;
	height: 35px;
	overflow: hidden;
	margin-left: 7px;
	padding: 0;
}

div#links li a {
	display: block;
	width: 100%;
}
div#links p {
	clear: both;
}
div#links li#icn1 {
	width: 46px;
}
div#links li#icn2 {
	width: 39px;
}
div#links li#icn3,
div#links li#icn4,
div#links li#icn5 {
	width: 36px;
}

/***************************************
 * GLOBAL NAVIGATION
 **************************************/
div#globalNavi {
	  position    : absolute;
	  top         : 90px;
	  right       : 0px;
}
#globalNavi ul {
	text-align   : right;
	width        : auto;
	clear        : both;
}

#globalNavi li {
	float: right;
	height: 20px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#globalNavi li a {
	display: block;
	width: 100%;
}

#globalNavi p {
	clear: both;
}

#globalNavi li#gm1 {
	width: 75px;
	margin-left: 15px;
}
#globalNavi li#gm2 {
	width: 121	px;
	margin-left: 15px;
}
#globalNavi li#gm3 {
	width: 76px;
	margin-left: 15px;
}
#globalNavi li#gm4 {
	width: 104px;
	margin-left: 15px;
}
#globalNavi li#gm5 {
	width: 63px;
}

/***************************************
 * BreadCrumbList
 **************************************/

div#breadcrumblist_wrapper {
	position: relative;
	margin: 0;
	padding: 0 20px;
	min-width: 980px; }
	
#breadcrumblist {
	position: relative;
	max-width: 980px;
	margin: 0 auto;
	line-height: 1.0;
	padding: 15px 0;
	font-size: 80%;
}
#breadcrumblist ul {
	_zoom:1;
    overflow: hidden;
}

#breadcrumblist ul li {
	display: inline;
}
#breadcrumblist li.crumb:before {
	margin: 0 0.5em;
	color: #b4b4b4;
	content:">";
}
	
#breadcrumblist_b {
	position: relative;
	max-width: 980px;
	margin: 0 auto;
	line-height: 1.0;
	padding: 15px 0;
}
#breadcrumblist ul {
	_zoom:1;
    overflow: hidden;
}

#breadcrumblist_b ul li {
	display: inline;
}
#breadcrumblist_b li.crumb:before {
	margin: 0 0.5em;
	color: #b4b4b4;
	content:">";
}

/***************************************
 * MAIN TOPIC
 **************************************/

div#slides {
	position: relative;
	width: 1006px;
	margin: -30px auto 10px;
}
.slides_container{
	height: 296px;
}
.pagination {
	position:absolute;
	text-align:right;
	top:295px;
	right:20px;
}
.pagination ul {
		display:block;
		text-align:right;
		right:0;
}
.pagination li {
		float:left;
		margin:0 1px;
		list-style:none;
}
.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background:url(../../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}
.pagination li.current a {
	background-position:0 -12px;
}

/***************************************
 * TITLE
 **************************************/
 
 div#title_wrapper {
	position: relative;
	background: url(../img/bg_title.gif) repeat-x;
	margin: 0;
	padding: 0 20px;
	min-width: 980px;
}

#title {
	position: relative;
	max-width: 980px;
	margin: 0 auto;
	line-height: 1.0;
	padding-top: 43px;
	min-height: 66px;
	margin-bottom: 40px;
}
#title2 {
	position: relative;
	max-width: 980px;
	margin: 0 auto;
	line-height: 1.0;
	padding-top: 43px;
	min-height: 66px;
	margin-bottom: 0;
}
 
 /***************************************
 * CONTENT
 **************************************/
#main {
	position: relative;
	margin: 0 auto;
	padding: 0 20px;
	width: 980px;
}
#main2 {
	position: relative;
	margin: 0 auto;
	padding: 0 40px;
	width: 920px;
}

.illustration {
	width: 100%;
	margin: 0 0 20px;
}
.illustration .fR_box {
	width: 300px;
	text-align: right;
}
.illustration .fL_box {
	width:   190px;
	padding-top: 13px;
	text-align: left;
}

.etc {
	width: 100%;
	overflow: hidden;
	background: url(../img/bg_etc.gif) repeat-y; 
	margin-top: 15px;
}

#news {
	float: left;
	width: 458px;
	text-align: left;
}

#news ul {
	margin: 0;
	padding-bottom: 20px;
	font-size: 90% ;
}

#news li {
	background: url(../img/pnt_list2.gif) no-repeat 0 0;
	margin-top: 10px;
	padding: 0 0 10px 15px;
	border-bottom: 1px dotted #DCDCDC;
}

#social {
	float: right;
	width: 480px;
	text-align: left;
}
.scl {
	width: 100%;
}

.scl .fR_box {
	width: 218px;
	text-align: left;
}
.scl .fR_box ul {
	text-align   : left;
	width        : auto;
	clear        : both;
}

.scl .fR_box ul li {
	float: leftt;
	overflow: hidden;
	margin-bottom: 7px ;
	padding: 0;
}

.scl .fR_box ul li a {
	display: block;
	width: 100%;
}

.scl .fL_box {
	width:   220px;
	text-align: left;
}

 /***************************************
 * PROFILE
 **************************************/
 
 .profile {
	width: 100%;
	margin-bottom: 40px;
}

.profile .fR_box {
	width: 273px;
	text-align: right;
	margin-top: -80px;
}

.profile .fL_box {
	width: 600px;
	text-align: left;
}
.workList {
	width: 100%;
	font-size: 80%;
	margin-bottom: 15px;
}

.workList .fR_box,
.workList .fL_box {
	width: 420px;
	text-align: left;
}

.workList ul {
	padding: 15px 0 5px 0;
}

.workList li {
	background: url(../img/pnt_list.gif) no-repeat 0 0;
	margin-bottom: 6px;
	padding-left: 15px;
}

 /***************************************
 * PRIVACY POLICY/LEGAL
 **************************************/
 
 .misc {
	width: 100%;
	font-size: 80%;
	margin-bottom: 15px;
}

.misc .fR_box,
.misc .fL_box {
	width: 420px;
	text-align: left;
}

 
 /***************************************
 * PAGETOP
 **************************************/

#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}
#page-top a {
	background: #f2cddd;
	text-decoration: none;
	color: #fff;
	width: 140px;
	padding: 15px 0 20px;
	text-align: center;
	display: block;
	border-radius: 5px 5px 0 0;
}
#page-top a:hover {
	text-decoration: none;
	background: #de538d;
}

 /***************************************
 * FOOTER
 **************************************/
div#footer_wrapper {
	min-width   : 980px;
	position    : relative;
	margin-top: 35px;
	padding: 0 20px;
	font-size      : 12px;
	background: url(../img/bg_footer.gif) repeat-x; }
	
	div#footer_wrapper a:link,
    div#footer_wrapper a:visited {
      color: #705463;
      text-decoration: none;
    }
    div#tmpl_footer_wrapper a:hover,
    div#tmpl_footer_wrapper a:active
    {
      color: #705463;
      text-decoration: underline; }

div#footer {
	position: relative;
	line-height: 1.0;
	min-height: 70px;
	color: #313254;
	position: relative;
	text-align: left;
	max-width: 980px;
	margin: 0 auto;
	padding-top: 30px; }
	div#footer a:link,
	div#footer a:visited
	{
		color : #816370;
	}
	div#footer a:hover,
	div#footer a:active
	{
		color           : #816370;
		 text-decoration: underline;
	}
	
	div#footer ul {
		_zoom:1;
		overflow: hidden;
		margin: 0 0 7px -7px;
	}
	div#footer ul li {
		margin-left: -1px;
		padding: 0 7px;
		display: inline;
		border-left: 1px solid #313254;
	}