/***
 *
 * Rhythm Behavior
 * 2009-10-06
 * N. Alex Kobylk
 *
 * www.rhythmbehavior.com
 * Graphic Design and web development
 * Portland, OR
 *
 *--------------------------------
 *
 * Colors:
 *--------------------------------
 * #36301f (Dk. Brown)
 * #41382e (Dk. Brown II)
 * #c0b9ac (Tan)
 * #7f7c7a (Dk. Tan)
 * #fff (White)
 * #0084b9 (Blue)
 * #b4b2ad (Grey borders)
 *--------------------------------
 *
 * Fonts:
 *--------------------------------
 * (Main Text)
 * Helvetica (Small Text)
 *--------------------------------
 *
 *
 ***/
 /*<!-- #BeginSnippet name="CSS" wysiwyg="no" -->*/
 @import url('navigation.css');
 
 
/*-----------------------------------
 * Reset padding & margin
 *-----------------------------------*/

*, body {
   padding:0;
   margin:0;
}

img {
	border:none;
}

h1, h2, h3, h4, h5, h6, p, blockquote,
 form, label, ul, ol, dl, fieldset, address {
    margin-bottom: 1em;
}

/*-----------------------------------
 * Layout
 *-----------------------------------*/

body {
	margin-top:0px;
	margin-bottom:0px;
	font-size:80%;
	font-family:Georgia, "Times New Roman", Times, serif;
	background-image:url(/images/site/bkg-main.gif);
	background-repeat:repeat;
	line-height:22px;
}

#content, #sub_footer {
	width:820px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	font-size: 14px;
	background-color:#FFF;
}

#sub_footer {
	font-size: 10px;
	text-align:center;
	background:none;
	margin-top:20px;
}
.left, .right {
	float:left;
	text-align:right;
	width:408px;
}

.right {
	width:412px;
}

.small {
	text-align:left;
	width:50%;
}

#header {
	 background:url(/images/site/bkg-header.png) no-repeat center center;
	 width: 820px;
}

#logo {
	position:relative;
	float:right;
	margin-top:73px;
	margin-bottom:-1px;
	right:-22px;
}

.small, .product_no, .product_buy, #contact textarea {
	font-size:12px;
}

form.product_buy {
	display:block;
	width:350px;
}

.product_buy select {
	margin-right:30px;
}

.product_buy select.last {
	margin-right:0px;
}

#main {
	margin:30px;
	margin-bottom:-1px;
	position:relative;
	z-index:100;
/*	height:420px;
	overflow:auto;*/
}

/*
#main.border, #main.single {
	height:338px;
}

.column1 {
	height:420px;
}
*/

#table td {
  padding-right: 5px;
 }

.small_txt, #footer, .error_msg  {
	font-size:11px;
	line-height:17px;
}

.x_small {
	font-size:10px;
}

.medium, .small_txt, .x_small, #footer, #sub_footer, #comments, .small, a, .product_no, .product_buy, #contact label, .error_msg, #contact textarea, TABLE.chart, .close  {
	font-family:Helvetica, Arial, sans-serif;
}


#footer {
	text-align:right;
	position:relative;
	z-index:200;
	height:48px;
}

#sub_footer {
	margin-top:15px;
	line-height:14px;
}
	

.top_anchor {
	position:absolute;
	top:0;
	left:0;
}

.clear {
	height:0px;
	overflow:hidden;
	clear:both;
}

#main.single {
	border:dashed 1px black;
	border-right:none;
	border-left:none;
	padding:40px 48px;
	font-size:20px;
}

.dbl_spc {
	line-height:2em;
}

.border {
	border:dashed 1px #41382e;
	border-right:none;
	border-left:none;
	padding:40px 50px;
}


#main h1, #main h2, #main h3 {
	font-size:14px;
	font-weight:normal;
	padding:0;
	margin:0;
}


#main h1 {
	margin-bottom:12px;
}

#main table h1, #main.table h1, #main.normal h1  {
	font-size:20px;
	line-height:0px;
	text-transform:uppercase;
}

#main.normal {
  font-size: 14px;
}

#main.single h1, #main.single h2, #main.single h3 {
	font-size:20px;
}

#main h2 {
	font-weight:bold;
}

.inline, #main .inline {
	display:inline;
	font-weight:normal;
}

.uppercase {
	text-transform:uppercase;
}

#shopping {
	position:absolute;
	top: 0px;
	left: 750px;
	display:block;
	list-style: none;
	z-index:2000;
}

