html {overflow-y: scroll; height: 100%;box-sizing: border-box;}

*, *:before, *:after {
  box-sizing: inherit;
}

* :focus { outline: 0; }

body {font-family: Verdana, Arial, sans-serif;
font-size: 11px;
font-style: normal;
color: #ffffff;
height:100%;
background-color:#514C48;
margin:0;
padding:0;
}

A:link, A:visited {font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #ababab; text-decoration: none;}
A:hover {font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #ffffff; text-decoration: none;}

.sidenav {font-family: Verdana, Arial, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #D59934;
line-height: 15px;
display: block;
width: 100%;
}

a.sidenav:link {color: #f0f0f0; text-decoration: none; font-size: 11px;}
a.sidenav:visited {color: #f0f0f0; text-decoration: none; font-size: 11px;}
a.sidenav:hover {color: #D59934; text-decoration: none; font-size: 11px;}

.sidenavsmall {font-family: Verdana, Arial, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
color: #D59934;
line-height: 15px;
display: block;
width: 100%;
}

a.sidenavsmall:link {color: #f0f0f0; text-decoration: none; font-size: 10px;}
a.sidenavsmall:visited {color: #f0f0f0; text-decoration: none; font-size: 10px;}
a.sidenavsmall:hover {color: #D59934; text-decoration: none; font-size: 10px;}

.maincontent {font-family: Verdana, Arial, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
line-height: 16px;
color: #fcfcfc;
}

a.maincontent:link {color: #D59934; text-decoration: none;}
a.maincontent:visited {color: #D59934; text-decoration: none;}
a.maincontent:hover {color: #D59934; text-decoration: underline;}


.quote {font-family: Verdana, Arial, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
line-height: 14px;
color: #f6f6f6;
}

a.quote:link {color: #DB8531; text-decoration: none;}
a.quote:visited {color: #DB8531; text-decoration: none;}
a.quote:hover {color: #F8B32D; text-decoration: none;}


.menulink {font-family: Verdana, Arial, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #bbbbbb;
line-height: 16px;
width: 100%;
}

a.menulink:link {color: #bbbbbb; text-decoration: none; font-size: 11px;}
a.menulink:visited {color: #bbbbbb; text-decoration: none; font-size: 11px;}
a.menulink:hover {color: #ffffff; text-decoration: none; font-size: 11px;}

.activetitle {font-family: Verdana, Arial, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #333333;
}

.footer {font-family: Verdana, Arial, sans-serif;
font-size: 9px;
font-style: normal;
font-weight: normal;
color: #aFaFaF;
}

a.footer:link {color: #AFAFAF; text-decoration: none;}
a.footer:visited {color: #AFAFAF; text-decoration: none;}
a.footer:hover {color: #AFAFAF; text-decoration: underline;}

.portfolio {font-family: Verdana, Arial, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
color: #ABABAB;
line-height: 12px;
display: block;
width: 100%;
}

a.portfolio:link {color: #ABABAB; text-decoration: none; font-size: 10px;}
a.portfolio:visited {color: #ABABAB; text-decoration: none; font-size: 10px;}
a.portfolio:hover {color: #ffffff; text-decoration: none; font-size: 10px;}

.thumbnail {font-family: Verdana, Arial, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
color: #8D8D8D;
line-height: 12px;
display: block;
width: 100%;
}

a.thumbnail:link {color: #8D8D8D; text-decoration: none; font-size: 10px;}
a.thumbnail:visited {color: #8D8D8D; text-decoration: none; font-size: 10px;}
a.thumbnail:hover {color: #ffffff; text-decoration: none; font-size: 10px;}

td.portlist {
background-color:#474747;
padding: 2px 30px 2px 4px;
}

td.portlist:hover {
background-color:#2B2B2B;
padding: 2px 30px 2px 4px;
}

td.portlistsmall {
background-color:#474747;
padding: 1px 30px 1px 4px;
}

td.portlistsmall:hover {
background-color:#2B2B2B;
padding: 1px 30px 1px 4px;
}

td.portactive {
background-color:#181818;
padding: 1px 30px 1px 4px;
}

td.portactivesmall {
background-color:#181818;
padding: 1px 30px 1px 4px;
}

.portpic{
border: 1px solid #888888;
width:100%;
max-width:79px;
height:auto;
margin-top:8px;
margin-right:11px;
}

.portpic:hover{
border: 1px solid #f0f0f0;
}

.mainpic {
width:100%;
max-width:600px;
height:auto;
margin-bottom:32px;
}

.projecttitle {font-family: Verdana, Arial, sans-serif;
font-size: 15px;
font-style: normal;
font-weight: normal;
color: #ffffff;
}

.concolumn {
    padding-bottom: 100%;
    margin-bottom: -100%;
}

#leftcolumn{
position:relative;
float:left;
width:33%;
height:100%;
background-color:#474747;
padding:8px 0 8px 0;
overflow-y:hidden;
}

#logo{
position:relative;
float:right;
margin-bottom:12px;
}

#logo img{
width:100%;
max-width:220px;
height:auto;
padding: 0 8px;
}

#navlinks{
clear:right;
position:relative;
float:right;
width:100%;
}

#centercolumn{
position:relative;
float:left;
width:618px;
height:100%;
background-color:#000000;
padding:8px;
overflow-y: hidden;
}

#rightcolumn{
position:relative;
float:left;
width:33%;
height:100%;
background-color:#514C48;
}

#intpgcontent{
width:100%;
max-width:550px;
margin:auto;
}

#bottomborders{
position:absolute;
left:0;
top:468px;
height:22px;
width:100%;
background-color:#514c48;
}

#lightband{
position:relative;
float:left;
height:22px;
width:33%;
background-color:#75706b;
}

#pgtitlemobile{
position:relative;
width:100%;
background-color:#75706b;
text-align:center;
padding:4px 16px;
display:none;
font-size:16px;
margin-top:16px;
margin-bottom:-16px;
letter-spacing:.5px;
}

#pgtitle{
position:relative;
float:left;
height:22px;
width:610px;
text-align:right;
padding-top:10px;
font-size:14px;
line-height:0;
letter-spacing:.5px;
}

#homequote{
padding:50px 30px 20px 30px;
line-height:17px;
}

#houzz{
clear:both;
position:relative;
float:right;
padding:50px 30px 0 0;
}

#instructions{
clear:both;
position:relative;
float:right;
padding:72px 20px 0 0;
}

#copyright{
clear:both;
position:absolute;
right:30px;
bottom:10px;
}

#mobilefooter{
background-color:#474747;
padding:12px;
text-align:center;
display:none;
}

#mobiletop{
position:relative;
padding:8px 10px;
background-color:#262626;
display:none;
overflow:auto;
z-index:999;
}

#mobiletopinfo{
position:relative;
margin:auto;
width:100%;
max-width:602px;
}

#menutoggle{
position:relative;
float:right;
cursor:pointer;
}

#topnavmobile{
position:absolute;
z-index:9999;
display:none;
width:100%;
left:0;
top:42px;
}

#mobilemenu{
margin:auto;
max-width:632px;
text-align:right;
background-color:#262626;
overflow:auto;
padding:8px 16px 16px 16px;
min-height:132px;
}

#mobilemenu a {
color:#ffffff;
line-height:28px;
font-size:16px;
}

#mobilemenu a:hover{
color:#d59934;
}

#portfolionav{
display:none;
position:relative;
}

#nextproject{
display:none;
text-align:center;
width:100%;
padding:12px 0;
}

#nextproject a{
display:block;
text-transform:uppercase;
}

