/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	line-height:2.0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/**
 * #header
 */
#header-inner {
	height: 46px;
}

/**
 * #main
 */
#main {
	background-color:#ffffff;
}
#main.section {
	background-color:#ffffff;
}
/**
 * #main-area
 */

#puglia {
	width:958px;
	margin:0 auto;
	border-left:1px #d9d9d9 solid;
	border-right:1px #d9d9d9 solid;
}
.main_wrapper{
	border-bottom:1px #d9d9d9 solid;
}
.main_wrapper dl{
	padding:57px 59px 57px 119px;
}
.main_wrapper dt{
	margin-top:85px;
}
/* --------------------------------
/ #section01 /
---------------------------------- */

#section01 h2,
#section01 h3{
	margin-left:59px;
}
#section01 h2{
	padding:69px 0 40px;
}
#section01 h3{
	margin-bottom:28px;
}
#section01 .text{
	margin:21px 0 68px 59px;
}
#section01 .left_flow{
	width:450px;
}
#section01 .left_flow dl{
	margin:30px 0 0 9px;
	float:left;
}
#section01 .left_flow dd{
	text-align:center;
	margin-top:9px;
}
#section01 .left_flow dl.first{
	margin-left:0;
}
#section01 .left_flow{
	width:450px;
}
#section01 .right_flow{
	width:390px;
	margin-right:60px;
}
#section01 .right_flow dl{
	margin-bottom:50px;
}
#section01 .right_flow dt{
	margin-bottom:20px;
}
#section01 .right_flow span{
	font-size:10px;
}
#section01 .right_flow .design{
	padding-right:120px;
	background:url(../images/image_texture_design.jpg) no-repeat right bottom;
}
#section01 .right_flow dl{
	margin-bottom:50px;
}

/* --------------------------------
/ #section02 /
---------------------------------- */

#section02{
	background:url(../images/bg_stepstone.jpg) no-repeat 467px 157px #ededeb;
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	padding:68px 59px 75px;
}
#section02 h2{
	margin-bottom:58px;
}
#section02 h3{
	margin-bottom:39px;
}
#section02 .left_flow{
	display:block;
}
#section02 .text{
	margin:76px 0 0 20px;
	float:left;
}
#section02 .text a{
	margin-top:21px;
	width: 193px;
	height: 13px;
	text-indent: -999em;
	display: block;
	background:url(../images/more_btn01.gif) no-repeat left top;
}

/* --------------------------------
/ #section03 /
---------------------------------- */

#section03{
	background:url(../images/bg_miami.jpg) no-repeat 59px 158px;
	padding:70px 59px 80px;
}
#section03 h2{
	margin-bottom:58px;
}
#section03 p{
	margin:25px 0 58px;
}
#section03 h3,
#section03 p,
#section03 a{
	margin-left:480px;
}
#section03 a{
	margin-top:21px;
	width: 171px;
	height: 13px;
	text-indent: -999em;
	display: block;
	background:url(../images/more_btn02.gif) no-repeat left top;
}

/* --------------------------------
/ #section04 /
---------------------------------- */

#section04{
	background:#000;
	padding:0 0 40px 59px;
	color:#cccccc;
}
#section04 .left_flow{
	width:350px;
}
#section04 h2{
	margin:59px 0 55px;
}
#section04 h3{
	margin-bottom:20px;
}
#section04 p.first{
	margin-bottom:52px;
}
#section04 a{
	margin-top:34px;
	width: 85px;
	height: 13px;
	text-indent: -999em;
	display: block;
	background:url(../images/online_btn.gif) no-repeat left top;
}
/* --------------------------------
/ #section05 /
---------------------------------- */

#section05{
	position:relative;
	padding:96px 0 0;
	color:#cccccc;
}
#section05 h2{
	margin:0 0 30px 59px;
}
#section05 p.text{
	margin:0 0 30px 59px;
}
#section05 h3{
	padding:50px 0 20px 59px;
}
#section05 a{
	margin:25px 0 0 59px;
	width: 145px;
	height: 13px;
	text-indent: -999em;
	display: block;
	background:url(../images/more_new_btn.gif) no-repeat left top;
}
#section05 .item{
	position:absolute;
}
#section05 #item01{
	left:59px;top:383px;
}
#section05 #item02{
	left:564px;top:99px;
}
#section05 #item03{
	right:0;top:600px;
}
#section05 #item04{
	left:59px;top:766px;
}
#section05 #item05{
	left:443px;top:1081px;
}
#section05 #item_hope{
	left:60px;top:1235px;
}
#section05 h3.text{
	margin-top:768px;
	padding-bottom:547px;
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
}
#section05 h3.text2{
	padding-bottom:54px;
}
#section05 .left_flow{
	padding-left:59px;
}
#section05 .right_flow{
	padding-right:59px;
}
#section05 .left_flow p,
#section05 .right_flow p{
	padding-top:14px;
}

/* --------------------------------
/ #section06 /
---------------------------------- */

#section06{
	margin:47px 0 0;
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
}
#section06 h2{
	margin-right:48px;
}
#section06 h3{
	margin:47px 0 143px;
}
#section06 .text{
	margin:21px 0 19px;
}


#hopebird{
	padding:109px 0 119px;
	text-align:center;
}
/* common */

#section02 .text a:hover,
#section03 a:hover,
#section04 a:hover,
#section05 a:hover{
	background-position:left bottom;
}
.left_flow{
	float:left;
}
.right_flow{
	float:right;
}

#pagetop{
	width:958px;
	margin: 0 auto;
	padding: 60px 0 10px;
}
#pagetop a{
	float:right;
}

/* footer */
#footer {
	background: #ffffff;
}
#footer-bottom {
	width: 944px;
}
#area_footer .info {
	margin-bottom:50px;
}
#footer-bottom #copyright {
	margin-right: 0;
	width: 329px;
}
#pagefooter.footer {
	width:940px;
	background-color:#d2d2ce;
}
#pagefooter.footer p {
	margin-right:20px;
}
#area_footer,  x:-moz-any-link {
	margin:-50px 0 0 0;
}