/* CSS Document */

	* { padding:0; margin:0;}
	
	body
	{
		margin: 0;
		padding: 0;
		font: 85% arial, hevetica, sans-serif;
		text-align: center;
		background-color: #2C0D15; 
		margin-top: 0px;
		background-image: url(images/bck_grad.jpg);
		background-position: bottom left;
		background-repeat: repeat-x;
		left: 0px;
		top: 0px;
		z-index: 0;
		position: relative;
	}
	
	#container
	{
		margin: 0px auto;
		width: 770px;
		text-align: left;
		background:  #fff url(images/john_adams_background.jpg) no-repeat;
		border: 1px solid black;
		position: relative;
	}
	
	#header
	{
		height: 68px;
		position: relative;
		 /*background-color: fuchsia; */
		overflow: hidden;
	}
	
	#mainpic
	{
		height: 198px;
		/* background-color:green;*/
		overflow: hidden;
	}
	
	#secondnav
	{
		height: 26px;
		background: #5e141e url(images/nav_bck.jpg) repeat-x;
		
	}

	#rightColumn
	{
		float: right;
		width: 240px;
		/* height: 100px; */
		margin-top: 15px;
		/* background-color: yellow;  */
	}
	
	#rightColumn h2 {
	background-color: #571929;
	font-size: 110%;
	color: #fff;
	padding-left: 20px;
	}
	
	#rightColumn img {
	border: 0;
	text-decoration: none;
	}
	
	
	#contents
	{
		margin-right: 260px;
		margin-top: 15px;
		/* margin-left: 20px; */
		/* height: 300px; */
		/* background-color:#66FF33; */
		position: relative;
	}
	
	#contents h1 {
	padding-left: 20px;
	font-size: 110%;
	background-color: #ccc0c3;
	color: #4a181e;
	
	/* width: 100%; */
	}
	
	#contents h2 {
	padding-left: 20px;
	font-size: 110%;
	background-color: #ccc0c3;
	color: #4a181e;
	/* width: 100%; */
	}
	
	#contents h3 {
	padding-left: 20px;
	font-size: 110%;
	background-color: #ccc0c3;
	color: #4a181e;
	/* width: 100%; */
	}
	
	/* ================= PRODUCT PAGE SHARED =====================*/
				.floatLeft {
	float: left;
	width: 114px;
	padding-left: 30px;
	/* position: absolute;*/ 
	z-index: 300;
	position: relative; /* peekaboo bug fix for IE6 */
    min-width: 0; /* peekaboo bug fix for IE7 */
	}
	
	/* ================= ALUMINIUM STYLING =====================*/
	

	
	#contentsAl
	{
		margin-right: 260px;
		margin-top: 15px;
		
	}
	
	#contentsAl h1 {
	padding-left: 20px;
	font-size: 110%;
	background-color: #B5BDCF;
	color: #1D2F5F;
	
	/* width: 100%; */
	}
	
	#contentsAl h2 {
	padding-left: 20px;
	font-size: 110%;
	background-color: #B5BDCF;
	color: #1D2F5F;
	/* width: 100%; */
	}
	
		.blueBox {
	background-color: #9199ae;
	position: relative; /* peekaboo bug fix for IE6 */
/*min-width: 0;  peekaboo bug fix for IE7 */
	}
	
		#contentsAl ul {
  	margin: 0px 0px 0px 30px;
  	padding: 5px 10px 0px 10px;
	list-style-image:url(images/bullet_alum.gif);
	color: #1d2f5f;
	font-weight: bold;
	  	}
	
	#contentsAl li {
  	 fmargin:  5px 0  0 5px;  
  	padding: 0;
  	} 
	
	
		/* ================= ALUMINIUM EXTRUSION STYLING =====================*/
	
		#contentsAe
	{
		margin-right: 260px;
		margin-top: 15px;
	
	}
	
	#contentsAe h1 {
	padding-left: 20px;
	font-size: 110%;
	background-color: #DBD1DF;
	color: #471956;

	}
	
	#contentsAe h2 {
	padding-left: 20px;
	font-size: 110%;
	background-color: #DBD1DF;
	color: #471956;
	}
	
	.purBox {
	background-color: #9c7fa6;
	position: relative; /* peekaboo bug fix for IE6 */
/*min-width: 0;  peekaboo bug fix for IE7 */
	}
	
	#contentsAe ul {
  	margin: 0px 0px 0px 30px;
  	padding: 5px 10px 0px 10px;
	list-style-image:url(images/bullet_ex.gif);
	color: #471956;
	font-weight: bold;
	  	}
	
	#contentsAe li {
  	 margin:  5px 0  0 5px;  
  	padding: 0;
  	} 
	
	.centerAecont {
	text-align: center;
	padding-left: 20px;
	background: #DBD1DF;
	height: 20px;
	}
	
	

	
			/* ================= STEEL SECTIONS STYLING =====================*/
	
		#contentsSt
	{
		margin-right: 260px;
		margin-top: 15px;
	
	}
	
	#contentsSt h1 {
	padding-left: 20px;
	font-size: 110%;
	background-color: #DBD1DF;
	color: #82266b;

	}
	
	#contentsSt h2 {
	padding-left: 20px;
	font-size: 110%;
	background-color: #DBD1DF;
	color: #82266b;

	}
	
	.pinkBox {
	background-color: #ac80a1;
	position: relative; /* peekaboo bug fix for IE6 */
/*min-width: 0;  peekaboo bug fix for IE7 */
	}
	
	#contentsSt ul {
  	margin: 0px 0px 0px 30px;
  	padding: 5px 10px 0px 10px;
	list-style-image:url(images/bullet_st.gif);
	color: #82266b;
	font-weight: bold;
	  	}
	
	#contentsSt li {
  	 margin:  5px 0  0 5px;  
  	padding: 0;
  	} 
	
	.centerStcont {
	text-align: center;
	padding-left: 20px;
	background: #DBD1DF;
	height: 20px;
	}
	
	
				/* ================= FLOORING SECTIONS STYLING =====================*/
	
		#contentsFl
	{
		margin-right: 260px;
		margin-top: 15px;
	
	}
	
	#contentsFl h1 {
	padding-left: 20px;
	font-size: 110%;
	background-color: #EFD1D9;
	color: #82263d;

	}
	
	#contentsFl h2 {
	padding-left: 20px;
	font-size: 110%;
	background-color: #EFD1D9;
	color: #82263d;

	}
	
	.floorBox {
	background-color: #ac828c; ab8b81
	position: relative;
	}
	
	#contentsFl ul {
  	margin: 0px 0px 0px 30px;
  	padding: 5px 10px 0px 10px;
	list-style-image:url(images/bullet_st.gif);
	color: #82263d;
	font-weight: bold;
	  	}
	
	#contentsFl li {
  	 margin:  5px 0  0 5px;  
  	padding: 0;
  	} 
	
	.centerFlcont {
	text-align: center;
	padding-left: 20px;
	background: #EFD1D9;
	height: 20px;
	}
	
	/* ================= DOORS SECTIONS STYLING =====================*/
	
		#contentsDr
	{
		margin-right: 260px;
		margin-top: 15px;
	
	}
	
	#contentsDr h1 {
	padding-left: 20px;
	font-size: 110%;
	background-color: #DFD4D1;
	color: #823d26;

	}
	
	#contentsDr h2 {
	padding-left: 20px;
	font-size: 110%;
	background-color: #DFD4D1;
	color: #823d26;

	}
	
	.doorBox {
	background-color: #ab8b81; 
	position: relative;
	}
	
	#contentsDr ul {
  	margin: 0px 0px 0px 30px;
  	padding: 5px 10px 0px 10px;
	list-style-image:url(images/bullet_st.gif);
	color: #823d26;
	font-weight: bold;
	  	}
	
	#contentsDr li {
  	 margin:  5px 0  0 5px;  
  	padding: 0;
  	} 
	
	.centerDrcont {
	text-align: center;
	padding-left: 20px;
	background: #DFD4D1;
	height: 20px;
	}
	
		/* ================= HARDWARE SECTIONS STYLING =====================*/
	
		#contentsHa
	{
		margin-right: 260px;
		margin-top: 15px;
	
	}
	
	#contentsHa h1 {
	padding-left: 20px;
	font-size: 110%;
	background-color: #d2dab9;
	color: #626c45;

	}
	
	#contentsHa h2 {
	padding-left: 20px;
	font-size: 110%;
	background-color: #d2dab9;
	color: #626c45;

	}
	
	.hardBox {
	background-color: #a3b471; 
	position: relative;
	}
	
	#contentsHa ul {
  	margin: 0px 0px 0px 30px;
  	padding: 5px 10px 0px 10px;
	list-style-image:url(images/bullet_st.gif);
	color: #626c45;
	font-weight: bold;
	  	}
	
	#contentsHa li {
  	 margin:  5px 0  0 5px;  
  	padding: 0;
  	} 
	
	.centerHacont {
	text-align: center;
	padding-left: 20px;
	background: #d2dab9;
	height: 20px;
	}
	
	/* ================= IRON SECTIONS STYLING =====================*/
	
	#contentsIr
	{
	margin-right: 260px;
	margin-top: 15px;
	
	}
	
	#contentsIr h1 {
	padding-left: 20px;
	font-size: 110%;
	background-color: #bdcdb7;
	color: #384b32;

	}
	
	#contentsIr h2 {
	padding-left: 20px;
	font-size: 110%;
	background-color: #bdcdb7;
	color: #384b32;

	}
	
	.ironBox {
	background-color: #789a6d; 
	position: relative;
	}
	
	#contentsIr ul {
  	margin: 0px 0px 0px 30px;
  	padding: 5px 10px 0px 10px;
	list-style-image:url(images/bullet_st.gif);
	color: #384b32;
	font-weight: bold;
	  	}
	
	#contentsIr li {
  	 margin:  5px 0  0 5px;  
  	padding: 0;
  	} 
	
	.centerIrcont {
	text-align: center;
	padding-left: 20px;
	background: #bdcdb7;
	height: 20px;
	}
	
	
		/* ================= COILS SECTIONS STYLING =====================*/
	
	#contentsCo
	{
	margin-right: 260px;
	margin-top: 15px;
	
	}
	
	#contentsCo h1 {
	padding-left: 20px;
	font-size: 110%;
	background-color: #d9d1b9;
	color: #5b4b19;

	}
	
	#contentsCo h2 {
	padding-left: 20px;
	font-size: 110%;
	background-color: #d9d1b9;
	color: #5b4b19;

	}
	
	.coilBox {
	background-color: #b1a170; 
	position: relative;
	}
	
	#contentsCo ul {
  	margin: 0px 0px 0px 30px;
  	padding: 5px 10px 0px 10px;
	list-style-image:url(images/bullet_st.gif);
	color: #5b4b19;
	font-weight: bold;
	  	}
	
	#contentsCo li {
  	 margin:  5px 0  0 5px;  
  	padding: 0;
  	} 
	
	.centerCocont {
	text-align: center;
	padding-left: 20px;
	background: #d9d1b9;
	height: 20px;
	}
	
	/* =======================SECTION IMAGE BORDERS ======================================*/
	
	.alumEx{
	border: solid 5px #DBD1DF;
	}
	
	.steelImg{
	border: solid 5px #DBD1DF;
	}
	
	.alumSheet {
	border: solid 5px #b5bdcf;
	}
	
	.floProds {
	border: solid 5px #EFD1D9;
	}
	
	.doorProds {
	border: solid 5px #DFD4D1;
	}
	
	.hardProds {
	border: solid 5px #d2dab9;
	}
	
	.ironProds{
	border: solid 5px #bdcdb7; 
	}
	
	.coilProds{
	border: solid 5px #d9d1b9; 
	}
	
	/* ==========================================================================*/
	#footer
	{
		clear: both;
		height: 20px;
		font-size: 70%;
		color: #BFBFBF;
		/* background-color:lime; */
		padding-top: 10px;
	}
	
		#footer a:link 
	{ 
		color:#BFBFBF;
		text-decoration: none;  
	}

	#footer a:visited { 
		color: #BFBFBF; 
		text-decoration: none;
		}   /* #004D79 */
	
	#footer a:hover, #footer a:active
	{
		color: #BFBFBF;
		text-decoration: none;
		/* background-color: #1F1F1F; */
	}
	
	/* ---------------------- list styling ---------------------------- */
	
	#navcontainer
	{
	margin: 0 0 0 30px;
	padding: 0;
	height: 26px;
	}

	#navcontainer ul
	{
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	}
	
	#navcontainer ul li
	{
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	}

	#navcontainer ul li a
	{
	/* background: #5e141e; */
	width: 100px;
	height: 20px;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-right: none;
	padding: 4px 0 0 0;
	margin: 0 0 0 0;
	color: #ffffff;
	text-decoration: none;
	display: block;
	text-align: center;
	font: /*normal 10px/18px*/ "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	}
	
	#navcontainer ul li a:hover
	{
	color: #ffffff;
	background: #5F1220 url(images/nav_over.jpg) repeat-x;
	}

	#navcontainer a:active
	{
	background: #3F0C14;
	color: #fff;
	}

	#navcontainer li#active a
	{
	background: url(images/nav_active.jpg) repeat-x;
	/* border: 1px solid #000; */
	color: #fff;
	}
	
	.end {
	border-right: 1px solid #000000;
	}
	
	/* ================= right side nav ================= */
	
	.transparent {
	background: white /*url(images/55trans.png)*/;
	border: 1px solid #571929;
	margin-right: 15px;
	 /*padding-left: 15px; */
	}
	
	.remove_filter{
	/* position : relative;
	margin-right: 5px;*/
	}
	

		/* ================= left side style ================= */
	

		.transparent2 {
	background: white /*url(images/55trans.png)*/;
	border: 1px solid #571929;
	
	}
	
	.contentHolder {
	background-color: #fff/*url(images/55trans.png)*/;
	border-top: 1px solid #1D2F5F;
	border-bottom: 1px solid #1D2F5F;
	border-right: 1px solid #1D2F5F;
	border-left: 0;
	position: relative; /* peekaboo bug fix for IE6 */
min-width: 0; /* peekaboo bug fix for IE7 */
	
	margin-right: 3px; 
	}
	
	
	
	#pdf {
	background: url(images/pdf_bck.jpg) no-repeat top left;
	border: 1px solid #571929;
	padding: 5px  5px  5px 40px;
	height: 50px;
	}
	
	#pdf img {
	border: 0;
	/* text-decoration: none; */
	}
	
	.pdfAdBig {
	color: #822133;
	font: bold 160% Arial, Helvetica, sans-serif;
	}
	
	.pdfAdSmall {
	color: #822133;
	font: bold 110% Arial, Helvetica, sans-serif;
	}
	
	.remove_filter2 {
	position : relative;

	}
	
	.greyBox {
	background-color: #e7e7e7;		
	}
	

	
	
	.greyBold {
	color: #595355;
	font-weight: bold;
	}
	
	.Bold {
	color: #595355;
	font-weight: bold;
	}
	
	/* #contents - e7e7e7 */
	/* ======== bullet style =========== */
	
	#contents ul {
  	margin: 0px 0px 0px 30px;
  	padding: 5px 10px 0px 10px;
	list-style-image:url(images/bullet.gif);
	color: #612736;
	font-weight: bold;
	  	}
	
	#contents li {
  	 margin:  0  0 0 5px;  
  	padding: 0;
  	} 
	

	
	
	/* ================= logo styling ==================== */
	
	#logo {
	position: absolute;
	top: 10px;
	left: 36px;
	height: 90px;
	width: 90px;
	z-index: 400;
	} 
	
	#mainlogo {
	z-index: -1;
	}
	
	/* ================= positioning stuff ==================== */
	
	.center {
	text-align: center;
	}
	
	.padLeft {
	padding-top: 5px;
	padding-left: 18px;
	margin-right: 5px;
	}	
	
	.padLeftLinks {
	padding-top: 5px;
	padding-left: 13px;
	}
	
	
	.clearer
{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}
	
	.floatRight {
	float: right;
	width: 52px;
	}
	
	.floatRightBody {
	margin-right: 20px;
	float: right;
	width: 52px;
	z-index: 300;
	position: relative;
	}
	
	.floatRightBody img {
	border: none;
	text-decoration: none;
	}
	
	.floatLeftAl {
	float: left;
	width: 114px;
	padding-left: 30px;
	/* position: absolute;*/ 
	z-index: 300;
	position: relative; /* peekaboo bug fix for IE6 */
min-width: 0; /* peekaboo bug fix for IE7 */
	}
	

	
	
	.centerAl {
	text-align: center;
	padding-left: 20px;
	}
	
	.centerAlcont {
	text-align: center;
	padding-left: 20px;
	background: #c9cdd7;
	height: 20px;
	}
	
	
	/* ====================== clearfix ==================================== */
	
	.clearfixl:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: right; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfixl {height: 1%;}
