body { margin: 0px; font-size: 12px; font-family: Tahoma; background-color: #E6DBC9; color: #382720 }
input { border: 1px solid #38271f; background-color: #e8e1c7; color: #36281f; padding: 1px }
select { border: 1px solid #38271f; background-color: #e8e1c7; color: #36281f; padding: 1px }
textarea { border: 1px solid #38271f; background-color: #e8e1c7; color: #36281f; padding: 1px }
* { line-height: 16px; padding: 0px; margin: 0px }
a { color: #c46201 }
ul { margin-left: 15px }

#wrapper { width: 1000px; margin: 0px auto; background-color: #382720; padding-top: 45px }
.logo { margin-left: 6px; border: none }
#motto { position: absolute; color: #c5b093; margin: -31px 0px 0px 302px; font-size: 18px; font-style: italic; letter-spacing: 0px }

#menu_top { float: right; width: 698px; background-color: #45342d; border-top: 1px solid #4e3f38; border-bottom: 1px solid #4e3f38; height: 35px; margin-top: 50px }
#menu_top a { display: block; float: left; height: 35px; line-height: 35px; padding: 0px 17px; color: #c5b093; text-decoration: none }
#menu_top .sep { float: left; background: url(/images/menu_top_sep.gif); width: 2px; height: 35px; font-size: 0px }
#menu_top a:hover { background: url(/images/menu_top_hover.gif) bottom repeat-x }
#menu_top a.on { background: url(/images/menu_top_hover.gif) bottom repeat-x }

#menu_left { margin-top: 15px }
#menu_left a { display: block; background: url(/images/menu_left_sep.gif) bottom left no-repeat; color: #90AB2E; text-decoration: none; padding: 7px 0px 7px 10px; font-size: 17px }
#menu_left a:hover { color: #c46201 }
#menu_left a.on { color: #c46201 }
#menu_left div { background: url(/images/menu_left_sep.gif) bottom left no-repeat; color: #90AB2E; padding: 7px 0px 7px 10px; font-size: 17px }
#menu_left ul { list-style-type: none; margin: 6px 10px 6px 0px; padding: 0px }
#menu_left ul li { background: url(/images/logo_mic_menu.gif) no-repeat; background-position: 0px 0px; padding-left: 23px; margin-bottom: 4px }
#menu_left ul a { display: inline; background: none; padding: 0px; font-size: 14px; color: #c5b093 }

.columns { border-top: 1px solid #f3f3e7; background: #f3f3e7 url(/images/columns_bg.gif) repeat-y left }
.columns_sep { width: 5px; height: 28px; background-color: #c46200; position: absolute; margin: 18px 0px 0px 202px }
#col1 { width: 201px; float: left; padding-bottom: 20px }
#col2 { width: 763px; float: right; padding-bottom: 10px }

#footer { background-color: #63564d; color: #372920; height: 35px }
#footer div { padding: 0px 10px; float: left; height: 35px; line-height: 35px }
#footer div.left { background: url(/images/footer_bg.gif) right no-repeat; width: 182px; text-align: right }

.page_title { padding: 0px 8px 0px 12px; height: 28px; line-height: 28px; background-color: #c46201; color: #ffffff; font-size: 17px; margin: 17px 0px 15px 0px; float: left }
.page_title_ { padding-left: 8px; height: 28px; line-height: 28px; color: #3a2721; font-size: 17px; margin-top: 17px; float: left }
.page_subtitle { color: #382720; font-size: 16px }
.page_content { padding: 0px 12px }
.caption { background: url(/images/caption_bg.gif) top repeat-x; height: 25px; padding-top: 8px; margin-top: 3px }
.caption div { background: #c3b091 url(/images/cn2_right.gif) bottom right no-repeat; height: 23px; 
	padding: 2px 0px 0px 12px; color: #382720; letter-spacing: 1px; padding-right: 30px; float: left }
.caption div#grain_label { background: #c3b091 url(/images/cn2_left.gif) bottom left no-repeat; height: 28px; 
	padding: 0px 90px 0px 12px; color: #382720; letter-spacing: 1px; float: none; line-height: 12px }
.caption div#grade_label { background: #c3b091 url(/images/cn2_left.gif) bottom left no-repeat; height: 28px; 
	padding: 0px 90px 0px 12px; color: #382720; letter-spacing: 1px; float: none; line-height: 12px }
a.button { display: block; float: right; background: #c46201 url(/images/button_bg.gif) left no-repeat; color: #f3f1e5; padding: 0px 45px; height: 29px; line-height: 29px; text-decoration: none }

/* Homepage */
#vr_large { float: left; width: 521px; height: 399px; border: 1px solid #c3b091; border-bottom: 4px solid #c3b091; background: #ebe7e8 }
#vr_colors { padding: 13px 0px 0px 32px }
#vr_colors table { color: #3a2721; font-size: 11px; font-weight: bold; text-transform: uppercase; margin-top: 7px }
#vr_colors table span { display: block; width: 17px; height: 17px; margin: 4px 13px 0px 0px; font-size: 0px }
.vr_right { float: right; width: 232px }
.vr_room { background: #45342d url(/images/vr_room_cn.gif) top left no-repeat; padding-bottom: 10px; text-align: center }
.vr_room select { width: 170px; background-color: #c3b090; margin-top: 10px }
#vr_wf { float: left; background-color: #382720; width: 521px; border: 1px solid #c3b091; border-bottom: none; padding: 10px 0px; text-align: center }
#vr_wf img { border: 2px solid #382720; cursor: pointer }
#vr_wf img.on { border-color: #f2f4e7 }
	
/* Portfolio */
#portfolio_large { float: left; width: 521px; height: 399px; border: 1px solid #c3b091; border-bottom: 4px solid #c3b091 }
.portfolio_thumbs { float: right; width: 223px; background: #382720 url(/images/cn1_left.gif) top left no-repeat }
.portfolio_thumbs_ { background: url(/images/cn1_left.gif) bottom left no-repeat }
#portfolio_scroll { overflow: hidden }
#portfolio_scroll_cont img { border: 3px solid #382720; cursor: pointer }
#portfolio_scroll_cont img.on { border: 3px solid #c46200 }

/* Contact */
.contact_left { float: left; width: 230px; background: #382720 url(/images/cn1_right.gif) top right no-repeat }
.contact_left div { background: url(/images/cn1_right.gif) bottom right no-repeat; padding: 11px; color: #c4b08f }
.contact_right { float: right; width: 517px; background: #c3b090 url(/images/cn2_left.gif) top left no-repeat }
.contact_right div { background: url(/images/cn2_left.gif) bottom left no-repeat; padding: 20px }
.contact_right input { width: 280px }
.contact_right textarea { width: 280px }
.contact_right span { color: #c56101 }

/* Products */
.products div { padding: 10px 20px }

/* Grain Gallery */
#grain_left { float: left; width: 424px; background: #382720 url(/images/cn1_right.gif) top right no-repeat }
.grain_left_ { background: url(/images/cn1_right.gif) bottom right no-repeat; padding: 14px 14px 0px 14px; color: #c3af96; font-size: 11px }
.grain_left_ p { font-size: 16px; font-weight: normal; color: #c56300 }
.grain_left_ img { cursor: pointer }
.grain_left_ span { cursor: pointer }
.grain_left_ a { font-size: 12px }
#grain_right { float: right; width: 302px; background: #c3b090 url(/images/cn2_left.gif) top left no-repeat; padding: 10px }
#grain_grades { display: block; position: absolute; right: 0px; background-color: #392821; color: #f3f3e7; text-decoration: none; padding: 4px 10px }

#grade_left { float: left; width: 424px; background: #382720 url(/images/cn1_right.gif) top right no-repeat }
.grade_left_ { background: url(/images/cn1_right.gif) bottom right no-repeat; padding: 14px 14px 0px 14px; color: #c3af96; font-size: 11px }
.grade_left_ p { font-size: 16px; font-weight: normal; color: #c56300 }
.grade_left_ img { cursor: pointer }
.grade_left_ span { cursor: pointer }
.grade_left_ a { font-size: 12px }
#grade_right { float: right; width: 302px; background: #c3b090 url(/images/cn2_left.gif) top left no-repeat; padding: 10px }

/* Film */
#film_cont { cursor: pointer }

.clr { clear: both }