@charset "UTF-8";

/*  HTML TAG RESET   */

body,
h1, h2, h3,
p, ul, li,
form {
	border:0;
	margin: 0px;
	padding: 0px;
}

/* STANDARD TAG DEFINITIONS */


.style1 {color: #669900}

body {
margin: 0;
padding: 0;
background: #3c3c3c;
}

.newscontent {
    width: 405px;
    margin-right: 50px;
}

#newscontent p {
    font-size: 12px;
	line-height: 24px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666666;
	margin-bottom: 5px;
	padding-bottom: 0px;
	font-weight: normal;
}

#newscontent img {
    margin-bottom: 0;
    padding-bottom: 0;
}

p {
    margin-bottom: 0em;
	padding-top: .5em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	margin-top: 0em;
	color: #333333;
	
	
}

p2 {
	font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	margin-top: 1em;
	color: #666;
	padding-bottom: 20px;
	margin-bottom: 20px;
	padding-top: 10px;
	line-height: 20px;
	}
	
p3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 0.9em;
	font-weight: bolder;
	text-transform:uppercase;
	letter-spacing:2px;
	color: #555555;
	padding-top: 50px;
	margin-bottom:10px;
	text-align:center;
	vertical-align: 0%;
	line-height: 40px;
	font-variant: normal;
	}
	
strong {
	font-family:Georgia, serif;
	font-size: 0.9em;
	font-weight: bold;
	text-transform:uppercase;
	letter-spacing:2px;
	color: #316AC5;

}

	/*for when the regular a tag just won't do -- looks like regular <p> text*/
	a {
		margin-bottom: 0em;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 16px;
		font-weight: bold;
		margin-top: 0em;
		color: #666666;
		text-decoration: none;
		text-transform: uppercase;
		letter-spacing: 0em;
	}
	
	a:hover{
		margin-bottom: 0em;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 16px;
		font-weight: bold;
		margin-top: 0em;
		color: #669900;
		text-decoration: none;
		text-transform: uppercase;
		letter-spacing: 0em;
		border-bottom: #666666 1px solid;
		border-top: #666666 1px solid;
		}
	
	a.nohover{
		text-decoration: none;
		border: 0;
	}

ul {
margin: 10px 0;
padding: 0 0 0 25px;
}

li {
	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
}

/* headers */


h1, h2, h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
		
	
		
}
h1 {
	border-bottom: #eeeeee 1px solid;
	border-top: #eeeeee 1px solid;
	padding-bottom: 5px;
	padding-top: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: left;
	font-weight: normal;
	color: #222;

	
}

h2 {	
    font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 0.9em;
	font-weight: normal;
	text-transform:uppercase;
	letter-spacing:2px;
	color: #333;
	margin-top: 10px;
	margin-bottom:10px;
	padding: 0px;	
}


h3 {
	font-family: "Lucida Grande", Tahoma;
	font-size: 10px;
	font-weight: lighter;
	font-variant: normal;
	text-transform: uppercase;
	color: #999999;
	margin-top: 10px;
	margin-bottom: 15px;
	letter-spacing: 0.3em;
		
	}
	

h1#logo-text {
	padding-bottom: 5px;
	padding-top: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:48px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: left;
	font-weight: normal;
	color: #222;
	text-transform: uppercase;
	border: none;
	position: absolute;
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	/* change the values of top and left to adjust the position of the logo*/
	top: 200px;
	left: -1px;
	width: 798px;
	height: 61px;
	
}

h3 a {font-family: "Lucida Grande", Tahoma;
	font-size: 10px;
	font-weight: lighter;
	font-variant: normal;
	text-transform: uppercase;
	color: #999999;
    margin-top: 10px;
	margin-bottom: 15px;
	letter-spacing: 0.3em;
	}
h3 a:hover {font-family: "Lucida Grande", Tahoma;
	font-size: 10px;
	font-weight: lighter;
	font-variant: normal;
	text-transform: uppercase;
    margin-top: 10px;
	margin-bottom: 15px;
	letter-spacing: 0.3em;
	border-bottom: #666666 1px solid;
	border-top: #666666 1px solid;
	color: #669900;
	}

img.float-right {
  	margin: 5px 0px 10px 10px;
   border: 1px solid #dcdcdc; 
}
img.float-left {
	margin: 5px 10px 10px 0px;
	border: 1px solid #dcdcdc;
	background-color: #FFFFFF;
   }


