/*@media screen {*/
	/* Eric Meyer's Reset CSS | http://meyerweb.com/eric/tools/css/reset/index.html | v1.0 | 20080212 */
	/*html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}*/
	/* Float Clearing Wrappers */
	/*.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clearfix,.gain_layout{*zoom:1;}*/


/* design-mode.net Global Styles
-----------------------------------------*/

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

html {
	background:#171717;/*#363636;*//*#272727;*/
}

/* This version should remove the dotted outline on links in Firefox -- AND IE7! */
a:active, a:focus {
	outline: 0;
}

a {
	outline: 0; /* needed for IE7 */
	border:none;
	color:#fff;
}

#footer_wrap {
	width:976px;
	margin:0 auto;
}

#footer {
	width:976px;
	float:left;
}

#footer p {
	padding-top:3px;
}

.cpyrght {
	color:#727272;
	font-size:10px;
}

#header_wrapper {
	border:1px solid #747474;
	background:url(../img/menu-bgd2.gif) no-repeat;
	width:974px;
	height:100px;
	margin:10px auto 7px;
}

#header_logo {
	width:374px;
	height:100px;
	float:left;
}

.menu_font {
	word-spacing:1px;
	font-variant:small-caps;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
}

#main_menu {
	height:16px;
	padding:6px 0;
	color:#fff;
	width:550px; /*width:468px;*//*width:845px;*/
	margin:36px auto 0;
	/*height:16px;*/
	float:left;
}

#main_menu ul {
	/*margin-top:2px;*/
	text-align:center;
}

#main_menu li {
	/*vertical-align:top;*/
	display:inline;
}

.menu_links a {
	color:#fff;
	text-decoration:none;
}

.menu_links a:link,
.menu_links a:visited {
	
}

.menu_links a:hover,
.menu_links a:active {
	color:#00fff0;/*#B23018;*/
}

.page_selected {
	color:#a5fcff;
	cursor:default;
}

.page_selected a {
	text-decoration:none;
	color:#a5fcff;/*#7C2511;*/
}

.page_selected a:link,
.page_selected a:visited {
	
}

.page_selected a:hover,
.page_selected a:active {
	text-decoration:underline;
}

#portfolio_menu_wrap {
	width:974px;
	margin:0 auto 5px;
}

#portfolio_menu {
	color:#fff;
	background-color:#171717;
	width:974px;
	float:left;
	margin-bottom:5px; /* needed for Firefox */
}

#commercial {
	text-align:center;
	width:324px;
	float:left;
}

#residential {
	text-align:center;
	width:325px;
	float:left;
}

#custom {
	text-align:center;
	width:324px;
	float:left;
}

.spacer1 {
	padding-left:30px;
}

.homeLeft2_findOutMore {
	position:relative;
	padding:2px 4px;
	margin:4px 0 0 0;
	color:#a5fcff;
	background-color:#339933;
	word-spacing:1px;
	font-variant:small-caps;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	cursor:default;
}

#portfolio_wrapper {
	width:976px;
	margin:0 auto;
}

#portfolio_wrapper_inner {
	border:1px solid #747474;
	margin-top:3px;
	/*padding-bottom:30px;*/
	background-color:#171717;
	width:974px;
	float:left;
}

#portfolio_wrapper_inner2 {
	float:left;
	/*padding:30px 0 0 0;*/
	padding:30px 94px;
	width:786px;
	margin:0 auto;
	cursor:default;
}

#projectWrapper1, #projectWrapper3 {
	/*margin-bottom:30px;*/ /* padding-bottom:10px; changed to padding-bottom:30px; in #portfolio_wrapper_inner for ie7 (issue with 3 projects: residential) -- see below */
	background-color:#171717;
	width:347px;
	height:245px;
	float:left;
}

#projectWrapper2, #projectWrapper4 {
	/*margin-bottom:30px;*/ /* padding-bottom:10px; changed to padding-bottom:30px; in #portfolio_wrapper_inner for ie7 (issue with 3 projects: residential) -- see below */
	background-color:#171717;
	width:347px;
	height:245px;
	float:right;
}

