W3C CSS Validator results for http://www.blaminteractive.com/ (CSS level 3)

Congratulations! No Error Found.

This document validates as CSS level 3 !

To show your readers that you've taken the care to create an interoperable Web page, you may display this icon on any page that validates. Here is the XHTML you could use to add this icon to your Web page:

Valid CSS! 
<p>
    <a href="http://jigsaw.w3.org/css-validator/check/referer">
        <img style="border:0;width:88px;height:31px"
            src="http://jigsaw.w3.org/css-validator/images/vcss"
            alt="Valid CSS!" />
    </a>
</p>
Valid CSS! 
<p>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
    <img style="border:0;width:88px;height:31px"
        src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
        alt="Valid CSS!" />
</a>
</p>

(close the img tag with > instead of /> if using HTML <= 4.01)

If you like, you can download a copy of this image to keep in your local web directory, and change the XHTML fragment above to reference your local image rather than the one on this server.

If you would like to create a link to this page (i.e., this validation result) to make it easier to re-validate this page in the future or to allow others to validate your page, the URI is: 

http://jigsaw.w3.org/css-validator/validator?profile=css3&warning=0&uri=http://www.blaminteractive.com/
or
http://jigsaw.w3.org/css-validator/check/referer (for HTML/XML document only)

(Or, you can just add the current page to your bookmarks or hotlist.)

↑ Top

Valid CSS information

