/* --- [ Tags Style          ] --- */
body { margin: 0; padding: 0;  background: #f3f2f0 url('../graphics/layout/back.png') repeat-x top left; font: 12px/14px Tahoma, sans-serif; color: #7a776f; text-align: center; }
img { border: 0; }
h1 { margin-top: 0; padding-top: 0; }
h3 { display: block; margin: 0 0 15px 0; padding: 0 0 8px 20px; border-bottom: 1px solid #e1dfda; background: url('../graphics/h3.png') no-repeat left top; text-align: left; font-weight: normal; color: #463d2d; font-size: 12px; }
a { outline: none; }
small { font-size: 9px; }
p { padding: 6px 0 6px 0 !important; margin: 0; }

/* --- [ Common Style          ] --- */
.head, .headline, .bottom-bd { padding: 0 25px; }


/* --- [ Full Style          ] --- */
.full { margin: 0 auto; width: 868px; background: url('../graphics/layout/full.png') repeat-y top left; text-align: left; }
.full-wr { margin: 0 auto; width: 856px; }


/* --- [ Head Style          ] --- */
.head { position: relative; height: 120px; background: #c8c2b7 url('../graphics/layout/head.png') no-repeat top left; }
.head-tp { height: 24px; text-align: right; }
.logo { float: left; position: absolute; top: 15px; left: -10px; }


/* --- [ Tool Style          ] --- */
.tool { float: right; text-transform: uppercase; font-size: 10px;  }
.tool ul { margin:0; padding: 0; position: relative; top: 10px; list-style-type: none; }
.tool li { float: left; margin: 0; padding: 0; }
.tool li a { display: block; padding: 2px 5px; min-width: 10px; color: #ebe8e0; text-decoration: none; }
.tool li a:hover { background: #beb8ae; color: #553e1e !important; }


/* --- [ Menu Style          ] --- */
.menu { float: right; text-transform: uppercase; font: 13px/14px Verdana, sans-serif;  }
.menu ul { margin: 0; padding: 0; list-style-type: none; }
.menu li { float: left; margin: 0; padding: 0 0 0 2px; height: 73px;  background: url('../graphics/layout/menu.png') no-repeat top left; }
.menu li a { display: block; position: relative; top: 18px; padding: 13px 8px; min-width: 10px; color: #fff; text-decoration: none; }
.menu li a:hover, .menu-over { background: #beb8ae; color: #553e1e !important; }


/* --- [ Body Style          ] --- */
.body { overflow: hidden; padding-bottom: 10px; }
.body-full { width: 806px; padding: 25px 0; margin: 0 auto; }
.homeImg { margin-bottom: 20px; border: 10px solid #dedad4; }
.body-lt { float: left; padding: 25px 25px 0 25px; width: 379px; text-align: justify;  }
.body-rt { float: right; padding: 15px 0 15px 15px; width: 410px; min-height: 275px; background: url('../graphics/layout/body-rt.png') repeat-x top left; }
.p-first { margin-top: 0; padding-top: 0; }
/*Product*/
.product, .product-in { overflow: hidden; }
.product div { padding: 15px 0; text-align: center; }
.product-lt { float: left; width: 285px; }
.product-md { float: left; width: 286px; background: url('../graphics/layout/body-rt.png') repeat-x top left; }
.product-rt { float: left; width: 285px; }
.surrender { padding: 10px 0 20px 0; }
.signup { float: right; width: 200px; }
.signupForm { margin: 0; padding: 0; }
.signupForm p { text-align: justify; }

.signupForm input { height: 15px !important; padding: 2px; border: 1px solid #ccc; width: 165px; font: 11px/13px Tahoma, sans-serif; color: #553e1e; }
.signupForm .inputSub { text-align: center; }
.signupForm .inputSub { width: 25px !important; height: 21px !important; background: #ebebeb;  }

.signupForm label { display: block; padding: 0 0 5px 0; font-weight: bold; color: #553e1e; }
.signupForm p { padding: 0 0 10px 0 !important; }
.homeLeft { width: 530px; padding: 10px 0 0 0; float: left; text-align: justify; }
.homeRight { width: 275px; padding: 10px 0 0 0; float: right; }


.product-in .product-md { min-height: 275px; background: url('../graphics/layout/product-md.png') repeat-x bottom left;  }
.product-in .product-lt img { border: 2px solid #c3bdb1; }
.product-in form { margin: 0; padding: 0; }
.product-in select { width: 100%; height: 172px; padding: 2px; border: 1px solid #e0ded9; font: 11px/12px Tahoma, sans-serif; color: #7a776f; }

.map-cont { margin-right: 15px; text-align: center; }
#map { height: 155px; border: 3px solid #c3bdb1; }

/*Projects*/
.latest { padding-bottom: 10px !important; }
.latest a { display: block; padding: 2px 5px; color: #463d2d; font-size: 11px; text-decoration: none; }
.latest a:hover, .latest-over { background: #f6f6f6; }
.latest span { color: #7a776f; }
.img-tag { position: relative; top: -20px; padding: 0 0 0 30px; height: 20px; background: url('../graphics/img-tag.png') no-repeat top left; color: #FFF; font-size: 11px; line-height: 11px; }
.img-tag span { position: relative; top: 3px; }
.used a { text-decoration: none; color: #7a776f }
.used span{ color: #463d2d; }
.used td { font-size: 11px; }
.used-label { color: #979184; }
.spacer { width: 30px; text-align: center; }
.empty { height: 10px; font-size: 0; line-height: 0; }
.project-tmb { width: 100%; text-align: center;}
.project-tmb td { width: 50%; padding: 0 0 15px 0; }
.project-tmb img { border: 3px solid #c3bdb1; }


/* --- [ News Style          ] --- */
.headline { width: 100%; height: 40px; background: #d9d4cd; font: 16px/18px Verdana, sans-serif; color: #7f796a; }
.headline td { vertical-align: middle; }
.headline-date { font-size: 12px; }
.headline-news { width: 570px;  }
.headline-news a { display: block;padding: 5px 10px 5px 30px; background: #e4e1dc url('../graphics/headline-news.png') no-repeat 2px center; font: 12px/14px Tahoma, sans-serif; color: #7a776f; text-decoration: none; }
.headline-news a:hover { background-color: #f6f6f6; }
.headline-title { padding-right: 5px; }
.news-date { font-size: 10px; color: #a76d40; }
.archive { margin-top: 20px; }
.archive a { color: #463d2d; font-size: 11px; text-decoration: none; }
.archive a:hover, .archive-over { background: #f6f6f6; color: #a76d40; }
.archive a span { color: #a76d40 }
.news-box { min-height: 188px; }


/* --- [ Bottom Style        ] --- */
.bottom { background: #736e60 url('../graphics/layout/bottom.jpg') no-repeat top left; }
.bottom-bd { overflow: hidden; min-height: 150px; }
.bottom-bd h1 { display: block; margin: 0; padding: 20px 0 15px 0; border-bottom: 1px solid #999383; font-size: 24px; font-weight: normal; color: #fff; }
.bottom-bd ul { margin: 10px 0 0 0; padding: 0; list-style-type: none; }
.bottom-bd li { padding: 7px 7px 7px 30px; background: url('../graphics/bottom-list.png') no-repeat left center; font-size: 16px; color: #eae8e4; }
.bottom-lt { float: left; width: 50%; }
.bottom-rt { float: right; width: 50%; }
.bottom-ft { height: 2px; background: url('../graphics/layout/bottom-ft.png') no-repeat top left; font-size: 0; line-height: 0; }


/* --- [ Contact       ] --- */
.contact { margin: 0 auto;  width: 300px; }
.contact input, .contact select, .contact textarea { padding: 2px; border: 1px solid #ccc; width: 100%; font: 11px/13px Tahoma, sans-serif; color: #553e1e; }
.contact label { display: block; padding: 10px 0 5px 0; }
.contact .submit { margin-top: 15px; text-align: center ; }
.contact .submit input { width: auto !important; }


/* --- [ FAQ       ] --- */
.on, .off { padding: 10px; position: relative; left: -10px; background: url('../graphics/layout/on.png') repeat-y top left; }
.on a, .off a { color: #7a776f; font-weight: bold; font-size: 11px; text-decoration: none; }
.on a:hover, .off a:hover { background-color: #f6f6f6; color: #a76d40; }
.off { background: none; }
.faq-answer, .faq-first { display: none; padding: 10px 0; }
.faq-first { display: block; }
.pdf, .link { padding: 0 20px; font-size: 11px; }
.pdf a, .link a { padding: 2px 0 2px 20px; font-weight: normal; color: #a76d40; }
.pdf a { background: url('../graphics/pdf.png') no-repeat center left; }
.link a { background: url('../graphics/link.png') no-repeat center left; }
.pdf a:hover, .link a:hover { color: #7a776f; background-color: none !important; }


/* --- [ Foot Style        ] --- */
.foot { overflow: hidden; padding: 0 25px 10px 25px; font: 10px/12px verdana, sans-serif; color: #938f83; }
.foot-lt { float: left; text-align: left; width: 50%; }
.foot-rt { float: right; width: 50%; }
.foot-menu { float: right; text-transform: uppercase; }
.foot-menu ul { margin:0; padding: 0; list-style-type: none; }
.foot-menu li { float: left; margin: 0; padding: 0; }
.foot-menu li a { display: block; min-width: 10px; color: #938f83; text-decoration: none; }
.foot-menu li a:hover { color: #553e1e !important; }



/* --- [ Misc Style          ] --- */
.fllt { float: left; }
.flrt { float: right; }
.allt { text-align: left ; }
.alrt { text-align: right; }
.alct { text-align: center; }
.no-back { background: none !important; }
.clbt { clear: both; }

.p25{ padding: 0 25px; }
.pt0 { padding-top: 0; } 

.warn { padding: 0 0 0 10px; font-size: 11px; color: #FF0000; }
.warning ,.warningHome { padding: 10px; color: #a66c3f; font-size: 12px; font-weight: bold; text-align: center; }
.warningHome { padding: 0 0 5px 0 !important; text-align: left !important; }