@media screen
{
.Body {
    color: #333333;
background-color: rgb(232, 233, 235);
background-image: url('headbkgd.png');
background-repeat: repeat-x;
    font-family: 'Helvetica Neue','Helvetica Neue Light','Arial','sans-serif';
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    letter-spacing: 0;
    line-height: 20px;
    margin-bottom: 0px;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 10px;
    opacity: 1.00;
    padding-bottom: 0px;
    padding-top: 0px;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
    overflow: scroll;
}

p.subtitle {
/* .subtitle is used for subtitles within page content */
position: absolute; 
top: 27px; 
left: 40px; 
font-family: Times New Roman,Times,serif; 
text-decoration: none; 
color: #695066; 
font-size: 15px; 
line-height: 1.2em; 
font-style: italic; 
text-align: left;
letter-spacing: 1px
}
a {
color: #333333;
    text-decoration: underline;
}
a:visited {
    color: #333333;
}
a:hover {
    color: #cc3300;
}
a.self {
/* self is used for navbar items that link to the page viewed */
font-weight: bold;
color: rgb(0, 0, 0);
}

.footer {
margin: 0px;
 padding-bottom: 0pt;
 padding-top: 0pt;
 text-align: left;
 color: #666666;
 font-family: 'HelveticaNeue-Light','Helvetica Neue','Helvetica Neue Light','Arial','sans-serif';
 font-size: 13px;
 font-style: normal;
 font-weight: normal;
 letter-spacing: 0pt;
 line-height: 19px;
}
.dark {
font-weight: bold;
color: #000000;
}

}
@media print
{
.Body {
    color: #333333;
background-color: rgb(255, 255, 255);
background-image: url('headbkgd.png');
background-repeat: repeat-x;
    font-family: 'Helvetica Neue','Helvetica Neue Light','Arial','sans-serif';
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    letter-spacing: 0;
    line-height: 20px;
    margin-bottom: 0px;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 10px;
    opacity: 1.00;
    padding-bottom: 0px;
    padding-top: 0px;
    text-align: left;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
    overflow: scroll;
}

p.subtitle {
/* .subtitle is used for subtitles within page content */
position: absolute; 
top: 27px; 
left: 40px; 
font-family: Times New Roman,Times,serif; 
text-decoration: none; 
color: #333333; 
font-size: 15px; 
line-height: 1.2em; 
font-style: italic; 
text-align: left;
letter-spacing: 1px
}
.dark {
font-weight: bold;
color: rgb(0, 0, 0);
}
a {
color: #333333;
    text-decoration: underline;
}
a:visited {
    color: #333333;
}
a:hover {
    color: #cc3300;
}
/* a.portnav {color: #000000; text-decoration:none; font-weight: bold;}
a.portnav:hover {color: #000000; text-decoration:none; font-weight: bold;}
a.portnav:visited {color: #000000; text-decoration:none; font-weight: bold;}
a.portnav:active {color: #000000; text-decoration:none; font-weight: bold;}
 a.dark:hover {color: #cc3300;}
a.dark:visited {color: rgb(51, 51, 51);} */

.footer {
margin: 0px;
 padding-bottom: 0pt;
 padding-top: 0pt;
 text-align: left;
 color: #666666;
 font-family: 'HelveticaNeue-Light','Helvetica Neue','Helvetica Neue Light','Arial','sans-serif';
 font-size: 13px;
 font-style: normal;
 font-weight: normal;
 letter-spacing: 0pt;
 line-height: 19px;
}
}
@media screen,print
{
h1
{
font-family: 'Helvetica Neue','Helvetica Neue Light','Arial','sans-serif';
font-weight: bold;
    font-size: 27px;
    font-style: normal;
    letter-spacing: 2px;
    line-height: 30px;
}
h1.pagetitle
{
font-family: 'Helvetica Neue','Helvetica Neue Light','Arial','sans-serif';
font-weight: bold;
    font-size: 22px;
    font-style: normal;
    letter-spacing: 1px;
    line-height: 25px;
color: #cc3300;
position: absolute; 
left: 20px; 
top: 50px; 
}

h2.phone
{
text-align: center; 
font-size: 21px;
font-weight: bold;
letter-spacing: 2px;
color: #cc3300;
position: absolute; 
width: 196px; 
left: 502px; 
top: 50px;
}
ul.orange 
{
float: left;
padding: 0;
margin: 0;
list-style-type: none;
list-style: outside url('http://www.cc-architects.com/CommonAssets/BulletOrange.png');
line-height: 16px; 
}
ul.green 
{
float: left;
padding: 0;
margin: 0;
list-style-type: none;
list-style: outside url('http://www.cc-architects.com/CommonAssets/BulletGreen.png');
line-height: 16px; 
}
ul.content {
position: relative;
left: 20px;
padding: 0;
margin: 0;
list-style-type: disc;
}
ul.head {
/* ul is used to create top navbar */
float: left;
width: 720px;
padding: 0;
margin: 0;
list-style-type: none;
position: absolute; 
width: 485px; 
top: 58px; 
left: 3px; 
}
ul.portnavbar {
/* ul is used to create portfolio navbar */
float: left;
width: 460px;
padding: 0.6em 0.3em; 
position: absolute; 
left: 12px; 
top: 35px; 
font-size: 11px;
text-decoration: none; 
letter-spacing: 1px;
list-style-type: none;
}
ul.noindent {
float: left;
padding: 0;
margin: 0;
}
a.portnav {color: #333333; text-decoration:none;}
a.portnav:hover {color: #000000; text-decoration: underline;}

a.navbar {
/* .navbar is used to create navbar as ul element */
float: left;
text-decoration: none;
padding: 0.7em 0.4em;
font-family: 'HelveticaNeue-Bold', 'Helvetica Neue', 'Arial', 'sans-serif';
font-size: 14px;
letter-spacing: 2px;
}
a.submenu {
/* .submenu is used to create submenu */
float: left;
text-decoration: none;
padding: 0.5em 0.5em;
font-family: 'HelveticaNeue-Light','Helvetica Neue','Helvetica Neue Light','Arial','sans-serif';
font-size: 18px;
letter-spacing: 1px
}
li.nav {
display: inline
}
.enlarge {
font-size-adjust: 0.7;
}
.emphasize {
font-weight: bolder;
font-size-adjust: 0.6;
}
.notul {
/* notul is used to suppress underlines in links */
    text-decoration: none; 
    font-weight: bold;
}

div {
    overflow: visible;
}
img {
    border: none;
}
img.portfolio {
    border: 2px solid #999999;
}
img.portbkgd {
    border: 2px solid #999999;
position: absolute;
top: -20px;
}

img.service {
    border: none;
position: relative;
left: -20px;
}
img.banner {
width: 700px; 
height: 60px; 
position: absolute; 
left: 0px; 
top: 0px; 
}
img.reflect {
width: 700px; 
height: 906px; 
position: absolute; 
left: 0px; 
top: 1px; 
}
img.background {
width: 700px; 
height: 727px; 
position: absolute; 
left: 0px; 
top: 52px; 
}
img.greybar {
width: 13px; 
height: 896px; 
position: absolute; 
left: 485px; 
top: 22px; 
}

table.logos {
position: absolute; 
left: 501px; 
top: 74px; 
width: 195px; 
text-align: center;
}
p.email {
text-align: center; 
position: absolute; 
width: 196px; 
left: 502px; 
top: 80px;
color: #333333;
font-size: 11px;
}
p.describe {font-family: Times New Roman,Times,serif; text-decoration: none; color: #FFFFFF; font-size: 14px; line-height: 1.2em;  letter-spacing: 1px;}

a.portlink:link {font-family: Times New Roman,Times,serif; text-decoration: none; color: #FFFFFF; font-size: 14px; line-height: 1.2em;  letter-spacing: 1px;}
a.portlink:hover {color: #cc3300; text-decoration:none;}
a.portlink:visited {font-family: Times New Roman,Times,serif; text-decoration: none; color: #FFFFFF; font-size: 14px; line-height: 1.2em;  letter-spacing: 1px;}
a.portlink:active {color: #cc3300; text-decoration:none;}


p.quote {font-family: Times New Roman,Times,serif; text-decoration: none; color: #cc3300; font-size: 17px; line-height: 1.2em; font-style: italic; text-align: left;}

p.topic {font-family: Helvetica,Arial,sans-serif; font-weight: bold; text-decoration: none; color: #FFFFFF; font-size: 21px; line-height: 1.1em; letter-spacing: 1px;}

p.indexquote {font-family: Times New Roman,Times,serif; text-decoration: none; font-size: 14px; line-height: 1.7em; font-style: italic; letter-spacing: 1px;}




div.energyeff {
position: absolute;
left: 510px;
top: 494px;
z-index: 3;
float: left;
width: 213px;
height: 80px;
margin: 0 0 0 0;
background:url("TopicNav.png") -1px -165px no-repeat;
line-height: 15px;
font-weight: normal;
font-size: 14px;
font-family: 'HelveticaNeue-Light','Helvetica Neue','Helvetica Neue Light','Arial','sans-serif';
}

div.energyeff a {
background:url("TopicNav.png") -216px -165px no-repeat;
width: 100%;
height: 100%x;
overflow: hidden;
margin: 0;
padding: 0;
display: block;
color: #000000;
text-decoration: none;
}

div.energyeff a:hover { 
background:url("TopicNav.png") -1px -165px no-repeat;
 }


div.greenbldg {
position: absolute;
left: 510px;
top: 652px;
z-index: 3;
float: left;
width: 213px;
height: 80px;
margin: 0 0 0 0;
background:url("TopicNav.png") -1px -247px no-repeat;
line-height: 15px;
font-weight: normal;
font-size: 14px;
font-family: 'HelveticaNeue-Light','Helvetica Neue','Helvetica Neue Light','Arial','sans-serif';
}

div.greenbldg a {
background:url("TopicNav.png") -216px -247px no-repeat;
width: 100%;
height: 100%x;
overflow: hidden;
margin: 0;
padding: 0;
display: block;
color: #000000;
text-decoration: none;
}

div.greenbldg a:hover { 
background:url("TopicNav.png") -1px -247px no-repeat;
 }

div.leanconst {
position: absolute;
left: 510px;
top: 336px;
z-index: 3;
float: left;
width: 213px;
height: 80px;
margin: 0 0 0 0;
background:url("TopicNav.png") -1px -83px no-repeat;
line-height: 15px;
font-weight: normal;
font-size: 14px;
font-family: 'HelveticaNeue-Light','Helvetica Neue','Helvetica Neue Light','Arial','sans-serif';
}

div.leanconst a {
background:url("TopicNav.png") -216px -83px no-repeat;
width: 100%;
height: 100%x;
overflow: hidden;
margin: 0;
padding: 0;
display: block;
color: #000000;
text-decoration: none;
}

div.leanconst a:hover { 
background:url("TopicNav.png") -1px -83px no-repeat;
 }

div.desprocess {
position: absolute;
left: 510px;
top: 178px;
z-index: 3;
float: left;
width: 213px;
height: 80px;
margin: 0 0 0 0;
background:url("TopicNav.png") -1px -1px no-repeat;
line-height: 15px;
font-weight: normal;
font-size: 14px;
font-family: 'HelveticaNeue-Light','Helvetica Neue','Helvetica Neue Light','Arial','sans-serif';
}

div.desprocess a {
background:url("TopicNav.png") -216px -1px no-repeat;
width: 100%;
height: 100%x;
overflow: hidden;
margin: 0;
padding: 0;
display: block;
color: #000000;
text-decoration: none;
}

div.desprocess a:hover { 
background:url("TopicNav.png") -1px -1px no-repeat;
 }

div.linkCOM {
position: absolute;
left: 5px;
top: 56px;
z-index: 3;
float: left;
width: 115px;
height: 75px;
margin: 0 0 0 0;
background:url("PortNav.png") -2px -1px no-repeat;
line-height: 15px;
font-weight: normal;
font-size: 14px;
font-family: 'HelveticaNeue-Light','Helvetica Neue','Helvetica Neue Light','Arial','sans-serif';
}

div.linkCOM a {
background:url("PortNav.png") -121px -1px no-repeat;
width: 100%;
height: 100%x;
overflow: hidden;
margin: 0;
padding: 0;
display: block;
color: #000000;
text-decoration: none;
}

div.linkCOM a:hover { 
background:url("PortNav.png") -2px -1px no-repeat;
 }

div.linkREL {
position: absolute;
left: 125px;
top: 56px;
z-index: 3;
float: left;
width: 115px;
height: 75px;
margin: 0 0 0 0;
background:url("PortNav.png") -2px -77px no-repeat;
line-height: 15px;
font-weight: normal;
font-size: 14px;
font-family: 'HelveticaNeue-Light','Helvetica Neue','Helvetica Neue Light','Arial','sans-serif';
}

div.linkREL a {
background:url("PortNav.png") -121px -77px no-repeat;
width: 100%;
height: 100%x;
overflow: hidden;
margin: 0;
padding: 0;
display: block;
color: #000000;
text-decoration: none;
}

div.linkREL a:hover { 
background:url("PortNav.png") -2px -77px no-repeat;
 }

div.linkRSF {
position: absolute;
left: 245px;
top: 56px;
z-index: 3;
float: left;
width: 115px;
height: 75px;
margin: 0 0 0 0;
background:url("PortNav.png") -2px -154px no-repeat;
line-height: 15px;
font-weight: normal;
font-size: 14px;
font-family: 'HelveticaNeue-Light','Helvetica Neue','Helvetica Neue Light','Arial','sans-serif';
}

div.linkRSF a {
background:url("PortNav.png") -121px -154px no-repeat;
width: 100%;
height: 100%x;
overflow: hidden;
margin: 0;
padding: 0;
display: block;
color: #000000;
text-decoration: none;
}

div.linkRSF a:hover { 
background:url("PortNav.png") -2px -154px no-repeat;
 }

div.linkSDC {
position: absolute;
left: 365px;
top: 56px;
z-index: 3;
float: left;
width: 115px;
height: 75px;
margin: 0 0 0 0;
background:url("PortNav.png") -2px -231px no-repeat;
line-height: 15px;
font-weight: normal;
font-size: 14px;
font-family: 'HelveticaNeue-Light','Helvetica Neue','Helvetica Neue Light','Arial','sans-serif';
}

div.linkSDC a {
background:url("PortNav.png") -121px -231px no-repeat;
width: 100%;
height: 100%x;
overflow: hidden;
margin: 0;
padding: 0;
display: block;
color: #000000;
text-decoration: none;
}

div.linkSDC a:hover { 
background:url("PortNav.png") -2px -231px no-repeat;
 }


}