blockquote:first-letter {
    text-transform: uppercase;
          }
		  
    blockquote {
	width: 350px;
	color: #424242;
	font-family:Georgia, serif;
	letter-spacing:0.1em;
	text-align:center;
	margin: 20px;
	text-transform: lowercase;
	line-height: 145%;
	font-size: 14pt;
	font-variant: small-caps;
	font-weight: normal;
        }

/* internet explorer doesn't understand margin: auto; */
.ieworkaround{
	text-align:center;
	margin:0px 50px 0px 50px;
	padding-top: 10px;
	background: #ffffff;
	}
	
.default p{
	font-size:11pt;
	font-weight:normal;
	line-height:1.5em;
	padding-top:10px;
	font-style: normal;
}

.default img {
	border: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.default img a:hover {
border: none;
}

.story sup{
vertical-align: top;
float:left;
font-size:5.5em;
font-weight:normal;
font-style: normal;
text-transform: uppercase;
line-height:90%;
margin-right:15px;
color:#333;
text-decoration:none
}

.homepage sup{
vertical-align: top;
float:left;
font-size:5.5em;
font-weight:normal;
font-style: normal;
text-transform: uppercase;
line-height:100%;
margin-right:15px;
color:#333;
text-decoration:none
}

/* form elements */
form {
	margin: 15px 10px; padding: 5px 10px 20px 10px;
	border: 1px solid #f1f1f1; 
	background: #fdfdfd; 	
}
label {
font-family: "Lucida Grande", Tahoma;
	font-size: 10px;
	font-weight: lighter;
	font-variant: normal;
	text-transform: uppercase;
	color: #999999;
	margin-top: 10px;
	margin-bottom: 15px;
	letter-spacing: 0.3em;
	display: block;

	
}
input, select {
	padding: 4px;
	 margin-bottom: 0em;
	padding-top: .5em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	margin-top: 0em;
	color: #333333; 	
}
textarea {
	width: 400px;
	padding: 4px;
	 margin-bottom: 0em;
	padding-top: .5em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	margin-top: 0em;
	color: #333333;
}
input, textarea, select {
	background: #fff;
  	border-width: 1px;
  	border-style: solid;
  	border-color: #D4D4D4 #ebebeb #ebebeb #d4d4d4; 
}

input.button {
font-family: "Lucida Grande", Tahoma;
	font-size: 10px;
	font-weight: lighter;
	font-variant: normal;
	text-transform: uppercase;
	color: #333333;
	margin-top: 10px;
	margin-bottom: 15px;
	letter-spacing: 0.3em;
	background: #cccccc;
	
	border-width: 1px;
  	border-style: solid;
  	border-color: #ebebeb #d4d4d4 #d4d4d4 #ebebeb;
}


/* PAGE ELEMENTS */

div.headercontainer {
	width: 860px;
	margin: auto;
	padding-bottom: 20px;
	/*background-image: url((URL));*/
	background-position: 0px;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline-block;
}

.clearboth {
clear: both;
}

/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}

.clearfix {
display: block;
}
/* End hide from IE-mac */


	/* Header and Logo */
	   

		div#header {
		height: 30px;
		margin: 30px auto 110px;
		width: 860px;
		text-align: center;
		}
		div#header p {
		padding-top: 2px;
		font-size: 11px;
		font-family: Arial, Helvetica, sans-serif;
		}
		div#header img.logo {
		float: left;
		margin: 0px 25px 20px 0;
		display:inline;
		}
		div#header img.badge {
		float: right;
		margin: 0px 0px 0px 0;
		}
		div#header a img {
		border: 0;
		}
		div#navcontainer {
		height: 45px;
		width: 860px;
		margin-top: 15px;
		margin-right: auto;
		margin-bottom: 75px;
		margin-left: auto;
		
		}
		div#navcontainer p {
		padding-top: 2px;
		font-size: 11px;
		font-family: Arial, Helvetica, sans-serif;
		}
		div#navcontainer img.logo {
		float: left;
		margin: 0px 25px 20px 0;
		display:inline;
		}
		div#navcontainer img.badge {
		float: right;
		margin: 0px 0px 0px 0;
		display:inline;
		}
		div#navcontainer a img {
		border: 0;
		}

		
		/* headers */
		
	#historyheader {
	position: relative;
	width: 860px;
	height: 245px;	
	color: #fff;
	margin-top: 30px;
	margin-bottom: 20px;
	background-image: url(images/HistoryHeader.jpg);
}

	#philosophyheader {
	position: relative;
	width: 860px;
	height: 245px;	
	color: #fff;
	margin-top: 20px;
	margin-bottom: 20px;
	background-image: url(images/philosophyHeader.jpg);
}

