/* CSS Document created for Sutcliffe by Blue Ginger http://www.blueginger.co.uk - March 2008*/
* {margin: 0px; padding: 0px;} /* - this will reset all margins and paddings to 0 */
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
a:link, a:visited, a:active {text-decoration:none; color:#3366FF;}
a:hover {text-decoration:underline;}
#wrapper {
	width: 998px;
	margin: 10px auto;
	background-color: #FFFFFF;
}

#logo {
	float:left;
	width:130px;
	margin-left:5px;
	margin-bottom:15px;
}
#site_nav {float:left; width:650px; margin-left:150px; margin:0px; padding-top:20px;}
#site_nav ul {list-style:none;}
#site_nav ul li {float:left; padding-left:10px; list-style:none; position:relative; font: 9px Verdana, Arial, Helvetica, sans-serif; color:#9a8f7b;}
#site_nav ul a {color:#9a8f7b; text-decoration:none;}
#site_nav ul a:hover {text-decoration:underline;}

/* #logo .strapline {
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	background-color: transparent;
	float: right;
	margin-right: 35px;
	margin-top: 5px;
}
#logo .strapline p {text-align:right;} */
/*#logo .logo {
	float: left;
	margin:0px 0px 0px 0px; 
}*/


#container { 
	width: 998px;  /* using 24px less than a full 1024px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

#range_nav {
/*	margin-top:0; */
	clear:both;
	width:100%;
	height:29px;
	background-color:#9A8F7B;
	}
#range_nav ul {
	padding: 0;
	width: 996px;
	list-style: none;
	}

#range_nav ul li {
	margin: 0;
	padding: 0;
	float: left; /*For Gecko*/
	list-style: none;
	position: relative;
	font: normal 12px Arial, Verdana, Helvetica, sans-serif;
/*	letter-spacing:0.1em; */
	}
#range_nav .line {
	border-left:0px solid #ffffff;
	}
#range_nav ul a {
/*	padding: 12px 30px 11px 31px; */
	padding: 7px 42px 7px 42px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
/*	background: #BBB4AC; */
	color: #FFFFFF;
	text-decoration: none;
	/* height: auto !important; */
	/* height: 1%; /*For IE*/
	}
#range_nav ul a:hover,
#range_nav ul li:hover a{
  background-color: #BBB4AC;
  color: #FFF;
}

#range_nav .picked {
	background: #005492;
	color: #FFF;
	padding: 12px 33px 11px 33px;
}

#range_nav ul li.bittner a {padding-left:31px;}
#range_nav .education, #range_nav ul li.education a:hover {
	background-image: url(images/hdr_nav_left.gif);
	background-position: left;
	background-repeat:no-repeat;
	}
#range_nav .new {color:#990000; font-size:12px; padding-right:5px;}
#main_mid {
	clear:both;
	width: 998px;
	background-image:url(images/main_background.jpg);
	background-repeat:repeat-y;
}
#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 150px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 8px 0px 15px 0px;
	color:#FFFFFF;
	font-weight:normal;
	font-size:10px;
}
#sidebar1 a {color:#ffffff; text-decoration:none;}
#sidebar1 a:hover {text-decoration:underline;}

#home {font-weight:bold; width:130px; height:14px; padding-top:2px;}
#brochure {font-weight:bold; width:133px; margin-top:20px; height:40px; font-size:98%;}
#brochure .white {color:#ffffff;}

#categories {margin-top:30px;}
#categories ul {list-style:none; width:130px;}
#categories li a, #home a, #brochure a {display:block; padding:2px 0px 2px 15px; text-decoration:none; height:14px; margin:0px;}
#categories li a:hover, #home a:hover, #brochure a:hover {background: url(images/nav_highlight.gif) no-repeat 0 50%; padding-left:15px; text-decoration:none;}
#categories a span, #home a span, #brochure a span {display:block; margin-left:0px; padding:2px 0px; border-bottom:1px solid #ffffff;}
/*#categories li .picked {background: url(images/nav_highlight.gif) no-repeat 0 50%; padding-left:15px; text-decoration:none; border-bottom:1px solid #ffffff; } */
#categories .picked {background:url(images/nav_highlight.gif) no-repeat 0px 50%; padding-top:1px;}
#categories .picked span{display:block; height:14px; margin-left:15px; width:115px; border-bottom:1px solid #FFFFFF; color:#CCCCCC; padding:2px 0px 1px 0px;}
#categories .products {display:block; margin-left:0px; padding-bottom:2px; margin-left:15px; border-bottom:1px solid #ffffff; }
#categories .fabrics {margin-top:30px;}

