/*
 	  _ _      _                              
   __| (_) ___| | ___ __ ___   __ _ _ __  ___ 
  / _` | |/ __| |/ / '_ ` _ \ / _` | '_ \/ __|
 | (_| | | (__|   <| | | | | | (_| | | | \__ \
  \__,_|_|\___|_|\_\_| |_| |_|\__,_|_| |_|___/design.com

*/

* { margin:0; padding:0; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; list-style: none; }
body { margin:0; background: #fff7ed; font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height:1.3em; color:#000; }
table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
table, td, th { vertical-align: middle; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
a img { border:none; }
img { display: block; }
a { text-decoration:underline; }
a:focus, a:hover { text-decoration: none; }
.clear { clear:both; }
.over { overflow:hidden; height: 0; }

.inner { position:relative; margin:0 auto; width: 960px; }

.bar1 { background: url(images/header1-bar1-bg1.jpg) repeat-x; height: 32px; }
.header1 { background: url(images/header1-bg1.jpg) no-repeat top center; }
.header1 .flash-header1 { position: absolute; top: 0px; left: 150px; }
.header1 .coconut { position: absolute; top: 40px; left: 187px; }
.header2 .flash-header2 { position: absolute; top: 3px; left: 316px; }
.header2 .coconut2 { position: absolute; top: 44px; left: 247px; }
.header2 { background: url(images/header2-bg1.jpg) no-repeat top center; }
.header3 { background: url(images/header3-bg1.jpg) no-repeat top center; }
.header3 .flash-header3 { position: absolute; top: 1px; left: 292px; }
.header3 .coconut3 { position: absolute; top: 41px; left: 225px; }
.menu1 { background: url(images/menu1-bg1.jpg) repeat-x; height: 52px; }
.menu1 ul { position: absolute; top: 0; left: 0; }
.menu1 ul li { float: left; }
.menu1 ul li .hover img,
.menu1 ul li a.link:hover img { opacity: .0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }

.box1 { }
.box1 .flash { position: absolute; top: 39px; right: 20px; }
.box1 .p1 { position: absolute; top: 90px; left: 0; width: 320px; font-size: 12px; }
.box1 a.bt1 { position: absolute; top: 420px; left: 0; width: 250px; }

.box2 { margin: 630px 0 0 0; background: url(images/box2-bg1.jpg) no-repeat top center; }
.box2 p { position: absolute; top:411px; width:400px; left: 15px; }
.box2 a.bt1 { position: absolute; top: 498px; left: 14px; }

.box3 { margin: 590px 0 0 0; background: url(images/box3-bg1.jpg) no-repeat top center; }
.box3 div.p1 { position: absolute; top:135px; width:275px; left: 10px; line-height: 15px; font-size:12px; }
.box3 div.p2 { position: absolute; top:515px; width:280px; left: 431px; line-height: 15px; font-size:14px; }
.box3 a.bt1 { position: absolute; top: 498px; left: 428px; top: 585px }

.box4 { margin: 650px 0 0 0; background: url(images/box4-bg1.jpg) no-repeat top center; }
.box4 p { position: absolute; top:160px; width:240px; left: 15px; color: #FFF; font-size: 12px; }
.box4 ul { position: absolute; top: 397px; left: 8px; }
.box4 ul li { float: left; padding: 0 9px 0 0; }

.box5 { margin: 0; background: url(images/box5-bg1.jpg) no-repeat top center; }
.box5 .p1 { position: absolute; top: 60px; left: 0; width: 320px; }
.box5 a.bt1 { position: absolute; top: 485px; left: -2px; width: 250px; }

.box6 { margin: 1324px 0 0 0; background: url(images/box6-bg1.jpg) no-repeat top center; }
.box6 p { position: absolute; top: 371px; left: 21px; width: 390px; font-size: 12px;}
.box6 a.bt1 { position: absolute; top: 511px; left: 19px; }

.box7 { margin: 1355px 0 0 0; background: url(images/box7-bg1.jpg) no-repeat top center; }
.box7 p { position: absolute; top:125px; width:370px; left: 13px; color: #FFF; font-size: 12px; }
.box7 ul { position: absolute; top: 407px; left: 8px; }
.box7 ul li { float: left; padding: 0 9px 0 0; }

/*.box8 { background: url(images/box8-bg1.jpg) no-repeat top center; }*/
.box8 p { position: absolute; top: 110px; left: 10px; width: 520px; }
.box8 a.bt1 { position: absolute; top: 266px; left: 10px; }

/*.box9 { background: url(images/box9-bg1.jpg) no-repeat top center; }*/
.box9 p { position: absolute; top: 450px; left: 14px; width: 540px; }

.Form {
	position: relative;
	left: 15px;
}

.box10 { background: url(images/box10-bg1.jpg) no-repeat top center; }
.box10 a.bt1 { position: absolute; top: 385px; left: 400px; }

.content { position: relative; width: 100%; }

.column1 { position: absolute; left: 50%; z-index: 9; margin: 0 0 0 242px }
.column1 .b1 { background: url(images/column1-top1.png) no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/column1-top1.png',sizingMethod='scale'); _background: transparent; width: 243px; height: 10px; overflow: hidden; }
.column1 .b2 { background: url(images/column1-bg1.png) repeat-y; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/column1-bg1.png',sizingMethod='scale'); _background: transparent; width: 243px; }
.column1 .b2 .title1 { padding: 15px 0 15px 0; width: 216px; margin: 0 auto; }
.column1 .b2 .title2 { padding: 15px 0 15px 0; border-top: 1px solid #c9c9c9; width: 216px; margin: 0 auto; }
.column1 .b2 ul { padding: 0 10px 0 13px; }
.column1 .b2 ul li img { border: 2px solid #00386e; }
.column1 .b2 ul li a { color: #00386e; font-weight: bold; }
.column1 .b2 ul li p { text-align: center; font-size: 12px; display: block; padding: 4px 0 17px 0; }
.column1 .b3 { background: url(images/column1-top2.png) no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/column1-top2.png',sizingMethod='scale'); _background: transparent; width: 243px; height: 10px; overflow: hidden; }
.column1 .b2 ol { padding: 0 20px 0 24px; }
.column1 .b2 ol li img { border: 2px solid #00386e; }
.column1 .b2 ol li a { color: #00386e; font-weight: bold; }
.column1 .b2 ol li p { text-align: center; font-size: 12px; display: block; padding: 4px 0 17px 0; }
.column1 .b2 ol li p img { display: inline; border: 0; }

.console1 { width: 715px; position: absolute; left: 50%; margin: 0 0 0 -478px; z-index: 10; }
.console1 .title1 { padding: 0 0 10px 0; }
.console1 .boxed { border: 1px solid #de8500; padding: 6px 0 0 6px; background: #FFF; }
.console1 .boxed h2 { color: #9e5b00; font-size: 24px; line-height: 24px; text-transform: uppercase; font-weight: bold; float: left; padding: 6px 0 10px 0; }
.console1 .boxed span.rate { float: left; padding: 12px 0 0 8px; }
.console1 .boxed span.rate img { float: left; }
.console1 .boxed span.length { float: right; text-transform: uppercase; font-weight: bold; padding: 15px 8px 0 0; }
.console1 .boxed ul li { float: left; padding: 0 3px 3px 0; }
.console1 .boxed ul li img { border: 2px solid #915200; }
.console1 .boxed ul li.flash img { border: 1px solid #915200; }
.console1 .boxed div.p1 { float: left; width: 420px; padding: 6px 0 0 6px; }
.console1 .boxed ol { width: 264px; float: right; padding: 6px 6px 0 0; }
.console1 .boxed ol li { padding: 0 0 6px 0; float: left; }

.footer1 { background: url(images/footer1-bg1.jpg) repeat-x; height: 300px; }
.footer1 div.p1 { position: absolute; top: 15px; left: 0; width: 960px; text-align: center; white-space: pre; font-weight: bold; text-transform: uppercase; color: #d6c8b6 }
.footer1 div.p1 a { color: #904000; text-decoration: underline; }
.footer1 a.logo { position: absolute; top: 60px; left:50%; width: 518px; margin: 0 0 0 -259px; }

/* -------------------------------------------------------------------------- */
/* HOME
/* -------------------------------------------------------------------------- */