/* CSS Document */

body 
	{
	color: #886632;	
	background-color:#CCCCCC;
	}
	
h1
 {
	color: #b22217;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
}	
	
.page
	{
	color: #886632;	
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height: auto;
	background-color: #FFFFFF;
	}
	
.TopHeadder /*This is the top banner container*/
	{
	width: 800px;
	height: 80px;
	float: left;
	background-image: url(images/topheader.jpg);
	}

#HomeHeader /*This is the banner fot the top header on home page*/
	{
		width: 800px;
		height: 80px;
		background-image: url(images/topheaderhome.jpg);
		float: left;
	}

#HomeTextLinkH /*box fot he HOME text on home page*/
	{
	float: left;
	padding-top:10px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	}
#HomeContainer /*The container for the home page*/
	{
		width: 800px;
		height: 305px;
		float: left;
		background-image: url(images/home_background.jpg);
	}
		
#HomeBottomMenu /*this container has the cabinets under the menu on home page*/
	{
		width: 800px;
		height: 138px;
		float: left;
		background-image: url(images/bottommenu.jpg);
	}
	
#HomeButton /*The container for the home and breadcrumb*/
	{
	float: left;
	height: 45px;
	width: auto;
	margin-left: 35px;
	margin-top: 22px;
	}
	
#HomeTextLink /*The container fot the Home Text Link*/
	{
	float: left;
	padding-top:4px;
	}
	
	#LeftPaneHome /*This container has the logo on the home page*/
	{
	width: auto;
	height: auto;
	float: left;
	margin-top: 20px;
	margin-left: 90px;
	}
	
/*-------Home text link Style------*/
#HomeTextLink a:link 
	{
	background-color: transparent;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
	}

#HomeTextLink a:visited 
	{
	background-color: transparent;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
	}

#HomeTextLink a:active 
	{
	background-color: transparent;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
	}
	
#HomeTextLink a:hover
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
	background-color: transparent;
	color:#CCCCCC;
	}
/*--------------------------------*/

#Breadcrumb /*This is the container for the bread crumb image*/
	{
	float: left;
	height: 45px;
	width: auto;
	margin-left: 14px;	
	}
	
#ContactContainer /*This contains the Background immage of the contact page*/
	{
	float: left;
	width: 800px;
	height: 446px;
	background-image: url(images/contact_background.jpg);
	}

#AboutUsContainer /*This contains the Background immage of the About Us page*/
	{
	float: left;
	width: 800px;
	height: 446px;
	background-image: url(images/aboutus_background.jpg);
	}
	
#LeftAboutContainer /*Container for the about us page*/
	{
		width:300px;
		height: 258px;
		float: left;
		margin-left: 60px;
		margin-top: 15px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 16px;
	}
	
#MapContainer /*This contains the Background immage of the Where are we page*/
	{
		float: left;
		width: 800px;
		height: 446px;
		background-image: url(images/map_background.jpg);
	}
#MapRightpane
{
	width: 320px;
	height: 245px;
	float: left;
	margin-top: 44px;
	margin-left: 12px;
}
#MapLeft
{
	float: left;
}
	
#GalleryContainer /*This contains the Background immage of the gallery page*/
	{
		float:left;
		width: 800px;
		height: 446px;
		background-image: url(images/gallery_background.jpg);
	}
	
#LeftGalleryContainer /*Container for the gallery page*/
	{
		width: 350px;
		height: 170px;
		margin-left: 40px;
		margin-top: 100px;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 10px;
		text-align: center;
	}
	
/***********************************************
style for Links on the Gallery container
*************************************************/
#LeftGalleryContainer a:link
	{
		color: #886632;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		text-decoration: none;
		font-size: 10px;
	}
	
#LeftGalleryContainer a:visited
	{
		color: #886632;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		text-decoration: none;
		font-size: 10px;
	}
	
#LeftGalleryContainer a:link, a:visited
	{
		color: #886632;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		text-decoration: none;
		font-size: 10px;
	}
	