#projectWrapper3, #projectWrapper4 { /* padding-bottom:10px; changed to padding-bottom:30px; in #portfolio_wrapper_inner for ie7 (issue with 3 projects: residential) -- see above */
	margin-top:30px;
}

#projectWrap1, #projectWrap2, #projectWrap3, #projectWrap4 {
	padding:10px 10px 5px;
	width:327px;
	height:235px;
	
	
}

#projectMainImage1, #projectMainImage2, #projectMainImage3, #projectMainImage4 {
	border:1px solid #747474;
	width:325px;
	height:195px;
}

.mainProjectImage:hover,
.mainProjectImage:active {
	/*cursor: pointer;*/ /* surround <img> with <a> tag for ie6 */
}

/* must use #thumbsTable here -- not #p1b -- for Firefox */
#thumbsTable1, #thumbsTable2, #thumbsTable3, #thumbsTable4 {
	display:none;
	
}


#thumbsTable img {
	padding-right:5px;
}

#projectTitle1, #projectTitle2, #projectTitle3, #projectTitle4 {
	padding-top:5px;
	width:195px;
	/*height:30px;*/
	
}

p.projectCaptionTitle {
	padding-bottom:0;
}


/* was: .projectCaptionTitle -- changed to: .projectCaptionTitle a
for ie6: <a> tag added to projectTitles */
.projectCaptionTitle a {
	text-decoration:none;
}

/* Place .projectCaptionTitle a:active here so IE does not keep active link underlined after click. */
.projectCaptionTitle a:link,
.projectCaptionTitle a:visited,
.projectCaptionTitle a:active {
	text-decoration:none;
}

.projectCaptionTitle a:hover {
	/*cursor: hand;*/ /* http://www.learnwebdesignonline.com/css-tutorials/cursor-hand-pointer.htm */
	/*cursor: pointer;*/
	text-decoration:underline;
}

/* BEGIN PORTFOLIO SPLASH PAGE - portfolio.htm */
/* !styles for #photoholder and #thephoto must go in page! */

#portfolio_splash1 {
	width:976px;
	margin:0 auto;
}

#portfolio_splash2 {
	border:1px solid #747474;
	margin-top:3px;
	background-color:#171717;
	width:939px;
	padding:34px 17px 34px 18px;
	float:left;
}

#portfolio_splash3 {
	display:none;
	width:939px;
	cursor:default;
}

/* original:
#portfolio_splash_inner2 {
	display:none;
	padding:30px 0 0 0;
	width:921px;
	margin:0 auto;
	cursor:default;
}*/

#commercial_splash, #residential_splash, #custom_furniture_splash {
	padding:0 18px; /* for ie6: use padding here -- not margin */
	float:left;
}

#commercial_title, #residential_title, #custom_furniture_title {
	/*color:#fff;
	margin:5px 0 0 1px;
	white-space:nowrap;*/ /* needed for IE7 */
	/*display:none;
	clear:left;
	float:left;*/
}

/*.portfolio_links {
	color:#fff;
	text-decoration:none;
}

.portfolio_links:link,
.portfolio_links:visited {
	
}

.portfolio_links:hover,
.portfolio_links:active {
	color:#00fff0;
	text-decoration:underline;
}*/

/* END PORTFOLIO SPLASH PAGE - portfolio.htm */

/* BEGIN INDEX (HOME) PAGE - index.htm */

#index_wrapper {
	width:976px;
	margin:0 auto;
}

#index_wrapper_inner {
	border:1px solid #747474;
	margin-top:3px;
	padding-bottom:30px;
	background-color:#171717;
	width:974px;
	float:left;
}

#index_inner2 {
	padding:30px 0 0 0;
	width:914px;
	margin:0 auto;
	cursor:default;
}

#index_content_wrapper {
	display:none;
	margin:0;
	/*background-color:#fff;*/
	height:499px; /*623px*/
	width:914px;
	/*float:left; -- margin doesn't work in IE7 with float */
}

