/* Global Resetting */
html{
width: 100%;
height: 100%;
/*background:#000;*/
}
body {
width: 100%;
height: 100%;
font-size: 62.5%;
background:#000;
/* reset font-sizes to 1em == 10px */
}
* {
font-size: 1em;
/* reset font-sizes to 1em == 10px */
padding: 0;
margin: 0;
font-family:Verdana,Helvetica,sans-serif;
list-style:none;
}
a img{
border:0;
outline:none;
}
a:hover{F
border:0;
outline:none;
}
a:active{
outline:none;
}
.clear{
clear:both;
}
#pageNav{
display:none;
text-align:right;
width:645px;
height:12px;
}
#pageNav h4{
letter-spacing:1px;
}
#navStruct{
height:95px;
width:643px;
}
.boxWide{
width:398px;
}
.boxNew{
width:389px;
}
.boxReplace{
font-size:12px;
letter-spacing:.5px;
line-height:14px;
margin-top:8px;
}
.boxWide .top{
width:400px;
height:10px;
background-image:url(../images/box_wide_top.png);
}
.boxWide .mid{
width:374px;
padding:5px 13px 0px;
background-image:url(../images/box_wide_mid.png);
}
.boxWide .mid p{
font-size:10px;
margin-top:4px;
line-height:20px;
font-weight:bold;
color:#fff;
}
.boxWide .btm{
width:400px;
height:29px;
background-image:url(../images/box_wide_btm.png);
}
/* */
.boxNew .top{
width:389px;
height:7px;
background-image:url(../images/box_new_top.png);
}
.boxNew .mid{
width:363px;
padding:5px 13px 10px;
background-image:url(../images/box_new_mid.png);
}
.boxNew .mid p{
font-size:10px;
margin-top:4px;
line-height:18px;
/*font-weight:bold;*/
color:#fff;
}
.boxNew .btm{
width:389px;
height:17px;
background-image:url(../images/box_new_btm.png);
}
.accoladesLeft{
float:left;
padding-left:30px;
padding-top:25px;
height:380px;
width:210px;
}
.award{
height:70px;
}
#accoladesRight{
float:left;
padding-left:35px;
padding-top:25px;
height:380px;
width:400px;
}
#contactLeft{
float:left;
padding-left:32px;
padding-top:32px;
height:380px;
width:479px;
}
#contactRight{
float:left;
padding-top:32px;
height:380px;
width:407px;
}
#contactRight .left{
float:left;
width:200px;
color:#EC4D24;
font-weight:bold;
line-height:1.5em;
letter-spacing:.3px;
}
#contactRight .right{
float:left;
color: #d1d3d4;
width:200px;
padding-top:2px;
letter-spacing:.1px;
}
/* new contact */
#contactLeftNew{
float:left;
padding-left:32px;
padding-top:32px;
height:384px;
width:686px;
background-color:#090807;
}
#contactRightNew{
float:left;
padding-top:27px;
height:389px;
width:200px;
background-color:#090807;
}
#contactRightNew .top,#contactRightNew .top a{
width:200px;
color:#EC4D24;
font-weight:bold;
line-height:1.5em;
letter-spacing:.3px;
text-decoration:none;
}
#contactRightNew .top{
height:143px;
}
#contactRightNew .bottom{
color: #d1d3d4;
width:200px;
padding-top:2px;
letter-spacing:.1px;
}
/* end new contact */
.oneFourth{
padding-left:35px;
padding-top:25px;
height:380px;
width:190px;
float:left;
}
#startConvo{
display:none;
}
#nav{
float:left;
width:643px;
height:114px;
}
#nav li{
display:inline;
}
#mainNav{
width:643px;
height:28px;
text-align:right;
padding-top:25px;
}
#home{
height: 578px;
width: 968px;
background-image:url(../images/ekd_home2.jpg);
}
#wrapper{
margin:0px auto 0px;
height: 578px;
width: 968px;
}
#subNav{
display:none;
background-color:#000;
/*width:410px;*/
width:325px;
height:19px;
/*margin-left:233px;*/
margin-left:318px;
text-align:left;
margin-right:25px;
}
#peopleContainer{
}
.full{
height:100%;
width:100%;
display:block;
}
#peopleContainer2{
display:none;
}
#subTheWork{
display:none;
}
#subProcess{
display:none;
}
#subResources{
display:none;
}
.articleHolder{
display:none;
color:#ffffff;
}
#articlesLeft{
float:left;
width:651px;
padding:25px 0px 0px 34px;
height:380px;
}
#articlesRight{
padding:25px 0px 0px 25px;
float:left;
width:208px;
height:380px;
}
.home{background-image:url(/assets/Uploads/home_images/1.jpg);}
.about,.Security,.mikal-otten,.dave-roecker,.anna-gustason,.lisa-otten,.jed-sebern,.marcus-otten,.about-ekd{background-image:url(../images/about.jpg);}
.services{background-image:url(../images/services.jpg);}
.work{background-image:url(../images/the_work_landing.jpg);}
.work-european{background-image:url(../images/the_work_european_1.jpg);}
.work-contemporary{background-image:url(../images/the_work_contemporary_1.jpg);}
.work-transitional{background-image:url(../images/the_work_transitional_1.jpg);}
.work-classic{background-image:url(../images/the_work_classic_1.jpg);}
.resources-partners,.process,.interior-designers,.builders,.architecture,.resources-articles,.resources-living-green{background-image:url(../images/process.jpg);}
.process-people,.people{background-image:url(../images/process.jpg);}
.process-accolades{background-image:url(../images/process.jpg);}
#maskDark{
background-image:url(../images/maskDark.png);width:918px;height:416px;
}
.resources{background-image:url(../images/the_work_transitional_8.jpg);}
.contact{background-image:url(../images/contact.jpg);}
#header{
background-image:url(../images/mask.png);
height:114px;
width:968px;
}
#logo{
height:84px;
padding-top:25px;
float:left;
width:120px;
padding-left:25px;
}
#startAconvo{
float:left;
padding-top:25px;
margin-left:5px;
width:149px;
height:84px;
}
#body{
height:416px;
width:968px;
}
.sideMask{
float:left;
width:25px;
background-image:url(../images/mask.png);
height:416px;
}
#content{
float:left;
width:918px;
height:416px;
}
#footer{
background-image:url(../images/mask.png);
height:50px;
width:968px;
}
#logoLabel{
height:40px;
padding-top:10px;
padding-left:22px;
width:946px;
}
/* Layout CSS */
#Main {
margin:20px auto;
width:900px;
}
#Header {
background:url(../images/blueback.gif) bottom left repeat-x;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
clear:left;
}
#Header h1 {
color:#fff;
font-size:1.5em;
line-height:4.5em;
padding-left:20px;
}
#Menu1 {
padding:10px 50px 0;
}
#Menu1 li {
float:left;
margin-left:2px;
background:url(../images/menu1_right.gif) no-repeat right top;
}
#Menu1 li.current,
#Menu1 li.section {
background:url(../images/menu1_right_on.gif) no-repeat right top;
}
#Menu1 li a {
display:block;
color:#fff;
font-weight:bold;
font-size:1.1em;
text-decoration:none;
padding:5px 15px;
background:url(../images/menu1_left.gif) no-repeat left top;
}
#Menu1 li a:hover {
color:#d2ebff;
}
#Menu1 li.current a,
#Menu1 li.section a {
background:url(../images/menu1_left_on.gif) no-repeat left top;
color:#d2ebff;
}
#ContentContainer {
background:#f5f5f5 url(../images/ss_watermark.gif) bottom left no-repeat;
padding-top:20px;
padding-bottom:20px;
overflow: auto;
}
#Banner {
text-align: center;
}
#Menu2 {
margin-left: 20px;
width: 17em;
float:left;
background:#f0f0f0;
border:1px solid #ddd;
padding:10px 10px 10px 10px;
}
#Menu2 li {
padding-left:15px;
background:url(../images/menu2_arrow.gif) no-repeat left center;
}
#Menu2 a {
color:#333;
font-weight:bold;
font-size:1.1em;
line-height:1.6em;
text-decoration:none;
}
#Menu2 a:hover {
text-decoration:underline;
}
#Menu2 li.current a,
#Menu2 li.section a {
color:#0083C8;
}
#Content {
float:left;
width:918px;
height:416px;
}
div.breadcrumbs {
margin-bottom:10px;
font-size:1em;
color:#666;
}
div.breadcrumbs a {
text-decoration:none;
}
#Footer {
background:#015581;
clear:both;
text-align:right;
padding-right:20px;
border:1px solid #ccc;
border-top:0;
}
#Footer span {
color:#ccc;
font-size:1.1em;
line-height:2em;
font-weight:bold;
padding-left:20px;
background:url(../images/ss_logo.gif) no-repeat;
}
#Footer a {
color:#fff;
}
#Footer a:hover {
text-decoration:none;
}
/* The rest of this file is for the second tutorial */
#NewsList,
#StaffList {
background:#f0f0f0;
border:1px dotted #ccc;
padding:10px;
}
#NewsList li,
#StaffList li {
margin: 0;
list-style-type: none;
}
#NewsList li.newsDateTitle span {
color:#666;
line-height:2em;
}
#NewsList li.newsDateTitle a {
font-size:1.3em;
font-weight:bold;
color:#0083C8;
text-decoration:none;
padding-left:20px;
background:url(../images/treeicons/news-file.gif) no-repeat left center;
}
#NewsList li.newsDateTitle a:hover {
border-bottom:1px dotted #0083C8;
}
#NewsList li.newsSummary {
margin-bottom:20px;
}
#NewsList li.newsSummary span {
font-size:1.1em;
line-height:1.5em;
color:#333;
}
#NewsList li.newsSummary a.readMoreLink {
color:#0083C8;
text-decoration:none;
}
#NewsList li.newsSummary a.readMoreLink:hover {
border-bottom:1px dotted #0083C8;
}
div.newsDetails {
margin-bottom:10px;
}
div.newsDetails p {
color:#666;
margin:0;
font-size:1em;
}
div.pageComments {
background:#f0f0f0;
border:1px dotted #ccc;
padding:10px;
}
#StaffList .staffname {
clear: both;
padding-left: 60px;
height: 1.2em;
}
#StaffList .staffphoto {
float: left;
margin-left: 3px;
margin-top: -1.2em;
}
#StaffList .staffphoto img {
border:1px solid #AAA;
}
#StaffList .staffdescription {
margin-left: 60px;
margin-bottom:30px;
}
#StaffPhoto {
float: left;
margin-right: 10px;
}
#StaffPhoto img {
border:1px solid #AAA;
}
#PageComments {
list-style:none;
background:#e9e9e9;
border:1px solid #ccc;
border-bottom:0;
padding:0;
margin:0;
}
#PageComments li {
list-style:none;
padding:5px;
margin:0;
font-size:1em;
border-bottom:1px dotted #bbb;
}
#PageComments li p span {
font-style:italic;
}
#PageComments a.deletelink {
font-weight:bold;
}
#PageNumbers {
font-weight:bold;
color:#333;
font-size:1.1em;
text-align:center;
padding:5px;
border:1px solid #ddd;
background:#e9e9e9;
}
#PageNumbers * {
padding:0 5px;
line-height:1.5em;
}
#PageNumbers a {
color:#0083C8;
text-decoration:none;
}
#PageNumbers a:hover {
text-decoration:underline;
}
/* */
#staffHolder{
width:882px;
padding-top:34px;
padding-left:32px;
height:321px;
}
#staffLeft{
width:230px;
height:321px;
float:left;
}
#staffMid{
width:460px;
padding-top:55px;
height:321px;
float:left;
color:white;
}
#staffMid a{
color: #EC4D24;
text-decoration:none;
}
#staffRight{
width:165px;
height:321px;
float:left;
}
#staffName{
height:25px;
}
#staffTitle {
height:35px;
}
h6{
font-size:15px;
line-height:15px;
height:22px;
}
#h7{
font-size:12px;
line-height:12px;
height:10px;
color:#EC4D24;
}
#h8{
font-size:11px;
line-height:11px;
height:9px;
font-style: italic;
color:#EC4D24;
}
#h9{
font-size:11px;
line-height:11px;
height:9px;
color:#EC4D24;
font-style: italic;
}
#staffPhoto{
height:295px;
}
.sIFR-replaced
{
color:#EC4D24;
}
/**/
#logoLabel a#blog {
background: url(../images/home_social.png) 0 0 no-repeat;
display: block;
width: 30px;
height: 30px;
float: right;}
#logoLabel a:hover#blog {background-position: 0px -32px;}
#logoLabel a#book {
background: url(../images/home_social.png) -30px 0 no-repeat;
display: block;
width: 30px;
height: 30px;
float: right;}
#logoLabel a:hover#book {background-position: -30px -32px;}
#logoLabel a#twit {
background: url(../images/home_social.png) -60px 0 no-repeat;
display: block;
width: 30px;
height: 30px;
padding-right: 24px;
float: right;}
#logoLabel a:hover#twit {background-position: -60px -32px;}