html{     background-repeat: no-repeat;     background-image: url(http://www.o2creativesolutions.com/v4/imagesX/html_background.png);     background-color: #f2f3f3; } body{     margin: 0px;     color: #747d7f;     font-size: 12px;     font-style: normal;     font-weight: normal;     font-family: "Gotham", Helvetica, Arial, Verdana, sans-serif;        line-height: 1.45em; } .iphone.webkit body{     background-repeat: no-repeat;     background-image: url(http://www.o2creativesolutions.com/v4/imagesX/html_background_iphone.png); } #footer {     position: fixed;     bottom: 0px;     z-index: 2001;     height: 32px;     width: 100%;     background-image: url(../imagesX/footer_Background.gif);     background-repeat: repeat-x; } .iphone.webkit #footer {     position: relative; } /*  ____________________________________Common Section */ img {     border-style: none; } span {     margin: 0px; } a {     outline: none;     color: #444e50;     text-decoration: none; } a:hover {     color: #cf0703;  } .hBreak {     border-color: #B9BEBF;     border-style: solid;     border-right-width: 0px;     border-left-width: 0px;     border-bottom-width: 0px;     border-top-width: 1px;     height: 1px; } /*  ____________________________________Layout Section */ /* .site {     height: 100%;     width: 1024px;     margin: auto; } */ /* .leftSide {     width: 192px;     position: absolute;     z-index: 500; } */ .navigation { } .content {     float: left; } .contentPane {     float: left; } .qvContentPane {     background-color: #FFFFFF;     position: relative;     margin-bottom: 16px;     width: 734px;     left: 240px;     float: left;     clear: both; } /* .footerLeft {     text-align: center;     width: 224px;     float: left; } */ .footerNavBox {     width: 734px;     float: left; } .footerNav {     position: relative;     clear: none; } .footerNavLeft {     position: relative;     float: left;     width: 24px;     height: 32px; } .footerNavCenter {     background-repeat: no-repeat;     background-image: url(http://www.o2creativesolutions.com/v4/imagesX/footer_PagingBackground.gif);     position: relative;     float: left;     text-align: right;     width: 76px;     height: 32px; } .footerNavRight {     position: relative;     float: left;     width: 24px;     height: 32px; } .footerNavPager{     position: relative;     top: 8px; } .browseFilterPanel {     position: relative;     left: 24px;     top: 16px;     display: none; } .browseFilterTitle {     margin- } .browseFilter {     font-size: 14px;     margin-] } .browseFilterType {     position: relative;     top: 4px;     left: 4px; } /*  ____________________________________Project QuickView Section */ .projectRED {     margin-left: 2px;     position: relative;     top: 1px; } .qvPaneLeft{     width: 2px;     float: left; } .qvPaneCenter {     width: 730px;     float: left;     background-color: #FFFFFF; } .qvPaneRight {     width: 2px;     float: left; } .projectQuickviewHeader {     color: white;     height: 48px; } .projectQuickviewClient {     color: #747d7f;     text-align: right;     font-style: normal;     font-weight: normal;     font-size: 1em;     right: 16px;     bottom: 2px;     top: 20px;     position: relative;     float: right; } .projectQuickviewImages {     height: 128px;     min-height: 128px; } .projectQuickviewFooter {     height: 48px;     width: 736px; } .projectQuickviewData {     position: relative;     color: white;     top: 2px;     left: 16px;     width: 464px;        float: left; } .projectQuickviewImageNav {     position: relative;     text-align: right;     left: 184px;     height: 16px;     width: 72px;     float: left; } .imageNavButton {     margin: 0px;     padding: 0px;     display: inline; } /*  ____________________________________Project Image Formatting */ .thumbnailImage {     margin-left: 16px;     overflow: hidden;     float: left;     line-height: 0em;     border-width: 1px;     border-style: solid;     border-color: #bbc4c6; } .thumbnailImage img {     margin: -1px } .thumbnailImage:hover {     border-width: 1px;     border-style: solid;     border-color: #555859; } .thumbnailImage:hover img {     margin: -1px; } /*  ____________________________________Project Page Formatting */ #projectPoster {     margin-bottom: 16px; } .posterYes {     display:block } .posterNo {     display:none } #projectID{ } .projectTitle {     font-size: 12px;     color: #b9bebf;     top: 16px;     left: 16px;     position: relative;      float: left;     width: 480px;     height: 24px; } .mainTitleLink {     height: 24px; } /* .sideLink {     position: relative;     bottom: 8px;     left: 8px;     font-size: 0.9em;     z-index: 3; } */ .projectInfo {     position: relative;     left: 16px;     margin-bottom: 16px;      margin-top: 8px;     width: 702px;     float: left; } .projectDescription {     margin-bottom: 16px;     margin-right: 16px;     color: #444e50;     position: relative;     width: 464px;     float: left; } .projectData {     color: white;     position: relative;     top: 0px;     width: 222px;     font-size: .9em;     float: right; } .projectData a{     color: #444e50; } .projectData a:hover{     color: #cf0703; } .projectDataStandard {     margin-left: 8px; } .projectDataTitle {     font-size: 11px;     color: #535353;     font-weight: bold;     text-transform: uppercase;     margin-right: 4px; } .projectLink {     color: #B9BEBF; } .projectLink a{     font-weight: normal;     text-transform: none;     margin-left: 4px; } .projectLink a:hover{ } .projectDataItem{     color: #444e50;     margin-bottom: 8px;      } .projectMediaTitle {     margin-left: 16px;     float: left;     height: 24px; } .projectThumbnailImageRow {     height: 128px;     margin-bottom: 16px;     float: left;     width: 734px;     background: none; } #imageSpans {     float: left; } .projectBreak {     width: 704px;     float: left;     margin-left: 16px;     margin-bottom: 16px; } /*  ____________________________________About Section */ .aboutContent {      float: left; } .aboutPageLeft {     position: relative;     float: left;     width: 464px;     left: 16px;     top: 16px; } .aboutPageRight {     position: relative;     float: left;     top: 16px;     left: 32px;     width: 224px;     font-size: .9em; } .aboutPageSection{     margin-bottom: 32px; } .aboutLink {     color: #B9BEBF; } .aboutPageSectionLink {     color: #22272A; } .aboutPageSectionLink a{     color: #444e50;     text-transform: none;     margin-left: 4px; } .aboutPageSectionLink a:hover{     color: #cf0703; } .aboutPageSectionContent{     color: #444e50;     padding-right: 16px;     margin-bottom: 8px; } .aboutPageSectionTitle {     color: #b9bebf; } .aboutPageSectionRED {     width: 32px;     height: 12px;     position: relative;     top: 6px;     float: right; } .aboutPageSubSection {     margin-bottom: 16px; } .aboutPageSubSectionTitle {     color: #000000;     font-weight: bold;     text-transform: uppercase;     padding-bottom: 2px;     line-height: 1.35em; } .aboutPageSubSectionContent{     color: #22272A;     padding-right: 16px;     margin-left: 8px;     margin-bottom: 8px;     line-height: 1.35em; } .aboutBreak {     margin-bottom: 16px;     width: 432; } /* ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||  Footer Menu System  */ #footerSystemPager {     display: block;     width: 124px;     height: 32px;     margin: auto; } #footerSystemSocial {     display: block; } #pageNavPositionImage {     position: relative;     top: 3px;     right: 12px; } /* ||||||||||||||||||||||||  Social System  */ .socialGroup {     width: 734px;     position: relative;     top: 0px;     text-align: right; } #socialTitle {     position: relative;     width: 156px;     height: 32px;     margin-left: 386px;     float: left; } #socialIcons { } .socialButton{     margin-left: 4px;     margin-right: 4px;     margin-top: 10px;     width: 16px;     height: 16px;     float: left;     opacity: .5; } .socialButton:hover{     opacity: 1; } #socialEmail { } #socialBookmark{ } #socialDigg { } #socialFacebook{ } #socialDelicious { } #socialTwitter { } #socialReddit { } #socialStumble { } #socialCap{     width: 16px; } .ellipsisOverflow {     overflow: hidden;      text-overflow: ellipsis;     -o-text-overflow: ellipsis;     white-space: nowrap; } /*  ____________________________________New Stuff */ #container {     width: 958px;     margin: auto;     overflow: hidden; } #headerBlock{     width: 958px;     height: 367px; } #navigationBlock{     width: 224px;     height: 367px;     float: left; } .navigationLogo {     width: 224px;     height: 226px; } .navigationButton {     width: 224px;     height: 47px; }                        #posterBlock{     background-color: #e2e3e3;     width: 734px;     height: 367px;       float: left;          -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;     -moz-box-shadow: rgba(0,0,0,.1) 0px 0px 8px; } #pagePosterImage {     margin: 0px;     padding: 0px;     width: 734px;     height: 367px;   } /* Poster Image Navigation Overlays */ #optionsBlockOverlay{     background-repeat: repeat-x;     background-image: url(http://www.o2creativesolutions.com/v4/imagesX/poster_Options_Background.png);     height: 0px;     width: 734px;     position: absolute;     top: 320px;     z-index: 1000;     opacity: .9; } #optionsBlockOverlay.search {     height: 47px;     top: 320px; } #optionsBlockOverlay.browse {     height: 141px;     top: 226px; } #browseOptionsBlock{     height: 141px;     width: 734px;     position: absolute;     top: 226px;     z-index: 1001; } #browseOptions {     padding: 16px; } .browseOptionItem {     float: left;     margin-right: 16px;     width: 124px; } .imageCheck {     margin-right: 10px;     position: relative;     top: -7px; } .browseOptionsTopRow {     height: 30px;     border-right-width: 0px;     border-left-width: 0px;     border-top-width: 0px;     border-color: #5a5d5e;     border-style: solid;     border-bottom-width: 1px;     color: white; } .browseOptionsSubmit {     width: 75px;     float: right; } .browseOptionsRow {     padding-top: 12px;     height: 31px;     color: white; } #searchOptionsBlock{     height: 47px;     width: 734px;     position: absolute;     top: 320px;     z-index: 1001; } #searchOptions {     padding: 12px;     height: 47px; } #searchOptionsLeft {     float: left;     color: white;     position: relative;     top: 4px;    } #searchOptionsRight {     float: right;     width: 256px; } .searchField {     color: #E1E1E1;     text-transform: uppercase;     position: relative;     height: 22px;     padding-left: 16px;     text-align: right; } input {     padding-left: 4px;     padding-bottom: 0px;     padding-right: 4px;     padding-top: 0px;     color: #747d7f;     background-color: #FFFFFF;     outline: none;     border: none;     height: 22px;     margin: 0px;          position: relative;     top: -7px;      } /* Browser Specific Input Field Adjustments */ .mac.gecko input{     padding-top: 4px;     height: 18px; } .win.gecko input{     top: -5px;     padding-top: 4px;     height: 18px; } .win.ie8 input{     padding-top: 2px;     height: 20px; } .win.webkit input {     top: -6px; } .mac.opera10 input {     top: -9px; } .win.opera10 input {     top: -6px; } #contentBlock{     width: 974px;     float: left; } #contentMainBlock {     width: 798px;     position: relative;     left: 224px;     padding-bottom: 72px;     float: left; } .contentMain {     background-color: white;     background-repeat: repeat-x;     background-position: 0 100%;     background-image: url(http://www.o2creativesolutions.com/v4/imagesX/item_Background.png);     position: relative;     top: 0px;     width: 734px;     min-height: 100%;     float: left;     clear: both;          -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 5px;     -moz-box-shadow: rgba(0,0,0,.15) 0px 0px 5px; } #footerBlock {     position: relative;     width: 958px;     height: 32px;     border-color: #313940;     text-align: center;     margin: auto; } #footerMenu {     width: 224px;     height: 32px;     float: left; } #footerMenuAbout {     width: 94px;     height: 32px;     float: left; } #footerMenuPhone {     width: 130px;     height: 32px;     float: left; } .itemBlock {     background-repeat: repeat-x;     background-image: url(http://www.o2creativesolutions.com/v4/imagesX/item_Background.png);     background-color: white;     width: 734px;     height: 224px;     max-height: 224px;     float: left;     margin-top: 16px;          -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 5px; } .itemLeftBlock {     width: 32px;     height: 224px;     float: left; } .itemRightBlock {     width: 32px;     height: 224px;     float: left; } .projectProcess {     text-align: right;     position: relative;     float: right; } .projectProcessTitle {     position: relative;     float: right;     top: 20px;     margin-right: 8px; } .projectProcessToggle {     position: relative;     float: right;     top: 16px;     margin-right: 16px; } #copyrightBlock {     width: 734px;     float: left;     clear: both;     margin-top: 16px;     text-align: right;      } .copyright {     color: #a3a3a3;     font-size: 10px; } .homeContent {     float: left; } #homepageHeader {     float: left;     padding-top: 24px;     padding-left: 16px;     padding-bottom: 8px;     clear: both; } #homepageBody {     float: left;     clear: both;     padding-left: 16px;     padding-right: 16px;     padding-bottom: 16px;     color: #444e50; }