@charset "iso-8859-1";
/* CSS Document */

body {
	background:black url('images/formatop_bg.jpg') no-repeat top center;
}
img {
	border:0;
}
h1 {
	font-family:Portland, 'OFL Sorts Mill Goudy TT', serif;
	font-size:38px;
	text-align:justify;
	letter-spacing:3px;
	color:white;
}
.clear {
	clear:both;
}
#sitemask {
	position:absolute;
	background:#fff url("images/loading.gif") no-repeat top 300px;
	width:2000px;
	height:3000px;
	z-index:999;
	left: 25px;
}
	
	
/************CUSTOM FONTS****************/
@font-face {
	font-family: Portland;
	src:url("fonts/Portland_LDO.eot");
}
@font-face {
	font-family: Portland;
	src:url("fonts/Portland_LDO.ttf");
}

/***********HEADER*****************/
#header_wrap {
	background:black;
	padding:0;
	vertical-align:top;
	margin-top:25px;
	height:85px;
	padding:10px 0px;
}
#logo {
	width:960px;
	margin:0 auto;
	padding:0px;
}
	#logo img {
		float:left;
	}
#overlay_graphic {
	position:relative;
	top:-25px;
	left:150px;
	z-index:0;
	background:url(images/overlay.png) no-repeat right;
	height:437px;
}

#splashoverlay {
	position:relative;
	top:-50px;
	left:150px;
	z-index:0;
	background:url(images/splashoverlay.png) no-repeat right;
	height:584px;
}

/***************NAVIGATION************/
#navigation {
	position:relative;
	width:960px;
	margin:0 auto;
	padding:0;
	z-index:1;
}
	#navigation ul {
		list-style:none;
		float:left;
		width:100%;
		margin:0px;
		padding:0;
	}
		#navigation ul li {
			float:left;
		}
			#navigation ul li.last {
				margin:0;
				float:right;
			}
			#navigation ul li a {
				color: #a5a5a5;
				font-family:Arial, Helvetica, sans-serif;
				font-size:16px;
				text-decoration:none;
				display:block;
				padding:10px 20px;
				text-align:center;
			}
				#navigation ul li:hover a {
					color:white;
					background:black;
				}
		#navigation ul ul {
			float:none;
			position:absolute;
			display:none;
			margin:0;
			background:black;
			padding:0px;
			width:180px;
			text-align:center;
			z-index:2;
		}
			#navigation ul ul li {
				float:left;
				margin:0 auto;
				padding:0;
				width:100%;
			}
				#navigation ul ul li a {
					font-size:14px;
					padding:5px;
					background:none;
				}
					#navigation ul ul li a:hover {
						background:#ccc;
					}
		
		#navigation ul li:hover ul {
			display:block;
		}
		#navigation .prods {
			width:130px;
		}
/**************CONTENT*********************/

#content_wrapper {
	position:relative;
	width:940px;
	margin:0 auto;
	margin-top:52px;
	min-height:200px;
	background-image:url(images/backgroundt.png);
	background-repeat:repeat;
	padding:20px 0px 20px;
}
	#content {
		
		width:900px;
		margin:0 auto;
		
	}
	
	
	.home {
		background:url(images/formatop_home_bg.jpg) no-repeat;
		height:503px;
	}
	.about {
		background:url(images/formatop_about_bg.jpg) no-repeat;
		height:505px;
	}
	.contact {
		background:url(images/formatop_contact_bg.jpg) no-repeat;
		height:503px;
	}
		.contact h1 {
			padding:30px 22px 15px;
		}
	.warranty {
		background:url(images/formatop_warranty_bg.jpg) no-repeat;
		height:501px;
	}
		.warranty h1 {
			padding:30px 22px;
			text-transform:uppercase;
		}
	.countertopstyles {
		background:url(images/formatop_countertopstyles_bg.jpg) no-repeat;
		height:946px;
	}
		.countertopstyles h1 {
			color:black;
			width:200px;
			padding:20px 35px;
			font-size:30px;
			letter-spacing:0px;
		}
	.career {
		background:url(images/formatop_career_bg.jpg) no-repeat;
		height:898px;
	}
	
	.career a:link {
	color:#000;
	text-decoration:none;

}

