/*
 *  Base style file for Onyx facrory site
 *
 *  started: 06.03.2009
 *  by     : w.smmurf@gmail.com
 *  site   : www.znakua.com
 *
 *  Structure:
 *    1. Global style defaults
 *    2. Header section
 *    3. Main content general styles
 *    4. Horizontal navigation menu
 *    5. Main page part
 *    6. Main content column
 		 6.1 Catalogue section
 *    7. Sidebar column
 *    8. Footer section
 */

/** 1. Global style defaults
--------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	}

body {
	background-color: #000515;
	min-width: 1000px;
        width: 100%;
	}

p {
	margin-bottom: 1em;
	}
h1 {
        font-size: 18px;
	margin-bottom: 1em;
	}

h2 {
        font-size: 16px;
	margin-bottom: 1em;
	}
h3 {
        font-size: 14px;
	margin-bottom: 1em;
	}

ul, ol {
	margin-bottom: 1em;
	}

a img {
	border: none;
	}
	
ul {
	}
	ul li {
		margin-bottom: 7px;
		color: #dcbe3b;
		}
		ul li span {
			color: #fffdc3;
			}
a.lin:link,a.lin:visited,a.lin:active {
	text-decoration: underline;
	color: #fffdc2;      
}


a.lin:hover {
	text-decoration: none;
	color: #fffdc2;     
}

a.lin2:link,a.lin2:visited,a.lin2:active {
	text-decoration: underline;
	color: #fffdc2; 
        font-size: 12px;     
}


a.lin2:hover {
	text-decoration: none;
	color: #fffdc2; 
        font-size: 12px;    
}


/** 2. Header section
--------------------------------------------------------*/
.header {
	height: 474px;
	width: 100%;
	}
	.header h1 {
		position: absolute;
		top: -500px;
		}

/** 3. Main content general styles
----------------------------------------------------------*/
.page-content {
	font: 15px Arial, Helvetica, sans-serif;
	line-height: 1.35em;
	color: #fffdc2;
	background: url("../img/topgradient.png") top left repeat-x #000515;
	padding: 0;
	}

/** 4. Horizontal navigation menu
----------------------------------------------------------*/
.horizontal-menu {
	width: 97%;
        
	margin: 0 auto;
	}
	.horizontal-menu li {
		float: left;
		width: 12.2%;
		text-align: center;
		display: block;
		}

/** 5. Main page part
----------------------------------------------------------*/
.page-main-part {
	width: 92%;
	margin: 0 auto;
	}

/** 6. Main content column
----------------------------------------------------------*/
.page-text {
	width: 65%;
	float: right;
	margin: 0 4.5% 0 0;
        text-align:justify;

	}
	.page-text h2 {
		margin: 70px 0 20px 0;
		}
	.page-text img.telephone {
		margin: 0 0 15px 0;
		}
	.page-text address {
		font-style: normal;
		line-height: 1.8em;
		}
	.page-text strong.heading {
		text-decoration: underline;
		display: block;
		line-height: 1.5em;
		margin-top: 2em;
		}
	.page-text span.phone {
		display: block;
		line-height: 1.5em;
		}
	/** 6.1 Catalogue section
	----------------------------------------------------------*/
	table.page-catalogue-table {
		margin: 0 0 0 -28px;
		border: 1px solid #18203c;
		width: 100%;
		table-layout: fixed;
		font-size: 12px;
		}
		table.page-catalogue-table th {
			padding: 15px 28px 0 28px;
			text-align: left;
			}
		table.page-catalogue-table td {
			padding: 20px 0 25px 28px;
			}
			table.page-catalogue-table td p {
				margin-bottom: 10px;
				}
	.catalogue-section-link {
		margin: 40px 0;
		}

/** 7. Sidebar column
----------------------------------------------------------*/
.page-sidebar {
	width: 20%;
	float: left;
	margin: 0 0 0 4%;
	padding-top: 70px;
	font-size: 14px;
	}
.catalogue .page-sidebar {
	margin-top: -65px;
	}
	.page-sidebar h2 {
		padding: 70px 0 10px 0;
		}
	.page-sidebar-product-example {
		width: 166px;
		height: 223px;
		padding: 10px 0;
		margin: 0 0 25px 0;
		}
		.page-sidebar-product-example p {
			width: 135px;
			margin: 35px auto 0 auto;
			text-align: center;
			}
			.page-sidebar-product-example p img {
				margin: 0 3px;
				word-spacing: -.25em;
				}
		
		.product-example-classic {
			background: url("../img/modern-bg.png") center center no-repeat;
			}
		.product-example-modern {
			background: url("../img/modern-bg.png") center center no-repeat;
			}
		.product-example-fantazia {
			background: url("../img/modern-bg.png") center center no-repeat;
			}
	.page-sidebar-footnote {
		margin-left: 0;
		font-size: 13px;
		}
	.catalogue .page-sidebar-footnote {
		margin-left: 0;
		}
	.page-sidebar-footnote h2 {
		margin: 70px 0 20px 0;
		}
	.page-sidebar-footnote img.telephone {
		margin: 0 0 15px 0;
		}
	.page-sidebar-footnote address {
		font-style: normal;
		line-height: 1.8em;
		}
	.page-sidebar-footnote strong.heading {
		text-decoration: underline;
		
		}
	.page-sidebar-footnote span.phone {
		display: block;
		line-height: 1.5em;
		}
        .page-sidebar h2 {
		margin: 70px 0 20px 0;
		}
	.page-sidebar img.telephone {
		margin: 0 0 15px 0;
		}


        .telephone       {
        font-size: 16px;
	margin-bottom: 1em;
        FONT-WEIGHT: bold;
	}

 .telephone2       {
        font-size: 14px;
	margin-bottom: 1em;
        FONT-WEIGHT: bold;
	}
  .telephone3       {
        font-size: 16px;
	margin-bottom: 1em;
        FONT-WEIGHT: bold;
        text-decoration: underline;

	}



	.page-sidebar address {
		font-style: normal;
		line-height: 1.8em;
		}
	.page-sidebar strong.heading {
		text-decoration: underline;
		display: block;
		line-height: 1.5em;
		margin-top: 2em;
		}
	.page-sidebar span.phone {
		display: block;
		line-height: 1.5em;
		}

/** 8. Footer section
----------------------------------------------------------*/
.footer {
	clear: both;
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	background: url("../img/foot-plinth.png") bottom left repeat-x;
	overflow: hidden;
	padding: 50px 0 120px 0;
	}
	.footer div {
		width: 990px;
		margin: 0 auto;
		}
		.footer p {
			float: left;
			width: 64.5%;
			float: right;
			line-height: 1.5em;
			}
			.footer p a {
				display: block;
				color: #fffdc3;
				}