/* End hide from IE-mac */


	/* =========================== skip to contents ============================== */
	
	.skip img {
	text-decoration: none;
	border: none;
	}
	
	.skip
	{
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
	} 
	
	/* ===================== text styling / colors ================================== */
	
	.dblue {
	color: #1d2f5f;
	}
	
	.dpurp {
	color: #471956;
	}
	
	.dpink {
	color: #000000;
	}
	
	.downpdf {
	padding-left: 18px;
	font: 110% arial, hevetica, sans-serif;
	color: #666666;
	background-color: #EFEFEF;
	}

	.downpdffront {
	margin-top: 5px;
	padding-left: 18px;
	font: 110% arial, hevetica, sans-serif;
	color: #666666;
	border-bottom: 1px dashed #666666;
	}
	
	.textPad {
	padding-right: 15px;
	padding-left: 10px;
	font-size: 90%;
	}
	
	.BoldRed {
	color: #4A181E;
	font-weight: bold;
	}
	
	.border {
	border: solid 2px #4A181E; 
	}
	


	td a:link
	{ 
	color:#924F60;
	text-decoration: none;  
	}



	td a:visited 
	{ 
	color: #4F1D2B;
	text-decoration: none;
	}   

	

	td a:hover, td a:active
	{
	color: #BF8395;
	text-decoration: none;
	}
	
	
	/* ================  form stytles ================*/ 
	
	.textarea {
font: 100% Arial, Helvetica, sans-serif;
}