/*---------------------------------------- DEFAULT COLORS Blue-Green: #1c9091 Light Blue: #19a1e8 Dark Blue: #0f4d6c Red: #F00 /* ================ @ CSS Reset / HTML Elements ================ */ body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, input, th, td { border:0; margin:0; outline:none; padding:0; } ul, ol { list-style:none; } body { color:#333; font-family: Arial, Helvetica, sans-serif; font-size:13px;font-style:normal; } p, li {line-height:20px;} blockquote { margin-left:30px; } body { background: url(../images/bg-header.jpg) repeat-x; } hr { display: none; border: 0; margin: 0;} .sub-title {color:#F00; text-transform:uppercase; font-size:13px;} h3 {font-size:13px;} /* ================ @ Position / Clear / Floats / Hacks ================ */ .left { float:left; margin:0 20px 0 0; } .right { float:left; margin:0 0 0 20px; } .clear { clear:both; margin:0; padding:0; display:block; height:1px;} .bottom {padding-bottom:15px;} .align-middle {margin: 0 auto; display:block;} .year { color:#787878; font-size:11px; display:block; line-height:12px;} /* ================ @ Sticky Footer ================ */ #footer-wrapper { height:146px; display:block; background:url(../images/bg-footer.jpg) repeat-x 0 25px; padding-top:25px; margin-bottom: 0px; } #footer { height:146px; display:block; width:920px; margin:0 auto; background:url(../images/bg-footer-logo.png) no-repeat right center; } html, body, #wrap {height: 100%;} body > #wrapper {height: auto; min-height: 100%;} .main {padding-bottom: 171px;} /* must be same height as the footer */ .footer {position: relative; margin-top: -171px; height: 171px; clear:both;} /* negative value of footer height */ /* CLEAR FIX*/ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix { height: 1%;} .clearfix {display: block;} /* ================ @ Wrapper ================ */ #wrapper { display:block; margin:0 auto; width:920px; } /* ================ @ Header ================ */ #header { display:block; height:113px; width:920px; margin-bottom:50px; } /* Logo */ #logo { width: 184px; height: 42px; display: block; margin-top: 35px; float: left; } #logo-link { width: 184px; height: 42px; background-image: url(../images/cory-graphics.png); background-repeat: no-repeat; text-indent: -9999px; display: block; } /* ================ @ Nav ================ */ #nav { width: 444px; height: 20px; padding: 0; text-indent: -9999px; overflow: hidden; margin: 45px 0 0 0; position: relative; float: right; } #nav li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0; } #nav a { height: 20px; display: block; } /* BUTTONS */ #home { left: 0px; width: 56px; } #about { left: 56px; width: 71px; } #services { left: 127px; width: 87px; } #portfolio { left: 214px; width: 95px; } #contact { left: 309px; width: 84px; } #blog { left: 393px; width: 51px; } /* LINK STATE */ #home a { left: 0px; width: 56px; background: url(../images/nav.png) 0 0 no-repeat; } #about a { left: 56px; width: 71px; background: url(../images/nav.png) -56px 0 no-repeat; } #services a { left: 127px; width: 87px; background: url(../images/nav.png) -127px 0 no-repeat; } #portfolio a { left: 214px; width: 95px; background: url(../images/nav.png) -214px 0 no-repeat; } #contact a { left: 309px; width: 84px; background: url(../images/nav.png) -309px 0 no-repeat; } #blog a { left: 393px; width: 51px; background: url(../images/nav.png) -393px 0 no-repeat; } /* OVER STATES */ #home a:hover { background: url(../images/nav.png) 0 -20px no-repeat; } #about a:hover { background: url(../images/nav.png) -56px -20px no-repeat; } #services a:hover { background: url(../images/nav.png) -127px -20px no-repeat; } #portfolio a:hover { background: url(../images/nav.png) -214px -20px no-repeat; } #contact a:hover { background: url(../images/nav.png) -309px -20px no-repeat; } #blog a:hover { background: url(../images/nav.png) -393px -20px no-repeat; } /* PRESSED STATES */ #home a:active { background: url(../images/nav.png) 0 -40px no-repeat; } #about a:active { background: url(../images/nav.png) -56px -40px no-repeat; } #services a:active { background: url(../images/nav.png) -127px -40px no-repeat; } #portfolio a:active { background: url(../images/nav.png) -214px -40px no-repeat; } #contact a:active { background: url(../images/nav.png) -309px -40px no-repeat; } #blog a:active { background: url(../images/nav.png) -393px -40px no-repeat; } /* ON STATES */ #on-home { left: 0px; width: 56px; background: url(../images/nav.png) 0 -60px no-repeat; } #on-about { left: 56px; width: 71px; background: url(../images/nav.png) -56px -60px no-repeat; } #on-services { left: 127px; width: 87px; background: url(../images/nav.png) -127px -60px no-repeat; } #on-portfolio { left: 214px; width: 95px; background: url(../images/nav.png) -214px -60px no-repeat; } #on-contact { left: 309px; width: 84px; background: url(../images/nav.png) -309px -60px no-repeat; } #on-blog { left: 393px; width: 51px; background: url(../images/nav.png) -393px -60px no-repeat; } /* ================ @ Content ================ */ #content {width:920px; display:block;} .read-more { color:#666; font-weight:bold; text-decoration:none; float:right; clear:left; display:block; margin-top:15px; } .read-more:hover { color:#666; font-weight:bold; text-decoration:underline; } .post-content a { color:#19a1e8; text-decoration:none;} .post-content a:hover { color:#19a1e8; text-decoration:underline; } /* ================ @ Column-Left ================ */ #column-left {width: 400px; display:block; float:left; } /* Welcome */ #welcome {margin-bottom:40px; padding-bottom: 40px; border-bottom: dotted 1px #0e4865; } #welcome-title {background:url(../images/title-welcome.png) no-repeat; width:372px; height:39px; display:block; text-indent:-9999px; margin-bottom: 25px; } /* Recent Thoughts */ #recent-thoughts {margin-bottom:40px; } #recent-thoughts-title {background:url(../images/title-recent-thoughts.png) no-repeat; width:205px; height:15px; display:block; text-indent:-9999px; margin-bottom: 25px; } .post {display:block; border-bottom:dotted 1px #CCCCCC; padding:12px 5px;} .post:hover {background-color:#f2f8fd;} .post-date {display:block; float:left; text-align:left; width:80px;} .month { color:#787878; font-weight:bold; font-size:12px; display:block; line-height:12px;} .post-content {float:left; margin-left:20px; width:270px;} #recent-thoughts h3 { color:#0f4d6c; font-size:14px; display:block;} #recent-thoughts h3 a { color:#666; text-decoration:none; } #recent-thoughts h3 a:hover { color:#F00;} /* ================ @ Column-Right ================ */ #column-right {width:438px; display:block; float:right; } /* Featured Project */ #featured-project { margin-bottom:20px; } #featured-project-title { background:url(../images/title-featured-project.png) no-repeat; width:180px; height:15px; display:block; text-indent:-9999px; margin-bottom: 25px; float:left; } #arrows {height:14px; width:26px; float:right; } #previous { height:14px; width:8px; float:left; } #previous a {height:14px; width:8px; text-indent:-9999px; background:url(../images/arrow-left.png); display: block; } #next { height:14px; width:8px; float:left; margin-left:10px; } #next a { height:14px; width:8px; text-indent:-9999px; background:url(../images/arrow-right.png); display: block; } /* Project */ .project { clear: both; } .project img { width:438px; height:416px; margin-bottom:25px; } .project-text { width: 438px; display:block; } .featured-menu {height:14px; width:254px; display:block; margin-top:25px; } .visit { height:14px; width:118px; float:left; margin-right:20px; } .visit a {height:14px; width:118px; text-indent:-9999px; background:url(../images/visit-site.png); display: block; } .details { height:14px; width:96px; float:left; margin-left:20px; } .details a { height:14px; width:96px; text-indent:-9999px; background:url(../images/more-details.png); display: block; } /* ================ @ Footer ================ */ /* Contact Me */ #contact-me { display: block; width: 400px; float:left; padding-top:25px; } #contact-me-title {background:url(../images/title-contact.png) no-repeat; width:108px; height:15px; display:block; text-indent:-9999px; margin-bottom: 25px; } #cory { width: 49px; height: 49px; float: left; margin-right:25px;} #contact-info {margin-left: 25px; display:block; } #contact-info, #contact-info a { color: #fff; } .contact-left{ display:block; float:left; width:110px; } .contact-right { display:block; float:left; width:170px; } .contact-left li, .contact-right li { display:block; margin-bottom:15px; } #contact-resume { background:url(../images/icon-resume.png) 2px center no-repeat; padding-left:25px; height:18px; } #contact-linkedin { background:url(../images/icon-linkedin.png) left center no-repeat; padding-left:25px; height:18px; } #contact-email { background:url(../images/icon-email.png) left center no-repeat; padding-left:25px; height:18px; } #contact-phone { background:url(../images/icon-cell.png) 3px center no-repeat; padding-left:25px; height:18px; } #contact-me a {color:#FFF; text-decoration:underline;} #contact-me a:hover {color:#F00; text-decoration:none;} /* Copyright */ #copyright { display: block; width: 450px; float:right; color:#e8e8e8; font-size:11px; padding-top:25px; } #copyright-xhtml { border-bottom:dotted 1px #3893bf; padding-bottom:10px; width:300px; margin-bottom: 10px; background:url(../images/icon-html-css.png) no-repeat 110px 5px; } #copyright a {color:#FFF; text-decoration:underline;} #copyright a:hover {color:#F00; text-decoration:none;} /* ================ Featured Content Slider ================ */ #myController { height: 1px; } .jFlowPrev, .jFlowNext { cursor:pointer; } .jFlowControl { text-indent: -9999px; display: block; height: 1px; } /* ================ @ About ================ */ #about-column-left {width: 400px; display:block; float:left; } #about-column-right { width: 265px; display:block; float:right; } #about-wrapper {width:920px; display:block;} #about-wrapper a { color:#333;} #about-wrapper a:hover { color:#F00; text-decoration:none;} #about-page {width:920px; display:block; border-bottom:dotted 1px #0e4865; margin-bottom:25px;} #about-title {background:url(../images/title-about.png) no-repeat; width:57px; height:15px; display:block; text-indent:-9999px; margin-bottom: 10px; } /* Who is cory Burbidge? */ #who-cory {margin-bottom:30px; padding-bottom: 30px; border-bottom: dotted 1px #0e4865; } #who-cory-title {background:url(../images/title-who-cory.png) no-repeat; width:137px; height:15px; display:block; text-indent:-9999px; margin-bottom: 25px; } /* What is Cory Burbidge? */ #what-cory {margin-bottom:30px; padding-bottom: 30px; border-bottom: dotted 1px #0e4865; } #what-cory-title {background:url(../images/title-what-cory.png) no-repeat; width:149px; height:15px; display:block; text-indent:-9999px; margin-bottom: 25px; } /* Some Details About This Website */ #web-details-title {background:url(../images/title-web-details.png) no-repeat; width:220px; height:15px; display:block; text-indent:-9999px; margin-bottom: 25px; } /* Random Facts */ #random-facts-wrapper{ float:left; margin: 0 50px; width: 142px; } #random-facts {background:url(../images/random-facts.jpg) no-repeat; width:142px; height:586px; display:block; text-indent:-9999px; } /* Freelance */ #freelance-wrapper{ display: block; margin-bottom:30px; padding-bottom: 30px; border-bottom: dotted 1px #0e4865; } #freelance {background:url(../images/freelance-yes.png) no-repeat center top; width:265px; height:37px; display:block; text-indent:-9999px; } /* Testimonials */ #testimonials-wrapper{ display: block; } #testimonials-title {background:url(../images/title-what-clients.png) no-repeat; width:235px; height:16px; display:block; text-indent:-9999px; margin-bottom: 25px; } #testimonials-wrapper p { color:#525252; display: block; font-family: Georgia, Times New Roman, Times, serif; font-style: italic; font-size: 12px; } .testimonials-author { color:#900; font-family:Arial, Helvetica, sans-serif; font-size:13px; float:right; font-style: normal; } .testimonials-position { font-family:Arial, Helvetica, sans-serif; font-size:11px; float:right; font-style: normal; font-weight:bold; display: block; } .testimonials-clear { clear:both; display:block; font-size:1px; height:1px; padding-bottom: 20px; border-bottom: dotted 1px #0e4865; margin-bottom: 20px; } /* ================ @ Services ================ */ #services-column-left {width: 400px; display:block; float:left; } #services-column-right { width: 458px; display:block; float:right; } #services-wrapper {width:920px; display:block;} #services-column-left a { color:#333;} #services-column-left a:hover { color:#F00; text-decoration:none;} #services-page {width:920px; display:block; border-bottom:dotted 1px #0e4865; margin-bottom:25px;} #services-title {background:url(../images/title-services.png) no-repeat; width:81px; height:15px; display:block; text-indent:-9999px; margin-bottom: 10px; } /* I am more than just your average designer. */ #more-designer {margin-bottom:30px; border-bottom: dotted 1px #0e4865; } #more-designer-title {background:url(../images/title-more-designer.png) no-repeat; width:298px; height:15px; display:block; text-indent:-9999px; margin-bottom: 25px; } #more-designer p {margin-bottom:30px;} /* What exactly can I do? */ #can-do-title {background:url(../images/title-can-do.png) no-repeat; width:176px; height:16px; display:block; text-indent:-9999px; margin-bottom: 25px; } .services-wrapper {display:block; margin-bottom:30px;} .services-wrapper-last {display:block;} .services-title-wrapper {display:block; float:left;} #services-web, #services-print, #services-logos, #services-illustrations {width:235px; margin-left:30px; display:block; float:left; } #services-web-image {background:url(../images/services-web-design.png) no-repeat; width:132px; height:50px; display:block; text-indent:-9999px;} #services-print-image {background:url(../images/services-print.png) no-repeat; width:108px; height:71px; display:block; text-indent:-9999px;} #services-logos-image {background:url(../images/services-logos.png) no-repeat; width:108px; height:67px; display:block; text-indent:-9999px;} #services-apparel-image {background:url(../images/services-apparel.png) no-repeat; width:127px; height:71px; display:block; text-indent:-9999px;} .more-info {width:132px; height:31px; display:block; margin-top:10px;} .more-info-link {background:url(../images/more-info.png) no-repeat; width:132px; height:31px; display:block; text-indent:-9999px;} .more-info-link:hover {background:url(../images/more-info.png) 0 -31px no-repeat; width:132px; height:31px; display:block; text-indent:-9999px;} /* Why choose Cory Burbidge? */ #why-cory {margin-bottom:30px; padding-bottom: 30px; border-bottom: dotted 1px #0e4865; } #why-cory-title {background:url(../images/title-why-cory.png) no-repeat; width:182px; height:16px; display:block; text-indent:-9999px; margin-bottom: 25px; } #why-cory li {display:block; padding-left: 70px;} #why-communication {background:url(../images/reasons-communications.png) 0 5px no-repeat; margin-bottom:25px; } #why-cost {background:url(../images/reasons-cost.png) 0 5px no-repeat; margin-bottom:25px; } #why-completion {background:url(../images/reasons-completion.png) 0 5px no-repeat; margin-bottom:25px; } #why-client {background:url(../images/reasons-client.png) 0 5px no-repeat; } /* Who have you worked for? */ #who-worked {margin-bottom:30px; padding-bottom: 30px; border-bottom: dotted 1px #0e4865; } #who-worked-title {background:url(../images/title-who-worked.png) no-repeat; width:195px; height:16px; display:block; text-indent:-9999px; margin-bottom: 25px; } /* Are you ready to work with me? */ #ready-work {margin-bottom:30px;} #ready-work-title {background:url(../images/title-ready-work.png) no-repeat; width:218px; height:16px; display:block; text-indent:-9999px; margin-bottom: 25px; } #ready-work p {display:block; padding-left: 70px; background:url(../images/icon-question.png) 0 5px no-repeat; height:50px; } #ready-work ul {display:block; padding-left: 70px; padding-top:15px; } #ready-call {display:block; float:left; margin-right:30px; background:url(../images/icon-phone.png) no-repeat; width:107px; height:15px; text-indent:-9999px; } #ready-contact {display:block; float:left; margin-right:30px; width:102px; height:13px;} #ready-contact a {display:block; background:url(../images/icon-contact-form.png) no-repeat; width:102px; height:13px; text-indent:-9999px; } /* ================ @ Web ================ */ #web-column-left { width: 730px; display:block; float:left; } #web-column-right { width: 135px; display:block; float:right; } #web-wrapper {width:920px; display:block;} #web-column-left a { color:#333;} #web-column-left a:hover { color:#F00; text-decoration:none;} #web-page {width:920px; display:block; border-bottom:dotted 1px #0e4865; margin-bottom:25px;} #web-title {background:url(../images/title-web-design-development.png) no-repeat; width:350px; height:15px; display:block; text-indent:-9999px; margin-bottom: 10px; } /* Why Would I Need a Well-Designed Website? */ #why-design-website {display:block; width:340px; float:left;} #why-design-website-title {background:url(../images/title-why-design-website.png) no-repeat; width:339px; height:15px; display:block; text-indent:-9999px; margin-bottom: 25px; } .why-design-website-margin { margin-bottom:30px; display:block;} #why-design-website-right {display:block; width:340px; float:right; padding-top:41px;} /* ================ @ Illustrations ================ */ #illustrations-column-left { width: 730px; display:block; float:left; } #illustrations-column-right { width: 135px; display:block; float:right; } #illustrations-wrapper {width:920px; display:block;} #illustrations-column-left a { color:#333;} #illustrations-column-left a:hover { color:#F00; text-decoration:none;} #illustrations-page {width:920px; display:block; border-bottom:dotted 1px #0e4865; margin-bottom:25px;} #illustrations-title {background:url(../images/title-apparel.png) no-repeat; width:431px; height:15px; display:block; text-indent:-9999px; margin-bottom: 10px; } #illustrations { margin-bottom:30px; border-bottom: dotted 1px #0e4865; width: 730px; } #illustrations-body { width: 500px; float:left; } #illustrations p { margin-bottom:30px; } #portfolio-contact { width:185px; height:166px; display:block; float:right; } #portfolio-contact-1 {background:url(../images/portfolio-contact.png) no-repeat 0 0; width:185px; height:94px; display:block; text-indent:-9999px; float:left;} #portfolio-contact-2 {background:url(../images/portfolio-contact.png) no-repeat 0 -94px; width:185px; height:72px; display:block; text-indent:-9999px; float:left;} #drawing-illustration-title {background:url(../images/title-vector-final.png) no-repeat; width:368px; height:15px; display:block; text-indent:-9999px; margin-bottom: 25px; } /* Other Services */ #other-services-title {background:url(../images/title-other-services.png) no-repeat; width:351px; height:15px; display:block; text-indent:-9999px; margin-bottom: 25px; } .illustrations-wrapper-right {display:block; margin-bottom:30px;} .illustrations-wrapper-last {display:block;} .illustrations-title-wrapper {display:block; margin-bottom:30px;} /* ================ @ Logos ================ */ #logos-title {background:url(../images/title-identity-logos.png) no-repeat; width:315px; height:15px; display:block; text-indent:-9999px; margin-bottom: 10px; } #logos { margin-bottom:30px; border-bottom: dotted 1px #0e4865; width: 730px; } #logos-body { width: 500px; float:left; } #logos p { margin-bottom:30px; } #caption-wrapper{ display: block; text-align:center; } #caption-wrapper p { color:#525252; font-family: Georgia, Times New Roman, Times, serif; font-style: italic; font-size: 12px; } .caption-author { color:#900; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-style: normal; } /* Logo Process */ #logo-process {display:block; width:350px; float:left;} #logo-process-title {background:url(../images/title-logo-process.png) no-repeat; width:234px; height:15px; display:block; text-indent:-9999px; margin-bottom: 25px; } .logo-process-margin { margin-bottom:30px; display:block;} /* CAB Logos */ #cr-logos { display:block; width:319px; float:right; margin-top: 25px; } /* ================ @ Print ================ */ #print-title {background:url(../images/title-print.png) no-repeat; width:351px; height:15px; display:block; text-indent:-9999px; margin-bottom: 10px; } #print { margin-bottom:30px; border-bottom: dotted 1px #0e4865; width: 730px; } #print-body { width: 500px; float:left; } #print p { margin-bottom:30px; } /* Print Materials */ #print-materials { display:block; width:380px; float:left; } #print-materials-title {background:url(../images/title-print-materials.png) no-repeat; width:351px; height:15px; display:block; text-indent:-9999px; margin-bottom: 25px; } #print-materials li { background:url(../images/bullet.gif) left center no-repeat; margin-left:30px; padding-left:20px; margin-bottom:5px; } .list-left {float:left; display:block; width:170px;} .list-right {float:left; display:block; width:170px;} /* CR Signage card */ #majesty-music { display:block; width:320px; float:right; text-align: center; } /* ================ @ Portfolio ================ */ #portfolio-column-left {width: 723px; display:block; float:left; } #portfolio-column-right { width: 132px; display:block; float:right;} #portfolio-wrapper {width:920px; display:block;} #portfolio-wrapper a { color:#333;} #portfolio-wrapper a:hover { color:#F00; text-decoration:none;} #portfolio-page {width:920px; display:block; border-bottom:dotted 1px #0e4865; margin-bottom:25px;} /* Portfolio Titles */ #portfolio-title-websites {background:url(../images/title-portfolio-websites.png) no-repeat; width:500px; height:15px; display:block; text-indent:-9999px; margin-bottom: 10px; } #portfolio-title-landing-pages {background:url(../images/title-portfolio-landing-pages.png) no-repeat; width:500px; height:15px; display:block; text-indent:-9999px; margin-bottom: 10px; } #portfolio-title-wordpress {background:url(../images/title-portfolio-wordpress.png) no-repeat; width:500px; height:15px; display:block; text-indent:-9999px; margin-bottom: 10px; } #portfolio-title-email-campaigns {background:url(../images/title-portfolio-email-campaigns.png) no-repeat; width:500px; height:15px; display:block; text-indent:-9999px; margin-bottom: 10px; } #portfolio-title-banner {background:url(../images/title-portfolio-banner.png) no-repeat; width:500px; height:15px; display:block; text-indent:-9999px; margin-bottom: 10px; } #portfolio-title-logos {background:url(../images/title-portfolio-logos.png) no-repeat; width:500px; height:15px; display:block; text-indent:-9999px; margin-bottom: 10px; } #portfolio-title-print {background:url(../images/title-portfolio-print.png) no-repeat; width:500px; height:15px; display:block; text-indent:-9999px; margin-bottom: 10px; } #portfolio-title-outdoors {background:url(../images/title-portfolio-outdoors.png) no-repeat; width:500px; height:15px; display:block; text-indent:-9999px; margin-bottom: 10px; } #portfolio-title-packaging {background:url(../images/title-portfolio-packaging.png) no-repeat; width:500px; height:15px; display:block; text-indent:-9999px; margin-bottom: 10px; } #portfolio-title-apparel {background:url(../images/title-portfolio-apparel.png) no-repeat; width:500px; height:15px; display:block; text-indent:-9999px; margin-bottom: 10px; } #portfolio-title-illustrations {background:url(../images/title-portfolio-illustrations.png) no-repeat; width:500px; height:15px; display:block; text-indent:-9999px; margin-bottom: 10px; } #portfolio-title-websites {background:url(../images/title-portfolio-websites.png) no-repeat; width:500px; height:15px; display:block; text-indent:-9999px; margin-bottom: 10px; } #portfolio-title-other {background:url(../images/title-portfolio-other.png) no-repeat; width:500px; height:15px; display:block; text-indent:-9999px; margin-bottom: 10px; } /* Portfolio Entry */ .portfolio-entry {margin-bottom:30px; padding-bottom: 30px; border-bottom: dotted 1px #0e4865; clear:both; display:block; } .portfolio-entry-last {padding-bottom: 10px; border:none; } .portfolio-entry-img {display:block; float:right; width:386px; text-align:center; margin:0; padding:0px;} .portfolio-entry-long {display:block; float:left; width:723px; text-align:left; margin:0; padding:0px;} .border {border:solid 3px #d6dee7;} .entry-text {width:279px; display:block; float:left;} .entry-text-long {width:723px; display:block;} .portfolio-entry h3, .portfolio-entry-last h3 {color:#900; margin-bottom:10px; } .portfolio-entry p, .portfolio-entry-last p {margin-bottom:20px; } /* Portfolio Category */ #portfolio-category-title { background:url(../images/title-portfolio-category.png) no-repeat; width:132px; height:15px; display:block; text-indent:-9999px; margin-bottom: 25px; } #portfolio-column-right li { background:url(../images/bullet.gif) left center no-repeat; padding-left:20px; margin-top:5px; display:block; } #portfolio-column-right ul { border-bottom: dotted 1px #0e4865; padding-bottom:25px; } #portfolio-column-right a { text-decoration:none; } #portfolio-column-right p { margin-top:25px; } #portfolio-column-right .category-on { text-decoration:none; font-weight:bold; color:#666; } /* Page Numbers */ #wrapper .page-numbers { border:none; float:right; } #wrapper .page-numbers ul {margin: 0; } #wrapper .page-numbers li {display:inline; background:none; margin:0; padding:0; text-align:right; } #wrapper .page-numbers a {color:#F00; font-weight:bold; margin:0 0 0 5px; padding:2px 5px; text-decoration:none; border:solid 1px #ccc; } #wrapper .page-numbers a:hover {background-color:#F00; color:#FFF; font-weight:bold; margin:0 0 0 5px; padding:2px 5px; text-decoration:none; border:solid 1px #19a1e8; } #wrapper a.page-numbers-on {background-color:#F00; color:#fff; font-weight:bold; margin:0 0 0 5px; padding:2px 5px; text-decoration:none; border:solid 1px #000; } /* ================ @ Clients ================ */ #clients-column {width: 920px; display:block;} #clients-wrapper {width:920px; display:block;} #clients-wrapper a { color:#333;} #clients-wrapper a:hover { color:#F00; text-decoration:none;} #clients-page {width:920px; display:block; border-bottom:dotted 1px #0e4865; margin-bottom:25px;} #clients-title {background:url(../images/title-clientlist.png) no-repeat; width:105px; height:15px; display:block; text-indent:-9999px; margin-bottom: 10px; } #clients-column p { margin-bottom:25px; } /* Lists */ #clients-column li { background:url(../images/bullet.gif) left center no-repeat; padding-left:20px; margin-top:5px; display:block; } .list-one {width:290px; float:left; display: block;} .list-two {width:290px; float:left; display: block; margin-left:25px;} .list-three {width:290px; float:right; display: block;} .type { color:#787878; font-size:11px;} /* ================ @ Contact ================ */ #contact-column-left {width: 623px; display:block; float:left; } #contact-column-right { width: 232px; display:block; float:right;} #contact-wrapper {width:920px; display:block;} #contact-wrapper a { color:#333;} #contact-wrapper a:hover { color:#F00; text-decoration:none;} #contact-page {width:920px; display:block; border-bottom:dotted 1px #0e4865; margin-bottom:25px;} #contact-title {background:url(../images/title-contact-cory.png) no-repeat; width:230px; height:15px; display:block; text-indent:-9999px; margin-bottom: 10px; } #contact-column-left p, #contact-column-right p { margin-bottom:15px; } #contact-column-right ul { border-bottom: dotted 1px #0e4865; padding-bottom:25px; margin-bottom:25px; } #contact-column-right li { margin-bottom: 15px; } .inputForm { background:url(../images/bg-form.gif) repeat-x; display:block; width:400px; border: 1px solid #BEBEBE; font: 12px Arial, Helvetica, sans-serif; color: #666; padding: 12px; margin-top: 10px; } #submit {margin-top:10px;} /* ================ @ Privacy ================ */ #privacy-column {width: 920px; display:block;} #privacy-wrapper {width:920px; display:block;} #privacy-wrapper a { color:#333;} #privacy-wrapper a:hover { color:#900; text-decoration:none;} #privacy-page {width:920px; display:block; border-bottom:dotted 1px #0e4865; margin-bottom:25px;} #privacy-title {background:url(../images/title-privacy-policy.png) no-repeat; width:135px; height:15px; display:block; text-indent:-9999px; margin-bottom: 10px; } #privacy-column p { margin-bottom:25px; } #privacy-column li { margin-bottom:25px; border-bottom:dotted 1px #900;}