body{
background-color:#333333;
background-image: url(images/BGgradient.png);
background-repeat: repeat-x;
font-family: "verdana", sans-serif;
font-size: 10px;
color: #fff;
text-align: center;
margin:0;
}

/*----PNG fix------*/

img, div { 
behavior: url(iepngfix.htc);
}

/*----firefox ick------*/
a:active, a:focus {
outline: none;
}

img{
border: none;
} 

#page{
position:relative;
width: 997px;
height:100%;
margin: 0px auto;
padding: 0 0 0 0;
text-align: left;
}

/*------------ headers --------------*/

#subHeader{
float:left;
width: 997px;
height:135px;
margin: 0 0 0 0;
padding: 0 0 0 0;
text-align: left;
background: transparent url(images/greyBGfull.png);
z-index:400;
}

.logo{
margin: 45px 0 0 53px;
padding: 0 0 0 0;
}

/*------------Drop down menu--------------*/

#nav2 {
z-index:1000;
float:right;
margin: -20px 0 0 0;
_margin:-21px 0 0 0;
padding:0 50px 0 0;
text-align: left;
color:#d5d6d6;
line-height: 1;
}

#nav2 ul { 
margin: 0;
padding: 0;
list-style: none;
line-height: 1;	
z-index:500;
}

#noLink{
margin: 0 0 0 0;
padding:0 65px 0 14px;
width:120px;
height:20px;
background-color:#333;
/*background: transparent url(images/NavSubGrey.png);*/
line-height:21px;
color:#d5d6d6;
text-decoration:none;
letter-spacing:2px;
}

#noLinkStudio{
margin: 0 0 0 0;
padding:0 76px 0 14px;
width:120px;
height:20px;
background-color:#333;
/*background: transparent url(images/NavSubGrey.png);*/
line-height:21px;
color:#d5d6d6;
text-decoration:none;
letter-spacing:2px;
}

#noLinkContact{
margin: 0 0 0 0;
padding:0 68px 0 14px;
width:120px;
height:20px;
background-color:#333;
/*background: transparent url(images/NavSubGrey.png);*/
line-height:21px;
color:#d5d6d6;
text-decoration:none;
letter-spacing:2px;
}


#nav2 a {
display:block;
margin: 0 0 0 0;
padding:0 0 0 14px;
width:120px;
height:20px;
background: transparent url(images/nav50grey.png);
line-height:21px;
color:#d5d6d6;
text-decoration:none;
letter-spacing:2px;
}

#nav2 li { /* all list items */
list-style: none;
margin: 0 5px 0 0;
float: left;
width:auto; /* width needed or else Opera goes nuts */
}

#nav2 li ul { /* second-level lists */
position: absolute;
height: auto;
width: 1px;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav2 li ul a {
width:190px;
w\idth: 190px;
}

#nav2 li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}

#nav2 li:hover, #nav2 li.sfhover {
/*background-color:#333;*/ /*so rollover on 'nolink' is the same, not the same as home page, which uses the transparent bg image that is commented out here.*/
background: transparent url(images/NavSubGrey.png);
}

/*------------Content--------------*/

#content{
float:left;
height: auto;
width: 897px;
margin: 0 0 0 0;
padding: 0 50px 0 50px;
background-color: #333;
text-align: left;
}

.addLink{
color: #14859c;
text-decoration: none;
}

.addLink:hover{
color: #fff;
text-decoration: none;
}

.addLinkCom{
color: #658e16;
text-decoration: none;
}

.addLinkCom:hover{
color: #fff;
text-decoration: none;
}

.addLinkExh{
color: #b2c013;
text-decoration: none;
}

.addLinkExh:hover{
color: #fff;
text-decoration: none;
}

#subNavRes{
float:left;
margin: 0 0 25px 0;
padding: 2px 0 8px 0;
width: 894px;
border-bottom:1px solid #14859c;
text-align: left;
font-size: 10px;
/*font-weight:bold;*/
}

#subNavRes ul li{
float:left;
list-style:none;
margin: 0 0 0 -20px;
padding: 0 0 0 0;
text-decoration: none;
letter-spacing:2px;
display:inline;
}

.subNavPadResON{ /*padding for residential */
margin: 0 120px 0 0;
color:#14859c;
text-decoration: none;
}

.subNavPadResON:hover{ /*makes res blue for res project page and link */
color:#14859c;
text-decoration: none;
}

.subNavPadResNOT{
margin: 0 120px 0 0;
text-decoration: none;
color:#fff;
}

.subNavPadResNOT:hover{
color:#14859c;
}

#subNavComm{
float:left;
margin: 0 0 25px 0;
padding: 2px 0 8px 0;
width: 894px;
border-bottom:1px solid #658e16;
text-align: left;
font-size: 10px;
/*font-weight:bold;*/
}

