W3C CSS Validator results for http://www.gr8pixel.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/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.gr8pixel.com&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 (55)

URI : http://www.gr8pixel.com/wp-content/themes/Gr8pixel/css/style1.css

82 .pagination .current Same color for background-color and border-top-color
82 .pagination .current Same color for background-color and border-right-color
82 .pagination .current Same color for background-color and border-bottom-color
82 .pagination .current Same color for background-color and border-left-color

URI : http://www.gr8pixel.com/wp-content/themes/Gr8pixel/prettyPhoto/css/prettyPhoto.css

1 Same colors for color and background-color in two contexts #send:hover and div.dark_rounded p.pp_description
1 Same colors for color and background-color in two contexts #top #nav li ul a:hover and div.dark_rounded p.pp_description
1 Same colors for color and background-color in two contexts #top #submit:hover and div.dark_rounded p.pp_description
1 Same colors for color and background-color in two contexts .wrapper img and div.dark_rounded p.pp_description
1 Same colors for color and background-color in two contexts .pagination a and div.dark_rounded p.pp_description
1 Same colors for color and background-color in two contexts .pagination a and div.dark_rounded p.pp_description
1 Same colors for color and background-color in two contexts .wrapper img and div.dark_rounded p.pp_description
1 Same colors for color and background-color in two contexts div.light_rounded .pp_bottom .pp_middle and div.dark_rounded p.pp_description
1 Same colors for color and background-color in two contexts div.light_rounded .pp_content and div.dark_rounded p.pp_description
1 Same colors for color and background-color in two contexts div.light_rounded .pp_top .pp_middle and div.dark_rounded p.pp_description
1 Same colors for color and background-color in two contexts div.light_square .pp_content and div.dark_rounded p.pp_description
1 Same colors for color and background-color in two contexts div.light_square .pp_content and div.dark_rounded p.pp_description
1 Same colors for color and background-color in two contexts div.light_square .pp_content and div.dark_rounded p.pp_description
1 Same colors for color and background-color in two contexts div.light_square .pp_content and div.dark_rounded p.pp_description
1 Same colors for color and background-color in two contexts div.light_square .pp_content and div.dark_rounded p.pp_description
1 Same colors for color and background-color in two contexts div.light_square .pp_content and div.dark_rounded p.pp_description
1 Same colors for color and background-color in two contexts div.light_square .pp_content and div.dark_rounded p.pp_description
1 Same colors for color and background-color in two contexts #send:hover and div.dark_square p.pp_description
1 Same colors for color and background-color in two contexts #top #nav li ul a:hover and div.dark_square p.pp_description
1 Same colors for color and background-color in two contexts #top #submit:hover and div.dark_square p.pp_description
1 Same colors for color and background-color in two contexts .wrapper img and div.dark_square p.pp_description
1 Same colors for color and background-color in two contexts .pagination a and div.dark_square p.pp_description
1 Same colors for color and background-color in two contexts .pagination a and div.dark_square p.pp_description
1 Same colors for color and background-color in two contexts .wrapper img and div.dark_square p.pp_description
1 Same colors for color and background-color in two contexts div.light_rounded .pp_bottom .pp_middle and div.dark_square p.pp_description
1 Same colors for color and background-color in two contexts div.light_rounded .pp_content and div.dark_square p.pp_description
1 Same colors for color and background-color in two contexts div.light_rounded .pp_top .pp_middle and div.dark_square p.pp_description
1 Same colors for color and background-color in two contexts div.light_square .pp_content and div.dark_square p.pp_description
1 Same colors for color and background-color in two contexts div.light_square .pp_content and div.dark_square p.pp_description
1 Same colors for color and background-color in two contexts div.light_square .pp_content and div.dark_square p.pp_description
1 Same colors for color and background-color in two contexts div.light_square .pp_content and div.dark_square p.pp_description
1 Same colors for color and background-color in two contexts div.light_square .pp_content and div.dark_square p.pp_description
1 Same colors for color and background-color in two contexts div.light_square .pp_content and div.dark_square p.pp_description
1 Same colors for color and background-color in two contexts div.light_square .pp_content and div.dark_square p.pp_description
1 Same colors for color and background-color in two contexts #send:hover and div.ppt
1 Same colors for color and background-color in two contexts #top #nav li ul a:hover and div.ppt
1 Same colors for color and background-color in two contexts #top #submit:hover and div.ppt
1 Same colors for color and background-color in two contexts .wrapper img and div.ppt
1 Same colors for color and background-color in two contexts .pagination a and div.ppt
1 Same colors for color and background-color in two contexts .pagination a and div.ppt
1 Same colors for color and background-color in two contexts .wrapper img and div.ppt
1 Same colors for color and background-color in two contexts div.light_rounded .pp_bottom .pp_middle and div.ppt
1 Same colors for color and background-color in two contexts div.light_rounded .pp_content and div.ppt
1 Same colors for color and background-color in two contexts div.light_rounded .pp_top .pp_middle and div.ppt
1 Same colors for color and background-color in two contexts div.light_square .pp_content and div.ppt
1 Same colors for color and background-color in two contexts div.light_square .pp_content and div.ppt
1 Same colors for color and background-color in two contexts div.light_square .pp_content and div.ppt
1 Same colors for color and background-color in two contexts div.light_square .pp_content and div.ppt
1 Same colors for color and background-color in two contexts div.light_square .pp_content and div.ppt
1 Same colors for color and background-color in two contexts div.light_square .pp_content and div.ppt
1 Same colors for color and background-color in two contexts div.light_square .pp_content and div.ppt

