@charset "utf-8";
html, body { height:100%; margin:0; padding:0; }
html>body #all { height:auto; }

body { background:url(i/bgs/bg001.jpg) repeat-x 26px 76px #00759b; font-family:Tahoma, Arial, Helvetica, sans-serif}

p, a, div, td {font-family:Tahoma, Arial, Helvetica, sans-serif}

h1, h2, h3, h4, h5, h6 { margin:0; padding:0}

form, input, select, textarea { padding:0; margin:0}

ul, li { margin:0; padding:0; list-style:none}

a { text-decoration:underline}
a:hover { text-decoration: none}

#all { width:1000px; height:100%; min-height:100%; margin-bottom: -119px; background:#fff}

#main { padding:518px 0 0 0}

#header { position:absolute; z-index:5; left:0px; top:0; width:1000px; height:518px; background:url(i/bgs/bg002.jpg) no-repeat 0 0 }
.header01 { width:744px}
.header01 .st01 { font-size:11px; font-weight:bold; color:#a4f0fc; line-height:17px; margin:11px 0 0 0}
.header01 .st01 strong { font-weight:normal; font-size:17px; color:#deeef1}
.header01 .st02 { font-size:12px; color:#fff; margin:27px 0 0 0 }
.header01 .st02 a{ font-size:12px; color:#fff}
.header01 .st03 { width:177px; height:49px; background:url(i/bgs/bg003.gif) no-repeat right; font-size:12px; color:#044e65; text-align:center}
.header01 .st03 a{font-size:12px; color:#044e65}
.header01 .st04 { text-align:right; margin:17px 0 0 0}
.header01 .st04 a { margin:0 0 0 1px}

.header02 { padding:120px 0 0 259px}

.header03 { position:absolute; left:0; top:346px; width:1000px; z-index:10}
.header03 .header04 { background:url(i/bgs/bg004.jpg); height:160px}

#con01 {float:right; width:100%; height:265px; margin-left:-220px; z-index: 1000;}
#con02 {margin-left:220px; }
#con03 {margin-left:220px; height:249px; background:url(i/bgs/bg_beach_holiday2.jpg) no-repeat 0 0;}
#con04 {margin-left:220px; height:265px; background:url(i/bgs/design_express.jpg) no-repeat 0 0;}
#con05 {margin-left:220px; height:265px; width: 780px; background:url(i/bgs/raising_the_bar.png) no-repeat center;}

#ban01 {
	margin-left: 400px;
	margin-top: 18px;
	color: #F41200;
	font-size: 1.2em;
	text-shadow: Black;	
	font-style: oblique;
	text-decoaration: none;
}
#ban02 {
	margin-left: 330px;
	margin-top: 9px;
	color: #fff;
	font-size: 2.3em;
	font-family: Arial;
	text-decoaration: none;
}
#ban03 {
	float: right;
	margin: 20px 20px 0 auto;
	color: #fcb118;
	font-size: 1.5em;
	font-family: Arial;
	font-weight: bolder;
	text-align: right;
	text-decoaration: none;
}


#left01 {float:left; width:220px; background:url(i/bgs/bg012.jpg) no-repeat 0 0}
#left02 { margin:20px 15px 15px 34px}

#content { width:778px; background:url(i/bgs/bg015.gif) repeat-x 0 0}

.hdr01 { background:#fff; padding:0 34px 0 0}
.hdr01 h1 { font-size:18px; font-weight:normal; color:#f41200; padding:24px 11px 9px 8px; background:url(i/bgs/bg016.gif) repeat-x 0 0}

.box01 { background:url(i/bgs/bg007.gif) no-repeat 0 17px; height:136px; width:146px}
.box01 .st01 { background:url(i/icons/ico001.gif) no-repeat 0 0; height:60px; margin:24px 25px 0 14px; padding:0 0 0 22px; font-size:11px; color:#6b767d}
.box01 .st01 em { display:block; text-align:right; font-weight:bold; margin:4px 0 0 0}
.box01 h3 { font-size:22px; font-weight:normal; color:#005a8e}


.box02 h3 { margin: 0 0 2px 0; font-size:22px; font-weight:normal; color:#0f2639}
.box02 h3 strong{ font-size:22px; font-weight:normal; color:#005a8e}
.box02 .st01 { width:148px; font-size:11px; color:#0f2639}


.box03 h3 {  margin: 1px 0 10px 0; font-size:22px; font-weight:normal; color:#0f2639}
.box03 h3 strong{ font-size:22px; font-weight:normal; color:#005a8e}

.box03 .st01 { width:148px; font-size:11px; color:#0f2639; margin:0 0 0 15px}

.box04 h2 { font-size:18px; font-weight:normal; color:#0f2639; margin:0 0 8px 0}
.box04 span {  color:#005a8e}
.box04 td { background:#eeeaba; font-size:11px; color:#0f2639; border-bottom:2px solid #fff; height:23px; padding:0 0 0 16px}
.box04 td.st01 { font-weight:bold; padding:0}
.box04 form { margin:15px 0 0 0}
.box04 form input { width:100px; font-size:11px; color:#303030; height:16px; padding: 0 0 0 4px}
.box04 form select { width:60px; font-size:11px; color:#303030; height:19px}

.box05 { width:371px;border:1px solid #9ecbd9}
.box05 div{}
.box05 h2 { font-size:18px; font-weight:normal; color:#191a1f; padding:12px 0 0 0}
.box05 h2 a{ font-size:18px; font-weight:normal; color:#191a1f; padding:12px 0 0 0; text-decoration:none}
.box05 h2 a:hover { text-decoration:underline}
.box05 a { font-size:11px; color:#0091b2}

.box06 { background:url(i/bgs/bg017.jpg) no-repeat 0 0 #dbedf2; width:167px; position:absolute; z-index:10; left:833px; top:160px; padding:0 0 1px 0}
.box06 h3 { margin:10px 0 7px 0; text-align:center}
.box06 li { font-size:11px; color:#022e3a; background:url(i/bgs/bg018.jpg) no-repeat 0 0; padding:1px 0 3px 37px; cursor:pointer; line-height:19px}
.box06 .item01 {position:absolute; z-index:10; left:-177px; top:32px; background:#f00; width:177px; height:139px; background:url(i/bgs/bg023.gif)}
.box06 .item01 .st01 { padding:17px 17px 0 17px; font-size:11px; color:#022e3a}
.box06 .item01 .st01 h4 { font-size:11px; font-weight: bold; margin:0 0 5px 0}

.box06 .item02 {position:absolute; z-index:10; left:-177px; top:32px; background:#f00; width:177px; height:139px; background:url(i/bgs/bg024.gif)}
.box06 .item02 .st01 { padding:17px 17px 0 17px; font-size:11px; color:#022e3a}
.box06 .item02 .st01 h4 { font-size:11px; font-weight: bold; margin:0 0 5px 0}

.box06 .item03 {position:absolute; z-index:10; left:-177px; top:32px; background:#f00; width:177px; height:139px; background:url(i/bgs/bg025.gif)}
.box06 .item03 .st01 { padding:17px 17px 0 17px; font-size:11px; color:#022e3a}
.box06 .item03 .st01 h4 { font-size:11px; font-weight: bold; margin:0 0 5px 0}

.box06 .item04 {position:absolute; z-index:10; left:-177px; top:32px; background:#f00; width:177px; height:139px; background:url(i/bgs/bg026.gif)}
.box06 .item04 .st01 { padding:17px 17px 0 17px; font-size:11px; color:#022e3a}
.box06 .item04 .st01 h4 { font-size:11px; font-weight: bold; margin:0 0 5px 0}

.box06 .item05 {position:absolute; z-index:10; left:-177px; top:32px; background:#f00; width:177px; height:139px; background:url(i/bgs/bg027.gif)}
.box06 .item05 .st01 { padding:17px 17px 0 17px; font-size:11px; color:#022e3a}
.box06 .item05 .st01 h4 { font-size:11px; font-weight: bold; margin:0 0 5px 0}

.box06 .item06 {position:absolute; z-index:10; left:-177px; top:32px; background:#f00; width:177px; height:139px; background:url(i/bgs/bg028.gif)}
.box06 .item06 .st01 { padding:17px 17px 0 17px; font-size:11px; color:#022e3a}
.box06 .item06 .st01 h4 { font-size:11px; font-weight: bold; margin:0 0 5px 0}

a.but001 { background:url(i/bgs/bg008.gif); width:63px;  display:block; text-align:center; font-size:11px; color:#082a37; text-decoration:none; padding:3px 0 4px}
a.but001:hover { text-decoration:underline}

div.but002 a, a.but002 { background:url(i/bgs/bg009.gif); width:63px;  display:block; text-align:center; font-size:11px; color:#082a37; text-decoration:none; padding:3px 0 4px}
div.but002 a:hover, a.but002:hover { text-decoration:underline}

.but003 { background:url(i/bgs/bg013.gif) no-repeat 0 0}
.but003 a { display:block; background:url(i/bgs/bg014.gif) no-repeat right; padding:2px 12px 2px 12px;  font-size:11px; color:#082a37; text-decoration:none;}
.but003 a:hover { text-decoration:underline} 

.but004 { background:url(i/bgs/bg020.gif) no-repeat 0 0}
.but004 a { display:block; background:url(i/bgs/bg021.gif) no-repeat right; padding:2px 9px 6px 9px;  font-size:11px; color:#082a37; text-decoration:none;}
.but004 a:hover { text-decoration:underline} 

#footer { height:119px; background:url(i/bgs/bg010.gif) repeat-x bottom}
.footer01 { height:119px; width:1000px; background:#fff} 
.footer02 { font-size:10px; color:#6b7a84}
.footer03 { width:781px;}
.footer04 a { font-size:12px; color:#6b7a84; margin:0 5px 0 0; padding:11px 0 3px 0; background:url(i/bgs/bg011.gif) no-repeat  right top; width:105px; display:block; float:left}
.footer04 a:hover { background:url(i/bgs/bg029.gif) no-repeat  right top; color:#191a1f;  }
.footer05 { background:#d4e8ef; height:71px; margin:5px 12px 0 0}
.footer06 { font-size:11px; color:#6b7a84; padding:20px 0 0 20px}
.footer06 a { font-size:11px; color:#006a8c}

#of { height:119px;}

.left { float:left}
.right { float:right}
.clear { clear:both}
.clear1 { clear:both; height:1px; overflow:hidden}
.clear1 img {display:block}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .clearfix {height: 1%;}