#shopping a {
	 background:url(/images/site/nav-bkg-blue-new.gif) no-repeat top center;
	 text-align:center;
	 font-size:12px;
	 text-transform:uppercase;
	 text-decoration:none;
	 width:84px;
	 display:block;
	 padding-top:4px;
	 padding-bottom:6px;
	 padding-left:3px;
	 z-index:100;
	 height:50px;
	color:#FFF;
}

#submit {
	background:url(/images/site/bkg-submit.gif) no-repeat center center;
	position:relative;
	top:5px;
	left: 206px;
	height:21px;
	width:75px;
	font-size:9px;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	display:block;
	line-height:25px;	
}

#purchase {
	position:absolute;
	top: 5px;
	right: 2px;
	line-height:0;
}

td.column1, td.column2 {
	border-right:dashed 1px #41382e;
	width:362px;
	padding:40px;
	padding-right:20px;
	padding-left:0px;
}

td.column2 {
	border-right:none;
	padding-right:0px;
	padding-left:20px;
}

td.no_pad {
	padding-top:30px;
	padding-bottom:30px;
	text-align:center;
	position:relative;
}

.product {
	position:relative;
	z-index:200;
}

.product_no, .product_buy {
	position:absolute;
	top:0;
	left:410px;
	width:350px;
	text-align:left;
}

.product_no {
	font-weight:bold;
}

.not_bold {
	font-weight:normal;
}

.product_buy {
	top:auto;
	bottom:-10px;
}

.hr {
	border:none;
	border-bottom:dashed 1px #41382e;
	width:60%;
	margin-top:14px;
	margin-bottom:14px;
}

.margin_top {
	margin-top:70px;
}

a {
	text-transform:uppercase;
	font-size:10px;
	line-height:18px;
}
	
	
#contact input, #contact textarea {
	width:265px;
	border:solid 1px #b4b2ad;
	padding:2px;
	margin-top:2px;
	margin-bottom:2px;
}

#contact textarea {
	vertical-align:top;
}

#contact select {
	width:270px;
	vertical-align:middle;
	margin-right: 2px;
	margin-top:2px;
	margin-bottom:3px;
}

#contact label {
	margin-left:8px;
	font-size:12px;
}

.contact {
	float:left;
	width:70px;
}

.normal {
	font-size:12px;
	line-height:24px;
}


tr.alt td {
	background-color:#ddd;
}
tr.over td {
	background-color:#aaa;
	color:#fff;
}

#chart, #fabrics, #padding {
	padding:10px;
	position:absolute;
	background:#fff;
	z-index:1000;
	margin-left:0px;
	width:675px;
	margin-top:12px;
	border: solid 1px #929292;
	text-align:left;
	display:none;
}

#chart {
	text-align:center;
}


TABLE.chart {
	position:relative;
 	border-collapse:collapse;
	padding:3px;
	text-align:center;
	font-size:11px;
	z-index:1000;
}

.chart TR {
 vertical-align:top;
 height:auto
}

.chart TH {
 text-align:center;
 vertical-align:middle;
 padding-left:20px;
 padding-right:20px;
}

.chart TD { 
	border:solid 1px black;
	text-align:center;
	vertical-align:middle;
	padding-left:5px;
	padding-right:5px;
}

.close {
	display:block;
	position:relative;
	top:-5px;
	text-align:right;
	font-size:10px;
}


#hide_back {
	position:absolute;
	display:none;
	top:0;
	left:0;
	width:100%;
	height:5000px;
	background:black;
	z-index:200;
}

.no_show {
	display:none;
}

.name {
	font-weight:bold;
}

.alt {
	cursor:default;
}

#footer_border {
	width:770px;
	margin:auto;
	border-top:dashed 1px #41382e;
	line-height:0px;
	margin-top:20px;
}

#site_map {
	clear:both;
	float:none;
	width:815px;
	margin:auto;
	text-align:center;
	line-height:10px;
	margin-top:20px;
	margin-bottom:20px;}

#site_map a, #site_map {
	font-size:8px;
	line-height:10px;
	text-decoration:none;
}

#social {
  position: absolute;
  left: 0px;
  top: 88px;
  z-index: 1000;
}

#social img {
  width: 28px;
}

#social a {
  display: block;
  float: left;
  width: 28px;
  margin-right: 3px;
}

/*-----------------------------------
 * Colors
 *-----------------------------------*/

body, #contact input, #contact textarea, #contact select, legend {
	color: #41382e;
}

.blue,  a, a:visited, .error_msg, #nav li ul li a {
	color:#0084b9;
}

a:hover {
	color:#36301f;
}

#sub_footer, a.tan, a.tan:visited, a.tan:hover {
	color:#7f7c7a;
}

.white {
	color: #FFF;
}
/*<!-- #EndSnippet -->*/