html, body, p, div, img, h1, h2, h3, h4, li, ul, ol, dl, dd, dt, form, table, td, tr {
margin: 0px;
padding: 0px;
border: 0px;
border-collapse: separate;
border-spacing: 0px; }
input, select {
margin: 0;
padding: 0; }
body {
background: #fff;
margin: 0px; padding:0;
}
.logo {
cursor: pointer; }
.clearboth {
clear: both; }
.projectViewport {
height: 536px;
width: 100%;
margin-top: 5px;
overflow: hidden;
position: relative;
cursor: grab;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
cursor: pointer; }
.projectPanel {
opacity: 0;
height: 536px;
width: 99999px;
position: relative;
overflow: hidden;
top: 0;
left: 0;
min-width: 100%;
min-height: 100%;
padding: 0 0 0 80px;
margin: 0; }
.titleBox {
width: 600px;
height: 216px;
padding: 20px;
background-color: #ff0000;
margin-bottom: 20px; }
.titleBox h1 {
margin: 60px 0px -11px 0px;
color: white;
font-family: "Tungsten-Medium", sans-serif;
font-size: 58px; }
.titleBox p {
margin: 0px;
color: white;
font-family: "Gotham-Book", sans-serif;
font-size: 20px;
width: 90%; }
.titleBox ul {
list-style-type: none;
margin-top: 35px;
float: left;
padding: 0px; }
.titleBox ul li {
cursor: pointer;
margin-right: 30px;
color: black;
float: left;
font-family: "Gotham-Medium", sans-serif;
font-size: 14px; }
.titleBox ul li:hover {
color: white; }
.homeBox {
width: 640px;
float: left;
margin-right: 20px; }
.thumbRow {
display: block;
height: 118px; }
.thumbRow .projectThumb:last-child {
margin: 0px; }
.thumbRow .projectThumb.last {
margin: 0px; }
.thumbColumn {
float: left;
height: 532px;
width: 200px;
margin-right: 20px; }
.thumbColumn .projectThumb:last-child {
margin: 0px; }
.projectThumb {
width: 200px;
height: 118px;
background-color: black;
float: left;
margin: 0px 20px 20px 0px;
overflow: hidden;
cursor: pointer; }
.projectPage, .adminWrapper .projectPage {
background-color: white;
width: 860px;
height: 530px;
float: left;
margin: 0px 20px; }
.projectPage a, .adminWrapper .projectPage a {
display: block;
float: left;
color: #0B95F4;
margin: 5px 30px 0px 20px;
font-family: "Gotham-Medium", sans-serif;
font-size: 12px;
text-decoration: none; }
.projectPage a:hover, .adminWrapper .projectPage a:hover {
color: black; }
.projectPage b, .adminWrapper .projectPage b {
font-family: "Gotham-Medium"; }
.projectPage .homepageLink, .adminWrapper .projectPage .homepageLink {
width: 280px;
height: 20px;
float: left; }
.projectPage .downloadLink a, .adminWrapper .projectPage .downloadLink a {
color: black;
margin: 0px 0px 0px 20px; }
.projectPage .downloadLink a:hover, .adminWrapper .projectPage .downloadLink a:hover {
color: #0b95f4; }
.projectPage .photoHeavy, .adminWrapper .projectPage .photoHeavy {
width: 860px;
height: 530px; }
.projectPage .photoHeavy .textContainer, .adminWrapper .projectPage .photoHeavy .textContainer {
width: 285px;
height: 530px;
float: right;
overflow: hidden; }
.projectPage .photoHeavy .textColumn, .adminWrapper .projectPage .photoHeavy .textColumn {
width: 285px;
height: 505px;
float: right;
overflow: hidden; }
.projectPage .photoHeavy .textColumn.showLinks, .adminWrapper .projectPage .photoHeavy .textColumn.showLinks {
height: 495px; }
.projectPage .photoHeavy .photoColumn, .adminWrapper .projectPage .photoHeavy .photoColumn {
width: 575px;
height: 530px;
float: left; }
.projectPage .textHeavy, .adminWrapper .projectPage .textHeavy {
width: 860px;
height: 530px; }
.projectPage .textHeavy .textContainer, .adminWrapper .projectPage .textHeavy .textContainer {
width: 583px;
height: 530px;
float: left;
overflow: hidden; }
.projectPage .textHeavy .textColumn, .adminWrapper .projectPage .textHeavy .textColumn {
width: 583px;
height: 505px;
float: left;
overflow: hidden; }
.projectPage .textHeavy .photoColumn, .adminWrapper .projectPage .textHeavy .photoColumn {
width: 277px;
height: 530px;
float: right; }
.projectPage .headerBox, .adminWrapper .projectPage .headerBox {
background-color: #0B95F4;
height: 40px;
padding: 10px 0 0 20px;
position: relative; }
.projectPage h1, .adminWrapper .projectPage h1 {
margin:0;
padding:0;
color: white;
font-family: "Tungsten-Medium", sans-serif;
font-size: 20px;
}
.projectPage p, .adminWrapper .projectPage p {
margin: 10px 20px;
color: black;
font-family: "Gotham-Book", sans-serif;
font-size: 12px;
line-height: 15px; }
.corporatePage, .adminWrapper .corporatePage {
background-color: white;
width: 860px;
height: 530px;
float: left;
margin: 0px 20px;
}
.corporatePage .headerBox, .adminWrapper .corporatePage .headerBox {
background-color: #0B95F4;
height: 30px;
padding: 10px 20px; width:820px }
.corporatePage h1, .adminWrapper .corporatePage h1 {
color: white;
font-family: "Tungsten-Medium", sans-serif;
font-size: 20px; }
.corporatePage h2, .adminWrapper .corporatePage h2 {
margin: 20px;
color: black;
font-family: "Gotham-Medium", sans-serif;
font-size: 18px; }
.corporatePage .headlineWrapper, .adminWrapper .corporatePage .headlineWrapper {
height: 50px;
line-height: 50px; }
.corporatePage .headlineWrapper a, .adminWrapper .corporatePage .headlineWrapper a {
margin: 0 0 0 5px;
display: inline;
text-align: center;}
.corporatePage .headlineWrapper a img, .adminWrapper .corporatePage .headlineWrapper a img {
height: 30px;
width: 30px;
margin-bottom: -8px; }
.corporatePage .headline, .adminWrapper .corporatePage .headline {
display: inline;
margin: 0px;
color: black;
font-family: "Gotham-Medium", sans-serif;
font-size: 18px; }
.corporatePage .headline a, .adminWrapper .corporatePage .headline a {
margin: 0 0 0 5px;
display: inline;
text-align: center; }
.corporatePage .headline a img, .adminWrapper .corporatePage .headline a img {
text-align: center;
height: 30px;
width: 30px; }
.corporatePage .headline.first, .adminWrapper .corporatePage .headline.first {
margin-left: 20px; }
.corporatePage .personHeader, .adminWrapper .corporatePage .personHeader {
margin: 10px 20px;
color: black;
font-family: "Gotham-Medium", sans-serif;
font-size: 14px; }
.corporatePage .content, .adminWrapper .corporatePage .content {
color: black;
font-family: "Gotham-Book", sans-serif;
font-size: 12px;
line-height: 15px;
-webkit-text-size-adjust: none; }
.corporatePage .content p, .adminWrapper .corporatePage .content p {
margin: 10px 20px; }
.corporatePage .content p a, .adminWrapper .corporatePage .content p a {
display: inline;
margin: 0px; }
.corporatePage .content p b, .adminWrapper .corporatePage .content p b {
font-family: "Gotham-Medium"; }
.corporatePage .content .adminWrapper .corporatePage .content {
margin-top: 20px; }
.corporatePage .content .feed.left, .adminWrapper .corporatePage .content .feed.left {
width: 389px;
border-right: 1px;
border-style: solid;
border-color: #CCC; }
.corporatePage .content .feed, .adminWrapper .corporatePage .content .feed {
padding: 10px 20px 0px 20px;
height: 390px;
width: 390px;
float: left;
overflow: hidden; }
.corporatePage .content .feed .post, .adminWrapper .corporatePage .content .feed .post {
margin-bottom: 20px; }
.corporatePage .content .feed .date, .adminWrapper .corporatePage .content .feed .date {
height: 15px;
color: #333; }
.corporatePage .content .feed .body, .adminWrapper .corporatePage .content .feed .body {
font-size: 12px;
margin-bottom: 2px;
line-height: 15px; }
.corporatePage .content .feed .body a, .adminWrapper .corporatePage .content .feed .body a {
font-size: 12px;
display: inline;
margin: 0px; }
.corporatePage .content .feed .body p, .adminWrapper .corporatePage .content .feed .body p {
margin: 0px; }
.corporatePage .content .feed .body .icon, .adminWrapper .corporatePage .content .feed .body .icon {
float: left;
margin-right: 10px; }
.corporatePage .content .feed .body .caption a, .adminWrapper .corporatePage .content .feed .body .caption a {
font-size: 11px; }
.corporatePage .content .feed .body.message, .adminWrapper .corporatePage .content .feed .body.message {
margin-bottom: 5px; }
.corporatePage .officeBoxes, .adminWrapper .corporatePage .officeBoxes {
width: 100%;
height: 300px; }
.corporatePage .officeBox, .adminWrapper .corporatePage .officeBox {
float: left;
width: 240px;
height: 80px;
margin: 30px 20px;
font-family: "Gotham-Book", sans-serif;
font-size: 12px;
line-height: 15px; }
.corporatePage .textColumn, .adminWrapper .corporatePage .textColumn {
width: 100%;
float: left;
height: 455px;
overflow: hidden; }
.corporatePage .personColumn, .adminWrapper .corporatePage .personColumn {
width: 430px;
float: left;
height: 455px;
overflow: hidden; }
.corporatePage a, .adminWrapper .corporatePage a {
display: block;
color: #0B95F4;
/*margin: 0px 30px 20px 20px;*/
font-family: "Gotham-Book", sans-serif;
font-size: 12px;
text-decoration: none; }
.shadow {
box-shadow: 2px 2px 3px #999; border:1px solid #ccc;
-webkit-box-shadow: 2px 2px 3px #999;
-moz-box-shadow: 2px 2px 3px #999;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#999999')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#999999'); }
/* Header */
.header {
height: 80px;
width: 100%;
max-width: 860px;
min-width: 600px;
margin:auto;
border-bottom:1px solid #ccc}
.header .logo {
margin-top: 5px;}
.header .nav {
list-style-type: none;
float: right;
}
.header ul.nav { margin:45px 160px 0 0;padding:0}
.header .nav li {
cursor: pointer;
font-family: "Gotham-Book", sans-serif;
font-size: 12px;
float: left;
padding:5px 20px 5px 10px;
/*&.active, */ }
.header .nav li:hover {
color: #0B95F4; }
.header .nav li.portfolio:hover {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000)"; }
.header .nav li.portfolio:hover > ul {
left: auto;
background: black;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000)"; }
.header .nav .portfolioNav, .header .nav .personNav {
list-style-type: none;
margin: 0px 0 0 -5px;
padding: 0px;
position: absolute;
left: -1000px;
z-index: 100; }
.header .nav .portfolioNav .navColumn, .header .nav .personNav .navColumn {
float: }
.still { background:url(images/dott.png) repeat; width:860px; height:400px; float:left; position:absolute; z-index:10;}
.header .nav .portfolioNav li, .header .nav .personNav li {
float: none;
white-space: nowrap;
height: 20px;
line-height: 20px;
display: block;
color: white;
padding: 0px 5px; }
.header .nav .portfolioNav li:hover, .header .nav .personNav li:hover {
color: #0B95F4; }
.header .nav .portfolioNav li.category, .header .nav .personNav li.category {
cursor: default;
font-family: "Gotham-Medium", sans-serif;
color: white;
margin-top: 20px; }
.nav {
list-style-type: none;
float: left;
}
.navinterior {
font-size:12px;
}
ul.nav { margin:0;padding:0}
.nav li {
cursor: pointer;
font-family: "Gotham-Book", sans-serif;
font-size: 14px;
float: left;
padding:0px;
}
.nav li img { margin-left:5px;}
/* Footer */
.footer {
width: 100%;
max-width: 860px;
min-width: 600px;
/*float: left;
padding-left: 80px;*/
margin: auto; }
.footer ul {
list-style-type: none;
float: left;
padding-top: 20px; }
.footer ul li {
cursor: pointer;
font-family: "Gotham-Book", sans-serif;
font-size: 11px;
float: left;
padding: 0px 15px 0px 0px; }
.footer ul li a {
text-decoration: none;
color: black; }
.footer ul li.active {
color: #0B95F4; }
.footer #privacyPolicy {
display: none; }
#privacyPolicy {
width: 500px;
height: 500px;
overflow-x: hidden; }
#privacyPolicy p {
margin: 10px 20px;
color: black;
font-family: "Gotham-Book", sans-serif;
font-size: 14px;
line-height: 14px; }
/*Admin Mode*/
.adminWrapper {
padding: 50px 0 50px 80px;
font-family: "Gotham-Book", sans-serif; }
.adminWrapper .left {
float: left;
margin-right: 50px;
min-height: 30px; }
.adminWrapper h1 {
font-family: "Tungsten-Medium", sans-serif;
font-size: 68px; }
.adminWrapper .newCategory {
margin-top: 20px; }
.adminWrapper .item {
margin-top: 5px; }
.adminWrapper .sampleThumbnail {
height: 150px; }
.adminWrapper .sampleProject {
margin: 0 0 20px -20px;
height: 600px; }
.adminWrapper .nav {
height: 50px; }
.adminWrapper .navLink {
margin-right: 100px;
float: left; }
.adminWrapper .projectListHeader {
height: 30px;
padding: 5px; }
.adminWrapper .projectListHeader .topBox {
float: left;
width: 55px;
margin-right: 5px;
line-height: 30px;
text-align: center; }
.adminWrapper .projectListHeader .projects {
float: left;
line-height: 30px; }
.adminWrapper .projectList, .adminWrapper .personList {
list-style-type: none; }
.adminWrapper .projectList .projectLink, .adminWrapper .personList .projectLink {
float: left;
width: 300px;
line-height: 30px; }
.adminWrapper .projectList .deleteButton, .adminWrapper .personList .deleteButton {
margin-top: 5px;
float: right; }
.adminWrapper .projectList .topBox, .adminWrapper .personList .topBox {
float: left;
width: 55px;
margin-right: 5px;
text-align: center;
line-height: 30px; }
.adminWrapper .projectList .updateBox, .adminWrapper .personList .updateBox {
float: left;
width: 55px;
height: 20px;
border-style: none solid solid solid;
border-width: 0 1px 1px 1px;
padding: 5px; }
.adminWrapper .projectList .project, .adminWrapper .personList .project {
background-color: #EEE;
width: 410px;
min-height: 30px;
border-style: solid solid solid solid;
border-width: 1px 1px 1px 1px;
padding: 5px;
margin-bottom: -1px; }
/*Developer Mode*/
.developerWrapper {
font-family: "Monaco", sans-serif;
font-size: 10px;
background-color: black;
color: gray;
padding: 50px 0 50px 80px;
margin-top: -50px; }
.developerWrapper h1 {
font-weight: normal;
font-size: 10px;
margin-top: 50px;
color: red; }
.developerWrapper .newCategory {
margin-top: 40px;
color: red; }
.developerWrapper .item {
margin-top: 30px; }
.developerWrapper {
margin-top: 10px; }
.developerWrapper p {
margin-top: 10px;
color: gray; }
.developerWrapper .white {
color: white; }
.developerWrapper .gray {
color: gray; }
/** IE Fixes **/
.ie6 .titleBox h1, .ie7 .titleBox h1, .ie8 .titleBox h1 {
font-size: 48px; }
.ie6 .adminWrapper.projectPage h1, .ie6 .projectPage h1, .ie7 .adminWrapper.projectPage h1, .ie7 .projectPage h1, .ie8 .adminWrapper.projectPage h1, .ie8 .projectPage h1 {
font-size: 20px;
bottom: 72px;
line-height: 1; }