/* CSS Document */
#twentyYears
	{
		position:relative;
		float:left;
		width:240px;
		text-align:center;
	}
a
	{
		color: black;
	}
a:hover
	{
		color: #060;
	}
a:visited
	{
		color:#030;
	}
a.cms
	{
		padding-right:20px;
		padding-left:20px;
	}
body
	{
		background: URL("../images/gif/bigBG.gif") repeat-y 50%;
		margin:0px;
		padding:0px;
		font-size:80%;
		height:100%;
	}
#container
	{
		position: relative;
		min-height:100%;
		width:779px;
		margin:0 auto;
		padding:0 0 0 10px;
	}
#mainContainer
	{
		position: relative;
		min-height:100%;
		width:779px;
		margin:0 auto;
		padding:0 0 0 10px;
		
		/*
		padding-left:10px;
		margin:0px auto;
		width:779px;
		\width: 730px;
		w\idth:779px;
		background: #fff;*/
	}
.clearer
	{
		clear:both;
	}
#links
	{
		background:url("../images/gif/linksBox.gif") #cc9 top no-repeat;
		position:relative;
		top:10px;
		padding-top:20px;
		padding-bottom:20px;
	}
#header
	{
		position:relative;
		background:url("../images/gif/header.gif") no-repeat;
		width:769px;
		height:76px;
	}
html
	{
		height:100%;
		font-family:verdana, arial, helvetica, sans-serif;
		font-size:100%;
	}
* html #container
	{
		/*height:100%;*/
	}
	#ImageBoxOverlay
	{
		background-color: #000;
	}
	#ImageBoxCaption
	{
		background-color: #F4F4EC;
	}
	#ImageBoxContainer
	{
		width: 250px;
		height: 250px;
		background-color: #F4F4EC;
	}
	#ImageBoxCaptionText
	{
		font-weight: bold;
		padding-bottom: 5px;
		font-size: 13px;
		color: #000;
	}
	#ImageBoxCaptionImages
	{
		margin: 0;
	}
	#ImageBoxNextImage
	{
		background-image: url(images/imagebox/spacer.gif);
		background-color: transparent;
	}
	#ImageBoxPrevImage
	{
		background-image: url(images/imagebox/spacer.gif);
		background-color: transparent;
	}
	#ImageBoxNextImage:hover
	{
		background-image: url(images/imagebox/next_image.jpg);
		background-repeat:	no-repeat;
		background-position: right top;
	}
	#ImageBoxPrevImage:hover
	{
		background-image: url(images/imagebox/prev_image.jpg);
		background-repeat:	no-repeat;
		background-position: left bottom;
	}
#navContainer
	{
		background: #fff;
		position: relative;
		top:75px;
		width:759px;
		height:29px;
		padding-right:10px;
		vertical-align:top;
	}
#navigation
		{
			width: 759px; height: 29px;
			background: url(../images/gif/navBar.gif);
			margin: 0px; padding: 0px;
			position: relative; left: 0px; top: 0px;
		}
	#navigation li
		{
			margin: 0; padding: 0; list-style: none;
			position: absolute; top: 0;
		}
	#navigation li, #navigation a
		{
			height: 29px; display: block;
		}
	#quality { left:378px; width:55px;}
	#products {left: 435px; width: 69px;}
	#services {left:505px; width: 65px;}
	#aboutUs {left: 571px; width: 67px;}
	#contactUs {left: 639px; width: 80px;}
	#home {left: 720px; width: 39px;}
	
	#quality a:hover 
		{
    		background: transparent url(../images/gif/navBar.gif) -378px -29px no-repeat;
		}
	#products a:hover 
		{
    		background: transparent url(../images/gif/navBar.gif) -435px -29px no-repeat;
		}
  	#services a:hover 
		{
    		background: transparent url(../images/gif/navBar.gif) -505px -29px no-repeat;
		}
  	#aboutUs a:hover 
		{
    		background: transparent url(../images/gif/navBar.gif) -571px -29px no-repeat;
		}
  	#contactUs a:hover 
  		{
    		background: transparent url(../images/gif/navBar.gif) -639px -29px no-repeat;
		} 
	#home a:hover 
  		{
    		background: transparent url(../images/gif/navBar.gif) -720px -29px no-repeat;
		}
#image
	{
		background: url("../images/jpg/homepageImage.jpg") no-repeat;
		height:149px;
		width:769px;
		padding-bottom:10px;
	}
#bodyHome
	{
		position:relative;
		width:780px;
		padding:0px;
	}
#contactUsImg
	{
		position:relative;
		width:244px;
		left:-5px;
		float:right;
	}
#columnOne
	{
		float:left;
		text-align:right;
		font-weight:bold;
		width:auto;
		padding-left:10px;
	}
#columnTwo
	{
		float:left;
		width:auto;
		padding-left:10px;
	}
#content
	{
		position: relative;
		width:790px;
		background: url("../images/gif/containerBG.gif") repeat-y;
	}
#contentHead
	{
		background: red;
		width:790px;
		height:110px;
	}
