/*---------------------------------------------------------------
	Project_ SoyanGarden
	Site_ www.soyangarden.com
	Filename_ main.css
	Author_ chubzo@gmail.com
	Date_ 2007. 11. 21
---------------------------------------------------------------*/
@charset "utf-8";
@import url('common.css');

body { background: url('/images/main/bg_body.gif') repeat-x; }
div#wrapper { width: 1024px; }
div#wrapper div#header { width: 1024px; height: 390px; background: url('/images/main/temp.gif') no-repeat top left; }
div#wrapper div#mainContent { width: 1024px; height: 302px; background: url('/images/main/bg_left.gif') no-repeat top left; }

.sidebar { float: left; margin-left: 40px; margin-top: 20px; }

/* News Board */
div#wrapper div#mainContent #previewNews { float: left; width: 197px; height: 147px; margin-left: 46px; _margin-left: 46px; }
div#wrapper div#mainContent #previewNews h3 { position: relative; width: 126px; height: 28px; background: url('/images/main/tt_news.gif') no-repeat top left; text-indent: -1000em; margin-top: 6px; margin-left: 2px; }
div#wrapper div#mainContent #previewNews a.btMore { position: absolute; top: 15px; right: -44px; }
div#wrapper div#mainContent #previewNews ul { margin-top: 35px; }
div#wrapper div#mainContent #previewNews ul li { height: 18px; padding-left: 11px; background: url('/images/common/ic_dot.gif') no-repeat 0px 1px; }
/* Have Trees */
div#wrapper div#mainContent #previewHaveTrees { float: left; width: 241px; height: 147px; background: url('/images/main/bg_var_01.gif') no-repeat 0px 9px; padding-left: 30px; }
div#wrapper div#mainContent #previewHaveTrees h3 { width: 144px; height: 26px; background: url('/images/main/tt_have_trees.gif') no-repeat top left; text-indent: -1000em;
margin-top: 6px; }
div#wrapper div#mainContent #previewHaveTrees dl { width: 217px; }
div#wrapper div#mainContent #previewHaveTrees dl dt { position: relative; width: 128px; top: 30px; }
div#wrapper div#mainContent #previewHaveTrees dl dt a.subject { display: block; float: left; font-size: 14px; font-weight: bold; }
div#wrapper div#mainContent #previewHaveTrees dl dt a.btGo { float: left; margin-left: 5px; margin-top: 1px; }
div#wrapper div#mainContent #previewHaveTrees dl dd { clear: both; position: relative; top: 40px; width: 120px; }
div#wrapper div#mainContent #previewHaveTrees dl dd a { font-size: 11px }
div#wrapper div#mainContent #previewHaveTrees dl dd img { position: absolute; top: -37px; right: -98px; }
/* About */
div#wrapper div#mainContent #previewAbout { float: left; width: 200px; height: 147px; background: url('/images/main/bg_var_02.gif') no-repeat 0px 9px; padding-left: 30px;  }
div#wrapper div#mainContent #previewAbout h3 { width: 131px; height: 26px; background: url('/images/main/tt_about.gif') no-repeat top left; text-indent: -1000em; margin-top: 6px; }
div#wrapper div#mainContent #previewAbout img { margin-top: 18px; }
/* Best */
div#wrapper div#mainContent .best { float: left; _float: right; margin-left: 45px; _margin-left: 0px; margin-bottom: 10px; width: 698px; height: 145px; background: url('/images/main/bg_best.gif') no-repeat top left; }
div#wrapper div#mainContent .best h3 { display: none; }
div#wrapper div#mainContent .best ul { float: left; list-style: none; height: 75px; margin-top: 35px; }
div#wrapper div#mainContent .best ul li { float: left; text-align: center; margin-left: 38px; }
div#wrapper div#mainContent .best ul li.first { _margin-left: 20px; }
div#wrapper div#mainContent .best ul li img { margin-bottom: 5px; }
div#wrapper div#mainContent .best ul li a { color: #409019; font-weight: bold; }
div#wrapper div#mainContent .best ul li.first {  }
div#wrapper div#mainContent .best a.btMore02 { float: right; margin-right: 10px; margin-top: 3px; }
/* Footer */
div#wrapper div#footer { margin-top: 0px }
div#wrapper div#footer ul { margin-left: 157px }