/*************************
	Global Settings
**************************/
html,body			{color: #231f20; font: 12px/15px Arial, Helvetica, Verdana, sans-serif; background: url(../images/bg_body.gif) repeat top left; margin: 0; padding: 0;}
td,th,p				{color: #231f20; font: 12px/15px Arial, Helvetica, Verdana, sans-serif;}

a:link				{color: #d5942d; text-decoration: none;}
a:visited			{color: #d5942d; text-decoration: none;}
a:active, a:hover	{color: #8b1004; text-decoration: underline;}

.clear-both			{clear: both; font-size: 0; width: 0; height: 0; line-height: 0;}



/*************************
	Page Layout
**************************/
#global {
    height: 100%;
    width: 100%;
	overflow: hidden;
     }
     
div#container {
		position: absolute;
		top: 50%; 
		left: 50%; 
		width: 850px;
		height: 580px;
		margin-top: -290px;  /* half of the height */
		margin-left: -425px; /* half of the width */
	}
div#base-head {
		position: relative;
		width: 850px;
		height: 105px;
		background: #ffffff;
	}
div#base-foot {
		position: relative;
		width: 850px;
		height: 20px;
	}
div#base-body {
		position: relative;
		width: 850px;
		height: 455px;
    	background: #ffffff;
		text-align: left;
	}

	/**********/

div#base-head:after,
div#base-body:after,
div#base-foot:after {
		content: "";
		display: block;
		clear: both;
	}


/*************************
	Header / Footer
**************************/
div#logo {
		position: absolute;
		top: 10px;
		left: 15px;
		width: 270px;
		height: 70px;
	}
div#tagline {
		position: absolute;
		top: 10px;
		left: 285px;
		width: 370px;
		height: 70px;
	}
div#email {
		position: absolute;
		top: 65px;
		right: 15px;
		width: 65px;
		height: 30px;
		text-align: right;
	}
div#email a:link, div#email a:visited	{color: #7d7d7d; text-decoration: none;}
div#email a:active, div#email a:hover	{color: #8b1004; text-decoration: none;}

	/**********/

div#footer {
		position: absolute;
		top: 0;
		right: 15px;
		padding: 4px 10px 0 0;
		width: 599px;
		height: 16px;
		background: #8b1004;
		border-top: solid 1px #4d4d4e;
		border-left: solid 1px #4d4d4e;
		color: #ffffff;
		font: 9px/11px Arial, Helvetica, Verdana, sans-serif;
		text-align: left;
	}
div#footer a:link, div#footer a:visited	{color: #ffffff; text-decoration: none;}
div#footer a:active, div#footer a:hover	{color: #ffffff; text-decoration: underline;}

/*************************
	Content
**************************/
div#content {
	margin: 0;
	padding: 0 15px 20px 15px;
	width: 820px;
	}
	
#column_image {
	position: absolute;
	top: 275px;
	left: 15px;
	width: 210px;
	height: 180px;
	border-bottom: solid 1px #4d4d4e;
}

#column_text {
	position: absolute;
	top: 0;
	left: 225px;
	margin: 0;
	padding: 20px;
	width: 569px;
	height: 395px;
	text-align: left;
	border-top: solid 20px #8b1004; 
	border-left: solid 1px #4d4d4e;
}

/* products elements */
#products_list td {
	border-bottom: solid 1px #676767;
}
#products_list td.header {
	padding: 10px 0 5px 0;
	color: #8b1004;
}
#products_list td.left {
	padding: 5px 0 5px 25px;
	color: #7d7d7d;
}
#products_list td.right {
	padding: 5px 20px;
}
#products_list td.none {
	border-bottom: none;
}

/* basic elements */
h1, .h1 {
	margin: 0;
	padding: 0 0 20px 0;
	font: 15px/18px Arial, Helvetica, Verdana, sans-serif;
	}
h2, .h2 {
	margin: 0;
	padding: 0 0 15px 0;
	font: italic 14px/18px Arial, Helvetica, Verdana, sans-serif;
	}
h3, .h3 {
	margin: 0;
	padding: 0 0 3px 0;
	font: 13px/16px Arial, Helvetica, Verdana, sans-serif;
	text-transform: uppercase;
	}
h4, .h4 {
	margin: 0;
	padding: 0 0 5px 0;
	font: 13px/20px Arial, Helvetica, Verdana, sans-serif;
	}
h5, .h5 {
	margin: 0;
	padding: 0 0 5px 0;
	font: bold 12px/15px Arial, Helvetica, Verdana, sans-serif;
	}

ul {
	margin: 0 0 0 20px;
	padding: 0;
	list-style: none;
}
ol {
	margin: 0 0 0 40px;
	padding: 0;
	list-style: none;
}
li {
	margin: 0;
	padding: 3px 0 0 0;
	list-style: none;
}
ol li {
	list-style: decimal outside;
}



/* basic classes */
.red {color: #8b1004;}
.grey1 {color: #636363;}
.grey2 {color: #7d7d7d;}

.small {font: 10px/12px Arial;}

.hrdash {width: 100%; margin: 15px 0; border-bottom: dashed 1px #98012e;}
.hrdash_news {width: 100%; margin: 10px 0; border-bottom: dashed 1px #231f20;}

.noline:link {text-decoration: none;}
.noline:visited {text-decoration: none;}
.noline:active, .noline:hover {text-decoration: underline;}

.note {font: 10px/12px Arial;color: #666666; font-style: italic;}