W3C CSS Validator results for http://www.aesampsonandson.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%2Fwww.aesampsonandson.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 (13)

URI : http://www.aesampsonandson.com/css/sampson.css

131 .footer_right In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected
258 #enviropic In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected
372 #sitemap In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected
377 Same colors for color and background-color in two contexts #woodDescriptions and #sitemap a
377 Same colors for color and background-color in two contexts #content2 and #sitemap a
377 Same colors for color and background-color in two contexts .linkBoxleft and #sitemap a
377 Same colors for color and background-color in two contexts .flooringBox and #sitemap a
377 Same colors for color and background-color in two contexts #contactRight and #sitemap a
377 Same colors for color and background-color in two contexts #contactLeft and #sitemap a
377 Same colors for color and background-color in two contexts .linkBoxright and #sitemap a
408 #mainNav In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected
470 #secondaryNav ul In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected
474 #secondaryNav ul li In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected

↑ Top

Valid CSS information

@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0;
padding : 0;
border : 0;
outline : 0;
font-weight : inherit;
font-style : inherit;
font-size : 100%;
font-family : inherit;
vertical-align : baseline;
}
:focus {
outline : 0;
}
body {
line-height : 1;
color : black;
background : white;
}
ol, ul {
list-style : none;
}
table {
border-collapse : separate;
border-spacing : 0;
}
caption, th, td {
text-align : left;
font-weight : normal;
}
blockquote:before, blockquote:after, q:before, q:after {
content : "";
}
blockquote, q {
quotes : "" "";
}
body {
background : url(../images/pattern.jpg) repeat fixed top left;
color : #fff;
font-family : "Lucida Grande", Arial, Helvetica, sans-serif;
font-size : 95%;
}
#mainContainer {
width : 800px;
margin : 20px auto;
}
a[href$=".pdf"] {
background : transparent url(../images/pdf.png) no-repeat center right;
display : inline-block;
padding-right : 20px;
line-height : 15px;
}
h1 {
font-family : Georgia;
}
.content {
width : 800px;
padding : 20px 0;
margin-top : 10px;
background-color : #4b3106;
}
#content2 {
width : 760px;
margin : 0 20px;
background-color : #6d4c15;
}
#indexCopyBox {
width : 330px;
margin : 0 10px;
padding : 10px 0;
}
#indexCopyBox p {
padding-top : 13px;
line-height : 1.1em;
}
#footer {
margin : 10px 0;
background-color : #4b3106;
width : 800px;
height : 60px;
}
#footer img {
width : 25px;
height : 50px;
float : left;
margin : 5px 15px 5px 15px;
}
.footer_right {
float : right;
display : block;
margin-right : 20px;
margin-top : -6px;
text-align : right;
}
.dropcapwide {
float : left;
font-family : georgia;
font-size : 4em;
line-height : 80%;
width : 1.05em;
}
.flooringBox {
width : 760px;
height : 92px;
background-color : #6d4c15;
margin : 0 20px;
}
.flooringBox img {
border : 1px solid #000;
margin : 5px;
float : left;
}
.flooringBox img a {
border-color : #ff0000;
}
.flooringBox p {
padding-top : 4px;
font-size : 85%;
}
.flooringBox h1 {
padding-top : 5px;
text-transform : uppercase;
font-family : Georgia;
font-weight : bold;
}
#woodDescriptions {
width : 330px;
margin : 0 10px;
padding : 10px 0;
background-color : #6d4c15;
}
#woodpicsRight {
float : right;
width : 100px;
margin : 320px 10px 0 0;
}
#woodpicsRightV {
float : right;
width : 100px;
margin : 420px 10px 0 0;
}
#woodpicsRight img {
border : 1px solid #4b3106;
margin-bottom : 5px;
}
#woodpicsRightV img {
border : 1px solid #4b3106;
margin-bottom : 5px;
}
#woodpicsRightLarge img {
border : 1px solid #4b3106;
margin-bottom : 5px;
}
#woodpicsRightLargeV img {
border : 1px solid #4b3106;
margin-bottom : 5px;
}
#woodpicsRightLarge {
width : 290px;
margin : 8px 10px 0 10px;
float : right;
}
#woodpicsRightLargeV {
width : 190px;
margin : 8px 10px 0 10px;
float : right;
}
#comingsoon {
background-image : url(images/comingsoon.gif);
width : 400px;
height : 80px;
margin : auto;
}
#intrans {
width : 800px;
height : 500px;
}
#linkTrans {
height : 40px;
}
.stairTrans {
height : 40px;
}
#intrans h1 {
text-align : center;
margin-right : 20px;
font-size : 100%;
font-style : italic;
}
#intrans a {
color : #8cc63f;
}
#monoSlideshow1 {
float : right;
margin : 26px 10px;
width : 370px;
height : 554px;
}
#monoSlideshow2 {
margin : 10px auto;
width : 800px;
height : 550px;
color : #000;
}
#googleMap {
float : right;
margin : 26px 10px;
width : 740px;
height : 350px;
border : 2px solid #000;
}
#enviropic {
float : right;
margin : 26px 10px;
}
#enviropic img {
padding-bottom : 10px;
}
#contactForm {
width : 450px;
margin-left : 20px;
padding-bottom : 1px;
}
#contactFormError {
width : 450px;
color : #000;
margin : 5px;
padding : 5px 0;
line-height : 2em;
font-weight : bold;
font-size : 85%;
}
#contactFormError img {
background : url(images/error.png) no-repeat bottom;
margin : 5px 5px 0 5px;
}
#contactForm p, .address {
font-size : 140%;
}
label {
float : left;
text-align : right;
padding-right : 10px;
width : 100px;
font-weight : bold;
margin-top : 15px;
}
input, textarea {
width : 210px;
margin-bottom : 5px;
margin-top : 15px;
background-color : #fff9ef;
font-size : 90%;
}
textarea {
width : 215px;
height : 250px;
}
#contactLeft h4 {
font-size : 60%;
margin-left : 175px;
padding : 10px 0;
}
#submitbutton {
margin-left : 250px;
margin-top : 5px;
width : 75px;
margin-bottom : 20px;
}
.indexBottom {
height : 30px;
background : url(images/trans.gif) repeat-x bottom left;
}
.linkBoxleft {
width : 370px;
height : 100%;
background-color : #6d4c15;
margin : 0 20px 10px 20px;
text-align : center;
padding : 10px 0;
}
.linkBoxleft a {
line-height : 1.5em;
}
.linkBoxright {
float : right;
display : block;
width : 370px;
height : 100%;
background-color : #6d4c15;
margin : 0 20px 10px 20px;
text-align : center;
padding : 10px 0;
}
.linkBoxright img {
margin-bottom : 10px;
border : 1px solid #000;
}
#stairPic {
float : right;
width : 400px;
margin : 10px 10px 0 0;
}
#contactLeft {
width : 350px;
height : 100%;
background-color : #6d4c15;
margin : 0 20px 10px 20px;
padding : 10px 0;
}
.linkBoxleft a {
line-height : 1.5em;
}
#contactRight {
float : right;
width : 350px;
background-color : #6d4c15;
margin : -11px 20px 10px 20px;
padding : 10px 0;
}
#sitemap {
float : right;
margin-right : 105px;
font-size : 50%;
}
#sitemap a {
color : #6d4c15;
}
.commentBoxPhoto {
width : 710px;
margin : auto;
background : url(../images/openquote.gif) no-repeat top left;
margin : 20px auto 30px;
padding : 0 15px 20px;
border-bottom : 1px solid #4b3106;
}
.commentBoxPhoto h2 {
padding-right : 30px;
font-style : oblique;
padding-top : 5px;
text-align : right;
}
.commentBoxPhoto img {
float : right;
border : 1px solid #000000;
margin : 18px 0 0 30px;
}
.clear {
clear : right;
}
#mainNav {
float : right;
margin-top : -60px;
margin-right : 0;
text-align : right;
text-transform : uppercase;
line-height : 1.5em;
font-weight : bold;
}
#bigNav {
font-size : 180%;
line-height : 1.5em;
}
#smallNav {
font-size : 120%;
}
#mainNav #secondaryNav, a:link, a:visited {
color : #fffac6;
text-decoration : none;
}
#mainNav #secondaryNav, a:hover {
color : #8cc63f;
}
#sitemap a:hover {
color : #8cc63f;
}
#flooringBox a:hover h1 {
color : #8cc63f;
}
.more {
font-size : 90%;
color : #8cc63f;
}
.more a {
color : #8cc63f;
}
.flooringBox A:visited img {
border : 1px solid #000000;
}
.flooringBox A:active img {
border : 1px solid #8cc63f;
}
.flooringBox A:hover img {
border : 1px solid #8cc63f;
}
.commentBoxPhoto a:hover img {
border : 1px dashed #8cc63f;
}
#secondaryNav {
width : 800px;
padding : 0 0 30px 0;
text-align : center;
border-bottom : 1px solid #fff;
font-size : 65%;
line-height : 1.5em;
font-weight : bold;
}
#secondaryNav ul {
text-transform : uppercase;
margin : auto;
float : left;
}
#secondaryNav ul li {
margin-left : 18px;
float : left;
}
#northamerican #secondaryNav .northamerican a, #maine #secondaryNav .maine a, #international #secondaryNav .international a, #stairs #secondaryNav .stairs a, #paneling #secondaryNav .paneling a, #about #secondaryNav .history a, #about #secondaryNav .comments a, #about #secondaryNav .environmental a, #about #secondaryNav .samples a, #about #secondaryNav .install a, #about #secondaryNav .links a, #about #smallNav .about, #contact #smallNav .contact {
color : #8cc63f;
}
#pageMap {
font-size : 75%;
margin : -4px 0 10px 20px;
}
#footer a {
color : #a07a3b;
}
#footer a:hover {
color : #8cc63f;
}
#map a {
color : #8cc63f;
font-size : 80%;
}
.textLink a, .linkBoxleft a {
color : #8cc63f;
}
.textLink a:hover, .linkBoxleft a:hover {
text-decoration : underline;
}
.siteMapList {
margin : auto;
padding : 10px 0;
}
.SMhead {
font-size : 150%;
}
.SMsub1 {
font-size : 120%;
margin-left : 15px;
padding-top : 5px;
text-decoration : underline;
}
.SMsub2 {
font-size : 100%;
margin-left : 45px;
padding-top : 5px;
padding-bottom : 5px;
line-height : 1.2em;
list-style : square;
}
.SMsub3 {
font-size : 85%;
padding-left : 30px;
padding-bottom : 7px;
list-style : url(images/bullet_white.gif);
}
#flooringBox h1 {
font-size : 130%;
color : #fffac6;
padding : 2px 0;
}
#indexCopyBox h1 {
font-size : 110%;
color : #fffac6;
padding : 2px 0;
text-decoration : underline;
}
#installCopyBox p {
padding-top : 10px;
}
#woodDescriptions h1 {
font-size : 200%;
}
#woodDescriptions h2 {
font-size : 126%;
line-height : 1.3em;
font-style : italic;
font-weight : bold;
text-decoration : underline;
}
#woodDescriptions h3 {
font-size : 105%;
font-weight : bold;
}
#woodDescriptions p {
margin : 15px 0;
line-height : 1.1em;
}
strong {
font-weight : bold;
}
em, .em {
font-style : italic;
}
.indent {
margin-left : 20px;
}
.enlargetext {
font-size : 75%;
margin-left : 629px;
}
#footer p {
font-size : 75%;
color : #a07a3b;
padding : 15px 0 0 50px;
line-height : 1.3em;
}
.inter_text {
font-size : 112%;
font-style : italic;
text-align : center;
margin : 20px;
}
#contactText h1 {
font-size : 150%;
font-weight : bold;
line-height : 2.1em;
margin-left : 20px;
text-decoration : underline;
}
#contactText h2 {
font-size : 140%;
font-style : italic;
margin-left : 20px;
}
#aboutText p {
padding-top : 13px;
line-height : 1.1em;
}
#contactText p {
padding-top : 13px;
line-height : 1.1em;
}
#map p {
color : #000;
line-height : 1.2em;
}
.required {
color : #ff0000;
}
.linkBoxright h1 {
font-size : 110%;
color : #fffac6;
padding : 2px 0;
text-decoration : underline;
}
#contactLeft h1, #contactRight h1 {
font-size : 140%;
border-bottom : 1px solid #fff;
line-height : 1.5em;
width : 320px;
margin-bottom : 5px;
}
.tour {
text-align : center;
padding-bottom : 10px;
}
.tour a {
color : #8cc63f;
}

↑ Top