/* Theme Name: NxNW Theme URI: http://www.nxnw.net/ Description: Theme for NxNW site Version: 1.0 Author: 14Four Author URI: http://14four.com */ * { padding: 0px; margin: 0px; } * { outline: none; } body {} a img { border: none; } /* LAYOUT */ #window { width: 100%; height: auto; } #content { width: 1022px; height: 500px; margin: auto; padding-top: 50px; } /* HEADER */ #header { width: 1022px; height: 87px; } /* LOGO */ #logo { width: 340px; height: 87px; float: left; background: transparent; z-index: 1000; position: relative; top: 0px; left: 0px; } .logo { width: 340px; height: 105px; background: transparent url(images/logo.png) top left no-repeat; margin-left: 30px; z-index: 1000; cursor: pointer; } /* NAVIGATION */ #nav { max-width: 432px; height: 57px; float: left; padding-left: 250px; } #nav a { text-decoration: none; } #nav a img { cursor: pointer; padding-top: 16px; } .navLink { height: 25px; margin-right: 20px; } /* SUBNAVIGATION */ #subnav { width: 649px; height: 30px; float: left; padding-left: 33px; } #subnav a { text-decoration: none; } #subnav a img { cursor: pointer; padding-top: 6px; } .subnavLink { height: 18px; margin-right: 6px; } /* PAGE */ #pg { width: 1022px; min-height: 366px; } /* backgrounds for main pages */ .work { background: transparent url(/wp-content/uploads/bgWork.jpg) top left no-repeat; } .contact {background: transparent url(/wp-content/uploads/bgContact.jpg) top left no-repeat; } .about {background: transparent url(/wp-content/uploads/bgAbout.jpg) top left no-repeat; } .home { background: transparent url(/wp-content/uploads/bgHome.jpg) top left no-repeat; } /* backgrounds for sub-pages */ .commercial { background: transparent url(/wp-content/uploads/bgCommercial.jpg) top left no-repeat; } .featuredFilm { background: transparent url(/wp-content/uploads/bgFeaturedFilm.jpg) top left no-repeat; } .corp { background: transparent url(/wp-content/uploads/bgCorporate.jpg) top left no-repeat; } .pp { background: transparent url(/wp-content/uploads/bgPostProduction.jpg) top left no-repeat; } .news { background: transparent url(/wp-content/uploads/bgDefault.jpg) top left no-repeat; } .article { background: transparent url(/wp-content/uploads/bgDefault.jpg) top left no-repeat; } /* ABOUT */ #about { width: 525px; height: 265px; padding-top: 65px; margin-left: 100px; font-family: Arial; font-weight: bold; } #about_container {width: 525px; position: relative; float: left; } #about_track { position: absolute; top: 0px; left: 500px; height: 100%; width: 8px; background-color: #eeeeee; cursor: auto; opacity: 0.5; -moz-opacity: 0.5; } #about_handle{width: 8px; background-color: #ff3b33; cursor: move; opacity: 0.9; -moz-opacity: 0.9; } #about_content { text-align: left; overflow: hidden; height: 205px; width: 450px; } #about blockquote { margin-top: 15px; } #about .header { color: #ff3b33; font-size: 14px; margin-bottom: 15px; } #about .body { color: #ffffff; font-size: 12px; font-family: Arial; font-weight: normal; line-height: 22px; } #about .contentShadow { width: 525px; height: 125px; background: url(images/contentShadow.png) bottom left no-repeat; position: relative; top: 145px; left: -50px; } /* CONTACT */ #contact { width: 385px; height: 200px; padding-top: 80px; margin-left: 100px; font-family: Arial; font-weight: bold; } #contact .header { color: #ff3b33; font-size: 14px; margin-bottom: 15px; } #contact .body { color: #ffffff; font-size: 12px; font-family: Arial; font-weight: normal; line-height: 22px; } #contact h4 { text-transform: uppercase; font-size: 14px; } #contact blockquote { float: left; margin-right: 70px; } #contact address { margin-bottom: 15px; font-style: normal; } /* WORK */ #work { width: 1022px; height: 366px; } /* COMMERCIAL */ #commercial { width: 475px; height: 265px; padding-top: 39px; margin-left: 100px; font-family: Arial; font-weight: bold; } #commercial_container {width: 475px; position: relative; float: left; } #commercial_track { position: absolute; top: 0px; left: 425px; height: 100%; width: 8px; background-color: #eeeeee; cursor: auto; opacity: 0.5; -moz-opacity: 0.5; } #commercial_handle{width: 8px; background-color: #ff3b33; cursor: move; opacity: 0.9; -moz-opacity: 0.9; } #commercial_content { text-align: left; overflow: hidden; height: 205px; width: 400px; } #commercial blockquote { margin-top: 15px; } #commercial .header { color: #ff3b33; font-size: 14px; margin-bottom: 15px; } #commercial .body { color: #ffffff; font-size: 12px; font-family: Arial; font-weight: normal; line-height: 22px; } #commercialButtons { width: 211px; height: 26px; margin-left: auto; margin-right: auto; } #commercialSpokaneNews { width: 103px; height: 26px; margin-right: 15px; float: left; cursor: pointer; } #commercialBoiseNews { width: 93px; height: 26px; float: left; cursor: pointer; } .spokaneNews { background: url(images/newsSpokane.png) top left no-repeat; width: 103px; height: 26px; } .spokaneNewsOver { background: url(images/newsSpokaneOver.png) top left no-repeat; width: 103px; height: 26px; } .boiseNews { background: url(images/newsBoise.png) top left no-repeat; width: 93px; height: 26px; } .boiseNewsOver { background: url(images/newsBoiseOver.png) top left no-repeat; width: 93px; height: 26px; } /* NEWS */ #news { width: 450px; height: 265px; padding-top: 65px; margin-left: 100px; font-family: Arial; font-weight: bold; } #news_container {width: 525px; position: relative; float: left; } #news_track { position: absolute; top: 0px; left: 375px; height: 100%; width: 8px; background-color: #eeeeee; cursor: auto; opacity: 0.5; -moz-opacity: 0.5; } #news_handle{width: 8px; background-color: #ff3b33; cursor: move; opacity: 0.9; -moz-opacity: 0.9; } #news_content { text-align: left; overflow: hidden; height: 205px; width: 350px; } #news blockquote { margin-top: 15px; } #news .header { color: #ff3b33; font-size: 14px; margin-bottom: 15px; } #news .body { font-size: 12px; font-family: Arial; font-weight: normal; line-height: 22px; } #news .body p { color: #666666; margin-top: 10px; font-size: 11px; } #news .body h4 {color: #333333; font-size: 12px; font-weight: bold; float: left; } #news .body h6 { color: #999999; font-size: 10px; float: right; } #news .body a:visited {color: #ff3b33; font-size: 10px; text-decoration: none; } #news .body a:link {color: #ff3b33; font-size: 10px; text-decoration: none; } #news .body a:hover {color: #828691; font-size: 10px; text-decoration: none; } #news .body a:active {color: #ff3b33; font-size: 10px; text-decoration: none; } #news .body hr { color: #f5f5f5; height: 1px; } /* article */ #article { width: 550px; height: auto; padding-top: 65px; margin-left: 100px; font-family: Arial; font-weight: bold; } #article .header { color: #ff3b33; font-size: 14px; margin-bottom: 15px; } #article .body { font-size: 12px; font-family: Arial; font-weight: normal; line-height: 18px; } #articleHeader h4 { color: #333333; font-size: 12px; font-weight: bold; float: left; } #articleHeader h6 { color: #999999; font-size: 10px; float: right; } #articleHeader { height: 25px; } #article .body p { color: #666666; margin-top: 10px; margin-bottom: 10px; font-size: 11px; } #article .body blockquote { color: #666666; font-size: 11px; margin-top: 10px; } #article .body a:visited {color: #ff3b33; font-size: 10px; text-decoration: none; } #article .body a:link {color: #ff3b33; font-size: 10px; text-decoration: none; } #article .body a:hover {color: #828691; font-size: 10px; text-decoration: none; } #article .body a:active {color: #ff3b33; font-size: 10px; text-decoration: none; } /* FEATURE FILM */ #ff { width: 450px; height: 265px; padding-top: 65px; margin-left: 100px; font-family: Arial; font-weight: bold; } #ff_container {width: 450px; position: relative; float: left; } #ff_track { position: absolute; top: 0px; left: 375px; height: 100%; width: 8px; background-color: #eeeeee; cursor: auto; opacity: 0.5; -moz-opacity: 0.5; } #ff_handle{width: 8px; background-color: #ff3b33; cursor: move; opacity: 0.9; -moz-opacity: 0.9; } #ff_content { text-align: left; overflow: hidden; height: 185px; width: 350px; } #ff blockquote { margin-top: 15px; } #ff .header { color: #ff3b33; font-size: 14px; margin-bottom: 15px; } #ff .body { color: #ffffff; font-size: 12px; font-family: Arial; font-weight: normal; line-height: 22px; } #ff_button { width: 144px; height: 29px; padding-top: 205px; margin-left: 0px; cursor: pointer; } #ff_button .viewDemo { background: url(images/btnViewDemo.png) top left no-repeat; width: 144px; height: 29px; } #ff_button .viewDemoOver { background: url(images/btnViewDemoOver.png) top left no-repeat; width: 144px; height: 29px; } #ff_video { width: 394px; height: 285px; margin-top: -288px; margin-left: 583px; background: url(images/videoPlayerBg.png) top left no-repeat; } #ff_videoInfo { width: 394px; height: 16px; margin-top: 5px; } #ff_videoTitle { width: auto; height: 16px; float: left; font-family: Arial; font-weight: bold; text-transform: uppercase; color: #ffffff; } #ff_viewMore { width: 83px; height: 16px; float: right; } #ff_viewMore .viewMore { background: url(images/btnViewMore.png) top left no-repeat; width: 83px; height: 16px; cursor: pointer; } #ff_viewMore .viewMoreOver { background: url(images/btnViewMoreOver.png) top left no-repeat; width: 83px; height: 16px; cursor: pointer; } /* CORPORATE */ #corp { width: 475px; height: 265px; padding-top: 65px; margin-left: 100px; font-family: Arial; font-weight: bold; } #corp_container {width: 525px; position: relative; float: left; } #corp_track { position: absolute; top: 0px; left: 375px; height: 100%; width: 8px; background-color: #eeeeee; cursor: auto; opacity: 0.5; -moz-opacity: 0.5; } #corp_handle{width: 8px; background-color: #ff3b33; cursor: move; opacity: 0.9; -moz-opacity: 0.9; } #corp_content { text-align: left; overflow: hidden; height: 205px; width: 350px; } #corp blockquote { margin-top: 15px; } #corp .header { color: #ff3b33; font-size: 14px; margin-bottom: 15px; } #corp .body { color: #ffffff; font-size: 12px; font-family: Arial; font-weight: normal; line-height: 22px; } /* POST PRODUCTION */ #pp { width: 375px; height: 265px; padding-top: 65px; margin-left: 100px; font-family: Arial; font-weight: bold; } #pp_container {width: 425px; position: relative; float: left; } #pp_track { position: absolute; top: 0px; left: 275px; height: 100%; width: 8px; background-color: #eeeeee; cursor: auto; opacity: 0.5; -moz-opacity: 0.5; } #pp_handle{width: 8px; background-color: #ff3b33; cursor: move; opacity: 0.9; -moz-opacity: 0.9; } #pp_content { text-align: left; overflow: hidden; height: 205px; width: 250px; } #pp blockquote { margin-top: 15px; } #pp .header { color: #ff3b33; font-size: 14px; margin-bottom: 15px; } #pp .body { color: #ffffff; font-size: 12px; font-family: Arial; font-weight: normal; line-height: 22px; } /* NXNW MESSAGE SECTION */ #spacer { width: 1022px; height: 12px; background: transparent url(images/spacer.jpg) top left no-repeat; } #nxnw { width: 1022px; height: 164px; background: transparent url(images/nxnw.jpg) top left no-repeat; } .nxnwMessage { width: 800px; height: 90px; font-family: Arial; color: #a5a5a5; font-size: 13px; font-weight: bold; position: relative; top: 39px; left: 168px; } .nxnwMessageDoubleLine { width: 800px; height: 90px; font-family: Arial; color: #a5a5a5; font-size: 13px; font-weight: bold; position: relative; top: 30px; left: 168px; } .nxnwSubMessage { font-family: Arial; color: #a5a5a5; font-size: 11px; font-weight: normal; text-indent: 3px; padding-top: 3px; } /* CONTACT INFORMATION */ #contactInfo { width: 1022px; height: 44px; background: transparent url(images/info/contactInfoBg.jpg) top left no-repeat; padding-top: 10px; } .phoneInfo { width: 160px; height: 20px; float: left; background: transparent url(images/info/phone.jpg) top left no-repeat; } .emailInfo { width: 126px; height: 20px; float: left; background: transparent url(images/info/email.jpg) top left no-repeat; cursor: pointer; } .emailInfoOver { width: 126px; height: 20px; float: left; background: transparent url(images/info/emailOver.jpg) top left no-repeat; cursor: pointer; } .followus { width: auto; float: left; margin-left: 38px; margin-top: -12px; } .followus h6 {font-weight: normal; font-family: Arial; font-size: 9px; text-align: center; padding-bottom: 2px; } .gray { color: #999999; } .red { color: #ff3b33; } .fb { width: 24px; height: 23px; float: left; margin-left: 0px; background: transparent url(images/sn/fb.jpg) top left no-repeat; cursor: pointer; } .fbOver { width: 24px; height: 23px; float: left; margin-left: 0px; background: transparent url(images/sn/fbOver.jpg) top left no-repeat; cursor: pointer; } .twitter { width: 17px; height: 23px; float: left; margin-left: 15px; background: transparent url(images/sn/twitter.jpg) top left no-repeat; cursor: pointer; } .twitterOver { width: 17px; height: 23px; float: left; margin-left: 15px; background: transparent url(images/sn/twitterOver.jpg) top left no-repeat; cursor: pointer; } /* FOOTER */ #footer { width: 1022px; height: 15px; font-family: Arial; font-size: 10px; color: #c2c2c2; padding-top: 40px; padding-bottom: 100px; } /* TWITTER WIDGET PRO */ #twitter { z-index: 100; margin-top: -80px; margin-left: 20px; } #twitter-3 { width: 500px; height: auto; border: solid 1px #ddd; -moz-border-radius: 7px; -webkit-border-radius: 7px; padding: 10px; margin-bottom: 20px; font-family: Arial;} .widget { list-style-position: inside; list-style-type: none; } .widgettitle { font-size: 16px; margin-bottom: 5px;} .widgettitle a { color: #666666; text-decoration: none; text-transform: capitalize; padding: 5px; cursor: pointer; } .widgettitle a:hover { color: #ff3b33; } .widget ul { list-style-position: inside; list-style: none; margin-left: 28px;} .widget li { color: #666666; font-size: 12px; margin-bottom: 10px;} .widget li a {color: #999999; text-decoration: none; cursor: pointer; } .widget li a:hover {color: #ff3b33; } .twitter-avatar { margin-bottom: 10px; } .twitter-avatar img { margin-left: 25px; } .xavisys-link-text{ font-size: 10px; } .xavisys-link-text a{ font-size: 10px; padding-left: 5px;}