.career a:visited {
color:#000;
	text-decoration:none;

}

.career a:hover {
color:#000;
 text-decoration:underline;
}
		.career h1 {
			margin:0;
			padding:20px 20px 0px;
			color:black;
			text-transform:uppercase;
		}
		
		.career h2 {
			padding:0 20px 20px 20px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:18px;
			text-transform:uppercase;
		}
		.career p {
			padding:0 20px 20px 20px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			line-height:1.5;
		}
		.career ul {
			padding:0px 20px 0px 20px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
		}
		.career li {
			margin-bottom:20px;
		}
			.career li:before {
				content: ">";
			}
			
		
	.laminate {
		background:url(images/formatop_casegoods_bg.jpg) no-repeat;
		height:790px;
	}
		.laminate h1 {
			color:black;
			padding:25px 15px 10px;
			font-size:36px;
			letter-spacing:0px;
			text-transform:uppercase;
		}
		.laminate p {
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			padding:0px 15px;
			width:600px;
			line-height:1.5;
		}
		#collection {
			position:relative;
			top:20px;
			width:100%;
			text-align:center;
			background:url(images/collections_bg.png) no-repeat;
			height:36px;
			font-family:Portland, Arial, Helvetica, sans-serif;
			font-size:28px;
			padding-top:4px;
		}
		 .collect1, .collect2 {
			padding:1px 15px;
			color:black;
			text-decoration:none;
		}
		.collect1 {
			background:black;
			color:white;
		}

		.doors {
			width:820px;
			margin:150px auto 0px;
		}
			.doors a {
				float:left;
			}
			.button {
				float:left;
				margin-top:30px;
			}
		.scrolling {
			float:left;
			width:670px;
			height:130px;
			margin:0 auto;
			margin-left:20px;
			overflow:hidden;
		}
			.scrolling ul {
				width:6800px;
			}
			.scrolling ul li {
				float:left;
				margin-right:20px;
				margin-left:20px;
			}
			.scrolling table {
				width:670px;
			}
			.scrolling td {
				width:20%;
			}

	.diy {
		background:url(images/formatop_diy_bg.jpg) no-repeat;
		height:503px;
		position:relative;
	}
		.diy h1 {
			padding:30px 22px;
		}
		.diy .bottom {
			background:rgba(255,255,255,0.6);
			padding:15px;
			position:absolute;
			bottom:0;
			width:889px;
		}
			.diy .bottom p {
				float:left;
				width:491px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				color:black;
				line-height:1.5;
			}
			.diy .bottom .download {
				float:right;
				width:200px;
				margin-right:89px;
				text-align:center;
			}
			.download h3 {
				font-family:Arial, Helvetica, sans-serif;
				font-size:15px;
				font-weight:bold;
				color:black;
				text-transform:uppercase;
				padding-bottom:5px;
			}
	.colour {
		background:url(images/formatop_countertopcolour_bg.jpg) no-repeat;
		height:890px;
	}
		.colour h1 {
			float:left;
			padding:22px;
			width:455px;
			text-transform:uppercase;
			letter-spacing:0px;
		}
		.colour .download {
			float:right;
			padding:12px;
			width:200px;
			margin-right:20px;
			text-align:center;
		}
		.colour h3 {
			color:white;
			font-size:22px;
		}
		.colour_select_nav {
			clear:both;
			width:840px;
			margin:0 auto;
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			color:white;
			font-weight:lighter;
			line-height:1.5;			
			background:rgba(0,0,0,0.6);
			padding:10px 18px;
			text-align:center;
		}
			.colour_select_nav h2 {
				font-family:Portland, 'OFL Sorts Mill Goudy TT', serif;
				font-size:24px;
				color:white;
				text-transform:uppercase;
				margin-bottom:12px;
			}
			.colour_select_nav li {
				float:left;
				margin-right:5px;
			}
				.colour_select_nav li:after {
					content:"\00b7";
					font-family:Portland, 'OFL Sorts Mill Goudy TT', serif;
					font-size:18px;
					color:white;
					margin-left:5px;
				}
				.colour_select_nav li.last:after {
					content: "";
					margin:0;
				}
				.colour_select_nav li a {
					font-family:Portland, 'OFL Sorts Mill Goudy TT', serif;
					font-size:18px;
					color:white;
					text-transform:uppercase;
					text-decoration:none;
				}
					.colour_select_nav li a:hover {
						text-decoration:underline;
					}
		.colour_select {
			width:879px;
			height:597px;
			margin:10px auto;
			background:rgba(0,0,0,0.6);
		}
			.colour_select a {
				float:left;
				padding:4px;
			}
		.overlay {
	position:absolute;
	top:100;
	width:759px;
	height:340px;
	z-index:1000;
	display:block;
	padding:60px 50px;
	left: 69px;
		}
			.overlay p {
				font-family:Arial, Helvetica, sans-serif;
				font-size:14px;
				color:white;
				font-weight:lighter;
				line-height:1.5;
				text-align:center;
			}
		.table_window {
			clear:left;
			height:310px;
			overflow:hidden;
		}
			.table_window ul {
				height:6000px;
			}
			.table_window li {
				clear:left;
				float:left;
				height:100px;
			}
			.table_window table {
				height:100px;
			}
		.scrolling_window {
			float:left;
			width:800px;
			height:330px;
			margin:0;
			padding:0;
			overflow:hidden;
		}
			.scrolling_window ul {
				width:8000px;
				height:340px;
			}
			.scrolling_window li {
				float:left;
				width:800px;
			}
				.scrolling_window li td:hover img {
					position:relative;
					top:-8px;
					left:8px;
					height:64px;
					vertical-align:top;
					padding-right:16px;
				}
			.scrolling_window td {
				padding-right:13px;
				padding-bottom:13px;
			}
		.top_window h3 {
			float:left;
			font-size:24px;
			margin-top:6px;
			margin-left:3px;
		}
		.top_window span {
			float:left;
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			font-weight:bold;
			color:white;
			margin-top:12px;
			margin-left:19px;
		}
		#collection2 {
			display:none;
		}
	#welcome {
		width:220px;
		margin-left:20px;
		padding-top:52px;
		color:white;
	}
		#welcome p {
			margin:0;
			padding:0;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			font-weight:500;
			text-align:justify;
		}
		#welcome h1 {
			margin:0;
			padding:0;
			font-family:Portland, 'OFL Sorts Mill Goudy TT', serif;
			font-size:38px;
			text-align:justify;
			letter-spacing:3px;
		}
	
	#virtual_kitchen {
		float:right;
		position:relative;
		top:20px;
	}
