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

img{border:none;}
#promo ul{list-style:none; padding:0; margin:0}
#promo ul li{float:left; width:138px;}
#promo ul li h1{text-indent:-9999px}
#promo .section{float: left;position:relative;top:0px;width:138px;z-index:9999;}
#promo .promo-content{display:none; width:138px;float:left;height:285px;position:absolute;top:45px; left:0;}
#section-one .promo-content{background:url(../images/promo-image.jpg) no-repeat 0 0;}
#section-two .promo-content{background:url(../images/promo-image.jpg) no-repeat -138px 0;}
#section-three .promo-content{background:url(../images/promo-image.jpg) no-repeat -276px 0;}
#section-four .promo-content{background:url(../images/promo-image.jpg) no-repeat -414px 0;}
#section-five .promo-content{background:url(../images/promo-image.jpg) no-repeat -550px 0;}


#promo{height:310px; overflow:visible;margin-top:-10px;}
#promo #one, #promo #two, #promo #three, #promo #four, #promo #five{font-family:"Arial Narrow", Arial, Helvetica, sans-serif;font-size:1.2em;height:31px; padding:7px 12px; width:126px;color:#fff; float:left;}
#promo #one span, #promo #two span, #promo #three span, #promo #four span, #promo #five span{
    color: #FFFFFF;
    display: block;
    font-family: "Arial Narrow",Arial,Helvetica,sans-serif;
    font-size: 0.75em;
    font-weight: normal;
    margin-top: -1px;
}
#promo #one{background:url(../images/menu1.png) no-repeat left;}
#promo #two{background:url(../images/menu2.png) no-repeat left;}
#promo #three{background:url(../images/menu3.png) no-repeat left;}
#promo #four{background:url(../images/menu4.png) no-repeat left;}
#promo #five{background:url(../images/menu5.png) no-repeat left;}

.promo-content img{display:none;}
#promo-text{display:none;}
#we-design{position:relative;top:44px; left:18px; width:92px; height:47px; display:block;}
#photoshop-flash{position:relative;top:66px; left:18px; width:87px; height:58px; display:block;}
#design-link{position:relative;top:160px; left:14px; width:105px; height:11px; display:block;}
#valid-css{position:relative;top:44px; left: 24px; width:92px; height:78px; display:block;}
#wai{position:relative;top:80px; left:38px; width:46px; height:36px; display:block;}
#w3c-link{position:relative;top:151px; left:14px; width:60px; height:11px; display:block;}
#code{position:relative;top:44px; width:133px; height:167px; display:block;}
#code-link{position:relative;top:99px; left:14px; width:72px; height:11px; display:block;}
#we-master{position:relative;top:53px; left:20px; width:57px; height:11px; display:block;}
#facebook{position:relative;top:88px; left:49px; width:20px; height:20px; display:block;}
#wordpress{position:relative;top:104px; left:80px; width:22px; height:22px; display:block;}
#drupal{position:relative;top:112px; left:32px; width:25px; height:26px; display:block;}
#etc{position:relative;top:112px;left:74px; width:23px; height:8px; display:block;}
#api-link{position:relative;top:178px; left:14px; width:51px; height:11px; display:block;}
#your-rank{position:relative;top:53px; left:7px; width:125px; height:132px; display:block;}
#seo-link{position:relative;top:132px; left:14px; width:64px; height:11px; display:block;}
.promo-menu img{float: left; border:none;}