#subNavComm ul li{
float:left;
list-style:none;
margin: 0 0 0 -20px;
padding: 0 0 0 0;
text-decoration: none;
letter-spacing:2px;
display:inline;
}
.subNavPadComOFF{ /* commercial */
margin: 0 120px 0 0;
text-decoration: none;
color:#fff;
}

.subNavPadComOFF:hover{ /*makes commercial green */
color:#658E16;
}

.subNavPadComON{ /*makes commercial green */
margin: 0 120px 0 0;
text-decoration: none;
color:#658E16;
}

.subNavPadComON:hover{ /*makes commercial  */
color:#658E16;
}


#subNavComp{
float:left;
margin: 0 0 25px 0;
padding: 2px 0 8px 0;
width: 894px;
border-bottom:1px solid #a75f14;
text-align: left;
font-size: 10px;
/*font-weight:bold;*/
}

#subNavComp ul li{
float:left;
list-style:none;
margin: 0 0 0 -20px;
padding: 0 0 0 0;
text-decoration: none;
letter-spacing:2px;
display:inline;
}

.subNavPadCompOFF{ /* competition */
margin: 0 120px 0 0;
text-decoration: none;
color:#fff;
}

.subNavPadCompOFF:hover{ /*makes competition orange */
color:#a75f14;
}

.subNavPadCompON{ 
margin: 0 120px 0 0;
text-decoration: none;
color:#a75f14;
}

.subNavPadCompON:hover{ 
color:#a75f14;
}

#subNavExh{
float:left;
margin: 0 0 25px 0;
padding: 2px 0 8px 0;
width: 894px;
border-bottom:1px solid #b2c013;
text-align: left;
font-size: 10px;
/*font-weight:bold;*/
}

#subNavExh ul li{
float:left;
list-style:none;
margin: 0 0 0 -20px;
padding: 0 0 0 0;
text-decoration: none;
letter-spacing:2px;
display:inline;
}

.subNavPadExhOFF{ 
margin: 0 0 0 0;
text-decoration: none;
color:#fff;
}

.subNavPadExhOFF:hover{ 
color:#b2c013;
}

.subNavPadExhON{ 
margin: 0 0 0 0;
text-decoration: none;
color:#b2c013;
}

.subNavPadExhON:hover{ 
color:#b2c013;
}

#contentHeader h1{
font-size:1.6em;
color:#496fb6;
}


#MoreProjectsHeader{
float:left;
width:894px;
height:15px;
margin: -15px 0 5px 0;
padding: 0 20px 0 0;
letter-spacing:.2em;
text-align: right;
color: #fff;
}

.spacer{
height:551px;
}

/*------------individual project pages--------------*/

#projectHeader{
float:left;
width:894px;
height:15px;
margin: -14px 0 0 20px;
padding: 0 0 0 0;
letter-spacing:.2em;
text-align: left;
font-weight:bold;
color: #14859c;
}

#projectHeaderCom{
float:left;
width:894px;
height:15px;
margin: -14px 0 0 20px;
padding: 0 0 0 0;
letter-spacing:.2em;
text-align: left;
font-weight:bold;
color: #658E16;
}

#projectHeaderComp{
float:left;
width:894px;
height:15px;
margin: -14px 0 0 20px;
padding: 0 0 0 0;
letter-spacing:.2em;
text-align: left;
font-weight:bold;
color: #a75f14;
}

#projectHeaderExh{
float:left;
width:894px;
height:15px;
margin: -14px 0 0 20px;
padding: 0 0 0 0;
letter-spacing:.2em;
text-align: left;
font-weight:bold;
color: #b2c013;
}

#projectText{
float:left;
width:400px;
height:100%;
margin: 15px 0 0 20px;
padding: 0 0 0 0;
line-height:15px;
font-size:11px;
/*letter-spacing:.1em;*/
}

#projectDrawing{
float:right;
width:435px;
height:100%;
margin: 33px 0 20px 20px;
padding: 0 0 0 0;
}

img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto; 
    }
    
#projectImages{
float:left;
width:834px;
height:100%;
margin: 10px 0 0 20px;
padding: 0 0 0 0;
line-height:15px;
font-size:11px;

}

#projectImages img{
margin: 5px 0 0 1px;
padding: 0 0 0 0;
}

.bjorg{
color:#717171;
}

.bjorg a{
color:#858484;
text-decoration: none;
}

.bjorg a:hover{
color:#fff;
text-decoration: none;
}

/*-- footer --*/

#footer{
z-index:550;
float:left;
width: 894px;
height: 15px;
padding: 4px 0 10px 0;
margin: 25px 0 0 0;
color: #484848;
text-align:center;
letter-spacing:1px;
font-size: 9px;
border-top:1px solid #484848;
}