@charset "utf-8";
/* CSS Document */

/* normalises margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td	{ 
	margin: 0; 
	padding: 0;
}

/* normalises font-size for headers */
h1, h2, h3, h4, h5, h6	{ 
	font-size: 100%; 
}

/* removes list-style from lists */
ol, ul	{ 
	list-style: none;
} 

/* normalises font-style and font-weight to normal */
address, caption, cite, code, dfn, strong, th, var	{ 
	font-style: normal; font-weight: normal; 
}

/*removes borders and spacing from tables 
table	{ 
	border-collapse: collapse; 
	border-spacing: 0; 
} */

/*removes border from fieldset and image */
fieldset, img	{ 
	border: 0; 
}

/*left-aligns text in caption and th */
caption, th	{ 
	text-align: left; }

/* removes quotation marks from q */
q:before, q:after	{
	content:''; 
}

/* position page in center of screen */
html	{
	text-align: center;
} 

/* text settings */

a,a:link,a:visited,a:active	{
	text-decoration: none;
	color: #000000;
	font-size: 10pt;
	font-weight: bold;
}
	
a:hover {
	color: #999999;
}
	
#alreadyhere {
	color: #006600;
}

#text_link	{
	color: #cc0000;
	font-size: 10pt;
	font-weight: bold;
}

#text_link:hover	{
	color: #006600;
	font-size: 10pt;
	font-weight: bold;
}

h1	{
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	font-size: 12pt;
	line-height: 20pt;
}

h2	{
	text-decoration: none;
	font-size: 10pt;
	line-height: 18pt;
	color: #000000;
}

h3	{
	text-decoration: none;
	color: #000000;
	font-size: 10pt;
	line-height: 18pt;
}

#textjustify 	{
	text-align: justify;
}

#textcenter	{
	text-align: center;
	}
	
#textright	{
	text-align: right;
	}

#color_white	{
	color: #ffffff;
}

#color_grey	{
	color: #666666;
}

#piclist li	{
	display: inline;
}

/* image settings */
img.centered	{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* page settings */

body	{
	position: relative;
	width: 100%;
	height: 1110px;
	margin: 0 auto;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #666666;
	line-height: 14pt;
	background-image: url(../assets/images/bg_index.gif);
	background-repeat: repeat-x;
	background-color: #330000; 
	}

/* page container */
#container_page	{
	position: relative;
	width: 800px;
	height: 1070px;
	top: 10px;
	margin: 0 auto;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 14pt;
	background-color: #FFFFFF;
	border: medium solid #CCCCCC;
	}

#watermark	{
	position: absolute;
	width: 780px;
	height: 340px;
	background-image: url(../assets/images/logo_watermark_tm.gif);
	z-index: 10;
}

/* menu */
#menu	{
	position: absolute;
	top: 50px;
	width: 200px;
	height: 270px;
	left: 20px;
	z-index: 100;
}

/* text area */
#header_handles	{
	position: absolute;
	top: 100px;
	width: 400px;
	height: 50px;
	left: 360px;
	z-index: 100;
}

#header_glass_doors	{
	position: absolute;
	top: 100px;
	width: 420px;
	height: 50px;
	left: 340px;
	z-index: 100;
}

#text_handles	{
	position: absolute;
	top: 170px;
	width: 450px;
	height: 150px;
	left: 310px;
	z-index: 100;
}

/* horizontal line */
#horizontal_row	{
	position: absolute;
	width: 750px;
	height: 5px;
	top: 330px;
	left: 25px;
} 

/* for pages where text appears as the main part of the page */
#text_main_left	{
	position: absolute;
	width: 425px;
	height: 420px;
	top: 350px;
	left: 25px;
}

#image_right	{
	position: absolute;
	width: 300px;
	height: 420px;
	top: 350px;
	left: 475px;
}

#text_main_right	{
	position: absolute;
	width: 260px;
	height: 210px;
	top: 790px;
	left: 475px;
	padding: 10px 10px 10px 10px;
	border: 2px solid #CCCCCC;
	background-color: #333333;
	color: #FFFFFF;
}

#image_left	{
	position: absolute;
	width: 425px;
	height: 200px;
	top: 800px;
	left: 25px;
}

/* for contact form page only */
#contact_form	{
	position: absolute;
	width: 750px;
	height: 395px;
	top: 400px;
	left: 150px;
	padding: 0px 10px 0px 0px;
}

#horizontal_row_lower	{
	position: absolute;
	width: 750px;
	height: 10px;
	top: 800px;
	left: 20px;
	padding: 0px 10px 0px 0px;
}

#kitchen_feature_photos	{
	position: absolute;
	width: 770px;
	height: 220px;
	top: 830px;
	left: 35px;
}

/* for most other / product images */
#handles	{
	position: absolute;
	width: 750px;
	height: 710px;
	top: 350px;
	left: 35px;
	padding: 0px 10px 0px 0px;
	overflow: scroll;	
}

/* for cabinets page only */
#header_classic		{
	position: absolute;
	width: 150px;
	height: 350px;
	top: 120px;
	left: 0px;
}

#header_modern		{
	position: absolute;
	width: 150px;
	height: 350px;
	top: 485px;
	left: 0px;
}

#header_country		{
	position: absolute;
	width: 150px;
	height: 350px;
	top: 850px;
	left: 0px;
}

#header_nature		{
	position: absolute;
	width: 150px;
	height: 350px;
	top: 1215px;
	left: 0px;
}

#header_withouthandles		{
	position: absolute;
	width: 150px;
	height: 350px;
	top: 1580px;
	left: 0px;
}

#cabinet_flash	{
	position: absolute;
	width: 550px;
	height: auto;
	top: 110px;
	left: 170px;
}

/*footer*/
#footercontainer	{
	position: absolute;
	top: 1080px;
	left: 0px;
	width: 800px;
	height: 30px;
}

#footertext	{
	text-align: center;
	font-size: 10pt;
	color: #999999;
	font-style: italic;
}

#footlink	{
	font-size: 10pt;
	color: #cccccc;
	font-weight: bold;
}

#footlink:hover	{
	color: #ffffff;
	font-weight: bold;
}