.pushdown {
	margin-top:154px;
}
.align_left {
	clear:left;
	float:left;
	width:200px;
}
	.align_left h1 {
		font-family:Portland, 'OFL Sorts Mill Goudy TT', serif;
		font-size:38px;
		text-align:right;
		color:white;
	}
	.align_left h2 {
		font-family:Portland, 'OFL Sorts Mill Goudy TT', serif;
		font-size:26px;
		text-align:right;
		color:white;
	}
.align_right {
	float:right;
	width:664px;
	padding-left:8px;
	padding-right:8px;
}

.align_right p {
		font-family: Arial, sans-serif;
		font-size:13px;
		line-height:1.3;
		font-weight:100;
		color:white;
		margin-bottom:15px;
	}
/****************COUNTERTOP STYLES*********/
#countertop_samples {
	float:left;
	margin-top:70px;
	padding-left:35px;
	width:50%;
}
#countertop_right  {
	width:42%;
	float:right;
	padding-right:20px;
}
	#countertop_right h3 {
		border-top:solid 2px #454545;
		border-bottom:solid 2px #454545;
		font-family:Arial, sans-serif;
		font-size:14px;
		font-weight:bold;
		text-transform:uppercase;
		padding:5px 0px;
	}
	#countertop_right p {
		font-family:Arial, sans-serif;
		font-size:12px;
		text-align:justify;
		line-height:1.4;
		letter-spacing:0px;
		padding-bottom:10px;
	}
		#countertop_right p.last {
			padding:0;
		}