#testimonialheader {
	position: relative;
	width: 860px;
	height: 245px;	
	color: #fff;
	margin-top: 20px;
	margin-bottom: 20px;
	background-image: url(images/philosophyHeader.jpg);
}

#valuesheader {
	position: relative;
	width: 860px;
	height: 245px;	
	color: #fff;
	margin-top: 20px;
	margin-bottom: 20px;
	background-image: url(images/philosophyHeader.jpg);
}

#workheader {
	position: relative;
	width: 860px;
	height: 245px;	
	color: #fff;
	margin-top: 20px;
	margin-bottom: 20px;
	background-image: url(images/TkitchensHeader.jpg);
}

#galleryheader {
	position: relative;
	width: 860px;
	height: 245px;
	color: #fff;
	margin-top: 20px;
	margin-bottom: 20px;
}

    #currentprojectheader {
	position: relative;
	width: 860px;
	height: 245px;	
	color: #fff;
	margin-top: 20px;
	margin-bottom: 20px;
	background-image: url(images/currentprojectHeader.jpg);
}

	#recognitionheader {
	position: relative;
	width: 860px;
	height: 245px;	
	color: #fff;
	margin-top: 20px;
	margin-bottom: 20px;
	background-image: url(images/philosophyheader.jpg);
}
	#ckitchensheader {
	position: relative;
	width: 860px;
	height: 245px;	
	color: #fff;
	margin-top: 20px;
	margin-bottom: 20px;
	background-image: url(images/workheader.jpg);
}
	#tkitchensheader {
	position: relative;
	width: 860px;
	height: 245px;	
	color: #fff;
	margin-top: 20px;
	margin-bottom: 20px;
	background-image: url(images/TKitchensheader.jpg);
}

	#transformationsheader {
	position: relative;
	width: 860px;
	height: 245px;	
	color: #fff;
	margin-top: 20px;
	margin-bottom: 20px;
	background-image: url(images/historyheader.jpg);
}

	#bathroomheader {
	position: relative;
	width: 860px;
	height: 245px;	
	color: #fff;
	margin-top: 20px;
	margin-bottom: 20px;
	background-image: url(images/historyheader.jpg);
}
    #officeheader {
	position: relative;
	width: 860px;
	height: 245px;	
	color: #fff;
	margin-top: 20px;
	margin-bottom: 20px;
	background-image: url(images/historyheader.jpg);
}

	#Livingroomheader {
	position: relative;
	width: 860px;
	height: 245px;	
	color: #fff;
	margin-top: 20px;
	margin-bottom: 20px;
	background-image: url(images/philosophyheader.jpg);
}

	#productsheader {
	position: relative;
	width: 860px;
	height: 245px;	
	color: #fff;
	margin-top: 20px;
	margin-bottom: 20px;
	background-image: url(images/productsheader.jpg);
}

	/* MAIN NAVIGATION */

	  #nav {
	   margin-left: 20;
	   }
	   
	   
	 #nav li#current a {	
	visibility:visible;
}
	   
	   #nav img { 
	   border: none;
	  
	   }
	   
	   #nav li { 
	   display: inline;
	   list-style:none; 
	   
	   }
	   
	#nav li a {
	float: right;
	display:block;
	width: auto;
	height: auto;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	   }
	   
	   #nav li img a { 
	   border:none; 
	   vertical-align:bottom;
	   }
	   
	   #nav li a:hover { 
	   visibility:visible;  
	   }
	   
	   #nav li a:hover img { 
	   visibility:visible; 
	   }
	   
	   #nav li a:hover img { 
	   visibility:hidden;
	   }
	  
	   
	   #one { background:url(images/PortfolioOver.jpg) no-repeat left bottom; }
	   #two { background:url(images/AboutUsOver.jpg) no-repeat left bottom; }
	   #three { background:url(images/ProductsOver.jpg) no-repeat left bottom; }
	   #four { background:url(images/NewsOver.jpg) no-repeat left bottom; }
	   #five { background:url(images/ContactOver.jpg) no-repeat left bottom; }
	   #six { background:url(images/EmploymentOver.jpg) no-repeat left bottom; }
	   #seven { background:url(images/ResourceOver.jpg) no-repeat left bottom; }
	   #eight { background:url(images/SpecialsOver.jpg) no-repeat left bottom; }
	   #nine { background:url(images/HomeOver.jpg) no-repeat left bottom; }
	   
	/* TOP BAR */
	
		#topbar {
	width: 100%;
	height: 52px;
	background-image: url(images/topbanner.gif);
	background-repeat: repeat-x;
		}
	
		#topbar p {
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 40px;
	color: #666666;
	padding-top: 0px;
	font-weight: bold;
	font-style: normal;
	font-variant: small-caps;
		}
	
	
	/* 2 COLUMN Layout */
	
		div.content {
		margin-left: auto;
		margin-right: auto;
		width: 860px;
		text-align: left;
		}
		div.wide {
		width: 860px;
		}
		div.wide div.left, div.wide div.right {
		width: 350px;
		}
		div.left, div.right, div.center {
		width: 405px;
		margin-bottom: 25px;
		}
		div.left {
		float: left;
		padding-left: 0px;
		}
		div.right {
		float: right;
		padding-right: 0px;

		}
		div.center {
	padding: 10px 10px 0px 10px;
	clear: both;
	margin: 0 auto;
	width: 840px;
		}
	

	
	/* 3 COLUMN Layout */
	   
	   div#left_column {
		margin-top: 14px;
		margin-bottom: 20px;
		margin-left: 0px;
		margin-right: 0px;
		width: 274px;
		float: left;
		}
		div#center_column {
		margin-top: 14px;
		margin-bottom: 20px;
		margin-left: 19px;
		margin-right: 0px;
		width: 274px;	
		float: left;
		}
		div#right_column {
		margin-top: 14px;
		margin-bottom: 20px;
		margin-left: 19px;
		margin-right: 0px;
		width: 274px;
		float: left;
		background-image: none;
		background-repeat: repeat-y;
		background-attachment: scroll;
		background-position: left top;
		}
	   
	/* BIOS */
	
	#biophoto {
	position: relative;
	width: 100px;
	height: 146px;
	line-height:1.5em;
	vertical-align:bottom;
	padding-right: 20px;
	top: 10px;
	padding-bottom: 20px;
	
	}

