@charset "utf-8";
/* CSS Document */
/* HTMProducts.co.uk site layout */


body {
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center; /* IE-Win hack */
	/* background: transparent url('../imgs/bg2.gif') repeat scroll left top; */
	background-color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color:#FFF;
	margin-bottom:0;
}

#mainbg {
	background: #000;
}

#nestedbg {
	text-align: center;	/* IE-Win hack */
	background-image: url('../imgs/fadestrip2.png');
	background-repeat: repeat-x;
	background-position: left top;
}
#shadow {
	margin: 0 auto;
	width: 1030px;
	background: transparent url('../imgs/bg-shadow.png') repeat-y scroll center;
}
#container {
	width: 980px;  
	background: #000000;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */	
	text-align: left; /* this overrides the text-align: center on the body element. */
	border:thin solid #000000;
	background-image:url('../imgs/bg-bodyarea.png');
	background-position:bottom right;
	background-repeat:no-repeat;
}

/* BASE PAGE FORMAT STYLES */


/* TOP AREAS */
#topbar {
	height:25px;
	background: #000;
	padding-top:5px;
	padding-left:10px;
	text-align:center;
	padding-right:10px;
	color: #FFF;
	font: bold 110% Verdana, Geneva, sans-serif;
}
/* END TOP AREAS */	

/* BODY SECTIONS */	
#bodywrap {
	width:980px;
	margin-top:0px;
	height:750px;
	background-color:#000;
}
#leftcol {
	min-height:725px;
	width:338px;
	float:left;
	margin-left: 100px;
	background-image:url(../imgs/intro-htmproducts.jpg);
}
	#lc-top {
		margin-top:171px;
		margin-left:43px;
		margin-right:43px;
		margin-bottom:40px;
		height:113px;
	}
	#lc-text {
		margin-left:43px;
		margin-right:43px;
		margin-bottom:10px;
		height:330px;
	}
	#lc-foot {
		height:50px;
		text-align:center;
	}
	
#rightcol {
	min-height:725px;
	width:338px;
	float:right;
	margin-right: 100px;
	background-image:url(../imgs/intro-htmfloorsandwalls.jpg);
}	
	#rc-top {
		margin-top:171px;
		margin-left:43px;
		margin-right:43px;
		margin-bottom:40px;
		height:113px;
	}

	#rc-text {
		margin-left:43px;
		margin-right:43px;
		margin-bottom:10px;
		height:330px;
	}
	#rc-foot {
		height:50px;
		text-align:center;
	}

/* END BODY SECTIONS */

/* -------------------------------------------------------------------------------------- */
/* TEXT FORMATTING */

/* BASE STYLES */

p {
	margin-top:0px;
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
}
h1 {
	font-size: 130%;
	font-weight: normal;
}
h2 {
	font-size: 120%;
	font-weight: normal;
}
h2 em {
	font-weight: bold;
	font-style: normal;
}
h3 {
	font-size: 110%;
	font-weight: normal;
}
a {
	outline: none;
}
/* END BASE STYLES */


/* START CUSTOM TEXT STYLES*/
.introtext {
	font-size:135%;
}
.introtext-big {
	font-size:150%;
}



/* LINKS */
a.introlink:link {
	font-size:120%;
	font-weight: bold;
	color:#8CC63F;
	text-decoration: none;
}
a.introlink:hover {
	font-size:120%;
	font-weight: bold;
	color:#333;
	text-decoration: none;
}
a.introlink:visited {
	font-size:120%;
	font-weight: bold;
	color:#000;
	text-decoration:none;
}
/* END LINKS */


.clear {
	clear:both;
}