#LeftGalleryContainer a:hover
{
	text-decoration: underline;
}	
/*************************************************/
	
#MenuContainer /*This container has the menu backgorund picture*/
	{
	float: left;
	width: 800px;
	height: 45px;
	background-image: url(images/menu_background.jpg);
	background-repeat: no-repeat;
	}

.MenuLinkContainer /*This container has the links on the menu*/
	{
	width: 114px;
	float: left;
	margin-top: 21px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}
	
/*****************************************************
Link Style for the menu
******************************************************/
.MenuLinkContainer a:link
	{
	background-color: transparent;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	display: block;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
	
.MenuLinkContainer a:visited
	{
	background-color: transparent;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	display: block;
	}
	
.MenuLinkContainer a:active
	{
	background-color: transparent;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	text-decoration: underline;
	font-weight: bold;
	display: block;
	}
	
.MenuLinkContainer a:hover
	{
	background-color: transparent;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	text-decoration: underline;
	font-weight: bold;
	display: block;
	}
	/*************************************************/
	
#footerContainer /*This is the container for the footer*/
	{
	float: left;
	width: 800px;
	height: 32px;
	background-image: url(images/footerbg.gif);
	background-repeat: repeat-x;
	padding-top: 5px;
	}
/**************************************************
This is the container for the links on the footer and their Style
***************************************************/
.FooterLink
	{
		float: left;
		width: 800px;
		text-align: center;
		margin-top: 4px;
		font-size: 11px;
		color: #000000;
	}
	
.FooterLink a:link
	{
		color: #000000;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		text-decoration: none;
	}

.FooterLink a:visited
	{
		color: #000000;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		text-decoration: none;
	}

.FooterLink a:hover
	{
		color: #000000;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		text-decoration: underline;
	}
/***********************************************************/

#LeftPane /*Left pane container*/
	{
		margin-left: 82px;
		margin-top: 40px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #886632;
		width: 230px;		
	}
	
#LeftPane a:link, a:visited, a:hover /*style for the left pane links*/
	{
		color: #B22217;
		text-decoration: underline;
		font-size: 14px;
	}
	
#LeftPane a:visited /*style for the left pane links*/
	{
		color: #B22217;
		text-decoration: underline;
		font-size: 14px;
	}
	
#LeftPane a:hover /*style for the left pane links*/
	{
		color: #B22217;
		text-decoration: underline;
		font-size: 14px;
	}
	
#KitchenContainer /*Container for the kitchen page*/
	{
		width: 800px;
		height: 309px;
		background-color: #FFFFFF;
	}

#SinkKitchen /*This container has the immage of the countertop*/
	{
		width: 800px;
		height: 137px;
		background-image: url(images/sink_kitchen.jpg);
		float: left;
		background-repeat: no-repeat;
	}
	
.KitchenLinks /*Lik Styles for the back to gallery link*/
{
	margin-left: 663px;
	color: #FF0000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}

.KitchenLinks a:link, a:visited
	{
		text-decoration: none;
		color: #B22217;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 11px;
	}
	
	.KitchenLinks a:hover
	{
		text-decoration: underline;
	}
	
#KitchenBack /*Container for the back immage*/
	{
		margin-left: 315px;
	}
	
#KitchenPictures /*Container for the pictures*/
	{
		width: 725px;
		height: auto;
		float: left;
		padding-left: 75px;
		background-color: #FFFFFF;
	}

.kitchenImage /*Each image has its own container*/
	{
		width: 230px;
		height: 148px;
		float: left;
	}

#Sink3 /*This container is used for Laundry, vanities and entertainmebt*/
	{
		width:800px;
		height: 166px;
		float: left;
	}
	
#LaundryContainer 
	{
		width: 800px;
		height: 280px;
		float: left;
		background-color: #FFFFFF;
	}
	
#LaundryPictures /*this container has a the containers for the images*/
{
	width: 760px;
	margin-left: 10px;
	margin-top: 10px;
}
	
.LaundryImage /*This contais each image*/
{
	width: 190px;
	height: 218px;
	float: left;
}

.LaundryImageA /*This contais each image*/
{
	width: 280px;
	height: 218px;
	float: left;
}

#TopHeaderAcc /*Header for accessories page*/
{
	width: 800px;
	height: 80px;
	float: left;
	background-image: url(images/topheaderacc.jpg);
}

#SinkAcc 
{
	width: 800px;
	height: 132px;
	float: left;
}

#AccContainer
{
	width:800px;
	height: 314px;
	background-color: #FFFFFF;
}

#LeftPaneAcc
{
	width: 277px;
	height: 314px;
	background-color: #EAD9C7;
	float: left;
}

#LeftPaneContainerAcc
{
	width:230px;
	float: left;
	margin-left: 35px;
	margin-top: 18px;
}

.ManufPane /*this container has the manufacturesrs logo*/
{
	width: 115px;
	height: auto;
	float: left;
	font-size: 12px;
	font-weight: bold;
}

.Manufacturers /*this container has each manufacturer*/
{
	width: 115px;
	height: auto;
	float: left;
}

#RightPaneAcc /*Right pane for the accessories page*/
{
	width: 523px;
	height: 314px;
	background-color: #FFFFFF;
	float: left;
}

.AccPane /*This pane contains 2 or 3 images on the accessories page*/
{
	width:132px;
	height: auto;
	margin-left: 30px;
	margin-top: 3px;
	font-family: Arial, Helvetica, sans-serif;
	color: #626366;
	font-size: 10px;
	float: left;
}

#FinishesContainer /*Container for finishes page*/
{
	width:800px;
	height: 257px;
	background-color: #FFFFFF;
	float: left;
}

#SinkFinishes 
{
	width: 800px;
	height: 189px;
	background-image: url(images/sink_finishes.jpg);
	float: left;
}

.LeftPaneFinishes /*Left side of the finishes website*/
{
	width: 188px;
	float: left;
	height: 100px;
	color:#886632;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.LeftPaneFinishes a:link, a:visited
	{
		text-decoration: none;
		color: #B22217;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 11px;
	}
	
.LeftPaneFinishes a:hover
	{
		text-decoration: underline;
	}

.RightPaneFinishes /*Roght side container finishes page*/
{
	width: 611px;
	height: auto;
	float: right;
}

.FinishesBox /*Coniants every finishes picture*/
{
	width: 84px;
	height: 84px;
	float: left;
}

#SinkOptions
{
	width: 800px;
	height: 129px;
	background-image: url(images/sink_options.jpg);
	float: left;
}

#OptionsContainer
{
	width: 800px;
	height: 317px;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #886632;
	float: left;
}

.OptionsWide
{
	width:211px;
	height: 140px;
	float: left;
	margin-right: 15px;
}

.OptionsBox
{
	width: 135px;
	height: 140px;
	float: left;
}

#OptionsLinks /*Containers for the links on options page*/
	{
		width: auto;
		height: 37px;
		float: left;
		margin-left: 232px;
		margin-top: 2px;
		line-height: 19px;
	}
	
/**********************************************************
Style for the links on options links page
**********************************************************/
	
#OptionsLinks a:link
	{
		color: #886632;
		font-family: Arial, Helvetica, sans-serif;
		text-decoration: none;
		font-size: 10px;
	}
	
#OptionsLinks a:visited
	{
		color: #886632;
		font-family: Arial, Helvetica, sans-serif;
		text-decoration: none;
		font-size: 10px;
	}
	
#OptionsLinks a:hover
{
	text-decoration: underline;
}	
/**********************************************************/

#skinkTurned
{
	width: 800px;
	height: 103px;
	float: left;
	background-image: url(images/sink_turned.jpg);
}

#TurnedContainer
{
	width: 800px;
	height: 303px;
	float: left;
	background-color: #FFFFFF;
	padding-top: 40px;
}

.FlutedImages
{
	width: 143px;
	height: 234px;
	float: left;
}

#TurnedLeft
{
	width: 195px;
	height: auto;
	float: left;
}

#TurnedBack
{
	margin-left: 215px;
}

#skinkBunfeet
{
	width: 800px;
	height: 127px;
	float: left;
	background-image: url(images/sink_bunfeet.jpg);
}

#BunfeetContainer
{
	width: 800px;
	height: 319px;
	float: left;
	background-color: #FFFFFF;
}

.BunfeetImages
{
	width: 200px;
	height: 150px;
	float: left;
}

#skinkMiscelancous
{
	width: 800px;
	height: 103px;
	float: left;
	background-image: url(images/sink_miscelancous.jpg);
}

#MiscelancousContainer
{
	width: 800px;
	height: 300px;
	float: left;
	background-color: #FFFFFF;
	padding-top: 43px;
}

.ImagesContainer
{
	margin-left: 30px;
	float: left;
}

.MiscelancousImages
{
	width: 142px;
	height: 115px;
	float: left;
}

.MiscelancousLeft
{
	width: 170px;
	height: auto;
	float: left;
}

/***********************************************/
#CrownContainer
{
	width: 800px;
	height: 446px;
	background-image: url(images/crownscontainer.jpg);
	float: left;
}

#LeftCrown
{
	width:172px;
	height: auto;
	float: left;
}

/********************************************/
#ValanceContainer
{
	width: 800px;
	height: 163px;
	float: left;
	background-color: #FFFFFF;
	padding-top: 40px;
}

#ValanceImages
	{
		width: 574px;
		height: 145px;
		float: left;
		background-image: url(images/valance_images.jpg);
	}
	
#SinkValance
{
	width: 800px;
	height: 243px;
	background-image: url(images/sink_valance.jpg);
	float: left;
}
/**********************************************/
#CorbelContainer
{
	width: 800px;
	height: 215px;
	float: left;
	background-color: #FFFFFF;
	padding-top: 22px;
}

#SinkCorbel
{
	width: 800px;
	height: 209px;
	float: left;
	background-image: url(images/sink_corbel.jpg);
}

#CorbelImages
{
	width: 534px;
	height: 194px;
	float: left;
	background-image: url(images/corbel_images.jpg);
	margin-left: 40px;
}
/********************************************************/
#DoorContainer
{
	width: 800px;
	height: 333px;
	float: left;
	background-color: #FFFFFF;
	padding-top: 9px;
}
#DisclaimerA 
{
	margin-left: -292px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
#DisclaimerB
{
	margin-left: -285px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
#DisclaimerF
{
	margin-left: -665px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}

#SinkDoor
{
	width: 800px;
	height: 104px;
	float: left;
	background-image: url(images/sink_door.jpg);
}

#DoorLeft
{
	width:125px;
	height: auto;
	float: left;
	margin-top: 150px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#DoorRight
{
	width: 675px;
	height: auto;
	float: left;
}

.DoorImmage
{
	width:65px;
	height: 78px;
	float: left;
}

#MantelContainer
{
	width: 800px;
	height: 446px;
	background-image: url(images/mantelcontainer.jpg);
	float: left;
	background-repeat: no-repeat;
}

#LeftMantel
{
	width:172px;
	height: auto;
	float: left;
}

#MantelBack
{
	margin-top: -7px;
	margin-left: -20px;
}

#LeftMantel
{
	width:172px;
	height: auto;
	float: left;
	margin-top: 268px;
}

#WoodContainer
{
	width: 800px;
	height: 446px;
	float: left;
	background-image: url(images/woodbackground.jpg);
}

#LeftWood
{
 width: 295px;
 height: auto;
 float: left;
 margin-top: 156px;
}

#EnterImage
{
	width: 305px;
	height: 218px;
	float: left;
}
#EnterContainer
{
	width: 500px;
	float: left;
	margin-left: 70px;
}

#KitchenBacNext
{
	width: 440px;
	margin-left: 310px;
}

#LaundryBacNext
{
	width: 555px;
	margin-left: 180px;
}