/*CSS Document*/
*
{
}
BODY
{
	background-image: url(../images/background.jpg);
	background-repeat: repeat-x;
	background-position: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}
.stonebarimg
{
	border-top-width: 5px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #87834F;
	border-right-color: #87834F;
	border-bottom-color: #87834F;
	border-left-color: #87834F;
}
.stoneemailicon
{
	position: absolute;
	top: 72px;
	left: 90px;
}
.fastenerphoneicon
{
	position: absolute;
	left: 60px;
	top: 35px;
}
.fasteneremailicon
{
	position: absolute;
	top: 72px;
	left: 60px;
}
.fastenerbarimg
{
	border-top-width: 5px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #333366;
	border-right-color: #333366;
	border-bottom-color: #333366;
	border-left-color: #333366;
}
.flt
{
	width: auto;
	height: 10px;
}
#header
{
	position: relative;
/*adding position: relative allows you to position the two sidebars relative to this container*/
	width: 780px;
	margin: 0 auto;
	text-align: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #333366;
}
.hhead
{
	font-size: 16px;
	text-align: center;
	margin: 0;
}
#header #address
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#stonecontainer
{
	position: relative;
/*adding position: relative allows you to position the two sidebars relative to this container*/
	width: 780px;
/*using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar*/
	background: #FFFFFF;
/*the auto margins (in conjunction with a width) center the page*/
	border: 1px none #000000;
	text-align: center;
/*this overrides the text-align: center on the body element.*/
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#stonecontent
{
	margin-right: auto;
	padding-top: 12px;
	padding-bottom: 24px;
	margin-left: auto;
	background-image: url(../images/stoneBG.jpg);
	/*[disabled]height:255px;*/
	width: 450px;
	background-repeat: no-repeat;
	background-position: right;
	background-color: #EFEFE3;
}
#stonecontainer #stonecontent H2
{
	font-size: 16px;
	color: #38381D;
	padding: 0px;
	margin-top: 20px;
}
#stoneleft
{
	position: absolute;
	width: 160px;
	left: 0px;
	top: 0px;
	background-color: #87834F;
	text-align: center;
	padding-bottom: 7px;
	padding-top: 2px;
}
#stoneright
{
	position: absolute;
	width: 150px;
	top: 0px;
	float: right;
	right: 0px;
	background-image: url(../images/gradBG.jpg);
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 10px;
	min-height: 240px;
}
#stoneNav
{
	width: 160px;
	font-size: 12px;
	text-align: left;
}
#stoneNav UL
{
	margin: 0px;
	list-style-type: square;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	line-height: 1.3em;
	color: #38381D;
	font-weight: normal;
}
#stoneNav LI
{
}
#stoneNav H1
{
	font-size: 12px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	color: #38381D;
}
#stoneNav LI A:link, #stoneNav LI A:visited
{
	color: #37371C;
	text-decoration: none;
}
#stoneNav LI A:hover
{
	color: #86824E;
	text-decoration: underline;
}
#clear
{
	clear: both;
	height: 5px;
	width: 780px;
	margin-right: auto;
	margin-left: auto;
}
#vaildation
{
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	text-align: left;
}
#fastenerscontainer
{
	position: relative;
/*adding position: relative allows you to position the two sidebars relative to this container*/
	width: 780px;
/*using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar*/
	background: #FFFFFF;
/*the auto margins (in conjunction with a width) center the page*/
	border: 1px none #000000;
	text-align: center;
/*this overrides the text-align: center on the body element.*/
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#fastnercontent
{
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/fastenerBG.jpg);
	width: 450px;
	padding-top: 12px;
	padding-bottom: 25px;
	background-repeat: no-repeat;
	background-position: right;
	background-color: #EFEFE3;
}
#fastnercontent H1
{
	font-size: 17px;
	color: #323265;
}
#fastenerleft
{
	position: absolute;
	width: 160px;
	left: 0px;
	top: 0px;
	background-color: #333366;
	text-align: center;
	padding-bottom: 7px;
	padding-top: 2px;
}
#fastenerright
{
	position: absolute;
	width: 150px;
	top: 0px;
	float: right;
	right: 0px;
	background-image: url(../images/gradBG.jpg);
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 10px;
	height: 240px;
}
#fastener UL
{
	margin: 0px;
	list-style-type: square;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	line-height: 1.3em;
	color: #38381D;
	text-align: left;
}
#fastenerscontainer #fastnercontent H2
{
	font-size: 16px;
	color: #333366;
	padding: 0px;
	margin-top: 20px;
}
#fastenerNav
{
	width: 160px;
	font-size: 12px;
	text-align: left;
}
#fastenerNav UL
{
	margin: 0px;
	list-style-type: square;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	line-height: 1.3em;
	color: #212141;
	text-align: left;
	font-weight: normal;
}
#fastenerNav LI
{
}
#fastenerNav H1
{
	font-size: 12px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	color: #212141;
}
#fastenerNav LI A:link
{
	color: #202040;
	text-decoration: none;
}
#fastenerNav LI A:visited
{
	color: #202040;
	text-decoration: none;
}
#fastenerNav LI A:hover
{
	text-decoration: underline;
}
#fastenerNav LI A:active
{
	color: #FFFFFF;
	text-decoration: underline;
}
#fastenerBTN
{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#stonecontainer #stonecontent H1
{
	color: #38381D;
	font-size: 17px;
}
#stoneDetails
{
	font-size: 24px;
	font-weight: bold;
	position: relative;
	padding-top: 30px;
	text-align: left;
}
#stonecontainer A:link
{
	color: #38381D;
	text-decoration: none;
}
#stonecontainer A:visited
{
	color: #38381D;
	text-decoration: none;
}
#stonecontainer A:hover
{
	color: #38381D;
	text-decoration: underline;
}
#stonecontainer A:active
{
	color: #38381D;
	text-decoration: underline;
}
#stonecontainer #stonecontent #stoneDetails #stonePhone
{
	height: 20px;
	width: 28px;
	padding-left: 110px;
	position: absolute;
	top: 13px;
}
#stonephone
{
	color: #38381D;
	margin-left: 130px;
	text-align: left;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
}
#stoneemail
{
	color: #38381D;
	margin-left: 130px;
	text-align: left;
	padding: 0px;
	margin-top: 0px;
	font-size: 18px;
}
#fastenerphone
{
	color: #333366;
	margin-left: 100px;
	text-align: left;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
}
#fasteneremail
{
	color: #333366;
	margin-left: 100px;
	text-align: left;
	padding: 0px;
	margin-top: 0px;
	font-size: 18px;
}
#fastenerDetails
{
	font-size: 24px;
	font-weight: bold;
	position: relative;
	padding-top: 30px;
}
.stonephoneicon
{
	position: absolute;
	left: 90px;
	top: 35px;
}
#fastenerProducts
{
	position: absolute;
	width: 200px;
	height: 115px;
	z-index: auto;
	top: 170px;
	left: -23px;
}
#fasteneremail A:link
{
	color: #333366;
	text-decoration: none;
}
#fasteneremail A:visited
{
	color: #333366;
	text-decoration: none;
}
#fasteneremail A:hover
{
	color: #333366;
	text-decoration: underline;
}
#fasteneremail A:active
{
	color: #333366;
	text-decoration: underline;
}
#opening
{
	float: right;
	background:#123;
	width:180px;
	height:147px;
}
#fastenerNav P
{
	font-size: 12px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 0px;
	color: #212141;
	font-weight: bold;
	margin-bottom: 0px;
}