.countertopstyles img {
	clear:left;
	float:left;
	position:relative;
	margin-top:-70px;
}
.countertop1 {
	z-index:10;
}
.countertop2 {
	z-index:9;
}
.countertop3 {
	z-index:8;
}
.countertop4 {
	z-index:7;
}
.countertop5 {
	z-index:6;
}
.countertop6 {
	z-index:5;
}
.countertop7 {
	z-index:4;
}
.countertop8 {
	z-index:3;
}

/**********MODAL WINDOWS FOR COUNTERTOPS*****/

#mask {
  position:absolute;
  top:50px;
  z-index:9000;
  background-color:#000;
  display:none;
}
   
#boxes .window {
  position:absolute;
  background:white;
  width:800px;
  height:600px;
  display:none;
  z-index:9999;
}
 
 .topbar  {
	width:800px;
	height:106px;
	background:black;
	color:white;
}
	.left {
		float:left;
		padding:10px;
	}
	.topbar h1 {
		font-size:45px;
		text-transform:uppercase;
		letter-spacing:-1px;
	}
	.topbar span {
		font-family:Arial, sans-serif;
		font-size:16px;
		padding:10px;
		text-transform:uppercase;
	}
	.topbar .fl {
		float:left;
		margin-top:10px;
	}
	.topbar a {
		float:left;
		height:106px;
	}
		.topbar a.right {
			float:right;
		}
		.topbar a img {
			padding:20px 10px;
		}
	.topbar ul {
		padding:10px;
		float:left;
		font-family:Arial, sans-serif;
	}
		.topbar ul li {
			padding-bottom:5px;
		}
	.close_window {
		float:right;
		position:relative;
		top:-35px;
	}
		.close_window a {
			font-family:Arial, sans-serif;
			font-size:16px;
			color:#909090;
			text-transform:uppercase;
			text-decoration:none;
			background:url(images/close_button.png) no-repeat center left;
			padding:6px 10px 6px 30px;
		}
/*****************CONTACT PAGE*****************/

.row {
	float:left;
	margin-left:22px;
}
	.row h3 {
		margin-left:62px;
		margin-bottom:7px;
		font-family:Arial, sans-serif;
		font-size:14px;
		font-weight:bold;
		text-transform:uppercase;
		color:white;
	}
	.row img {
		float:left;
		margin-right:18px;
		padding-bottom:10px;
	}
	.row address {
		width:230px;
		margin-bottom:20px;
	}
	.row p {
		font-family:Arial, sans-serif;
		font-size:12px;
		color:white;
		width:250px;
		margin-bottom:6px;
	}
.email p {
	padding-top:20px;
}
.email a {
	color:white;
	text-decoration:none;
}
	.email a:hover {
		text-decoration:underline;
	}

#map {
	clear:both;
	float:left;
	margin-top:15px;
	margin-left:22px;
	background:rgba(0,0,0,0.65);
	padding:7px;
	padding-left:0px;
}

#map p.verticaltext {
	font-family:Arial, sans-serif;
	color:white;
	font-size:20px;
	writing-mode:tb-rl;
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	white-space:nowrap;
	display:block;
	float:left;
	position:relative;
	top:87px;
	left:-0px;
	width:30px;
}
#map iframe {
	float:left;
}
/*****************WARRANTY PAGE*****************/
.blackbox {
	background:rgba(0,0,0,0.65);
	padding:20px;
}
	.blackbox p {
		font-family:Arial, Helvetica, sans-serif;
		color:white;
		font-size:13px;
		font-weight:normal;
		line-height:1.5;
		padding-bottom:20px;
		width:66%;
	}
	.blackbox p.last {
		padding:0;
	}
