W3C CSS Validator results for http://www.pixelshell.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/">
        <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/">
    <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=www.pixelshell.com&profile=css3
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, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
margin : 0;
padding : 0;
}
h1, h2, h3, h4, h5, h6 {
font-size : 100%;
}
ol, ul {
list-style : none;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style : normal;
font-weight : normal;
}
fieldset, img {
border : 0;
}
caption, th {
text-align : left;
}
q:before, q:after {
content : '';
}
:focus {
outline : 0;
}
html {
text-align : center;
}
body {
position : relative;
min-width : 790px;
margin : 0 auto;
text-align : left;
font-family : Arial, sans-serif;
font-size : 13px;
line-height : 1.5em;
background : #222;
}
h1 {
font-size : 22px;
font-weight : normal;
padding : 0 0 0.7em 0;
}
h2 {
color : #920000;
padding : 0.2em 0 0.5em 0;
font-size : 19px;
font-weight : normal;
}
h3 {
font-size : 17px;
padding : 3px 0 3px 0;
font-weight : normal;
}
h3 a {
font-weight : normal;
}
h3 .focus {
color : #2a699a;
font-size : 16px;
}
h4 {
font-size : 14px;
}
.focus {
color : #2a699a;
font-size : 14px;
}
.clarity {
color : #777;
font-size : 15px;
}
p {
padding : 0 0 1em 0;
}
.author {
color : #999;
}
.red {
color : #980000;
}
a {
color : #cc0000;
padding : 0 2px;
font-weight : bold;
text-decoration : none;
border-bottom : 1px solid #dfdfdf;
}
a:hover {
color : #ff9900;
background : #fffae0;
border-bottom : none;
}
strong {
font-weight : bold;
}
em {
font-style : italic;
}
.clear {
clear : both;
height : 25px;
}
#branding {
height : 140px;
background : #222 url(images/branding.gif) repeat-x;
border-bottom : 3px solid #000;
}
#logo {
width : 780px;
height : 110px;
margin : 0 auto;
padding : 22px 0 0 0;
}
#logo a, #logo a:hover {
padding : 0;
margin : 0;
border : none;
background : none;
}
#navigation {
position : relative;
background : #8e0f00 url(images/tabs.gif) repeat-x;
height : 2.4em;
border-bottom : 3px solid #6f0900;
}
#navigation ul {
position : relative;
left : 50%;
margin : 0 0 0 -390px;
list-style : none;
float : left;
}
#navigation ul li {
float : left;
background : transparent;
padding-left : 5px;
}
#navigation li a {
display : block;
text-decoration : none;
float : left;
background : transparent;
padding : 0.6em 1em 0.3em 0.7em;
font-family : Arial, sans-serif;
font-size : 15px;
color : #fff;
text-shadow : #000 0 0 2px;
font-weight : bold;
border-bottom : none;
}
#navigation ul li a:hover {
color : #ff9900;
}
body#home_page #home_tab, body#about_page #about_tab, body#services_page #services_tab, body#files_page #files_tab, body#guides_page #guides_tab, body#contact_page #contact_tab, body#blog_page #blog_tab {
background : #f5f5f5 url(images/tab-left.gif) no-repeat top left;
}
body#home_page #home_link, body#about_page #about_link, body#services_page #services_link, body#files_page #files_link, body#guides_page #guides_link, body#contact_page #contact_link, body#blog_page #blog_link {
background : #f5f5f5 url(images/tab-right.gif) no-repeat top right;
color : #000;
text-shadow : #e7decf 0 0 2px;
border-bottom : 3px solid #f5f5f5;
}
#searchform {
position : relative;
color : #ec9320;
padding : 0.5em 0 0.5em 0;
padding-left : 35px;
white-space : nowrap;
}
#search fieldset {
border : none;
padding : 0;
}
#search-form {
background : url(images/bg_search_box.gif) no-repeat;
width : 184px;
height : 24px;
padding : 0;
margin : 0;
}
#search-form #s {
background : none;
float : left;
padding : 6px 0 0 5px;
margin : 0;
border : none;
width : 159px;
color : #999;
font-size : 11px;
}
#search-form #go {
float : right;
margin : 4px 2px 0 0;
width : 18px;
height : 16px;
}
#cellotape {
position : absolute;
left : 50%;
margin-left : -50px;
top : -24px;
width : 81px;
height : 47px;
}
#unpacking {
position : absolute;
left : 50%;
margin-left : -290px;
bottom : 15px;
width : 275px;
height : 228px;
}
#unpacktext {
position : relative;
padding-left : 165px;
z-index : 10;
}
.highlighter {
background : #ffefa0;
font-weight : bold;
padding : 0 2px;
}
#container {
padding-top : 20px;
position : relative;
background : #f5f5f5 url(images/container.gif) repeat-x bottom;
}
#content {
position : relative;
width : 780px;
margin : auto;
}
#main {
position : relative;
background : transparent url(images/main.gif) no-repeat;
width : 500px;
float : left;
padding : 20px 25px 0 25px;
min-height : 400px;
}
#main ul {
list-style : square;
padding-left : 20px;
color : #777;
}
#main li {
color : #000;
font-weight : bold;
font-size : 14px;
padding-top : 6px;
}
#main_full {
position : relative;
background : transparent url(images/main_full.gif) no-repeat;
width : 730px;
float : left;
padding : 20px 25px 0 25px;
min-height : 400px;
}
#main_full img {
border : 0;
padding : 0;
margin : 0;
}
#sidebar {
color : #555;
position : relative;
width : 205px;
float : right;
padding : 20px 0 0 25px;
font-size : 12px;
}
#sidebar h2 {
border-bottom : 2px solid #ddd;
padding : 0 0 0.3em 0;
margin : 0 0 0.5em 0;
}
#sidebar ul li a {
display : block;
background : #fafafa;
padding : 5px 16px;
font-size : 14px;
text-decoration : none;
border-bottom : 1px solid #ddd;
}
#sidebar li.first {
display : block;
text-decoration : none;
border-top : 1px solid #ddd;
}
#sidebar li a:hover {
background : #fff;
}
#sidebar li a.active {
background : #fff;
}
.usp {
clear : both;
}
.usp_image {
float : left;
}
.usp img {
width : 32px;
height : 32px;
}
.usp_text {
float : right;
width : 165px;
text-align : left;
padding-left : 8px;
padding-bottom : 1em;
}
#usp_conclude {
clear : both;
}
.special {
position : relative;
background : #fff6ca url(images/special.gif) no-repeat bottom;
padding : 15px 20px 10px 20px;
margin : 5px 0 15px 0;
font-size : 15px;
line-height : 1.4em;
}
.special a {
border-bottom-color : #d6cda5;
}
.special a:hover {
color : #ff9000;
background-color : #ffefa6;
}
.highlight {
background : #f8f2e6;
padding : 15px 20px 0 20px;
border : 1px dashed #adadad;
margin : 5px 0 15px 0;
}
.note {
font-size : 17px;
color : #cb0018;
}
.arrows {
color : #eeac40;
}
.portfolio {
background : #ebebeb;
border : 1px solid #d1d1d1;
padding : 10px;
margin-bottom : 15px;
min-height : 150px;
}
.portfolio img {
position : relative;
float : left;
padding-right : 15px;
}
.portfoliotitle {
font-size : 11pt;
font-weight : bold;
color : #a30000;
}
.benefits_left img {
float : left;
margin-right : 10px;
}
.benefits_right img {
float : right;
margin-left : 10px;
}
.code {
color : #294c5c;
padding : 20px;
background : #d0dce2;
border : 1px dashed #99b2bd;
font-weight : bold;
font-family : "Courier New", sans-serif;
margin-bottom : 1em;
}
code {
display : block;
color : #294c5c;
padding : 20px;
background : #d0dce2;
border : 1px dashed #99b2bd;
font-weight : bold;
font-family : "Courier New", sans-serif;
margin-bottom : 1em;
}
.image img {
background : #ebebeb;
border : 1px solid #d1d1d1;
padding : 5px;
}
.caption {
font-size : 8pt;
font-family : Verdana, sans-serif;
color : #2a699a;
padding-bottom : 1em;
}
#dmitry {
background : #ebebeb;
border : 1px solid #d1d1d1;
width : 200px;
padding : 20px;
margin-right : 5px;
margin-bottom : 1em;
float : left;
}
#myles {
background : #ebebeb;
border : 1px solid #d1d1d1;
width : 200px;
padding : 20px;
margin-left : 5px;
margin-bottom : 1em;
float : right;
}
#contact_tel {
padding-left : 40px;
background : url(images/callskype.gif) no-repeat 0 2px;
}
#contact_mobile {
padding-left : 40px;
background : url(images/callmobile.png) no-repeat 0 2px;
}
#contact_email {
padding-left : 40px;
background : url(images/writeemail.gif) no-repeat 0 2px;
}
#clientform input, textarea {
font-size : 10pt;
font-family : Arial, san-serif;
padding : 3px;
}
#clientform fieldset {
font-size : 10pt;
background : #ebebeb;
padding : 5px 20px;
border : 1px solid #d1d1d1;
margin-bottom : 10px;
}
#clientform legend {
color : #000;
font-size : 13pt;
padding : 5px 10px;
}
.field_description {
color : #a5a5a5;
font-size : 9pt;
}
.required_field {
color : #ff0000;
font-weight : bold;
}
#information {
background : #961400 url(images/contact.gif) repeat-x bottom;
border-top : 3px solid #6f0900;
}
#information p {
padding : 0;
}
#information a {
color : #ff7045;
border-bottom : 1px solid #a7320e;
}
#information a:hover {
color : #ffae00;
background : #973000;
border-bottom : none;
}
#information h4 {
text-shadow : #000 0 0 2px;
color : #ffaa3b;
font-size : 1.4em;
padding : 0.5em 0;
font-weight : bold;
}
#contact .ccolor {
color : #ffaa3b;
}
#contact {
color : #fff;
width : 780px;
margin : 0 auto;
}
#direct {
position : relative;
width : 205px;