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

Sorry! We found the following errors (11)

URI : http://www.safarista.com/style.css

867 .services img:hover Property -moz-border-radius doesn't exist : 6px
867 .services img:hover Property -webkit-border-radius doesn't exist : 6px
894 p.more-info Property -moz-border-radius doesn't exist : 6px
894 p.more-info Property -webkit-border-radius doesn't exist : 6px
895 .more-info a Property -moz-border-radius doesn't exist : 6px
895 .more-info a Property -webkit-border-radius doesn't exist : 6px
898 p.buy-now Property -moz-border-radius doesn't exist : 6px
898 p.buy-now Property -webkit-border-radius doesn't exist : 6px
899 .buy-now a Property -moz-border-radius doesn't exist : 6px
899 .buy-now a Property -webkit-border-radius doesn't exist : 6px
914 figure Value Error : text-align centre is not a text-align value : centre

↑ Top

Warnings (3)

URI : http://www.safarista.com/style.css

156 Same colors for color and background-color in two contexts a.learn and a:hover
401 Same colors for color and background-color in two contexts #main-menu a:hover and #social-media-icons p
919 Same colors for color and background-color in two contexts a.learn and figure figcaption a

↑ Top

Valid CSS information

#container {
width : 580px;
padding : 10px;
margin : 0 auto;
position : relative;
z-index : 0;
}
#example {
width : 960px;
height : 300px;
position : relative;
}
#ribbon {
position : absolute;
top : -3px;
left : -15px;
z-index : 500;
}
#frame {
position : absolute;
z-index : 0;
width : 739px;
height : 441px;
top : -3px;
left : -80px;
}
#slides {
position : absolute;
left : 35px;
z-index : 100;
}
.slides_container {
width : 900px;
overflow : hidden;
position : relative;
display : none;
}
.slides_container a {
width : 900px;
height : 300px;
display : block;
}
#slides .next, #slides .prev {
position : absolute;
top : 107px;
left : -38px;
width : 24px;
height : 43px;
display : block;
z-index : 101;
}
#slides .next {
left : 900px;
}
.pagination {
margin : 20px auto 0;
width : 100px;
}
.pagination li {
float : left;
margin : 0 1px;
list-style : none;
}
.pagination li a {
display : block;
width : 12px;
height : 0;
padding-top : 12px;
background-image : url(images/pagination.png);
background-position : 0% 0%;
float : left;
overflow : hidden;
}
.pagination li.current a {
background-position : 0% -12px;
}
#container {
width : 580px;
padding : 10px;
margin : 0 auto;
position : relative;
z-index : 0;
}
#example {
width : 960px;
height : 299px;
position : relative;
}
#ribbon {
position : absolute;
top : -3px;
left : -15px;
z-index : 500;
}
#frame {
position : absolute;
z-index : 0;
width : 739px;
height : 441px;
top : -3px;
left : -80px;
}
#slides {
position : absolute;
left : 35px;
z-index : 100;
}
.slides_container {
width : 900px;
overflow : hidden;
position : relative;
display : none;
}
.slides_container a {
width : 900px;
height : 299px;
display : block;
}
#slides .next, #slides .prev {
position : absolute;
top : 107px;
left : -38px;
width : 24px;
height : 43px;
display : block;
z-index : 101;
}
#slides .next {
left : 900px;
}
.pagination {
margin : 20px auto 0;
width : 100px;
}
.pagination li {
float : left;
margin : 0 1px;
list-style : none;
}
.pagination li a {
display : block;
width : 12px;
height : 0;
padding-top : 12px;
background-image : url(images/pagination.png);
background-position : 0% 0%;
float : left;
overflow : hidden;
}
.pagination li.current a {
background-position : 0% -12px;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin : 0;
padding : 0;
border : 0;
outline : 0;
font-size : 100%;
vertical-align : baseline;
background : transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display : block;
}
nav ul {
list-style : none;
}
blockquote, q {
quotes : none;
}
blockquote:before, blockquote:after, q:before, q:after {
content : '';
content : none;
}
ins {
background-color : #ff9;
color : #000;
text-decoration : none;
}
mark {
background-color : #ff9;
color : #000;
font-style : italic;
font-weight : bold;
}
del {
text-decoration : line-through;
}
abbr[title], dfn[title] {
border-bottom : 1px dotted;
cursor : help;
}
table {
border-collapse : collapse;
border-spacing : 0;
}
hr {
display : block;
height : 1px;
border : 0;
border-top : 1px solid #ccc;
margin : 1em 0;
padding : 0;
}
input, select {
vertical-align : middle;
}
select, input, textarea, button {
font : 99% sans-serif;
}
pre, code, kbd, samp {
font-family : monospace, sans-serif;
}
body, select, input, textarea {
color : #444;
}
h1, h2, h3, h4, h5, h6, dt {
padding : 0;
font-family : Geneva, Arial, Helvetica, sans-serif;
}
a {
margin : 0;
padding : 0;
font-size : 100%;
vertical-align : baseline;
background : transparent;
color : #953e09;
text-decoration : none;
}
a:hover {
color : #e44d26;
text-decoration : none;
}
a:hover, a:active {
outline : none;
}
ul, ol {
margin-left : 1.8em;
}
ol {
list-style-type : decimal;
}
nav ul, nav li {
margin : 0;
}
small {
font-size : 85%;
}
strong, th {
font-weight : bold;
}
td, td img {
vertical-align : top;
}
sub {
vertical-align : sub;
font-size : smaller;
}
sup {
vertical-align : super;
font-size : smaller;
}
pre {
padding : 15px;
white-space : pre;
white-space : pre-wrap;
}
textarea {
overflow : auto;
}
.ie6 legend, .ie7 legend {
margin-left : -7px;
}
input[type="radio"] {
vertical-align : text-bottom;
}
input[type="checkbox"] {
vertical-align : bottom;
}
.ie7 input[type="checkbox"] {
vertical-align : baseline;
}
.ie6 input {
vertical-align : text-bottom;
}
label, input[type="button"], input[type="submit"], button {
cursor : pointer;
}
button, input, select, textarea {
margin : 0;
}
button {
width : auto;
overflow : visible;
}
.ir {
display : block;
text-indent : -999em;
overflow : hidden;
background-repeat : no-repeat;
text-align : left;
direction : ltr;
}
.hidden {
display : none;
visibility : hidden;
}
.visuallyhidden {
position : absolute !important ;
clip : rect(1px,1px,1px,1px );
}
.invisible {
visibility : hidden;
}
.clearfix:before, .clearfix:after {
content : "\0020";
display : block;
height : 0;
visibility : hidden;
}
.clearfix:after {
clear : both;
}
* {
margin : 0;
}
body {
margin : 0;
padding : 0;
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 13px;
color : #292929;
background : url(images/safarista-header.jpg) center top no-repeat #8e3505;
text-align : center;
}
@font-face {
{
font-family : '"GoodDog"';
src : url("fonts/GoodDog.eot");
src : url("fonts/GoodDog.eot?#iefix") format("embedded-opentype" ), url("fonts/GoodDog.woff") format("woff" ), url("fonts/GoodDog.ttf") format("truetype" ), url("fonts/GoodDog.otf") format("opentype" ), url("fonts/GoodDog.svg#GoodDog") format("svg" );
font-weight : normal;
font-style : normal;
}
}
img {
border : 0;
}
li {
display : inline;
}
ul {
padding : 0;
margin : 0;
}
h1, h2, h3, h4, p {
text-align : left;
}
h2 {
color : #47332b;
border-bottom : 1px solid #d1b4a2;
font-size : 36px;
padding : 10px 0;
margin-bottom : 20px;
font-family : GoodDog, Geneva, Arial, Verdana, serif;
}
h1 {
color : #47332b;
font-size : 36px;
font-family : GoodDog, Geneva, Arial, Verdana, serif;
}
p {
line-height : 18px;
}
#container {
width : 580px;
padding : 10px;
margin : 0 auto;
position : relative;
z-index : 0;
}
#example {
width : 960px;
height : 299px;
position : relative;
}
#ribbon {
position : absolute;
top : -3px;
left : -15px;
z-index : 500;
}
#frame {
position : absolute;
z-index : 0;
width : 739px;
height : 441px;
top : -3px;
left : -80px;
}
#slides {
position : absolute;
left : 35px;
z-index : 100;
}
.slides_container {
width : 900px;
overflow : hidden;
position : relative;
display : none;
}
.slides_container a {
width : 900px;
height : 299px;
display : block;
}
#slides .next, #slides .prev {
position : absolute;
top : 107px;
left : -38px;
width : 24px;
height : 43px;
display : block;
z-index : 101;
}
#slides .next {
left : 900px;
}
.pagination {
margin : 20px auto 0;
width : 100px;
}
.pagination li {
float : left;
margin : 0 1px;
list-style : none;
}
.pagination li a {
display : block;
width : 12px;
height : 0;
padding-top : 12px;
background-image : url(images/pagination.png);
background-position : 0% 0%;
float : left;
overflow : hidden;
}
.pagination li.current a {
background-position : 0% -12px;
}
#wrapper {
min-height : 100%;
height : auto !important ;
height : 100%;
margin : 0 auto;
}
#social-media {
width : 100%;
border-top : 7px solid #221000;
height : 89px;
float : left;
}
#social-media-icons {
width : 260px;
float : right;
padding : 5px 40px 0 10px;
z-index : 2;
}
#social-media-icons p {
color : #593a18;
float : right;
margin-top : 10px;
margin-right : 10px;
font-weight : bold;
font-size : 20px;
}
.container1 {
width : 960px;
margin : 0 auto;
}
#header {
height : 50px;
width : 960px;
margin : 0 auto;
}
#main-menu {
width : 100%;
height : 78px;
background : url(images/safarista-header-bg.png) repeat;
float : left;
}
#main-menu a {
padding : 7px;
}
#main-menu a:hover {
color : #ead4bd;
padding : 7px;
background : #593a18;
}
#main-menu-container {
width : 960px;
margin : 0 auto;
}
#logo {
width : 326px;
float : left;
padding : 0;
}
#logo a:hover {
background : transparent !important ;
}
#main-menu-items {
width : 560px;
float : left;
margin : 0 0 0 30px;
}
#main-menu-items li {
margin : 0 5px 0 0;
display : inline;
}
#main-menu-items ul {
margin : 35px 0 0 0;
}
#main-menu-items a {
color : #fff;
}
#slider-container {
width : 100%;
background : url(images/slider-bg.jpg);
height : 299px;
float : left;
}
#slider1 {
width : 960px;
margin : 0 auto;
height : 299px;
}
.sliderp {
padding : 40px 0 20px 0;
width : 500px;
float : left;
text-align : left;
color : #301c0b;
}
.sliderp p {
font-size : 34px;
line-height : 40px;
margin-bottom : 20px;
}
.line {
height : 30px;
background : url(images/shadow.jpg) center top no-repeat #f6f2ee;
width : 100%;
float : left;
}
.text-wrapper {
width : 100%;
background : #f6f2ee;
float : left;
padding-bottom : 10px;
}
.text-container {
width : 960px;
margin : 0 auto;
}
.col1, .col3 {
width : 255px;
float : left;
text-align : left;
margin : 0 0 0 15px;
}
.col1 h3 {
color : #953e09;
font-size : 18px;
margin-top : 10px;
}
.col1 h2, .col3 h2 {
margin-top : 4px;
font-family : Geneva;
font-size : 20px;
}
.col1 li {
display : list-item;
margin : 5px 0;
list-style-type : square;
}
.col1 ul {
margin : 0 0 20px 20px;
}
.col2 {
width : 630px;
float : left;
margin : 0 0 10px 50px;
text-align : left;
}
.col2 li {
display : list-item;
}
.col2 p {
margin : 10px 0;
}
.col2 img {
float : left;
margin : 0 10px 20px 0;
}
img.col2-serv {
float : right !important ;
}
.col3 {
margin : 0 20px 0 50px;
}
.col3 p {
border-bottom : 1px solid #d1b4a2;
margin : 5px 0;
padding : 0 0 5px;
}
.col4 {
width : 960px;
float : left;
margin : 0 auto;
text-align : left;
}
.col4 h2 {
margin : 15px;
padding : 10px 0;
}
.col4-wrap {
width : 290px;
float : left;
margin : 20px 15px 0 15px;
}
.col4-wrap img {
border : 6px solid #e8ded1;
}
.col4-wrap img:hover {
border : 6px solid #b5a692;
cursor : pointer;
}
.col5 {
width : 960px;
float : left;
margin : 0 auto;
text-align : left;
}
.col5-wrap {
width : 280px;
float : left;
margin : 20px 15px 0;
}
.col5-wrap img {
border : 3px solid #d5c9b9;
margin-bottom : 20px;
}
.col5 h2 {
padding : 0 0 20px;
}
.col6-wrap {
width : 260px;
float : left;
margin : 20px 30px 0 15px;
padding : 0 15px 15px;
background : #e8ded1;
}
.col7 {
width : 290px;
float : left;
margin : 0 0 0 20px;
text-align : left;
}
.col2-wrap {
width : 200px;
float : left;
margin-bottom : 20px;
}
.col2-wrap img {
border : 3px solid #e8ded1;
}
.col2-wrap img:hover {
border : 3px solid #d2c0a9;
cursor : pointer;
}
.col8 {
width : 250px;
float : left;
text-align : left;
margin-right : 50px;
}
.col9 {
width : 550px;
float : left;
text-align : left;
margin-right : 50px;
}
.painting-col {
width : 400px;
margin : 0 80px 0 0;
float : left;
}
.text-style {
font-style : italic;
font-family : "Georgia";
font-size : 34px;
}
.text-red {
color : #953e09;
}
.text-ornament {
font-family : "ornament";
}
.front-text-blue {
color : #953e09;
}
#footer {
width : 100%;
background : #221000;
float : left;
padding : 20px 0;
text-align : left;
}
#footer-container {
width : 960px;
margin : 0 auto;
}
#footer-container p {
font-size : 12px;
color : #ad9274;
}
.footer-col {
margin : 0 20px 0 0;
width : 300px;
float : left;
}
.footer-col2 {
margin : 0 20px 0 0;
width : 900px;
float : left;
}
#footer-container a {
color : #7b6043;
}
#footer-container h3 {
color : #ad9274;
padding : 0 0 10px 0;
}
#footer-container a:hover {
color : #ead4bd;
}
.hosting-table {
width : 940px;
float : left;
margin : 0 15px;
}
.hosting-table tr {
border : 1px solid #dbdbdb;
}
.hosting-table td {
padding : 10px;
}
.hosting-td-left {
background : url(http://www.hophophosting.com/theme-images/td-right.jpg) right repeat-y;
}
.hosting-td-bg {
background : url(http://www.hophophosting.com/theme-images/bg_grey.jpg) repeat-x;
color : white;
}
.hosting-starter {
background : url(http://www.hophophosting.com/theme-images/starter.jpg) no-repeat;
height : 135px;
width : 235px;
}
.hosting-business {
background : url(http://www.hophophosting.com/theme-images/business.jpg) no-repeat;
height : 120px;
width : 235px;
}
.hosting-advanced {
background : url(http://www.hophophosting.com/theme-images/advanced.jpg) no-repeat;
height : 120px;
width : 235px;
}
.order-btn-1 {
background : url(http://www.hophophosting.com/theme-images/order-button.jpg) repeat-x;
border : 1px solid #fff;
padding : 5px;
margin : 5px;
color : #121212;
}
.order-btn-2 {
background : url(http://www.hophophosting.com/theme-images/order_button2.jpg) repeat-x;
border : 1px solid #fff;
padding : 5px;
margin : 5px;
color : #121212;
}
.order-btn-3 {
background : url(http://www.hophophosting.com/theme-images/order-button3.jpg) repeat-x;
border : 1px solid #fff;
padding : 5px;
margin : 5px;
color : #121212;
}
.field {
width : 450px;
float : left;
margin : 5px;
}
input {
border : 1px solid #ccc;
padding : 10px;
margin : 5px 0;
}
label {
font-size : 12px;
float : left;
margin-left : 15px;
margin-bottom : 10px;
}
textarea {
border : 1px solid #ccc;
padding : 10px;
width : 280px;
float : left;
height : 100px;
}
fieldset {
border : none;
float : left;
}
.wide-field label {
margin-top : 10px;
margin-bottom : 10px;
}
fieldset h2 {
text-align : left;
margin-left : 15px;
}
#the-project {
text-align : left;
}
#the-project input {
border : 1px solid #ccc;
padding : 10px;
width : 400px;
}
.wide-field textarea {
margin-bottom : 10px;
}
.footer-col label {
color : #ccc;
text-align : left;
margin : 0;
padding : 0;
}
.footer-col input {
border : 1px solid #ccc;
padding : 5px;
width : 150px;
}
.twitter-wrap {
float : left;
width : 318px;
margin-left : 30px;
}
.twitter-top {
background : none 0% 0% repeat scroll #f7f0e8;
border-left : 5px solid #ebe2d3;
border-right : 5px solid #ebe2d3;
border-top : 5px solid #ebe2d3;
float : left;
height : 300px;
padding : 0 20px;
width : 268px;
}
.twitter-bottom {
background : url(images/twitter-bg.png) no-repeat;
height : 32px;
width : 100%;
float : left;
}
.contact, .contact2 {
float : left;
text-align : left;
width : 960px;
padding : 10px 0;
}
.contact-column {
width : 600px;
float : left;
margin-right : 30px;
}
.contact_col2 {
width : 280px;
float : left;
margin-top : 40px;
}
.contact_col2 p {
margin-bottom : 20px;
}
.bg {
width : 100%;
background : #efe6dc;
float : left;
padding : 20px 0;
border-top : 3px solid #d9cec2;
}
.col4 li {
display : list-item;
margin : 10px 100px 10px 20px;
}
.col4 h3 {
padding : 10px 0;
}
.col4 p {
padding : 0 15px 10px;
}
.facebook {
border : none;
overflow : hidden;
width : 292px;
height : 62px;
}
a.learn {
color : #fff;
padding : 7px 15px;
border : 2px solid #ae391b;
background : #e44d26;
}
.learn:hover {
text-decoration : none;
background : #bc4222;
}
.services {
width : 960px;
float : left;
margin-bottom : 30px;
}
.services p {
float : left;
padding : 0 5px;
text-align : center;
}
.services img {
float : left;
padding : 10px;
margin : 5px;
border-radius : 6px;
}
.services img:hover {
background : #ccc0aa;
padding : 10px;
margin : 5px;
border-radius : 6px;
}
.services h1 {
margin-bottom : 5px;
}
.service-button {
margin : 0 15px;
float : left;
background : #c5b79d;
padding : 10px;
border-radius : 10px;
font-family : GoodDog, Geneva, Arial, sans-serif;
font-size : 24px;
}
.service-button:hover {
background : #dcd2c0;
}
.comp {
float : left;
margin : 0 0 0 15px;
text-align : left;
width : 435px;
}
.comp2 {
float : left;
margin : 0 0 10px 50px;
text-align : left;
width : 430px;
}
.comp2 p {
margin : 0 0 10px;
}
.prices {
width : 310px;
background : #ece7df;
margin-right : 10px;
float : left;
text-align : center !important ;
height : 270px;
}
.prices h2 {
border : none;
margin-bottom : 0;
font-size : 28px;
}
.prices img:hover {
background : none;
}
.prices:hover {
background : #e1d9cb;
}
.cost {
color : #c03529;
font-family : Geneva, Arial, sans-serif;
font-size : 30px !important ;
float : left;
margin-left : 15px !important ;
}
.col-price {
float : left;
width : 140px;
text-align : center;
}
.col-price2 {
font-size : 16px !important ;
font-family : Geneva, Arial, sans-serif;
color : #c03529;
text-align : center !important ;
margin-left : 18px;
}
.col-text {
float : left;
width : 170px;
text-align : left;
}
.col-text p {
text-align : left !important ;
font-size : 12px;
}
p.more-info {
background : #7bc8c8;
padding : 5px;
margin : 5px 5px;
width : 110px;
border-radius : 6px;
font-size : 20px !important ;
font-family : GoodDog, Geneva, sans-serif;
}
.more-info a {
color : #266060;
width : 70px;
border-radius : 6px;
}
p.more-info:hover {
background : #a0e0e0;
}
p.buy-now {
background : #9dc867;
padding : 0 5px 5px;
margin : 5px;
width : 110px;
border-radius : 6px;
font-size : 20px !important ;
font-family : GoodDog, Geneva, sans-serif;
}
.buy-now a {
color : #344f13;
width : 70px;
border-radius : 6px;
}
p.buy-now:hover {
background : #bddf93;
}
.prices2 {
width : 310px;
background : #ece7df;
margin-right : 10px;
float : left;
text-align : left !important ;
}
.prices2 p {
text-align : left !important ;
margin-bottom : 20px;
}
.prices2 li {
display : list-item;
margin : 5px 10px 5px 20px;
}
.prices2 ul {
margin-top : 20px;
}
.serv-col {
width : 150px;
float : left;
}
figure {
float : left;
width : 310px;
margin-right : 10px;
background-color : #ece7df;
vertical-align : middle;
}
figure figcaption a {
color : #e44d26;
}

↑ Top