@charset "UTF-8";
/* CSS Document */

/* Main Site graphics */

.plus-symbol{
	background:url( ../images/plus-symbol@2x.png) top left no-repeat;
	background-size:35px 35px;
}
.arrow-dwn-symbol{
	background:url( ../images/arrow-symbol@2x.png) top left no-repeat;
	background-size:35px 35px;
}
.arrow-up-symbol a {
	background:url( ../images/arrow-up-symbol@2x.png) top left no-repeat;
	background-size:35px 35px;
}
#footer-logo a{
	background:url(../images/ui-footer-logo@2x.gif) no-repeat top left;
	background-size:200px 125px;
}

.price-tag-8{
	background:url(../images/price-tag@2x.png) top left no-repeat;
	background-size:104px 104px;
}

.price-tag-10{
	background:url(../images/price-tag-10@2x.png) top left no-repeat;
	background-size:104px 104px;
}
.price-tag-12{
	background:url(../images/price-tag-12@2x.png) top left no-repeat;
	background-size:104px 104px;
}
.price-tag-14{
	background:url(../images/price-tag-14@2x.png) top left no-repeat;
	background-size:104px 104px;
}
.store-btn a, .store-btn a:hover{
	background:url(../images/store-btn@2x.png) no-repeat top left;
	background-size:80px 40px;
}
.labs-btn a, .labs-btn a:hover {	
	background:url(../images/labs-btn@2x.png) no-repeat top left;
	background-size:80px 40px;
}
.newsletter-btn a, .newsletter-btn a:hover{
	background:url(../images/newsletter-btn@2x.png) no-repeat top left;
	background-size:80px 40px;
}
.twitter-btn a, .twitter-btn a:hover{
	background:url(../images/twitter-btn@2x.png) no-repeat top left;
	background-size:80px 40px;
}
.first-menu-link{
	background:url(../images/menu-arrows@2x.png) no-repeat top right;
	background-size:6px 18px;
}


/* ui toolkit */
.ui-toolkit-header{
	background:url(../images/toolkit-header@2x.jpg) no-repeat top left;
	background-size:700px 250px;
}

.ui-toolkit-store-banner{
	background:url(../images/ui-toolkit-store@2x.jpg) no-repeat top left;
	background-size:455px 210px;
}

.glyph-link{
	background:  url(../images/icons/glyph-icon@2x.png) top left no-repeat;
	background-size:20px 20px;
}

.styles-link{
	background:  url(../images/icons/styles-icon@2x.png) top left no-repeat;
	background-size:20px 20px;
}

.patterns-link{
	background:  url(../images/icons/pattern-icon@2x.png) top left no-repeat;
	background-size:20px 20px;
}

.shapes-link{
	background:  url(../images/icons/shape-icon@2x.png) top left no-repeat;
	background-size:20px 20px;
}

.ring-link{
	background:  url(../images/icons/ring-icon@2x.png) top left no-repeat;
	background-size:20px 20px;
}
.action-link{
	background:  url(../images/icons/action-icon@2x.png) top left no-repeat;
	background-size:20px 20px;
}
.texture-link{
	background:  url(../images/icons/textures-icon@2x.png) top left no-repeat;
	background-size:20px 20px;
}
.com-symbol-link{
	background:  url(../images/icons/com-symbol-icon@2x.png) top left no-repeat;
	background-size:20px 20px;
}

/* pixel snacks */
.pixel-snacks-header{
	background:url(../images/pixel-snacks-header@2x.jpg) no-repeat top left;
	background-size:700px 250px;
}
.pixel-snacks-store-banner{
	background:url(../images/pixel-snacks-store@2x.jpg) no-repeat top left;
	background-size:455px 210px;
}


/* Ads */
.pixeldropr-ad a{
	background:url(../images/pixeldropr-banner@2x.png) no-repeat top left;
	background-size:228px 150px;
}
.webzap-ad a{
	background:url(../images/webzap-banner@2x.png) no-repeat top left;
	background-size:228px 150px;
}
.devrocket-ad a{
	background:url(../images/devrocket-banner@2x.png) no-repeat top left;
	background-size:228px 150px;
}
/* modal */
#close-button a{
	background:url(../images/close-icon@2x.gif) no-repeat top left;
	background-size:40px 20px;
}
#close-button a:hover{
	background:url(../images/close-icon@2x.gif) no-repeat top right;
	background-size:40px 20px;
}
#modal-rss-button a{
	background:url(../images/modal-rss@2x.gif) no-repeat top left;
	background-size:208px 104px;
}
#modal-twitter-button a{
	background:url(../images/modal-twitter@2x.gif) no-repeat top left;
	background-size:208px 104px;
}
#modal-email-button a{
	background:url(../images/modal-email@2x.gif) no-repeat top left;
	background-size:208px 104px;
}
#pop-up-modal {
	background:rgba(0, 0, 0, 0.6) url(../images/bg-pat-trans@2x.png) repeat top right;
	background-size:15px 15px;
}