/*
File Name....: bam.css
Description..: Cascading Style Sheet - bamtileinc.com  
Author........: TPC (09/09/2009)
Modified By..:
Modifications:
*/

/* ---------- Resets ---------- */
/* neutralize all default margins and paddings */
body,div,h1,h2,h3,h4,h5,h6,p,form,ul,ol,li,th,td,input {margin: 0; padding: 0;}
body {color: #000; background: #11749b url(../images/body_bg.jpg) left top repeat-x;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;}
ol,ul {list-style: none;}
th {font-style: normal; font-weight: normal; text-align: left;}
img {border: 0;}
/* if you want a centered layout */
body {text-align: center;}

/* ---------- Default Fonts ---------- */
body {font-family: verdana, arial, sans-serif; font-size: 76%;}
p {font: normal 1em/1.2em verdana, arial, sans-serif; color: #000;}
h1 {font: bold 2.2em/1em arial, tahoma, sans-serif; color: #000;}
h2 {font: bold 1.5em/1em arial, tahoma, sans-serif; color: #000;}
h3 {font: bold 1.3em/1em arial, tahoma, sans-serif; color: #000;}
h4 {font: bold 1.1em/1em arial, tahoma, sans-serif; color: #000;}
h5 {font: bold 1em/1em verdana, arial, sans-serif; color: #000;}
h6 {font: bold .9em/1em verdana, arial, sans-serif; color: #000;}
/* required for a HTML 4 transitional doctype; not required for strict doctype */
table {font-size:inherit; font-size: 100%;}
 /* 99% for safari; 100% is too large */
select, input, textarea {font: 99% verdana, arial, sans-serif;}
/* select, input, textarea {font-size:inherit;} */ /*only works in Mozilla*/


/* ---------- Page Widths ---------- */
/* need to text-align: center in body and then margin: auto due to quirks in IE */
/* sets the outer wrapper for the page layout */
#doc {width: 795px; margin: auto; text-align: left;}
#doc2 {width: 995px; margin: 1em; text-align: left;}
/*add a min-width: xxxpx if #doc3 needs it*/
#doc3 {width: auto; margin: auto 10px; text-align: left;}     

/* From TPC do we use - if not delete $doc4 */
#doc4 {width: 400px; margin: 2em; text-align: left;}   


/* ---------- Page Regions ---------- */
#hd {width: 100%; text-align: left; background-color: #FFF;}
#bd {width: 100%; text-align:left; background-color: #FFF; border: 5px solid e9e9e9;}
#ft {width: 100%; font-size: .9em; font-family: verdana, arial, sans-serif; clear: both;
padding: 1.5em 0em; text-align: center;}
#ft p {color: #f6f6f6;}

/* ---------- Content Grid Layouts ---------- */
/* one column - spans entire page-width */
.oneCol {float:left; width:100%}

	/* two inner columns */
	.oneCol2Lft {float:left; width:50%}
	.oneCol2Rgt {float:right; width:50%}

	/* three inner columns */
	.oneCol3Lft {float:left; width:33%}
	.oneCol3Cntr {float:left; width:34%}
	.oneCol3Rgt {float:right; width:33%}

	/* four inner columns */
	.oneCol4Lft {float:left; width:25%}
	.oneCol4CntrLft {float:left; width:25%}
	.oneCol4CntrRgt {float:left; width:25%}
	.oneCol4Rgt {float:right; width:25%}

/* two columns - content on left, modules on right */
.twoColLftLft {float:left; width:75%}
.twoColLftRgt {float:right; width:25%}

	/* two inner columns */
	.twoColLft2Lft {float:left; width:50%}
	.twoColLft2Rgt {float:right; width:50%}

	/* two inner columns (left module) */
	.twoColLft2LftMod {float:left; width:34%}
	.twoColLft2RgtMod {float:right; width:66%}

	/* three inner columns */
	.twoColLft3Lft {float:left; width:33%}
	.twoColLft3Cntr {float:left; width:34%}
	.twoColLft3Rgt {float:right; width:33%}

/* two columns - nav on left, content on right */
.twoColRgtLft {float:left; width:25%}
.twoColRgtRgt {float:right; width:75%}

	/* two inner columns */
	.twoColRgt2Lft {float:left; width:50%}
	.twoColRgt2Rgt {float:right; width:50%}
	
	/* two inner columns (right module) */
	.twoColRgt2LftMod {float:left; width:66%}
	.twoColRgt2RgtMod {float:right; width:34%}

	/* three inner columns */
	.twoColRgt3Lft {float:left; width:33%}
	.twoColRgt3Cntr {float:left; width:34%}
	.twoColRgt3Rgt {float:right; width:33%}

    /* three inner columns with oneColContent */
    .threeColLft {float:left; width:32%}
    .threeColCntr {float:left; width:32%}
    .threeColRgt  {float:left; width:32%}

/* ---------- Body Styles ---------- */
#hd_logo {margin-bottom: 1em;}
#hd_addr {float:right; margin: 2em 2em 0em 0em; }
#hd_addr p {color: #99999; }

#banner {clear:both; float:left; width:100%; background:url(../images/banner_bg.jpg) left top repeat-x}
#banner img {float:left; border-right:2px solid #747474;}
#banner p {float:left; margin:0; padding:40px 25px; font-size:1.5em; color:#fff; font-family:Georgia, Tahoma, Verdana;}

#navbar {width:100%; height:53px; background:url(../images/navigation_bg.jpg) left top repeat-x;}
#navbar ul {white-space:nowrap; }
#navbar li {font-size:1.15em; font-weight:bold; color:#999999; list-style-type:none; display:inline; border-right:1px solid #e4e3e3;}
#navbar li a {text-decoration:none; color:#999999; text-align:center; width:150px; padding:15px 20px; height:53px;}
#navbar a:link {color:#999999; }
#navbar a:visited {color:#999999; }
#navbar a:hover {color:#11749b; }

#oneColContent {margin: 3em 1em 3em 1em;}
#oneColContent p {font: normal 1em/1.5em verdana, arial, sans-serif; color: #333; margin-bottom: .5em; padding: .25em 0;}
#oneColContent h1 {font: bold 1.8em/1em arial, tahoma, sans-serif; color: #545454; margin-bottom:1em;}
#oneColContent h2 {font: bold 1.5em/1em arial, tahoma, sans-serif; color: #545454; margin-bottom:1em;}
#oneColContent h3 {font: bold 1.3em/1em arial, tahoma, sans-serif; color: #545454; margin-top:1em;}
#oneColContent h6 {font: normal 1.15em/1.5em verdana, arial, sans-serif,; color: #333; margin: .5em 0em 0em 1.5em;}
#oneColContent h6 a {color:#11749b;}

#hamDrawing {border-left: 5px solid #e9e9e9; background: transparent url(../images/hambg.jpg) no-repeat scroll right bottom; height: 200px;}
#hamDrawing h2 {font: normal 1.5em/1em Georgia, tahoma, Verdana; color: #11749b; padding:.5em .5em .5em .5em;}
#hamDrawing p {font: normal 1em/1.25em sans-serif, verdana, tahoma; color: #333; padding:.1em .5em;}

#Special1 {background: transparent url(../images/luxeplankbg.jpg) no-repeat scroll top left;height: 200px;}
#Special1 h2 {font: normal 1.5em/1em Georgia, tahoma, Verdana; color: #fff; padding:.5em .5em .5em .5em;}
#Special1 p {font: normal 1em/1.25em sans-serif, verdana, tahoma; color: #fff; padding:.1em .5em;}
#Special1 img {margin: 1.5em .5em 1.5em .5em; }

#Special2 {border-left: 5px solid #e9e9e9; background: transparent url(../images/ocrebg.jpg) no-repeat scroll top left;height: 200px;}
#Special2 h2 {font: normal 1.5em/1em Georgia, tahoma, Verdana; color: #fff; padding:.5em .5em .5em .5em;}
#Special2 p {font: normal 1em/1.25em sans-serif, verdana, tahoma; color: #333; padding:.1em .5em;}
#Special2 img {margin: 1.5em .5em 1.5em .5em;}

#Special3 {border-left: 5px solid #e9e9e9; background: transparent url(../images/cork_bg.jpg) no-repeat scroll top left;height: 200px;}
#Special3 h2 {font: normal 1.5em/1em Georgia, tahoma, Verdana; color: #fff; padding:.5em .5em .5em .5em;}
#Special3 p {font: normal 1em/1.25em sans-serif, verdana, tahoma; color: #fff; padding:.1em .5em;}
#Special3 img {margin: 1.5em .5em 1.5em .5em;}

#Special4 {background: transparent url(../images/renaissance_bg.jpg) no-repeat scroll top left;height: 200px;}
#Special4 h2 {font: normal 1.5em/1em Georgia, tahoma, Verdana; color: #fff; padding:8em .5em .5em 1.5em;}
#Special4 p {font: normal 1em/1.25em sans-serif, verdana, tahoma; color: #fff; padding:.1em .5em;}
#Special4 img {margin: 1.5em .5em 1.5em .5em; }

#Special5 {border-left: 5px solid #e9e9e9; background: transparent url(../images/armstrongclassics_bg.jpg) no-repeat scroll top left;height: 200px;}
#Special5 h2 {font: normal 1.5em/1em Georgia, tahoma, Verdana; color: #fff; padding: 5.5em .5em .5em .5em;}
#Special5 p {font: normal 1em/1.25em sans-serif, verdana, tahoma; color: #fff; padding:.1em .5em;}
#Special5 img {margin: 1.5em .5em 1.5em .5em;}

#banner2 {clear:both; width:100%;}
#banner2 img {float: left; margin-right: 2em; border-right:2px solid #747474;}
#banner2 p {font:normal 1.5em/1.5em Georgia, Tahoma, Verdana; color:#9e9e9e; padding: 1em;}
#banner2 h1 {font: normal 1.8em/1em Georgia, Tahoma, Verdana; color: #9e9e9e; padding: 1em; text-align:center;}
#banner2 a {}
#banner2 a:link {color:#999999; }
#banner2 a:visited {color:#999999; }

#Products {width: 100%;}
#Products h1 {font: bold 1.8em/1em arial, tahoma, sans-serif; color: #545454; padding:1em;}

/**#testimonial {float: right;}**/
/**
#testimonial blockquote {margin: 3em .5em .5em .5em; font: italic .9em verdana, arial, sans-serif; color: #000;}
#testimonial blockquote cite {font-weight: bold; margin-top: 2em; display: block; color: 11749b; font-size: 1.25em; margin-left: .5em;}
**/
#testimonial blockquote {margin: .5em .5em 1em .5em; font: italic .9em verdana, arial, sans-serif; color: #000;}
#testimonial blockquote cite {font-weight: bold; margin-top: .5em; display: block; color: 11749b; font-size: .9em; margin-left: .5em;}

/* ---------- Class and ID Selectors ---------- */


/* ---------- CSS End ---------- */