div#bios {
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
    width: 900px;
    float: left;
}

div#bios ul {
    list-style: none;
    margin-left: -23px;
}

div#bios li {
    float: left;
}

div#bios img {
    margin-right: 90px;
    margin-left: 90px;
}

div#bios h2 {	
    font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	font-weight: normal;
	text-transform:uppercase;
	letter-spacing:2px;
	color: #333;
	margin-top: 10px;
	margin-bottom:10px;
	padding: 0px;
}

div#bios a:hover {
    text-decoration: none;
    border: none;
}


    /* Main Tagline Text */
	   
	   div.title_tagline {
	width: 860px;
	margin: auto;
	background-image: url(none);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center bottom;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 20px;
		}
		div.title_tagline p {
		text-align: left;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 18px;
		line-height: 26px;
		color: #666666;
		padding-top: 10px;
		}
		
		div.title_tagline a {
		color: #316AC5;
			
}
		div.title_tagline a:hover {
		border-bottom: #666666 1px solid;
		border-top: #666666 1px solid;
		color: #669900;
		
}

		
		div.title_tagline h1 {
	font-size: 24px;
	margin: 15px 0px 5px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #464646;
	font-variant: small-caps;
		}


	 /* 2 COLUMN Layout */
	 
	 	div.left p {
		font-size: 12px;
		line-height: 24px;
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #666666;
		margin-bottom: 5px;
		padding-bottom: 0px;
		font-weight: normal;
		}
		div.right p {
			font-size: 12px;
		line-height: 24px;
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #666666;
		margin-bottom: 5px;
		padding-bottom: 0px;
		font-weight: normal;
		}

        div.testimonial p {
            width: 330px;
        font-size: 12px;
		line-height: 24px;
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #666666;
		margin-bottom: 5px;
		padding-bottom: 0px;
		font-weight: normal;
		}


     /* 3 COLUMN Layout */
		
		div#center_column p {
		background-image: url(none);
		background-repeat: repeat-x;
		background-attachment: scroll;
		background-color: transparent;
		background-position: center bottom;
		margin-bottom: 0px;
		padding-bottom: 0px;
		}
		
		div#right_column h1 {
		padding: 4px 0px 0px 10px;
		color: #FFF;
		}
		div#right_column ul {
		margin: 10px 0;
		padding: 0px 10px 10px 25px;
		}
		div#right_column li, div#right_column a {
		margin-top: 6px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		font-weight: bold;
		}
		
		
     /* BODY CONTENT */
		
		
		
			   
	   div#body_content h1{
		font-size: 18px;
		margin: 15px 0px 8px 0px;
		padding:5px 15px 0px 15px;
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #666666;
		}
		div#body_content p{
		font-size: 12px;
		line-height: 18px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: normal;
		color: #333333;
		padding:0px 15px 0px 15px;
		}
		#body_content ul li {
		font-size: 12px;
		line-height: 18px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: normal;
		color: #333333;
		padding:0px 0px 0px 0px;
		margin: 0px 15px 0px 15px;
		}
		
		#body_content a {
		color: #316AC5;
		   font-family:Georgia,serif;
	font-size: .8em;
        font-weight: bold;
	text-transform:uppercase;
	letter-spacing:2px; 

			
}
		#body_content a:hover {
	font-family:Georgia,serif;
	font-size: 0.8em;
	font-weight: bold;
	text-transform:uppercase;
	letter-spacing:2px;
	border-bottom: #666666 1px solid;
	border-top: #666666 1px solid;
	color: #669900;
	margin-top: 10px;
	padding: 0px;
	}	
		.date {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		color: #666666;
		}
		
		
		/*-----------Post info------------*/
		.post-info { font-size: .85em; padding: 0 10px; margin-left: 2px; color: #A98D76; }
.post-info a, .post-info a:visited { color: #684824; }



	/*News*/
	
	#articleList p{
	line-height: 1.4em;
	}
	
	/*gallery*/
		
	#gallery a:hover{
		text-decoration: none;
		border: 0;
		}
		

	/* Logos for Associations Page */
	#logos{
		text-align: center;
	}
	
	#logos img.image{
		margin: 10px;
		
	}