↑ Top

Valid CSS information

div.light_rounded .pp_top .pp_left {
background : url(../images/prettyPhoto/light_rounded/sprite.png) -53px -88px no-repeat;
}
div.light_rounded .pp_top .pp_middle {
background : #fff;
}
div.light_rounded .pp_top .pp_right {
background : url(../images/prettyPhoto/light_rounded/sprite.png) -53px -110px no-repeat;
}
div.light_rounded .pp_content {
background-color : #fff;
}
div.light_rounded .pp_content a.pp_next:hover {
background : url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;
cursor : pointer;
}
div.light_rounded .pp_content a.pp_previous:hover {
background : url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;
cursor : pointer;
}
div.light_rounded .pp_content a.pp_expand {
background : url(../images/prettyPhoto/light_rounded/sprite.png) -26px -31px no-repeat;
cursor : pointer;
}
div.light_rounded .pp_content a.pp_expand:hover {
background : url(../images/prettyPhoto/light_rounded/sprite.png) -47px -31px no-repeat;
cursor : pointer;
}
div.light_rounded .pp_content a.pp_contract {
background : url(../images/prettyPhoto/light_rounded/sprite.png) -26px 0% no-repeat;
cursor : pointer;
}
div.light_rounded .pp_content a.pp_contract:hover {
background : url(../images/prettyPhoto/light_rounded/sprite.png) -47px 0% no-repeat;
cursor : pointer;
}
div.light_rounded .pp_content a.pp_close {
width : 75px;
height : 22px;
background : url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;
cursor : pointer;
}
div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous {
background : url(../images/prettyPhoto/light_rounded/sprite.png) -71px 0% no-repeat;
}
div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled {
background-position : -87px 0%;
cursor : default;
}
div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next {
background : url(../images/prettyPhoto/light_rounded/sprite.png) -71px -22px no-repeat;
}
div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled {
background-position : -87px -22px;
cursor : default;
}
div.light_rounded .pp_bottom .pp_left {
background : url(../images/prettyPhoto/light_rounded/sprite.png) -80px -88px no-repeat;
}
div.light_rounded .pp_bottom .pp_middle {
background : #fff;
}
div.light_rounded .pp_bottom .pp_right {
background : url(../images/prettyPhoto/light_rounded/sprite.png) -80px -110px no-repeat;
}
div.light_rounded .pp_loaderIcon {
background : url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat;
}
div.dark_rounded .pp_top .pp_left {
background : url(../images/prettyPhoto/dark_rounded/sprite.png) -53px -88px no-repeat;
}
div.dark_rounded .pp_top .pp_middle {
background : url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
}
div.dark_rounded .pp_top .pp_right {
background : url(../images/prettyPhoto/dark_rounded/sprite.png) -53px -110px no-repeat;
}
div.dark_rounded .pp_content {
background : url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
}
div.dark_rounded .pp_content a.pp_next:hover {
background : url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;
cursor : pointer;
}
div.dark_rounded .pp_content a.pp_previous:hover {
background : url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;
cursor : pointer;
}
div.dark_rounded .pp_content a.pp_expand {
background : url(../images/prettyPhoto/dark_rounded/sprite.png) -26px -31px no-repeat;
cursor : pointer;
}
div.dark_rounded .pp_content a.pp_expand:hover {
background : url(../images/prettyPhoto/dark_rounded/sprite.png) -47px -31px no-repeat;
cursor : pointer;
}
div.dark_rounded .pp_content a.pp_contract {
background : url(../images/prettyPhoto/dark_rounded/sprite.png) -26px 0% no-repeat;
cursor : pointer;
}
div.dark_rounded .pp_content a.pp_contract:hover {
background : url(../images/prettyPhoto/dark_rounded/sprite.png) -47px 0% no-repeat;
cursor : pointer;
}
div.dark_rounded .pp_content a.pp_close {
width : 75px;
height : 22px;
background : url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;
cursor : pointer;
}
div.dark_rounded .currentTextHolder {
color : #c4c4c4;
font-size : 12px;
}
div.dark_rounded p.pp_description {
color : #fff;
}
div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous {
background : url(../images/prettyPhoto/dark_rounded/sprite.png) -71px 0% no-repeat;
}
div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled {
background-position : -87px 0%;
cursor : default;
}
div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next {
background : url(../images/prettyPhoto/dark_rounded/sprite.png) -71px -22px no-repeat;
}
div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled {
background-position : -87px -22px;
cursor : default;
}
div.dark_rounded .pp_bottom .pp_left {
background : url(../images/prettyPhoto/dark_rounded/sprite.png) -80px -88px no-repeat;
}
div.dark_rounded .pp_bottom .pp_middle {
background : url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
}
div.dark_rounded .pp_bottom .pp_right {
background : url(../images/prettyPhoto/dark_rounded/sprite.png) -80px -110px no-repeat;
}
div.dark_rounded .pp_loaderIcon {
background : url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;
}
div.dark_square .pp_top .pp_left, div.dark_square .pp_top .pp_middle, div.dark_square .pp_top .pp_right, div.dark_square .pp_bottom .pp_left, div.dark_square .pp_bottom .pp_middle, div.dark_square .pp_bottom .pp_right, div.dark_square .pp_content {
background : url(../images/prettyPhoto/dark_square/contentPattern.png) top left repeat;
}
div.dark_square .currentTextHolder {
color : #c4c4c4;
font-size : 12px;
}
div.dark_square p.pp_description {
color : #fff;
}
div.dark_square .pp_loaderIcon {
background : url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;
}
div.dark_square .pp_content a.pp_expand {
background : url(../images/prettyPhoto/dark_square/sprite.png) -26px -31px no-repeat;
cursor : pointer;
}
div.dark_square .pp_content a.pp_expand:hover {
background : url(../images/prettyPhoto/dark_square/sprite.png) -47px -31px no-repeat;
cursor : pointer;
}
div.dark_square .pp_content a.pp_contract {
background : url(../images/prettyPhoto/dark_square/sprite.png) -26px 0% no-repeat;
cursor : pointer;
}
div.dark_square .pp_content a.pp_contract:hover {
background : url(../images/prettyPhoto/dark_square/sprite.png) -47px 0% no-repeat;
cursor : pointer;
}
div.dark_square .pp_content a.pp_close {
width : 75px;
height : 22px;
background : url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;
cursor : pointer;
}
div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_previous {
background : url(../images/prettyPhoto/dark_square/sprite.png) -71px 0% no-repeat;
}
div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled {
background-position : -87px 0%;
cursor : default;
}
div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_next {
background : url(../images/prettyPhoto/dark_square/sprite.png) -71px -22px no-repeat;
}
div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled {
background-position : -87px -22px;
cursor : default;
}
div.dark_square .pp_content a.pp_next:hover {
background : url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;
cursor : pointer;
}
div.dark_square .pp_content a.pp_previous:hover {
background : url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;
cursor : pointer;
}
div.light_square .pp_top .pp_left, div.light_square .pp_top .pp_middle, div.light_square .pp_top .pp_right, div.light_square .pp_bottom .pp_left, div.light_square .pp_bottom .pp_middle, div.light_square .pp_bottom .pp_right, div.light_square .pp_content {
background : #fff;
}
div.light_square .pp_content a.pp_expand {
background : url(../images/prettyPhoto/light_square/sprite.png) -26px -31px no-repeat;
cursor : pointer;
}
div.light_square .pp_content a.pp_expand:hover {
background : url(../images/prettyPhoto/light_square/sprite.png) -47px -31px no-repeat;
cursor : pointer;
}
div.light_square .pp_content a.pp_contract {
background : url(../images/prettyPhoto/light_square/sprite.png) -26px 0% no-repeat;
cursor : pointer;
}
div.light_square .pp_content a.pp_contract:hover {
background : url(../images/prettyPhoto/light_square/sprite.png) -47px 0% no-repeat;
cursor : pointer;
}
div.light_square .pp_content a.pp_close {
width : 75px;
height : 22px;
background : url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;
cursor : pointer;
}
div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous {
background : url(../images/prettyPhoto/light_square/sprite.png) -71px 0% no-repeat;
}
div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled {
background-position : -87px 0%;
cursor : default;
}
div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next {
background : url(../images/prettyPhoto/light_square/sprite.png) -71px -22px no-repeat;
}
div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled {
background-position : -87px -22px;
cursor : default;
}
div.light_square .pp_content a.pp_next:hover {
background : url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;
cursor : pointer;
}
div.light_square .pp_content a.pp_previous:hover {
background : url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;
cursor : pointer;
}
div.pp_pic_holder a:focus {
outline : none;
}
div.pp_overlay {
background : #000;
position : absolute;
top : 0;
left : 0;
z-index : 9500;
width : 100%;
}
div.pp_pic_holder {
position : absolute;
z-index : 10000;
width : 100px;
}
div.pp_pic_holder .pp_top {
position : relative;
height : 20px;
}
* html div.pp_pic_holder .pp_top {
padding : 0 20px;
}
div.pp_pic_holder .pp_top .pp_left {
position : absolute;
left : 0;
width : 20px;
height : 20px;
}
div.pp_pic_holder .pp_top .pp_middle {
position : absolute;
left : 20px;
right : 20px;
height : 20px;
}
* html div.pp_pic_holder .pp_top .pp_middle {
position : static;
left : 0;
}
div.pp_pic_holder .pp_top .pp_right {
position : absolute;
top : 0;
left : auto;
right : 0;
width : 20px;
height : 20px;
}
div.pp_pic_holder .pp_content {
position : relative;
text-align : left;
width : 100%;
height : 40px;
}
div.pp_pic_holder .pp_content .pp_details {
display : none;
margin : 10px 15px 2px 20px;
}
div.pp_pic_holder .pp_content .pp_details p.pp_description {
display : none;
float : left;
margin : 0;
}
div.pp_pic_holder .pp_content .pp_details .pp_nav {
float : left;
margin : 3px 0 0 0;
}
div.pp_pic_holder .pp_content .pp_details .pp_nav p {
float : left;
margin : 2px 4px;
}
div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous, div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next {
float : left;
display : block;
width : 14px;
height : 15px;
overflow : hidden;
text-indent : -10000px;
margin-top : 3px;
}
div.pp_pic_holder .pp_content div.pp_hoverContainer {
position : absolute;
z-index : 2000;
top : 0;
left : 0;
width : 100%;
}
div.pp_pic_holder .pp_content a.pp_next {
display : block;
float : right;
text-indent : -10000px;
width : 49%;
height : 100%;
background : url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
}
div.pp_pic_holder .pp_content a.pp_previous {
display : block;
float : left;
text-indent : -10000px;
width : 49%;
height : 100%;
background : url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
}
div.pp_pic_holder .pp_content a.pp_expand, div.pp_pic_holder .pp_content a.pp_contract {
position : absolute;
z-index : 20000;
top : 10px;
right : 30px;
cursor : pointer;
display : none;
text-indent : -10000px;
width : 20px;
height : 20px;
}
div.pp_pic_holder .pp_content a.pp_close {
float : right;
display : block;
text-indent : -10000px;
}
div.pp_pic_holder .pp_bottom {
position : relative;
height : 20px;
}
* html div.pp_pic_holder .pp_bottom {
padding : 0 20px;
}
div.pp_pic_holder .pp_bottom .pp_left {
position : absolute;
left : 0;
width : 20px;
height : 20px;
}
div.pp_pic_holder .pp_bottom .pp_middle {
position : absolute;
left : 20px;
right : 20px;
height : 20px;
}
* html div.pp_pic_holder .pp_bottom .pp_middle {
position : static;
left : 0;
}
div.pp_pic_holder .pp_bottom .pp_right {
position : absolute;
top : 0;
left : auto;
right : 0;
width : 20px;
height : 20px;
}
div.pp_pic_holder .pp_loaderIcon {
display : none;
position : absolute;
top : 50%;
left : 50%;
margin : -12px 0 0 -12px;
width : 24px;
height : 24px;
}
div.pp_pic_holder #pp_full_res {
display : block;
margin : 0 auto;
width : 100%;
text-align : center;
}
div.pp_pic_holder #pp_full_res object, div.pp_pic_holder #pp_full_res embed {
visibility : hidden;
}
div.ppt {
display : none;
position : absolute;
top : 0;
left : 0;
z-index : 9999;
color : #fff;
font-size : 17px;
}
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.clearfix {
display : inline-block;
}
* html .clearfix {
height : 1%;
}
.clearfix {
display : block;
}
body, ul, ol, h1, h2, h3, h4, h5, h6, form, li, p {
margin : 0;
padding : 0;
}
body {
font-size : 1em;
font-family : "Swiss721 BT", "Helvetica LT Std", "HelveticaNeue", "Helvetica 55 Roman", Arial, sans-serif;
line-height : 1.375em;
position : relative;
border-top : 2px solid #000;
text-shadow : #ddd 0 1px 0;
}
#top {
width : 960px;
margin : 0 auto;
position : relative;
clear : both;
}
#main {
clear : both;
position : relative;
padding : 20px 0 0 0;
float : left;
width : 960px;
font-size : 0.875em;
line-height : 1.5em;
}
#footer {
width : 960px;
height : 70px;
margin : 30px 0 0 0;
position : relative;
clear : both;
padding : 35px 0;
font-size : 0.875em;
}
.logo-footer {
float : left;
background : url(images/logo-gr8pixel-footer.png) center left no-repeat;
width : 850px;
}
.logo-footer ul {
padding : 5px 0 0 180px;
color : #888;
}
.logo-footer ul li {
border : 0;
margin : 0;
padding : 0;
list-style : none;
font-size : 12px;
}
.logo-footer ul li a {
color : #666;
}
.logo-footer li.footer-links {
font-size : 14px;
line-height : 22px;
}
.btn-rss {
width : 32px;
height : 32px;
display : block;
background : url(images/rss_32.png) no-repeat;
text-indent : -9999px;
float : right;
}
.wrapper {
clear : both;
position : relative;
float : left;
padding-bottom : 20px;
width : 960px !important ;
width : 961px;
}
.wrapper_side {
width : 300px !important ;
float : left;
}
.box {
position : relative;
float : left;
margin : 5px 15px 0 0;
padding : 0 15px 0 0;
display : block;
z-index : 1;
}
.bg_tools {
background : url(images/tools.png) top right no-repeat;
}
#top .box3 {
border : none;
margin-right : 0;
padding-right : 0;
}
.sub-head {
font-size : 11px;
display : block;
position : relative;
z-index : 2;
top : -14px;
color : #888;
}
.rfp-box {
height : 330px;
}
.rfp {
line-height : 26px;
}
.note {
font-size : 12px;
line-height : 18px;
font-style : italic;
}
.note span {
color : #74a72e;
font-size : 24px;
}
ul.item-list {
border : 0;
margin : 0;
padding : 0;
list-style : none;
}
ul.item-list li {
background : url(images/tick_16.png) center left no-repeat;
}
.services_list {
height : 330px;
}
.services_list ul, .contact_icons ul li {
border : 0;
margin : 0;
padding : 0;
list-style : none;
}
.services_list ul li {
line-height : 26px;
text-indent : 24px;
margin-top : 0;
}
.services_list ul li:last-child {
margin-bottom : 5px;
}
.services-web {
background : url(images/web_16.png) center left no-repeat;
}
.services-brand {
background : url(images/brand_16.png) center left no-repeat;
}
.services-print {
background : url(images/print_16.png) center left no-repeat;
}
.services-wordpress {
background : url(images/wordpress_16.png) center left no-repeat;
}
.services-psd-html {
background : url(images/psd_html_16.png) center left no-repeat;
}
.services-seo {
background : url(images/seo_16.png) center left no-repeat;
}
.services-marketing {
background : url(images/marketing_16.png) center left no-repeat;
}
.services-creative-consulting {
background : url(images/creative_consulting_16.png) center left no-repeat;
}
.services-social {
background : url(images/social_16.png) center left no-repeat;
}
.services-hosting {
background : url(images/hosting_16.png) center left no-repeat;
}
.contact_list {
height : 330px;
}
.contact_list ul, .contact_icons ul li {
border : 0;
margin : 0;
padding : 0;
list-style : none;
}
.contact_list ul li {
line-height : 26px;
text-indent : 24px;
margin-top : 0;
}
.contact_list ul li:last-child {
margin-bottom : 5px;
}
.contact-email {
background : url(images/email_16.png) center left no-repeat;
}
.contact-twitter {
background : url(images/twitter_16.png) center left no-repeat;
}
.contact-skype {
background : url(images/skype_16.png) center left no-repeat;
}
.contact-iPhone {
background : url(images/iphone_16.png) center left no-repeat;
}
.contact-location {
background : url(images/location_16.png) center left no-repeat;
}
.contact-facebook {
background : url(images/facebook_16.png) center left no-repeat;
}
.box_small {
width : 299px;
z-index : 2;
}
.box_medium {
width : 630px;
}
#top .box_big {
width : 960px;
border : none;
}
.box .box1 {
margin-right : 15px;
}
.box .box2 {
padding-right : 0;
margin-right : 0;
border-right : 0;
width : 301px;
}
#head {
height : 250px;
margin : 0 auto;
position : relative;
width : 960px;
z-index : 5;
}
#head .logo a {
position : relative;
left : 300px;
top : 50px;
display : block;
height : 110px;
width : 360px;
text-indent : -9999px;
outline : none;
}
.available {
position : absolute;
right : -20px;
top : 50px;
z-index : 5;
background : url(images/btn-available.png) top no-repeat;
width : 119px;
height : 114px;
}
.available:hover {
background : url(images/btn-available.png) bottom no-repeat;
}
#featured {
height : 410px;
clear : both;
position : relative;
}
.featured_item {
position : absolute;
width : 292px;
top : 100px;
left : 318px;
z-index : 1;
overflow : hidden;
cursor : pointer;
}
#top .featured_item_active {
position : absolute;
width : 612px;
top : 25px;
left : 174px;
z-index : 3;
}
#top .featured_item_active img {
width : 600px;
}
#top .featured_item_last, #top .featured_item_upcoming {
width : 392px;
left : 50px;
top : 75px;
z-index : 2;
}
#top #featured .featured_item_upcoming {
left : 500px;
}
#top #featured .featured3 {
left : 647px;
}
#top #featured .featured4 {
left : 0;
}
.featured_item img {
width : 280px;
}
#top .featured_item_last img, #top .featured_item_upcoming img {
width : 380px;
}
.item, .wrapper img {
padding : 5px;
}
.item_shadow {
margin : 0 auto;
}
.featured_item img {
display : block;
position : relative;
}
.additional_info {
position : relative;
clear : both;
padding : 25px 0;
}
.additional_info h3 {
width : 770px;
padding : 0;
}
.additional_info h3 a {
text-decoration : underline;
color : #01282e;
}
.additional_info h3 a:hover {
text-decoration : none;
}
.additional_width {
width : 950px;
}
#twitterbox {
min-height : 66px;
}
#twitterbox h3 {
padding : 0 0 0 105px;
width : 850px;
text-indent : 0;
}
#twitterbox h3 a {
color : #01282e;
}
#tweet_follow {
height : 64px;
left : 0;
position : absolute;
top : 28px;
width : 64px;
text-indent : -9999px;
}
#head #searchform {
position : absolute;
right : -4px;
bottom : 5px;
width : 264px;
height : 30px;
}
.featured_alternate {
top : 10px;
position : absolute;
z-index : 1;
border : none;
}
#top .featured_alternate:hover, #top .featured_alternate:hover img {
border : none;
}
#top .featured_alternate_active {
z-index : 2;
}
#top #nav {
left : 0;
top : 85px;
}
#nav, #nav ul {
margin : 0;
padding : 0;
list-style-type : none;
list-style-position : outside;
position : relative;
z-index : 5;
}
#top #nav a {
display : inline-block;
padding : 10px;
text-decoration : none;
text-align : center;
outline : none;
z-index : 10;
position : relative;
float : left;
margin : 0 5px 0 0;
font-size : 18px;
text-shadow : #ddd 0 1px 0;
}
#top #nav .current_page_item a {
font-weight : bold;
}
#top #nav .current_page_item ul a {
font-weight : normal;
}
#top #nav ul a {
line-height : 33px;
}
#top #nav li {
float : left;
position : relative;
z-index : 20;
margin-top : 11px;
}
#top #nav li li {
border-left : none;
margin-top : 0;
}
#top #nav ul {
display : none;
left : -19px;
position : absolute;
top : 35px;
width : 172px;
}
#top #nav li ul a {
width : 128px;
height : auto;
float : left;
text-align : left;
padding : 0 21px;
}
#top #nav ul ul {
top : auto;
border-top : none;
}
#top #nav li ul ul {
left : 171px;
top : -1px;
}
#top #nav li:hover ul ul, #top #nav li:hover ul ul ul, #top #nav li:hover ul ul ul ul {
display : none;
}
#top #nav li:hover ul, #top #nav li li:hover ul, #top #nav li li li:hover ul, #top #nav li li li li:hover ul {
display : block;
}
#top #nav li ul a {
border-top : none;
}
.advanced_button {
height : 60px;
width : 180px;
display : block;
text-indent : -9999px;
}
.get_in_touch {
position : absolute;
right : 0;
top : 52px;
outline : none;
}
.entry {
width : 630px;
float : left;
clear : both;
padding-bottom : 30px;
position : relative;
}
.entry-head {
display : block;
position : relative;
top : -8px;
font-size : 0.875em;
padding : 0 0 0 1px;
}
.entry-head a {
text-decoration : none;
}
.entry-head a:hover {
text-decoration : underline;
}
.entry-head span {
padding : 0 5px;
}
.entry img {
max-width : 600px;
}
.entry-head .categories {
padding : 0 5px 0 0;
}
.entry li {
padding : 5px 0 5px 22px;
}
.entry ul, .entry ol {
list-style-position : inside;
list-style-type : none;
margin : 0;
padding : 0 0 20px;
}
#top .entry ol {
list-style-type : decimal;
}
.entry-intro {
padding-bottom : 6px;
}
.widget ul {
list-style-position : outside;
list-style-type : none;
padding : 0;
margin : 0;
}
#top #latest_news .post_name {
font-size : 1.125em;
display : block;
}
#top #latest_news a, .widget a {
display : block;
padding : 5px 3px 10px 3px;
text-decoration : none;
}
.meta_sub {
padding-right : 4px;
}
#top .widget a {
padding : 6px 3px;
width : 292px;
}
.widget {
width : 300px;
float : left;
padding-bottom : 30px;
}
#sidebar .widget {
clear : both;
}
.portfoliobox img {
width : 280px;
}
blockquote {
font-size : 12px;
font-style : italic;
margin : 0 0 20px;
padding : 10px 20px 10px 41px;
}
a {
text-decoration : none;
}
a:hover {
text-decoration : underline;
}
a img {
border : none;
}
p {
padding : 0 0 1em 0;
}
ul, ol {
list-style-position : outside;
margin-left : 20px;
}
#sidebar ul, #sidebar ol {
margin-left : 0;
}
#sidebar li {
list-style-type : none;
}
h1, h2, h3, h4, h5, h6, legend {
font-weight : normal;
text-shadow : #fff 0 1px 0;
clear : both;
padding : 0 0 5px 0;
}
h1 {
font-size : 2em;
line-height : 2.25em;
}
h2 {
font-size : 1.75em;
line-height : 2em;
}
h3, legend {
font-size : 1.5em;
line-height : 1.75em;
}
h4 {
font-size : 1.25em;
line-height : 1.5em;
}
h5 {
font-size : 1em;
line-height : 1.25em;
}
h6 {
font-size : 0.75em;
line-height : 1em;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
text-decoration : none;
}
blockquote p {
padding : 11px 0;
}
blockquote {
margin : 0 0 22px 5px;
padding : 0 15px;
}
.floatleft {
float : left;
}
.floatright {
float : right;
}
.clearboth {
clear : both;
}
.alignleft {
float : left;
margin : 0 15px 15px 0;
}
.alignright {
float : right;
margin : 0 0 15px 15px;
}
.aligncenter {
clear : both;
display : block;
margin : 10px auto;
padding : 10px 0;
}
#top .wp-smiley {
border : none;
padding : 0;
}
.meta {
display : block;
position : relative;
top : 3px;
font-size : 0.875em;
line-height : 1.375em;
}
.more-link {
clear : both;
display : block;
line-height : 20px;
padding : 0 0 0 16px;
text-decoration : none;
width : 75px;
}
#searchsubmit, #send, #top #submit {
cursor : pointer;
}
#s {
height : 16px;
position : absolute;
bottom : 2px;
}
#s, .text_input, .text_area {
padding : 4px;
font-family : "Helvetica LT Std", "HelveticaNeue", Helvetica, "Helvetica 55 Roman", "Helvetica Neue", sans-serif;
width : 200px;
font-size : 0.875em;
}
#searchsubmit, #send, #submit {
padding : 4px 20px;
font-family : "Helvetica LT Std", "HelveticaNeue", Helvetica, "Helvetica 55 Roman", "Helvetica Neue", sans-serif;
font-size : 0.75em;
}
.hidden {
display : none;
}
#commentform {
padding-bottom : 20px;
}
fieldset {
border : none;
padding : 0;
margin : 0;
overflow : hidden;
}
fieldset label {
padding-left : 7px;
}
.blocklabel {
display : block;
padding : 10px 0 0 0;
}
#top .text_area {
width : 450px;
}
#send, #top #submit {
cursor : pointer;
}
#searchsubmit {
width : 53px;
height : 34px;
padding : 0;
margin : 0;
cursor : pointer;
text-indent : -9999px;
border : none;
position : absolute;
bottom : -2px;
right : 0;
}
.ajax_form {
padding-bottom : 30px;
}
.pagination {
clear : both;
display : block;
float : left;
padding : 0 0 20px 0;
position : relative;
z-index : 3;
}
.pagination span, .pagination a {
display : block;
float : left;
font-size : 0.75em;
line-height : 0.875em;
margin : 2px 2px 2px 0;
display : block;
padding : 3px 6px;
text-decoration : none;
}
.pagination .current {
font-size : 11px;
padding : 3px 6px;
}
.commentlist {
margin-bottom : 20px;
float : left;
width : 100%;
}
#top .commentlist #comment {
width : 70%;
}
.commentlist li {
width : 100%;
clear : both;
float : left;
padding : 0;
list-style-type : none;
padding : 20px 0 0 0;
position : relative;
}
.commentlist .children, .commentlist .children li {
border : none;
}
.gravatar {
float : left;
width : 60px;
padding : 0 10px;
text-align : center;
}
.gravatar img {
display : block;
}
.comment_content {
float : left;
width : 524px;
padding-bottom : 20px;
}
.commentmetadata {
float : right;
padding-right : 10px;
}
.commentmetadata a, .comment-edit-link, .comment-reply-link {
text-decoration : none;
font-size : 0.75em;
}
.comment-edit-link {
padding-left : 10px;
}
.says {
display : none;
}
.author_name {
font-weight : bold;
font-style : normal;
font-size : 1em;
float : left;
}
.comment_text {
clear : both;
}
.comment-reply-link {
text-align : center;
display : block;
}
.commentlist #respond {
padding-left : 80px;
}
#cancel-comment-reply-link {
text-decoration : none;
margin-left : 15px;
font-size : 0.688em;
}
.commentlist .children {
padding : 0 0 0 70px;
}
.commentlist .children li .comment_content {
width : 454px;
}
.commentlist .children .children li .comment_content {
width : 384px;
}
.commentlist .children .children .children li .comment_content {
width : 314px;
}
.commentlist .children .children .children .children li .comment_content {
width : 244px;
}
.commentlist .children .children .children .children .children li .comment_content {
padding : 0;
}
.comment_nav {
position : relative;
top : -13px;
font-size : 0.688em;
z-index : 4;
}
.comment_nav a {
text-decoration : none;
}
.comment_prev {
float : left;
}
.comment_next {
float : right;
}
.widget_categories a, .widget_pages a, .widget_archive a, .widget_recent_entries a, li.recentcomments, .widget_meta a {
padding : 5px;
display : block;
text-decoration : none;
width : 282px;
}
#top .widget_tag_cloud a {
text-decoration : none;
padding : 0 3px;
display : inline;
border : none;
line-height : 1.3em;
}
.widget_tag_cloud a:hover {
text-decoration : underline;
font-weight : bold;
}
li.recentcomments a {
text-decoration : none;
}
#wp-calendar a, #wp-calendar a:visited {
display : block;
text-decoration : none;
padding : 0;
border : none;
width : auto;
}
#wp-calendar a:hover {
display : block;
}
#wp-calendar {
empty-cells : show;
width : 100%;
text-align : center;
}
#wp-calendar #next a, #wp-calendar #prev a {
text-decoration : none;
display : block;
border : none;
}
#wp-calendar caption {
margin-bottom : 5px;
}
body {
color : #666;
background : url(../images/skin1/bg.png) #cdcdcd;
border-top : 2px solid #000;
}
#main {
background : url(../images/skin1/bg-shadow.jpg) top no-repeat transparent;
}
.box {
border-right : 1px solid #aaa;
}
#top {
background : url(../images/skin1/logo-gr8pixel.jpg) top no-repeat transparent;
}
#featured {
background : url(../images/skin1/bg-hr.jpg) top repeat-x transparent;
}
.item, .wrapper img {
border : #aaa solid 1px;
background : #fff;
}
.additional_info {
background : url(../images/skin1/bg-hr.jpg) top repeat-x transparent;
}
.additional_info .quote {
background : url(../images/skin1/quote.png);
width : 50px;
height : 50px;
z-index : 1;
position : absolute;
top : 5px;
left : 5px;
}
.additional_info h3 {
color : #999;
line-height : 1.5em;
z-index : 2;
text-indent : 60px;
}
.additional_info h3 a {
color : #666;
}
.additional_info h3 a:hover {
color : #54736a;
}
#twitterbox {
background : url(../images/skin1/twitter.png) 10px 5px no-repeat transparent;
}
#top #nav a:hover {
background : url(../images/skin1/bg-nav.png) top repeat-x transparent;
}
#top #nav .current_page_item a {
background : url(../images/skin1/bg-nav.png) top repeat-x transparent;
}
#top #nav li ul a {
background : #ddd;
border : #aaa solid 1px;
border-top : none;
}
#top #nav li ul a:hover {
background : #fff;
}
#top #nav li ul ul {
border-top : 1px solid #aaa;
}
.get_in_touch {
background : url(../images/skin1/btn-contact.png) top left no-repeat transparent;
}
.get_in_touch:hover {
background : url(../images/skin1/btn-contact.png) bottom left no-repeat transparent;
}
.entry-head {
color : #999;
}
.entry-head a {
color : #777;
}
.entry li {
border-bottom : 1px solid #c2c2c2;
}
.entry ul, .entry ol {
border : none;
}
#top #latest_news a, .widget a, .widget_categories a, .widget_pages a, .widget_archive a, .widget_recent_entries a, li.recentcomments, .widget_meta a {
border-bottom : 1px solid #aaa;
}
#top #latest_news a:hover, .widget a:hover {
background : url(../images/skin1/bg-tabs.png) bottom repeat-x transparent;
}
.meta_sub {
border-right : 1px solid #ddd;
}
blockquote {
color : #777;
}
blockquote {
border-left : 3px solid #777;
}
.box strong {
color : #666;
}
.more-link {
background : url(../images/skin1/dot.png) 6px 0 no-repeat scroll transparent;
color : #5e6b86;
}
h1 a, h2 a, h3 a, h4 a, h5 a h6 a {
color : #333;
}
a {
color : #333;
}
a:hover {
color : #01282e;
}
#top a:hover img {
border : #555 solid 1px;
}
h1, h2, h3, h4, h5, h6, legend {
color : #666;
}
.meta {
color : #999;
}
.btn-rfp {
width : 300px;
height : 70px;
background : url(../images/skin1/btn-rfp.png) top no-repeat;
display : block;
text-indent : -9999px;
margin-bottom : 10px;
overflow : hidden;
}
.btn-rfp:hover {
background : url(../images/skin1/btn-rfp.png) bottom no-repeat;
}
.valid .text_input, .valid .text_area {
border : #70a41b solid 1px;
}
.error .text_input, .error .text_area {
border : #ee2a00 solid 1px;
}
.ajax_alert .text_input, .ajax_alert .text_area {
border : #ffb628 solid 1px;
}
#s, .text_input, .text_area, textarea, #commentform input {
border : #ababab solid 1px;
color : #666;
}
#send, #top #submit {
border : #ababab solid 1px;
background-color : #54646b;
cursor : pointer;
color : #fff;
}
#send:hover, #top #submit:hover {
background-color : #fff;
color : #666;
}
#searchsubmit {
background : url(../images/skin1/button_search.png) top left no-repeat transparent;
}
#searchsubmit:hover {
background : url(../images/skin1/button_search.png) bottom left no-repeat transparent;
}
#footer {
background : url(../images/skin1/bg-shadow.jpg) top no-repeat;
}
.pagination span, .pagination a {
border : #c3c3c3 solid 1px;
color : #888;
background : url(../images/skin1/bg-shadow.jpg) top center no-repeat scroll #ffffff;
}
.pagination a:hover {
border : #c3c3c3 solid 1px;
color : #333;
background : #bcbcbc;
}
.pagination .current {
border : #c3c3c3 solid 1px;
color : #333;
background-color : #c3c3c3;
}
#top .commentlist .odd {
background : url(../images/skin1/bg-shadow.jpg) top center repeat-x transparent;
}

↑ Top