#index_content {
	background-color:#fff; /* changed from #000 for ie6 */
	padding:10px; /* use padding for ie6 */
	/*margin:10px 0 0 10px;*/ /* margin won't work for ie6 */
	height:479px; /*603px*/
	width:894px;
	float:left;
}

#index_content img {
/*padding-left:177px;*/
}

/* END INDEX (HOME) PAGE - index.htm */

.text_font {
	color:#fff;
	word-spacing:1px;
	font-family: "frutiger lt std", "frutiger std", frutiger, "helvetica neue", arial, helvetica, sans-serif;
    /*font-size:15px;*/
	font-size:13px;
    line-height:1.325em;
}

h2 {
	padding:0 0 3px 0;
	font-weight:bold;
	font-size:17px;
}

/* about page */
h3 {
	font-weight:bold;
	padding:10px 0 7px;
	/*font-size:17px;*/
	font-size:15px;
}

/* services page */
.h4First {
	text-decoration:underline;
	padding:20px 0 10px;
	/*font-size:17px;*/
	font-size:15px;
}

h4 {
	text-decoration:underline;
	padding:10px 0 10px;
	/*font-size:17px;*/
	font-size:15px;
}

p {
	padding-bottom:1.125em;
}

.pLast {
	padding-bottom:3px;
}

.pFirstAbout {
	/*color:#FFE6E6; E58941 BBFFE2 */
	color:#E58941;
	font-family: Geneva,Verdana,Helvetica,sans-serif;
	padding:.25em 0 1.125em 0;
}

.pFirstServices {
	color:#E58941;
	font-family: Geneva,Verdana,Helvetica,sans-serif;
	padding:.25em 0 0 0;
}

.pContact {
	padding-bottom:10px;
}

/* BEGIN ABOUT PAGE - about.htm */

#about_wrapper {
	width:976px;
	margin:0 auto;
}

#about_wrapper_inner {
	border:1px solid #747474;
	margin-top:3px;
	/*padding-bottom:30px;*/
	background-color:#171717;
	width:974px;
	float:left;
}

#about_inner2 {
	padding:30px;
	width:914px;
	/*margin:0 auto;*/
	float:left; /* can't use margin:0 auto in Firefox because it needs a float for padding-bottom to work */
	cursor:default;
}

#about_content_wrapper {
	padding:10px;
	display:none;
	background-color:#fff;
	/*height:400px;*/
	width:894px;
	/*float:left;*/
	/*float:left; -- margin doesn't work in IE7 with float */
}

#about_content {
	background-color:#171717;
	width:894px;
}

#about_content_inner {
	padding:10px 0 10px 15px;
	width:864px;
}

#about_content_inner_img {
	margin:5px 15px 0 0;
	float:left;
	width:301px;
}

#about_content_inner img {
	float:left;
	/*margin:5px 15px 0 0;*/
}

/* END ABOUT PAGE - about.htm */

/* BEGIN SERVICES PAGE - services.htm */

#services_wrapper {
	width:976px;
	margin:0 auto;
}

#services_wrapper_inner {
	border:1px solid #747474;
	margin-top:3px;
	padding-bottom:30px;
	background-color:#171717;
	width:974px;
	float:left;
}

#services_inner2 {
	padding:30px 0 0 0;
	width:914px;
	margin:0 auto;
	cursor:default;
}

#services_content_wrapper {
	padding:10px;
	display:none;
	background-color:#fff;
	/*height:400px;*/
	width:894px;
	
	
	/*float:left; -- margin doesn't work in IE7 with float */
}

#services_content {
	background-color:#171717;
	
	width:894px;
}

#services_content_inner {
	padding:10px 0 10px 15px;
	width:864px;
}

#services_content_inner img {
	float:right;
	margin:5px 0 10px 15px;
}

#services_content_inner li {
	list-style:disc outside;
	margin:0 0 10px 20px;
}

/* END SERVICES PAGE - services.htm */

/* BEGIN CONTACT PAGE - contact.htm */

#contact_wrapper {
	width:976px;
	margin:0 auto;
}