#video{
    margin: 10px;
    text-align: center;
}

	 /* FOOTER  */
	
			 
		.address {
		text-align: center;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		line-height: 18px;
		clear: both;
		Color: #333333;
		font-style: italic;
		}
		.address a {
		Color: #333333;
		}
		.address a:hover {
		Color: #8B8D09;
		}
		/* FOOTER */
				
		#footer {
		margin-top: 0px;
		clear: both;
		border-bottom: #eeeeee 1px solid;
		border-top: #eeeeee 1px solid;
		text-align: center;
		font-family: Georgia, "Times New Roman", Times, serif;
		padding: 15px 0;
		font-size: 11px;
		line-height: 1.4em;
		Color: #666666;
		}
		#footer a{
	font-family: "Lucida Grande", Tahoma;
	font-size: 10px;
	font-weight: lighter;
	font-variant: normal;
	text-transform: uppercase;
	color: #999999;
	margin-top: 10px;
	margin-bottom: 15px;
	letter-spacing: 0.3em;
	text-decoration: none;		
}

	#footer a:hover{
	font-family: "Lucida Grande", Tahoma;
	font-size: 10px;
	font-weight: lighter;
	text-transform:uppercase;
	letter-spacing:0.3em;
	border-bottom: #666666 1px solid;
	border-top: #666666 1px solid;
	color: #669900;
	margin-top: 10px;
	margin-bottom: 15px;
	padding: 0px;
	}
	
	#footer a.email, a.email:hover {
	text-transform: none;
	}
	
		/*Alignment Classes*/
		
		/*used on products pages for 2-col layout */
		div.floatleft {
			float: left;
			margin: 0px;
			width: 160px;
			}
		div.maincontent{
			margin-left: 180px;
			}

		
.float-left  { float: left;}
.float-right { float: right; }

.align-center {
	text-align: center;
}
.align-left  { text-align: left; }
.align-right { text-align: right; }