a.nextprojlink:link {color:#ffffff; text-decoration: none; font-size: 14px;}
a.nextprojlink:visited {color:#ffffff; text-decoration: none; font-size: 14px;}
a.nextprojlink:hover {color:#d59934 !important; text-decoration: none; font-size: 14px;}

.portpics{
text-align:left;
}

/* for 940px or less */
@media screen and (max-width: 940px) {

.portpics{
text-align:center !important;
}

#nextproject{
display:block;
}

.mainpic {
margin-bottom:10px;
}

td.portlistmobile {
background-color:#262626;
padding: 0px;
}

td.portlistmobile:hover {
background-color:#474747;
padding: 0px;
}

td.portlistmobile a {
font-size:12px !important;
line-height:20px !important;
}

body{
background-color:#474747;
}

#mobiletop{
display:block;
}

#mobilefooter{
display:block;
}

#houzz{
display:none;
}

#instructions{
display:none;
}

#copyright {
display:none;
}

#homequote{
padding:20px 20px 40px 20px;
}

#bottomborders{
display:none;
}

#leftcolumn{
float:none;
width:100%;
overflow-y: auto;
height:auto;
padding-top:16px;
padding-bottom:16px;
}

#logo{
margin:auto;
float:none;
text-align:center;
}

#logo img{
max-width:280px;
}

#navlinks{
display:none;
}

#pgtitlemobile{
display:block;
}

#centercolumn{
float:none;
width:100%;
height:auto;
padding:12px;
}

#rightcolumn{
display:none;
}

#wrapper {
width:100%;
max-width:602px;
margin:auto;
color:#000000;
min-height:auto;
}

#slider-wrapper {
width:auto;
margin:auto;
}

#slider {
position:relative;
margin:auto !important;
overflow-y:hidden;
max-height:452px;
}

#slider  img {
display:none;
}

#intpgcontent{
margin-top:0 !important;
}

}

/* for 640px or less */
@media screen and (max-width: 640px) {

}

/* for 480px or less */
@media screen and (max-width: 480px) {

}