#contact_wrapper_inner {
	border:1px solid #747474;
	margin-top:3px;
	/*padding-bottom:30px;*/
	background-color:#171717;
	width:974px;
	float:left;
}

#contact_inner2 {
	float:left;
	padding:30px;
	width:914px;
	/*margin:0 auto;*/
	cursor:default;
}

#contact_content_wrapper {
	/*padding-bottom:10px;*/
	padding:10px;
	display:none;
	background-color:#fff;
	/*height:400px;*/
	width:894px;
	/*margin:0;*/
	
	/*float:left; -- margin doesn't work in IE7 with float */
}

#contact_content {
	
	background-color:#171717;
	/*margin:10px 0 0 10px;*/
	width:894px;
}

#contact_content_inner1 {
	background-color:#171717;
	
	padding:15px;
	width:864px;
}

#contact_content_inner1 img {
	margin:0 0 10px 0;
}

#contact_content2 {
	width:864px;
}

#contact_content_inner_wrap {
	
	background-color:#3b3b3b;
	height:60px;
	width:864px;
}

#contact_content3 {
	border-right:1px solid #747474;
	float:left;
	height:60px;
	width:431px;
}

#contact_content_3a {
	text-align:center;
	line-height:20px;
	padding:20px 0 0 0;
}

#contact_content4 {
	float:left;
	height:60px;
	width:432px;
}

#contact_content_4a {
	text-align:center;
	height:20px;
	padding:20px 0 0 0;
}

/* END CONTACT PAGE - contact.htm */

/* BEGIN PRESS PAGE - press.htm */

#press_wrap1 {
	width:976px;
	margin:0 auto;
}

#press_wrap2 {
	border:1px solid #747474;
	margin-top:3px;
	background-color:#171717;
	width:974px;
	float:left; /* float required for Firefox */
	padding:34px 0 24px;
	/*background-color:#bcd;*/
}

#press_wrap3 {
	margin-left:18px; /*margin:0 auto causes left to right jump during $("#press_wrap3").show("blind",900) effect*/
	display:none;
	width:939px;
	cursor:default;
}

#press1, #press2, #press3 {
	padding:0 18px 10px; /* for ie6: use padding here -- not margin */
	float:left;
}

/* #photoholder3 requires an <a> tag to satisfy layout in ie6 -- even though there's no link --
so now we hide it: 
#press3 img {
	cursor:default;
}*/

/* #activeContentWrapOuter needed for IE6 bottom padding fix */
#activeContentWrapOuter {
	width:974px;
}

#activeContentWrapInner {
	display:none;
	float:left;
	width:974px;
}

#activeContent {
	margin:0 auto;
	width:500px;
}

#backToPress {
	float:left;
	padding-top:5px;
}

/* END PRESS PAGE - press.htm */


/* ---------------------------------------------------------*/
/* Example IE/Win fix for float padding problems (CSSTMM p.)*/
* html .container {
  display: inline;
}

/* Example IE/Mac undo for IE/Win fix */
* html .container {
  height: 1%;
}

/* Standard clearfix (PCSST p.94) */
/* Use in addition to container: <div class="container clearfix">... */
.clearfix:after { 
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* Hide from IE/Mac */
* html .clearfix {
  height: 1%;
}

/* Brute force clearfix for IE */
.clearboth
{ 
  content: ".";
  height:0;
  width:0;
  margin:0;
  padding:0;
  clear: both;
  color: #fff;
}
/* ---------------------------------------------------------*/



/* abbr for W3C Markup Validator only */
abbr {
	cursor: help;
}

/*#press_menu_wrap {
	width:974px;
	margin:0 auto 5px;
}

#press_menu {
	color:#fff;
	background-color:#171717;
	width:974px;
	float:left;
	margin:5px 0;*/
	
	/*word-spacing:1px;
	font-variant:small-caps;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;*/
/*}

#press1 {
	text-align:center;
	width:324px;
	float:left;
}

#press2 {
	text-align:center;
	width:325px;
	float:left;
}

#press3 {
	text-align:center;
	width:324px;
	float:left;
}*/
