/* CSS Document */

body {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; margin:0 auto; padding:0; background-color:white; background-image:url(images/pagebg.jpg); background-repeat:repeat-x}
p {margin:0 auto; padding:0;}
li {margin:0 auto; padding:0; float:left;}
ul {margin:0 auto; padding:0; float:left; list-style-type:none;}

#containerTop {margin:0 auto; padding:0; height:252px; background-image:url(images/pageHdrBg.jpg); border-bottom:1px solid white}
#topInside {margin:0 auto; padding:45px 0 0 0; height:207px;}
#topArea {margin:0 auto; padding:0; height:207px; width:778px; background-color:#FFFFFF}
#logoArea {margin:0 auto; padding:0; float:left; width:150px; text-align:center; }
.logo {margin:0 auto; padding:10px 0 0 0; float:left; width:150px}
.contact {margin:0 auto; padding:32px 0 0 0; float:left; width:150px}
.main {margin:0 auto; padding:0; float:left; width:628px; background-color:#FFFFFF}
 
#containerBottom {margin:0 auto; padding:0; height:2000px; background-image:url(images/gradient.gif); background-repeat:repeat-x}
#bottomContainer {margin:0 auto; padding:0; width:778px; background-color:#FFFFFF}
#leftCol {margin:0 auto; padding:0; float:left; width:150px; height:790px; text-align:center; background-color:#FFFFFF; border-right:1px solid #d18b8c}
#leftColmed{margin:0 auto; padding:0; float:left; width:150px; height:1300px; text-align:center; background-color:#FFFFFF; border-right:1px solid #d18b8c}
#leftCollong {margin:0 auto; padding:0; float:left; width:150px; height:1700px; text-align:center; background-color:#FFFFFF; border-right:1px solid #d18b8c}
#leftColextralong {margin:0 auto; padding:0; float:left; width:150px; height:2300px; text-align:center; background-color:#FFFFFF; border-right:1px solid #d18b8c}
.fillerMulch {margin:0 auto; padding:0; float:left; background-image:url(images/leftNav_filler.gif); width:150px; height:100px; font-weight:bold; color:black}
.fillerMulch2 {margin:0 auto; padding:0; float:left; background-image:url(images/leftNav_filler.gif); width:150px; height:80px; font-weight:bold; color:black}
.subNav {margin:0 auto; padding:5px 0 0 0; }
.Amerlogo {margin:0 auto; padding:0 0 5px 0; float:left; width:150px; text-align:center}
.main2 {margin:0 auto; padding:12px 0 0 10px; float:left; width:616px; height:800px; background-color:#FFFFFF}
.main2B {margin:0 auto; padding:12px 0 0 10px; float:left; width:616px; height:850px; background-color:#FFFFFF}
.main2C {margin:0 auto; padding:12px 0 0 10px; float:left; width:616px; height:950px; background-color:#FFFFFF}
.main3 {margin:0 auto; padding:12px 0 0 10px; float:left; width:616px; height:1600px; background-color:#FFFFFF}
.content {margin:0 auto; padding:0; float:left; width:600px;}
.featuredArt {margin:0 auto; padding:8px 0 0 0; float:left; width:142px; text-align:left}
.featuredTxt {margin:0 auto; padding:10px 0 0 0; float:left; width:440px; text-align:left}
.featuredTxt2 {margin:0 auto; padding:00; float:left; width:330px; text-align:left}
.featuredProd {margin:0 auto; padding:0 0 0 10px; float:left; width:245px; text-align:center}
.ruler {margin:0 auto; padding:8px 0 8px 0; float:left; width:606px}
#bottomContainer2 {margin:0 auto; padding:10px 0 30px 0; width:778px; background-color:#FFFFFF; text-align:center}
.footer {margin:0 auto; padding:0 0 0 0; width:778px; background-color:#FFFFFF; text-align:center; color:#ff0000;}
.dualColumns {margin:0 auto; padding:0; float:left; width:260px; padding:15px}

/* text styles */
.redlink {color:#ff0000; font-size:12px;}
.copy {margin:0 auto; padding:5px 0 5px 2px; width:600px; float:left}
.copyblk {margin:0 auto; padding:5px 0 5px 2px; width:600px; float:left; color:#000000}
.copy2 {margin:0 auto; padding:5px 0 5px 2px; width:600px; float:left; color:#000000}
.copyindent {margin:0 auto; padding:5px 0 5px 15px; width:590px; float:left}
.copyDual {margin:0 auto; padding:5px 0 5px 2px; width:230px; float:left}
.quotee {margin:0 auto; padding:3px 0 0 0; float:left; text-align:left; font-style:italic; width:600px; font-weight:bold}
.blacklink {color:black; font-size:11px; text-decoration:none}
.header {color:#0655a4; font-size:12px; font-weight:bold}
.bullet {margin:0 auto; padding:9px 5px 0 10px; float:left; width:10px}
.bulletTxt {margin:0 auto; padding:5px 0 0 0; float:left; width:575px}
.bullet2 {margin:0 auto; padding:9px 5px 0 10px; float:left; width:15px}
.bulletTxt2 {margin:0 auto; padding:5px 0 0 0; float:left; width:560px}

/* js styles */

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 11px;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}

/* contact form */

.field1 {margin:0 auto; padding:6px 0 0 0; float:left; width:90px; text-align:right; font-weight:bold; color:#000000; height:20px}
.field2 {margin:0 auto; padding:3px 0 0 10px; float:left; width:173px; height:25px}
.field3 {margin:0 auto; padding:6px 0 0 0; float:left; width:120px; text-align:right; font-weight:bold; color:#000000; height:20px}
.field4 {margin:0 auto; padding:3px 0 0 10px; float:left; width:415px; height:25px}
.field4b {margin:0 auto; padding:3px 0 0 10px; float:left; width:415px; font-weight:bold; color:#000000; height:15px}
.field4c {margin:0 auto; padding:10px 0 0 10px; float:left; width:415px; font-weight:bold; color:#000000;}
.field5 {margin:0 auto; padding:3px 0 0 10px; float:left; width:415px;}
.field5c {margin:0 auto; padding:0 0 0 10px; float:left; width:500px;}

.fieldstack1 {margin:0 auto; padding:8px 0 0 10px; float:left; width:530px; font-weight:bold; color:#000000;}
.fieldstack2 {margin:0 auto; padding:2px 0 0 10px; float:left; width:415px;}
.button {margin:8px 0 0 0px; padding:0; width:550px; float:left; text-align:center}
.txtBox {margin:10px 0 0 10pxpx; padding:0; width:550px; float:left; }

.columns2 {margin:8px 0 0 0px; padding:0; width:277px; float:left; height:240px}
.columns2c {margin:8px 0 0 0px; padding:0; width:277px; float:left; height:300px}
.columns2b {margin:8px 0 0 0px; padding:0; width:277px; float:left;}
.columnWIDE {margin:8px 0 0 0px; padding:0; width:500px; float:left;}



.nopad {margin:0 auto; padding:0; float:left;}
.cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .cf {height: 1%;}

{margin:0 auto; padding:0; float:left;}