/*  ---------------
	Style Sheet for StratfordHall Textiles
	All rights reserved.
	by Tracy Hughes, T.Hughes Consulting 
---------------  */
html,body,h1,h2,h3,h4,h5,h6,div,p,p2 {
	margin:0;
	padding:0;
}

BODY {
	background-color: #FFFFFF;
	color: #494238;
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	font-weight: bold;
	line-height: 150%;
	text-align: center;
}
#wrapper {
	margin: 2px auto;
	text-align: left;
	width: 652px;
}
img {border: 0;}
h2 {font-weight: bold;	font-size: 12px;}

a:link {color: #B47331; text-decoration: none;}
a:visited {color: #B47331; text-decoration: none;}
a:hover {background-color: #ECDFBF;	color: #333333; text-decoration: none;}

#top-section {
  position:relative;
  left:0;
  top:0;
}
#top-col1 {
  position:absolute;
  top:0;
  left:0;
  width:70%;
}
#top-col2 {
  position:relative;
  top:0;
  left:70%;
  width:30%;
}

#mid-section {
  position:relative;
  left:0;
  top:0;
  border-left: 1px solid #ECDFBF;
  border-right: 1px solid #C0C0C0;
}
#midwelcome-col1 {
  position:absolute;
  top:0;
  left:0;
  padding: 24px 0 24px 35px;
  width:36%;
  height: auto;
}
#midwelcome-col2 {
	position: relative;
	top: 0;
	left: 36%;
	padding: 24px 10px 24px 15px;
	width: 58%;
}
#midwelcome-col3 {
  position:absolute;
  top:0;
  left:94%;
  width:6%;
}
#midcontact-col1 {
  position:absolute;
  top:0;
  left:0;
  padding: 24px 0 24px 35px;
  width:54%;
  height: auto;
}
#midcontact-col2 {
	position: relative;
	top: 0;
	left: 54%;
	padding: 24px 10px 24px 15px;
	width: 40%;
}
#midcontact-col3 {
  position:absolute;
  top:0;
  left:94%;
  width:6%;
}

#nav-bar {
	position: relative;
	left: 0;
	top: 0;
	background-color: #ECDFBF;
	border-bottom: 1px solid #C0C0C0;
	border-left: 1px solid #ECDFBF;
	border-right: 1px solid #C0C0C0;
	height: 22px;
}
#nav-bar1 {
	position: absolute;
	top: -8px;
	left: 0;
	height: auto;
	z-index:1;
}
#nav {
	color: #B47331;
	height: 22px;
	list-style: none;
}
#nav li {
	display: inline;
	padding: 0;
}
#nav a {
	color: #B47331;
	padding: 4px 15px 4px 15px;
	text-decoration: none;
}
#nav li a.current {background: #D3C9B2; color: #B47331;} 
#nav li a:hover {color: #333333;}

#nav2-bar {
	position: relative;
	left: 0;
	top: 0;
	background-color: #FFFFFF;
	border-bottom: 1px solid #C0C0C0;
	border-left: 1px solid #ECDFBF;
	border-right: 1px solid #C0C0C0;
	height: 22px;
}
#nav2-bar1 {
	position: absolute;
	top: -10px;
	left: 0;
	height: auto;
	z-index:2;	
}
#nav2 {
	color: #B47331;
	height: 22px;
	list-style: none;
	padding: 1px 0 0 136px;
}
#nav2 li {
	display: inline;
	padding: 0;
}
#nav2 a {
	color: #B47331;
	padding: 4px 15px 5px 15px;
	text-decoration: none;
}
#nav2 li a.current {background: #D3C9B2; color: #B47331;} 
#nav2 li a:hover {color: #333333;}

#mid-col1 {
  position:absolute;
  top:0;
  left:0;
  width:5%;
}
#mid-col2 {
  position:relative;
  top:0;
  left:5%;
  padding: 0 10px 24px 55px;
  width:80%;
}
#mid-col3 {
  position:absolute;
  top:0;
  left:90%;
  width:5%;
}


ul.cataloglist {
	font-size: 12px;
	font-weight: normal;
	list-style: none;
}
ul.cataloglist li {padding: 5px 5px;}
ul.cataloglist a {
	color: #494238;
	padding: 10px 15px 10px 25px;
}
ul.cataloglist a:visited {
	color: #494238;
}
ul.cataloglist a:hover {
	background-color: #FFFFFF;
	color: #494238;
	text-decoration: underline;
}
table.banners {
	padding-top: 15px;
	text-align: left;
	width: 560px;
}
table.swatches {
	padding-top: 15px;
}
table.swatches td.label {
	background-color: #D9D9D9;
	color: #666666;
	font-size: 10px;
	line-height: 225%;
	text-align: left;
	width:150px;
}
table.main {
	color: #6A645A;
	font-size: 11px;
	font-weight: bold;
	line-height: 155%;
}

#bottom-section {
  position:relative;
  left:0;
  top:0;
  border-top: 3px solid #ECDFBF;
  height: 55px;
  text-align: center;
}
#bottom-col1 {
	position: absolute;
	top: 0;
	left: 0;
	padding: 7px 0 25px 0;
	text-align: center;
	width: 98%;
}
#bottom-col2 {
	position: relative;
	top: 0;
	left: 98%;
	width: 2%;
}

/*---------------
Request Form
---------------*/
input {
	border: 1px solid #B3AA99;
	background-color: #F3F3F1;
	font-weight: normal;
}
select {
	border: 1px solid #B3AA99;
	background-color: #F3F3F1;
	font-weight: normal;
}
textarea {
	line-height: 155%;
	border: 1px solid #B3AA99;
	background-color: #F3F3F1;
	font-weight: normal;
}
.request {	line-height: 150%; }