#contentHeadImg
	{
		position: absolute;
		top: 104px;
		left: 0px;
		width: 250px;
		height: 110px;
		background: yellow;
	}
#contentHeadHd
	{
		position: absolute;
		top: 104px; 
		left: 250px;
		width: 535px;
		height: 110px;
	}
#content
	{
		background: url(../images/gif/containerBG.gif) repeat-y;
		position: absolute;
		left:0px;
		top:214px;
		width:790px;
		height: 200px;
	}

#bodyHome #news
	{
		background: url("../images/jpg/newsBG.jpg") no-repeat;
		float:right;
		position:absolute;
		left:495px;
		/*left:508px;*/
		height:300px;
		width: 262px;
		/*margin-right:10px;*/
	}
#newsTxt
	{
		position:relative;
		top:40px;
		left:10px;
		height:250px;
		width:200px;
		overflow:auto;
		font-size:11px;
		padding-right:10px;
	}

#MSP
	{
		background:url("../images/gif/bg_matandySteelProducts.gif") no-repeat;
		position:relative;
		padding-top:35px;
		padding-right:25px;
		width:307px;
		height:177px;
	}
#newsTxt
	{
		width:262px;
		height:200px;
	}
#txt
	{
		position:relative;
		width:498px;
	}
#leftColumn
	{
		background: url(../images/gif/tanBG.gif) repeat-x;
		position:relative;
		left:0px;
		top: 0px;
		width:240px;
		float: left;
		margin-top:30px;
		margin-left:5px;
	}
#leftColumnCMS
	{
		background: url(../images/gif/tanBG.gif) repeat-x;
		position:relative;
		left:0px;
		top: 0px;
		width:150px;
		float: left;
		margin-top:30px;
	}
#leftImage
	{
		width:240px;
	}
#leftColContent
	{
		width: 240px;
		padding-top:10px;
	}
#mainColumn
	{
		width: 510px;
		margin-left:255px;
		margin-top:30px;
		vertical-align:top;
	}
#mainColumnCMS
	{
		margin-left:20px;
		margin-top:30px;
		vertical-align:top;
	}
#footer
	{
		position:relative;
		background:url("../images/gif/footerBG.gif") bottom #cc9 repeat-x;
		width: 769px;
		/*height:100px;*/
		padding:10px 0;
		/*margin:-60px auto 0 auto;*/
		margin:0 auto;
		text-align:center;
		font-family:verdana, arial, helvetica, sans-serif;
		font-size:9px;
	}
ul.links
	{
		list-style-image: url(../images/gif/bullet.gif);
	}
ul.nails
	{
		padding-top:30px;
	}
ul.padTop
	{
		padding-top:30px;
	}
img.whiteBottom
	{
		border-bottom-style:solid;
		border-bottom-width: 1px;
		border-bottom-color:white;
	}
p
	{
		line-height:20px;
	}
.padBottom
	{
		padding-bottom:10px;
	}
.sortHelper
	{
		border: 3px dashed #666;
		width: auto !important;
	}
#squareCap
	{
		float:left;
		margin-top:20px;
		width:243px;
		height:209px;
		background: url(../images/jpg/squareCapNailsBG.jpg) no-repeat;
		padding-top:40px;
		padding-left:10px;
	}
#roundCap
	{
		float:left;
		margin-top:20px;
		width:243px;
		height:209px;
		background: url(../images/jpg/roundCapNailsBG.jpg) no-repeat;
		padding-top:40px;
		padding-left:10px;
	}
.sortableEmployee
	{
		padding:5px;
		margin:2px 0px;
		background:#cc9;
	}

table
	{
		font-family:verdana, arial, helvetica, sans-serif;
		font-size:12px;
	}
	.dataTable
	{
		font-family:verdana, arial, helvetica, sans-serif;
		font-size:12px;
		border-style:solid;
		border-color:black;
		border-width:1px;
		padding:5px;
		text-align:center;
	}
		
tr.header
	{
		font-weight:bold;
		border-bottom-style:solid;
		border-bottom-width:1px;
		border-bottom-color:black;
	}
th.error
	{
		color:#f00;
	}
td.bold
	{
		font-weight:bold;
		text-align:right;
		padding-right:10px;
	}
	.center
	{
		border-left-style:solid;
		border-left-width:1px;
		border-left-color:black;
		border-right-style:solid;
		border-right-width:1px;
		border-right-color:black;
	}
	.notes
	{
		font-size:10px;
	}
h1
	{
		font-size:150%;
	}
h2
	{
		font-size:120%;
		color: green;
	}
.header
	{
		font-size:12pt;
		font-weight:bold;
		padding-bottom:10px;
	}
.date
	{
		font-size:10px;
		text-align:right;
	}
.newsContent
	{
		border-bottom-style:dotted;
		border-bottom-color:"#006600";
		border-bottom-width:1px;
		padding-bottom:10px;
		
	}
.serviceTable th
	{
		width:200px;
		padding-right:10px;
		text-align:right;
		vertical-align:top;
	}