@import url(base.css);

/*:: Shared Styles
------------------------------------- */
    .col3, .col2, .col1{float:left; margin-right:40px;}
    .col3{width:560px;}
    .col2{width:600px;}
    .col1{width:280px;}
    .last{margin-right:0;}
    .title{font-size:30px; padding-bottom:4px;}
    .sub{word-spacing:3px;}
    h3.sub{padding:0 0 3px 0; font-size:16px;}
    h4.sub{padding:5px 0 3px 0; font-size:14px;}
    h5.sub{padding:0 0 6px 0; font-size:13px;}
    .sub a:hover{text-decoration:none !important;}
    .subTitle{font-size:18px; padding-bottom:13px;}
    .chameleon{display:block; text-indent:-1000em; background-repeat:no-repeat; background-position:0 0; line-height:0px;}
    .chameleon:hover{background-position:bottom left;}
    h4.chameleon{height:10px; clear:both; line-height:1px; margin-bottom:5px;}
    .menu{border:1px solid #ccc; padding:24px; -moz-border-radius:5px; -webkit-border-radius:5px; width:230px; }
    .cufon-loading{visibility: hidden !important;}
    
      
/*:: Body
------------------------------------- */
    body{background-color:#444;}
    div.wrapper{width:940px; margin:0 auto; padding:0 10px;}
        
    
/*:: Header
------------------------------------- */
    #header{background:url(http://c0688472.cdn.cloudfiles.rackspacecloud.com/bg-header.gif) no-repeat top center; position:relative; z-index:10;}
    #header div.wrapper{background:url(http://c0688472.cdn.cloudfiles.rackspacecloud.com/bg-headerWrapper.png) no-repeat top left; width:960px; padding:0; }
    #header h1{margin:23px 0 0 10px; float:left;}
    /* - Logos - */
        /* Regular */ #header h1 a{display:block; height:38px; width:220px; background:url(http://c0688472.cdn.cloudfiles.rackspacecloud.com/logo.png) no-repeat top left; text-indent:-100em;}
        /* Christmas #header h1 a{display:block; height:43px; margin:-5px 0 0 -6px; width:226px; background:url(http://c0688472.cdn.cloudfiles.rackspacecloud.com/logo_christmas.png) no-repeat top left; text-indent:-100em;}*/
    /* - Navigation - */
        #header ul{height:56px; width:427px; float:right; background:url(http://c0688472.cdn.cloudfiles.rackspacecloud.com/bg-nav.png) no-repeat; list-style:none;}
        #header ul.home{background-position:0 -280px;}
        #header ul.about{background-position:0 -224px;}
        #header ul.work{background-position:0 -168px;}
        #header ul.services{background-position:0 -112px;}
        #header ul.blog{background-position:0 -56px;}
        #header ul.contact{background-position:0 0;}
        #header ul li{float:left; height:56px;}
        #header ul li#nav_home{width:68px;}
        #header ul li#nav_about{width:71px;}
        #header ul li#nav_work{width:65px;}
        #header ul li#nav_services{width:88px;}
        #header ul li#nav_blog{width:58px;}
        #header ul li#nav_contact{width:77px;}
        #header ul li a{display:block; height:21px; padding-top:35px; padding-right:5px; position:relative; z-index:100; text-decoration:none; color:#fff; text-align:center; font-size:15px;}
        #header ul li#nav_contact a{padding-right:0;}
        
        
/*:: Hero
------------------------------------- */
    #hero{position:relative; min-height:140px;}
    .mask{z-index:100;}
    #hero div.mask{background:url(http://c0688472.cdn.cloudfiles.rackspacecloud.com/bg-hero.png) no-repeat bottom center; position:absolute; left:0; bottom:0; width:100%; height:31px;}
    #hero div.mask div.wrapper{background:url(http://c0688472.cdn.cloudfiles.rackspacecloud.com/bg-heroWrapper.png) no-repeat bottom center; height:31px; padding:0; width:960px;}
    #hero a.controls{display:block;  text-indent:-1000em; background-repeat:no-repeat; background-position:top left; position:absolute; top:50%; margin-top:-15px; height:27px; width:31px; z-index:100;}
    #hero a#next{background-image:url(images/btn-homeNext.png); right:20px;}
    #hero a#previous{background-image:url(images/btn-homePrevious.png); left:20px;}
    #hero .wrapper{padding:0; width:960px; overflow:hidden;}
    #hero #arrow{width:73px; height:59px; background:url(http://c0688472.cdn.cloudfiles.rackspacecloud.com/arrow.png) no-repeat top left; right:84px; margin-top:-103px; position:absolute; top:50%; display:none;}


/*:: Content
------------------------------------- */
    #content{background:#fff; padding:50px 0 38px 0;}
    #content div.wrapper{width:920px;position:relative;}


/*:: Footer
------------------------------------- */
    #footer{background:url(http://c0688472.cdn.cloudfiles.rackspacecloud.com/bg-footerWrapper.png) no-repeat top center; clear:both;}
    #footer div.wrapper{background:url(http://c0688472.cdn.cloudfiles.rackspacecloud.com/bg-footer.png) no-repeat top center; padding:55px 20px 20px; width:920px;}
    
    #footer h6{color:#fff; text-transform:uppercase; font-size:15px; word-spacing:2px; float:left;}
    #footer address{font-style:normal; font-size:11px; line-height:18px; color:#fff; clear:both; padding-top:2px;}
    .country-name, .org, .type{display:none;}
    .adr{display:block; padding-bottom:12px;}
    .tel,
    .email{float:left; clear:left; background-repeat:no-repeat; background-position:left center; background-image:url(images/footer-phone.png); padding-left:20px;}
    .fax{background-image:url(images/footer-fax.png);}
    .email{background-image:url(images/footer-email.png); color:#fff; text-decoration:none;}
    .email:hover{text-decoration:underline;}
        
    #footer ul#social{float:right; list-style:none; margin-top:-4px; padding-bottom:6px;}
    #footer ul#social li{float:left; margin-left:6px;}
    #footer ul#social li a{height:20px; width:20px; display:block; text-indent:-1000em; background-image:url(images/icon-social.png); background-repeat:no-repeat;}
    #footer ul#social li#twitter a{background-position:0 -20px;}
    #footer ul#social li#facebook a{background-position:-20px -20px;}
    #footer ul#social li#flickr a{background-position:-40px -20px;}
    #footer ul#social li#twitter a:hover,
    #footer ul#social li#twitter a.on{background-position:0 0;}
    #footer ul#social li#facebook a:hover,
    #footer ul#social li#facebook a.on{background-position:-20px 0;}
    #footer ul#social li#flickr a:hover,
    #footer ul#social li#flickr a.on{background-position:-40px -0;}
    
    #footer #socialHolder{background:url(http://c0688472.cdn.cloudfiles.rackspacecloud.com/bg-socials.png) repeat top left; -moz-border-radius:3px; -webkit-border-radius:3px; clear:both; font-size:14px; color:#fff; line-height:16px; padding:20px;}
    #footer #socialHolder a{color:#fff;}
    #footer #socialHolder .socialSlide{display:none;}
    #footer #socialHolder .twitter{background:url(http://c0688472.cdn.cloudfiles.rackspacecloud.com/bg-twitter.png) no-repeat 4px 11px; display:block; height:48px;}
    #footer #socialHolder .twitter ul.tweet_list{list-style:none; padding:8px 12px 8px 46px;}
    #footer #socialHolder .twitter p{padding:8px 12px 8px 46px;}
    #footer #socialHolder .twitter a.time {text-decoration:none; font-style:italic;}
    #footer #socialHolder .twitter a.time :hover{text-decoration:underline;}
    #footer #socialHolder .flickr{height:77px;}
    #footer #socialHolder .flickr img{border:1px solid #fff; float:left;}
    #footer #socialHolder .flickr a{margin-right:19px; float:left;}
    #footer #socialHolder .flickr a.last{margin-right:0;}
    
    #footer ul#nav{color:#fff; list-style:none; padding-top:15px; clear:both; float:left; width:100%;}
    #footer ul#nav li{float:left; padding-right:3px;}
    #footer ul#nav li img{float:left; margin-right:4px;}
    #footer ul#nav li a.first{border-left:none; padding-left:0px;}
    #footer ul#nav li a{border-left:1px solid #fff; padding-left:3px;}
    #footer ul#nav a{color:#fff; text-decoration:none;}
    #footer ul#nav a:hover{text-decoration:underline;}
    
/*:: Bottom
------------------------------------- */
    #bottom{background:url(http://c0688472.cdn.cloudfiles.rackspacecloud.com/bg-bottom.gif) no-repeat top center;}
    #bottom div.wrapper{background:url(http://c0688472.cdn.cloudfiles.rackspacecloud.com/bg-bottomWrapper.png) no-repeat top center; height:6px; line-height:0;}