W3C CSS Validator results for http://www.elitedjservices.net (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?uri=http%3A%2F%2Fwww.elitedjservices.net&profile=css3&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 (3)

URI : http://www.elitedjservices.net/style.css

45 Same colors for color and background-color in two contexts #contact-form input:focus and #content h4.pullquote
45 Same colors for color and background-color in two contexts #contact-form textarea:focus and #content h4.pullquote
45 Same colors for color and background-color in two contexts body and #content h4.pullquote

↑ 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/background.jpg) 50% 0% no-repeat #100605;
}
#wrap {
width : 890px;
margin : auto;
}
#menu {
clear : both;
background : url(images/menu-bg.png);
width : 890px;
margin-top : 10px;
height : 35px;
border-top : 1px solid #6f0f05;
}
#nav {
width : 100%;
margin : auto;
line-height : 13px;
}
#nav a {
float : left;
padding : 0;
margin-top : 10px;
margin-right : 15px;
margin-left : 25px;
text-indent : -9000px;
background-repeat : no-repeat;
}
#nav li a:hover {
background-position : 0% -17px;
}
#nav li {
line-height : 13px;
display : inline;
}
li.home a {
background : url(images/nav/home.gif);
width : 46px;
}
li.about a {
background : url(images/nav/about.gif);
width : 81px;
}
li.contact a {
background : url(images/nav/contact.gif);
width : 74px;
}
li.photo a {
background : url(images/nav/photo.gif);
width : 131px;
}
li.quote a {
background : url(images/nav/quote.gif);
width : 147px;
height : 15px;
}
#nav li.quote a:hover {
background-position : 0% -16px;
}
li.testimonials a {
background : url(images/nav/testimonials.gif);
width : 117px;
}
#content {
background : url(images/menu-bg.png);
width : 100%;
margin-bottom : 30px;
}
#content h1 {
padding : 10px 10px 10px 25px;
color : #95795a;
font-family : Georgia, "Times New Roman", Times, serif;
font-weight : 300;
font-size : 22px;
letter-spacing : 1.5px;
}
#content p {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
line-height : 1.6em;
color : #eee;
padding-left : 25px;
margin-bottom : 10px;
}
#content a, #content a:visited {
color : #8d411c;
}
#content a:hover {
color : #eace77;
text-decoration : none;
}
#content hr {
clear : both;
margin : 10px;
border-color : #211b07;
border-style : solid;
border-width : 1px 0 0;
height : 0;
}
#tagline {
width : 890px;
height : 365px;
background : url(images/turntables.jpg);
}
#tagline img {
float : right;
margin-top : 130px;
}
div.photogallery {
text-align : center;
}
.testimonial {
width : 50%;
float : left;
}
#content h4.pullquote {
padding : 10px 20px;
width : 200px;
margin : 10px 10px 10px 20px;
border-top-width : 2px;
border-bottom-width : 2px;
border-top-style : solid;
border-bottom-style : solid;
border-top-color : #694e1c;
border-bottom-color : #694e1c;
font-size : 20px;
text-align : left;
line-height : 1.5em;
font-family : Georgia, "Times New Roman", Times, serif;
font-style : italic;
color : #fff;
font-weight : normal;
}
.right {
float : right;
}
.left {
float : left;
}
.bike {
margin-left : 60px;
}
#contact {
float : left;
padding-right : 10px;
}
#contact-form .form {
float : left;
margin-right : 12px;
}
#contact-form fieldset {
border : 0;
margin : 0;
padding : 0;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
}
#contact-form label {
display : block;
margin-top : 10px;
margin-bottom : 4px;
color : #eee;
}
#contact-form input {
margin-bottom : 10px;
}
#contact-form input.text, #contact-form textarea {
background-color : #eaeaea;
width : 440px;
font-size : 1em;
font-family : "Courier New", Courier, monospace;
color : #333;
padding : 4px;
margin : 1px 0;
border : 2px solid #aaa;
vertical-align : bottom;
}
#contact-form input.submit {
height : 35px;
padding : 0 5px;
font : bold 12px/12px verdana, arial, sans-serif;
}
#contact-form input:focus, #contact-form textarea:focus {
border : 2px solid #8c2c09;
padding : 4px;
font-size : 1em;
background-color : #fff;
}
#contact-info {
float : left;
margin-right : 50px;
}
#sub {
width : 860px;
margin : auto;
}
.secondary {
background : #100f0f;
float : left;
width : 270px;
height : 260px;
margin-bottom : 10px;
padding-bottom : 10px;
position : relative;
}
.secondary h2 {
font-family : Georgia, "Times New Roman", Times, serif;
font-weight : 300;
font-size : 20px;
letter-spacing : 0.8px;
color : #8d411c;
padding : 10px 10px 10px 15px;
}
.center {
margin : 0 25px;
}
#content .secondary p {
padding : 0 5px 0 15px;
margin-bottom : 5px;
}
.contact {
background : url(images/contact.gif) no-repeat;
}
.quote {
background : url(images/sendinfo.gif) no-repeat;
}
.pics {
background : url(images/viewpics.gif) no-repeat;
}
.button {
display : block;
width : 106px;
height : 28px;
background-position : 0% -28px;
float : right;
position : absolute;
bottom : 10px;
right : 10px;
}
.button:hover {
background-position : 0% 0%;
}
.button span {
display : none;
}
em {
font-style : italic;
}
img.logo {
margin-left : 20px;
}
img.mixer {
float : right;
margin : 15px;
}
p.logo {
float : right;
color : #f3f3f3;
margin-top : 32px;
margin-right : 20px;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
line-height : 1.3em;
}
#footer {
clear : both;
padding : 12px 10px 10px 10px;
margin-top : 10px;
border-top : 1px solid #211b07;
}
#content #footer p, #footer ul#footernav li {
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
color : #574d48;
}
#footernav {
margin-bottom : 10px;
}
#footernav li {
display : inline;
padding : 10px 20px 10px 0;
list-style : none;
}
#footernav li a, #footernav li a:visited {
color : #574d48;
text-decoration : none;
}
#footernav li a:hover {
color : #8d411c;
}
#footernav a {
text-decoration : none;
}
#footer strong {
font-weight : bold;
}
#footer .left {
margin-right : 20px;
}
#meta {
float : right;
line-height : 18px;
margin-top : 10px;
}
#meta a {
float : left;
padding : 0;
margin : 5px;
text-indent : -9000px;
}
#meta li {
display : inline;
float : left;
}
li.xhtml a {
background : url(images/footer/xhtml.gif);
height : 18px;
width : 81px;
background-position : 0% -51px;
}
li.xhtml a:hover {
background-position : 0% -10px;
}
li.css a {
background : url(images/footer/css.gif);
height : 18px;
width : 81px;
background-position : 0% -51px;
}
li.css a:hover {
background-position : 0% -10px;
}
li.designer a {
background : url(images/footer/jbrons.gif);
height : 18px;
width : 93px;
background-position : 0% -51px;
}
li.designer a:hover {
background-position : 0% -10px;
}

↑ Top