#warranty_overlay {
	float:right;
	position:relative;
	margin-top:-340px;
	background:url(images/warranty_overlay.png) no-repeat top right;
	width:324px;
	height:394px;
}
/**********************FOOTER*********************/
#footer {
	width:960px;
	margin:0 auto;
}
.up {
	position:relative;
	top:-100px;
}
	#footer p {
		margin:0;
		padding:0 0 10px 0px;
		clear:both;
		text-align:right;
		color:#737373;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
	}
	#footer a {
		color:#737373;
		text-decoration:none;
	}
		#footer a:hover {
			color:white;
		}
#bottom_nav {
	clear:both;
	float:right;
	margin:0;
	padding:0;
}
	#bottom_nav ul {
		float:right;
		list-style:none;
		margin:5px 0px 0px;
	}
		#bottom_nav ul li {
			float:left;
			border-right:1px solid #737373;
		}
			#bottom_nav ul li.last {
				border:none;
			}
			#bottom_nav ul li a {
				color: #737373;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				font-weight:bold;
				text-decoration:none;
				padding:0px 5px;
			}
				#bottom_nav ul li a:hover {
					color:white;
				}

				/************SPLASH PAGE***************/
				
				#black_wrapper {
					width:938px;
					height:584px;
					margin:0 auto;
					margin-top:55px;
					background:rgba(0,0,0,0.8);
					padding:10px;
				}
				#bg {
					position:absolute;
					margin-top:-15px;
					z-index:0;
					height:584px;
					width:938px;
					padding:0;
					margin:0;
					overflow:hidden;
				}
					#bg img {
						width:938px;
						height:584px;
						top:0;
						left:0;
					}
				#main_area {
					height:584px;
					width:938px;
				}
				#main_area #logo {
					position:relative;
					top:60px;
					background:black;
					width:939px;
					height:110px;
					z-index:2;
				}
					#main_area #logo img {
						position:relative;
						top:15px;
						left:60px;
					}
				
				#right_side {
					float:right;
					position:relative;
					top:-130px;
					width:37%;
					height:100%;
					z-index:1;
				}
				#blackbar {
					position:absolute;
					background:rgba(0,0,0,0.5);
					height:0px;
					width:97%;
					margin-left:19px;
					margin-top:190px;
					z-index:-1;
				}
				#main_nav {
					float:left;
					margin-top:210px;
					z-index:1;
					background-image:url(images/image001.png);
				}
				
					#main_nav ul {
						list-style:none;
						overflow:visible;
					}
						#main_nav ul li {
							background:url(images/arrow_grey.png) no-repeat 0px 5px;
							margin-bottom:10px;
							padding-bottom:5px;
							padding-left:15px;
							border-bottom:1px dotted #b5b5b5;
							width:200px;
							height:17px;
						}
							#main_nav ul li:hover {
								background:url(images/arrow_white.png) no-repeat 0px 5px;

							}
							#main_nav ul li.last {
								border:none;
							}
						#main_nav ul li a {
							display:block;
							font-family:Arial, sans-serif;
							font-size:15px;
							color:white;
							text-decoration:none;
							padding:0px;
						}
							#main_nav ul li a:hover {
								color:white;
							}
							.prod_down {
								margin:0;
								padding:0;
								padding-bottom:3px;
							}
								#main_nav ul ul li {
									background:url(images/arrow_grey.png) no-repeat 20px 5px;
								}
									#main_nav ul ul li:hover {
										background:url(images/arrow_white.png) no-repeat 20px 5px;
									}
								.prod_down li a{
									margin-left:20px;
									width:320px;
								}