W3C CSS Validator results for http://teefdesign.com (CSS level 2.1)

Congratulations! No Error Found.

This document validates as CSS level 2.1 !

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?uri=http%3A%2F%2Fteefdesign.com&profile=css21&usermedium=all&warning=1
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

Warnings (8)

URI : http://teefdesign.com/main.css

86 Same colors for color and background-color in two contexts #content-bg and #nav a:hover
86 Same colors for color and background-color in two contexts #imageDataContainer and #nav a:hover
86 Same colors for color and background-color in two contexts #outerImageContainer and #nav a:hover
86 Same colors for color and background-color in two contexts #footer-alt and #nav a:hover
92 Same colors for color and background-color in two contexts #outerImageContainer and #at
92 Same colors for color and background-color in two contexts #imageDataContainer and #at
92 Same colors for color and background-color in two contexts #footer-alt and #at
92 Same colors for color and background-color in two contexts #content-bg and #at

↑ Top

Valid CSS information

html, body {
height : 100%;
margin : 0;
padding : 0;
font-family : "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
background : #75726c url(images/bg.png) repeat-x;
color : #fff;
min-width : 750px;
}
body {
font-size : 62.5%;
}
a {
outline : none;
}
#top {
background : #6a6762;
height : 1px;
width : 100%;
padding : 0;
margin : 0;
}
#mleft {
background : #75726c url(images/masthead_left.gif) no-repeat;
height : 146px;
width : 249px;
position : absolute;
float : left;
}
#logo {
background : url(images/logo-ie.png) no-repeat;
height : 59px;
width : 211px;
position : relative;
top : 18px;
left : 15px;
}
#mleft > #logo {
background : url(images/logo.png) no-repeat;
}
#masthead {
background : #75726c url(images/masthead.gif) repeat-x;
height : 83px;
width : 100%;
min-width : 725px;
position : relative;
}
#nav {
position : absolute;
bottom : 3px;
left : 250px;
font-size : 1.2em;
color : #bab9b6;
}
#nav > .divider {
position : absolute;
bottom : -3px;
}
#nav a:link, #nav a:visited {
text-decoration : none;
color : #bab9b6;
}
#nav a:hover {
color : #fff;
text-decoration : underline;
}
#at {
font-weight : bold;
color : #fff;
}
#content {
clear : both;
margin : 65px auto 0 auto;
padding : 5px 0 0 85px;
min-width : 725px;
width : 725px;
}
#statusbar {
position : relative;
top : 83px;
height : 72px;
background : url(images/status-overlay.gif) no-repeat;
width : 900px;
}
#statusbar .title {
color : #817c76;
font-size : 1.1em;
font-weight : bolder;
}
#statusbar .item {
padding : 13px 0 0 250px;
color : #d6cec3;
}
#statusbar a:link, #statusbar a:visited {
text-decoration : none;
color : #a3b8cb;
font-weight : normal;
}
#statusbar a:hover {
color : #a3b8cb;
text-decoration : underline;
font-weight : normal;
}
#statusbar .third {
height : 38px;
background : url(images/newsicon-platefull-top.png) no-repeat;
}
#status1 .copy {
padding : 5px 0 0 70px;
}
#status1 .note {
padding : 4px 0 0 70px;
color : #d6cec3;
font-size : 0.9em;
}
#status1 {
float : left;
margin-right : 5px;
}
#status2 {
float : left;
height : 63px;
position : relative;
}
#statdivider {
position : absolute;
bottom : 0;
}
#status3 {
float : left;
position : relative;
top : 13px;
}
#status3 .copy {
padding : 5px 0 0 25px;
}
#status3 .note {
padding : 4px 0 0 25px;
color : #d6cec3;
font-size : 0.9em;
}
#scrimcontainer {
position : relative;
height : 39px;
background : url(images/scrim-overlay.gif) no-repeat;
}
#subnav {
position : absolute;
left : 150px;
bottom : 3px;
font-size : 1.2em;
color : #666666;
min-width : 675px;
}
#subnav a:link, #subnav a:visited {
text-decoration : none;
color : #666;
}
#subnav a:hover {
color : #666;
text-decoration : underline;
}
#subnav > .subdivider {
position : absolute;
bottom : -2px;
}
#left {
float : left;
width : 100px;
clear : both;
}
#right {
float : right;
width : 100px;
}
#content-bg {
clear : both;
min-width : 725px;
background : #fff url(images/scrim-cropped.gif) repeat-x;
margin : 25px 100px 0 100px;
}
#content-about {
min-width : 725px;
}
#footer-alt {
clear : both;
text-align : center;
padding-bottom : 15px;
color : #bab9b6;
background : #fff;
min-width : 725px;
}
#footer-alt a:link, #footer-alt a:visited {
text-decoration : none;
color : #a3b8cb;
font-weight : normal;
}
#footer-alt a:hover {
color : #a3b8cb;
text-decoration : underline;
font-weight : normal;
}
#intro {
width : 660px;
margin-top : 25px;
clear : both;
color : #eee;
background : #595752;
position : relative;
font-size : 1.1em;
}
#introcontents {
padding : 10px 0 10px 25px;
}
#intro a:link, #intro a:visited {
text-decoration : none;
color : #a3b8cb;
}
#intro a:hover {
color : #a3b8cb;
text-decoration : underline;
}
#intro .corner-tleft {
position : absolute;
left : 0;
top : 0;
height : 1px;
width : 1px;
background : #75726c;
}
#intro .corner-tright {
position : absolute;
right : 0;
top : 0;
height : 1px;
width : 1px;
background : #75726c;
}
#intro .corner-bleft {
position : absolute;
left : 0;
bottom : 0;
height : 2px;
width : 1px;
background : #75726c;
}
#intro .corner-bright {
position : absolute;
right : 0;
bottom : 0;
height : 2px;
width : 1px;
background : #75726c;
}
.project {
width : 660px;
height : 290px;
margin-top : 25px;
clear : both;
}
.project > .info {
position : relative;
top : -78px;
margin : 6px 6px 6px 50px;
clear : left;
}
.title {
font-size : 1.2em;
font-weight : bold;
padding-top : 6px;
}
.title .note {
color : #bab9b6;
font-size : 0.83em;
font-weight : normal;
}
.title a:link, .title a:visited {
text-decoration : none;
color : #a3b8cb;
font-weight : normal;
}
.title a:hover {
color : #a3b8cb;
text-decoration : underline;
font-weight : normal;
}
.details {
padding-top : 4px;
}
.details p {
margin : 2px 0 0 0;
padding : 0;
}
.info a:link, .info a:visited {
text-decoration : none;
color : #a3b8cb;
}
.info a:hover {
color : #a3b8cb;
text-decoration : underline;
}
#divots {
clear : both;
margin-top : 25px;
}
#divotlg {
float : left;
}
#divotlg-top {
background : url(images/divot_large-top.gif) no-repeat;
width : 471px;
height : 7px;
}
#divotlg-middle {
background : #151513 url(images/divot_large-middle.gif) repeat-x;
width : 471px;
height : 200px;
}
#divotlg-bottom {
background : #75726c url(images/divot_large-bottom.gif) no-repeat;
width : 471px;
height : 7px;
}
.divotcontent {
padding : 1px 12px;
}
.divotcontent .title {
color : #817c76;
font-size : 1.1em;
font-weight : bolder;
}
.divotcontent .item {
padding : 10px 0;
color : #d6cec3;
}
.divotcontent .first {
height : 38px;
background : url(images/newsicon-teef.png) no-repeat;
}
.divotcontent .second {
height : 38px;
background : url(images/newsicon-progress.png) no-repeat;
}
.divotcontent .third {
height : 38px;
background : url(images/newsicon-platefull.png) no-repeat;
}
.divotcontent .copy {
padding : 5px 0 0 70px;
}
.divotcontent .note {
padding : 4px 0 0 70px;
color : #817c76;
font-size : 0.9em;
}
.divotcontent a:link, .divotcontent a:visited {
text-decoration : none;
color : #a3b8cb;
font-weight : normal;
}
.divotcontent a:hover {
color : #a3b8cb;
text-decoration : underline;
font-weight : normal;
}
#divotsm {
float : left;
padding-left : 12px;
}
#divotsm-top {
background : url(images/divot_sm-top.gif) no-repeat;
width : 177px;
height : 7px;
}
#divotsm-middle {
background : #151513 url(images/divot_sm-middle.gif) repeat-x;
width : 177px;
height : 200px;
position : relative;
}
#divotsm-bottom {
background : #75726c url(images/divot_sm-bottom.gif) no-repeat;
width : 177px;
height : 7px;
}
.divotcontent {
padding : 1px 12px;
}
.divotcontent .title {
color : #817c76;
font-size : 1.1em;
font-weight : bolder;
}
.divotcontent .item {
padding : 10px 0;
color : #d6cec3;
}
.divotcontent .note {
padding-top : 4px;
color : #817c76;
font-size : 0.9em;
}
.divotcontent a:link, .divotcontent a:visited {
text-decoration : none;
color : #a3b8cb;
font-weight : normal;
}
.divotcontent a:hover {
color : #a3b8cb;
text-decoration : underline;
font-weight : normal;
}
#twitter_div {
color : #d6cec3;
}
#twitter_div ul {
list-style-type : none;
padding : 0;
margin : 6px 0;
}
#twitter_div > ul {
list-style-type : none;
padding : 0;
}
#twitter_div li {
padding : 6px 0;
}
#twitter_div a:link, #twitter_div a:visited {
text-decoration : none;
color : #a3b8cb;
font-size : 0.9em !important ;
}
#twitter_div a:hover {
color : #a3b8cb;
text-decoration : underline;
font-size : 0.9em !important ;
}
#twittericon {
text-align : right;
position : absolute;
bottom : 0;
right : 5px;
}
#footer {
clear : both;
text-align : center;
padding : 15px 0;
color : #bab9b6;
}
#footer a:link, #footer a:visited {
text-decoration : none;
color : #a3b8cb;
font-weight : normal;
}
#footer a:hover {
color : #a3b8cb;
text-decoration : underline;
font-weight : normal;
}
.hide {
display : none;
}
#img-localyte {
background-image : url(images/localyte/localyte.jpg);
width : 660px;
height : 290px;
}
#img-localyte a {
background-image : url(images/localyte/localyte.jpg);
width : 660px;
height : 290px;
display : block;
}
#img-localyte a:hover {
background-image : url(images/localyte/localyte.jpg);
background-position : right;
}
#img-driverside {
background-image : url(images/driverside/driverside.jpg);
width : 660px;
height : 290px;
}
#img-driverside a {
background-image : url(images/driverside/driverside.jpg);
width : 660px;
height : 290px;
display : block;
}
#img-driverside a:hover {
background-image : url(images/driverside/driverside.jpg);
background-position : right;
}
#img-weblistings a:hover {
background-image : url(images/weblistings/weblistings.jpg);
background-position : right;
}
#img-weblistings {
background-image : url(images/weblistings/weblistings.jpg);
width : 660px;
height : 290px;
}
#img-weblistings a {
background-image : url(images/weblistings/weblistings.jpg);
width : 660px;
height : 290px;
display : block;
}
#img-weblistings a:hover {
background-image : url(images/weblistings/weblistings.jpg);
background-position : right;
}
#img-marketsquare {
background-image : url(images/marketsquare/marketsquare.jpg);
width : 660px;
height : 290px;
}
#img-marketsquare a {
background-image : url(images/marketsquare/marketsquare.jpg);
width : 660px;
height : 290px;
display : block;
}
#img-marketsquare a:hover {
background-image : url(images/marketsquare/marketsquare.jpg);
background-position : right;
}
#img-bullseye {
background-image : url(images/quickenpicks/quickenpicks.jpg);
width : 660px;
height : 290px;
}
#img-bullseye a {
background-image : url(images/quickenpicks/quickenpicks.jpg);
width : 660px;
height : 290px;
display : block;
}
#img-bullseye a:hover {
background-image : url(images/quickenpicks/quickenpicks.jpg);
background-position : right;
}
#img-prostores {
background-image : url(images/prostores/prostores.jpg);
width : 660px;
height : 290px;
}
#img-prostores a {
background-image : url(images/prostores/prostores.jpg);
width : 660px;
height : 290px;
display : block;
}
#img-prostores a:hover {
background-image : url(images/prostores/prostores.jpg);
background-position : right;
}
#img-opentango {
background-image : url(images/opentango/opentango.jpg);
width : 660px;
height : 290px;
}
#img-opentango a {
background-image : url(images/opentango/opentango.jpg);
width : 660px;
height : 290px;
display : block;
}
#img-opentango a:hover {
background-image : url(images/opentango/opentango.jpg);
background-position : right;
}
#img-guillegotan {
background-image : url(images/guillegotan/guillegotan.jpg);
width : 660px;
height : 290px;
}
#img-guillegotan a {
background-image : url(images/guillegotan/guillegotan.jpg);
width : 660px;
height : 290px;
display : block;
}
#img-guillegotan a:hover {
background-image : url(images/guillegotan/guillegotan.jpg);
background-position : right;
}
#img-illustrations {
background-image : url(images/illustrations/illustrations.jpg);
width : 660px;
height : 290px;
}
#img-illustrations a {
background-image : url(images/illustrations/illustrations.jpg);
width : 660px;
height : 290px;
display : block;
}
#img-illustrations a:hover {
background-image : url(images/illustrations/illustrations.jpg);
background-position : right;
}
#lightbox {
position : absolute;
left : 0;
width : 100%;
z-index : 100;
text-align : center;
line-height : 0;
}
#lightbox img {
width : auto;
height : auto;
}
#lightbox a img {
border : none;
}
#outerImageContainer {
position : relative;
background-color : #fff;
width : 250px;
height : 250px;
margin : 0 auto;
}
#imageContainer {
padding : 10px;
}
#loading {
position : absolute;
top : 40%;
left : 0%;
height : 25%;
width : 100%;
text-align : center;
line-height : 0;
}
#hoverNav {
position : absolute;
top : 0;
left : 0;
height : 100%;
width : 100%;
z-index : 10;
}
#imageContainer > #hoverNav {
left : 0;
}
#hoverNav a {
outline : none;
}
#prevLink, #nextLink {
width : 49%;
height : 100%;
background-image : url(data:image/gif;base64,AAAA);
display : block;
}
#prevLink {
left : 0;
float : left;
}
#nextLink {
right : 0;
float : right;
}
#prevLink:hover, #prevLink:visited:hover {
background : url(images/prevlabel.gif) no-repeat left 50%;
}
#nextLink:hover, #nextLink:visited:hover {
background : url(images/nextlabel.gif) no-repeat right 50%;
}
#imageDataContainer {
font : 10px "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
background-color : #fff;
margin : 0 auto;
line-height : 1.4em;
overflow : auto;
width : 100%;
}
#imageData {
padding : 0 10px;
color : #666;
}
#imageData #imageDetails {
width : 70%;
float : left;
text-align : left;
}
#imageData #caption {
font-weight : bold;
}
#imageData #numberDisplay {
display : block;
clear : left;
padding-bottom : 1em;
}
#imageData #bottomNavClose {
width : 66px;
float : right;
padding-top : 0.5em;
outline : none;
}
#overlay {
position : absolute;
top : 0;
left : 0;
z-index : 90;
width : 100%;
height : 500px;
background-color : #000;
}

↑ Top