#home .picked {display:block; height:14px; background: url(images/nav_highlight.gif) no-repeat 0 50%; padding-left:15px; border:1px solid #ffffff; text-decoration:none;}

/* #categories ul li {margin-left:10px; padding:2px 0px; width:128px; border-bottom:1px solid #ffffff; background-image: url(images/nav_highlight.gif);background-repeat: no-repeat;background-position: -5px .5em;}
#categories ul li a, #categories a:visited, #categories a:active {padding-left:15px; color:#ffffff; text-decoration:none; display:block;}
#categories ul a:hover {text-decoration:underline; background-image: url(images/nav_highlight.gif);background-repeat: no-repeat;
background-position: 0 .5em;} */


/*#categories {width:150px; margin:0px; font-size:70%;}
#categories a, #categories a:visited {display:block; width:150px; height:20px; line-height:20px; text-decoration:none; color:#FFFFFF; background:url(off.gif); background-repeat:no-repeat; padding:2px 5px 3px 5px; }

#categories a:hover {display:block; width:100%; height:20px; cursor:pointer; text-decoration:none; color:#D66275; background:url(images/nav_arrow.jpg); background-repeat:no-repeat; background-position: 0px .5em;}
#categories .picked {background:url(images/nav_arrow.jpg); background-repeat:no-repeat; background-position: 0px .5em;}
#categories .picked span{display:block; margin-left:20px; height:20px; line-height:20px; width:105px; padding:2px 0px 2px 0px; border-bottom:1px dotted #FFFFFF; color:#D66275;} */

#mainContent { 
	margin: 0 0 0 148px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding-left: 4px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	padding-bottom:20px;
/*	background: #CCDD97; */
	background-image:url(images/mainhire_bkgrd.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	color:#837163;
	font-size:11px;
} 
#mainContent h1 {color:#837163; font-size:18px; padding-bottom:10px;}
#mainContent h2 {color:#837163; font-size:14px; padding-bottom:10px;}
#mainContent p {line-height:130%; padding-bottom:5px;color:#837163;}
#mainContent ul {margin-left:20px;}
#mainContent li {line-height:20px;}

#mainContent #c_left {float: left; /* since this element is floated, a width must be given */
	width: 363px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
/*	margin-top:20px; */
	color:#837163;
}
#c_right {margin-left: 400px; width:401px; color:#837163; /* margin-top:20px; */}

.line10 { width:100%; margin:10px 0px; border-bottom:1px dotted #cccccc;}

.hloop {float:left; border:1px solid #cccccc; padding:5px;vertical-align:top; width:144px; height:220px; margin-right:8px; margin-bottom:10px; text-align:center;}
.hloop img {margin-left:0px; }

.dims {font-size:6pt; color:#837163;}
.category {font-size:7pt; color:#837163;}


#bottom_nav {float:left; width:998px; margin:0px; padding:10px 0px; font: 9px Verdana, Arial, Helvetica, sans-serif; color:#9a8f7b; border-top:1px dotted #cccccc; border-bottom:1px dotted #cccccc;}
#bottom_nav ul {list-style:none; padding-left:20px;}
#bottom_nav ul li {float:left; padding-left:10px; list-style:none; position:relative;}
#bottom_nav ul a {color:#9a8f7b; text-decoration:none;}
#bottom_nav ul a:hover {text-decoration:underline;}
.copyright {padding-left:40px;}
.site_by {padding-left:30px;}