body {
font : 86%/164% Helvetica, Arial, sans-serif;
font-weight : bold;
color : white;
background-image : url(img/bg-body.jpg);
background-repeat : repeat-x;
background-attachment : scroll;
background-position : center top;
background-color : #393d46;
margin : 0;
padding : 0;
}
a {
color : white;
font-weight : bold;
text-decoration : none;
background-color : #ff720d;
padding : 2px;
}
a:hover {
color : white;
font-weight : bold;
text-decoration : underline;
background-color : #ff720d;
}
img {
border : 0;
margin : 0;
}
hr {
display : none;
clear : both;
}
.clear {
clear : both;
height : 0;
}
.content-clear {
clear : both;
height : 20px;
}
h1 {
font : 26px Helvetica, Arial, sans-serif;
font-weight : bold;
margin : 0 0 10px 0;
text-shadow : #2a2e35 1px 1px 2px;
}
h2 {
font : 24px Helvetica, Arial, sans-serif;
font-weight : bold;
margin : 0 0 10px 2px;
text-shadow : #2a2e35 1px 1px 2px;
}
h3 {
font : 24px Helvetica, Arial, sans-serif;
font-weight : bold;
color : #23262c;
margin : 15px 0 8px 0;
text-shadow : #e5e5ee 0 1px 0;
}
h4 {
font : 24px Helvetica, Arial, sans-serif;
font-weight : bold;
color : #ff720d;
margin : 6px 0 8px 10px;
}
h5 {
font : 18px Helvetica, Arial, sans-serif;
font-weight : bold;
color : white;
margin : 6px 0 4px 4px;
}
p {
color : white;
margin : 0;
text-align : left;
}
.project {
font : 86%/164% Helvetica, Arial, sans-serif;
color : white;
font-weight : bold;
margin : 10px 0 14px 2px;
text-align : left;
}
#content ul {
list-style : none;
display : block;
margin : 0 0 0 4px;
padding : 0;
font : 95%/135% Helvetica, Arial, sans-serif;
font-weight : bold;
color : white;
}
.project-mid ul li {
margin : 0 0 0 8px;
padding : 0;
}
.orange {
color : #ff720d;
}
.mid-blue {
color : #616879;
}
.smallprint {
font-size : 10px;
}
a.lightbox-link, a.lightbox-link:hover {
padding : 0;
background-color : transparent;
}
#services ul li {
list-style : none;
display : block;
margin : 10px 0 0 -28px;
padding : 0;
font : 120%/110% Helvetica, Arial, sans-serif;
font-weight : bold;
color : white;
}
#whatwedo p {
margin : 0 0 0 10px;
padding : 0;
font : 86%/150% Helvetica, Arial, sans-serif;
font-weight : normal;
color : white;
}
#subnav ul li {
list-style : none;
display : inline;
margin : 0;
padding : 0;
font : 120%/110% Helvetica, Arial, sans-serif;
font-weight : bold;
color : white;
}
#subnav a {
color : white;
font-weight : bold;
text-decoration : none;
background-color : #ff720d;
padding : 2px 4px;
}
#subnav a:hover {
color : white;
font-weight : bold;
text-decoration : underline;
background-color : #ff720d;
padding : 2px 4px;
}
#footer a {
color : #ff720d;
font-weight : normal;
text-decoration : none;
background-color : transparent;
padding : 0;
}
#footer a:hover {
color : #ff720d;
font-weight : normal;
text-decoration : underline;
background-color : transparent;
padding : 0;
}
#contactus p {
margin : 0;
padding : 0;
font : 86%/200% Helvetica, Arial, sans-serif;
font-weight : normal;
color : white;
}
#wrapper {
width : 960px;
margin : 0 auto;
text-align : center;
background-image : url(img/bg-wrapper.jpg);
background-repeat : no-repeat;
background-attachment : scroll;
background-position : center top;
}
#masthead {
width : 960px;
height : 160px;
margin : 0;
padding : 0;
text-align : center;
}
#logo {
width : 580px;
margin : 0;
padding : 0;
text-align : left;
float : left;
}
#nav {
width : 380px;
margin : 0;
padding : 0;
float : left;
}
#hero-wrap {
width : 960px;
height : 260px;
margin : 0 0 10px 0;
padding : 0;
text-align : center;
background-image : url(img/ajax-loader-1.gif);
background-position : center;
background-repeat : no-repeat;
}
#hero-home {
width : 960px;
height : 260px;
margin : 0 0 10px 0;
padding : 0;
text-align : center;
background-image : url(img/hero-home.png);
background-position : center;
background-repeat : no-repeat;
}
#hero-projects {
width : 960px;
height : 260px;
margin : 0 0 10px 0;
padding : 0;
text-align : center;
background-image : url(img/hero-projects.png);
background-position : center;
background-repeat : no-repeat;
}
#hero-services {
width : 960px;
height : 260px;
margin : 0 0 10px 0;
padding : 0;
text-align : center;
background-image : url(img/hero-services.png);
background-position : center;
background-repeat : no-repeat;
}
#hero-cv {
width : 960px;
height : 260px;
margin : 0 0 10px 0;
padding : 0;
text-align : center;
background-image : url(img/hero-cv.png);
background-position : center;
background-repeat : no-repeat;
}
#welcome {
width : 270px;
height : 211px;
float : right;
margin : 22px 35px 25px 0;
padding : 0 0 0 10px;
font : 21px Helvetica, Arial, sans-serif;
line-height : 25px;
text-align : left;
font-weight : bold;
color : #23262c;
background-image : url(img/bg-welcome.png);
background-repeat : repeat-x;
}
#intro {
width : 590px;
margin : 0;
padding : 0 20px 6px 30px;
float : left;
text-align : left;
background-image : url(img/vert.png);
background-position : right;
background-repeat : repeat-y;
}
#featured {
width : 300px;
margin : 0;
padding : 0 0 0 20px;
float : left;
text-align : left;
}
#content {
width : 870px;
min-height : 600px;
margin : 0 30px;
padding : 0 15px 0 15px;
text-align : left;
background-image : url(img/bg-content.png);
background-position : center top;
background-repeat : no-repeat;
}
.project-left {
width : 270px;
margin : 0 30px 0 0;
padding : 0;
text-align : left;
float : left;
}
.project-mid {
width : 270px;
margin : 0 30px 0 0;
padding : 0;
text-align : left;
float : left;
}
.project-right {
width : 270px;
margin : 0;
padding : 0;
text-align : left;
float : left;
}
.project-double {
width : 510px;
margin : 0 30px 0 0;
padding : 0;
text-align : left;
float : left;
}
#content-contd {
width : 960px;
margin : 0;
padding : 0;
text-align : left;
}
#footer-wrapper {
width : 100%;
height : 360px;
margin : 0;
text-align : center;
border-top : 12px solid white;
background-image : url(img/bg-footer.jpg);
background-repeat : repeat-x;
background-color : #292c33;
}
#footer {
width : 960px;
height : 360px;
margin : 0 auto;
padding : 0;
float : none;
text-align : left;
}
#services {
width : 160px;
margin : 20px 0 0 0;
padding : 0 0 0 20px;
float : left;
text-align : left;
background-image : url(img/footer-vert.png);
background-position : right;
background-repeat : repeat-y;
}
#whatwedo {
width : 650px;
margin : 20px 0 0 0;
padding : 0 0 6px 20px;
float : left;
text-align : left;
}
#contactus {
width : 900px;
margin : 20px 0 0 0;
padding : 0 0 6px 30px;
float : left;
text-align : left;
background-image : url(img/footer-logo.png);
background-position : right;
background-repeat : no-repeat;
}
#nav-wrapper {
margin : 39px 26px 39px 0;
width : 354px;
height : 82px;
float : none;
}
#nav-wrapper ul {
padding : 0;
margin : 0;
list-style : none;
}
.nav-btns li {
float : left;
display : inline;
padding : 0;
margin : 0;
}
.nav-btns #homelnk {
background-image : url(img/nav-home.png);
width : 83px;
}
.nav-btns #serviceslnk {
background-image : url(img/nav-services.png);
width : 101px;
}
.nav-btns #projectslnk {
background-image : url(img/nav-projects.png);
width : 98px;
}
.nav-btns #bloglnk {
background-image : url(img/nav-blog.png);
width : 72px;
}
.nav-btns a {
background-position : 0 0;
height : 82px;
float : left;
text-indent : -5000px;
font-size : 0.9em;
overflow : hidden;
display : block;
background-color : transparent;
border : none;
padding : 0;
}
.nav-btns a:hover {
background-position : 0 82px;
}
.nav-btns a.current {
background-position : 0 82px;
}
.btn-links {
width : 138px;
margin : 12px 0 0 0;
text-align : left;
}
.btn-links ul {
padding : 0;
margin : 0;
list-style : none;
}
.btn-links li {
float : left;
display : inline;
padding : 0;
margin : 0;
}
.btn #getintouchlnk {
background-image : url(img/btn-get-in-touch.png);
width : 138px;
}
.btn #getintouch1lnk {
background-image : url(img/btn-get-in-touch.png);
width : 138px;
}
.btn #featuredlnk {
background-image : url(img/btn-tell-me.png);
width : 138px;
}
.btn #featured1lnk {
background-image : url(img/btn-tell-me.png);
width : 138px;
}
.btn #showme1lnk {
background-image : url(img/btn-show-me.png);
width : 138px;
}
.btn #showme2lnk {
background-image : url(img/btn-show-me.png);
width : 138px;
}
.btn #showme3lnk {
background-image : url(img/btn-show-me.png);
width : 138px;
}
.btn #showme4lnk {
background-image : url(img/btn-show-me.png);
width : 138px;
}
.btn #showme5lnk {
background-image : url(img/btn-show-me.png);
width : 138px;
}
.btn #showme6lnk {
background-image : url(img/btn-show-me.png);
width : 138px;
}
.btn #showme7lnk {
background-image : url(img/btn-show-me.png);
width : 138px;
}
.btn #showme8lnk {
background-image : url(img/btn-show-me.png);
width : 138px;
}
.btn #showme9lnk {
background-image : url(img/btn-show-me.png);
width : 138px;
}
.btn #showme10lnk {
background-image : url(img/btn-show-me.png);
width : 138px;
}
.btn #showme11lnk {
background-image : url(img/btn-show-me.png);
width : 138px;
}
.btn #showme12lnk {
background-image : url(img/btn-show-me.png);
width : 138px;
}
.btn #seeworklnk {
background-image : url(img/btn-see-work.png);
width : 138px;
}
.btn #skypelnk {
background-image : url(img/btn-skype.png);
width : 138px;
}
.btn a {
background-position : 0 0;
height : 32px;
float : left;
text-indent : -5000px;
font-size : 0.9em;
overflow : hidden;
display : block;
border : none;
background-color : transparent;
padding : 0;
}
.btn a:hover {
background-position : 0 32px;
}
#anchor {
background-color : transparent;
height : 0;
width : 0;
}
#table-wrapper {
width : 540px;
height : 460px;
margin : 0 0 30px 0;
overflow : auto;
}
.checklist {
color : white;
line-height : 20px;
}
.icon {
width : 20px;
border-bottom : 1px solid #989ca7;
padding : 4px 0 6px 0;
}
.label {
font-size : 12px;
width : 200px;
border-bottom : 1px solid #989ca7;
padding : 5px 0;
}
.comment {
font-size : 10px;
width : 270px;
border-bottom : 1px solid #989ca7;
padding : 5px 0;
color : white;
}
.comment-head {
font-size : 14px;
color : #23262c;
}
.title {
font-size : 14px;
border-bottom : 1px solid #989ca7;
padding : 5px 0;
color : #23262c;
}

↑ Top