
/***************************************************************************************************/
/***************************************************************************************************/
/* EASTER */
div#easter{padding:0 0 10px; background:#000000 50%; }
 div#easter div.wrap{ }
 div#easter div#buttons{height:28px;}
  div#easter div#buttons a{float:right;height:15px;display:inline;text-indent:-9999px;margin:10px 0 0 20px;}
  div#easter div#buttons a#button-themes{width:61px;background:url(images/button-themes.png) 0 0 no-repeat;}
  div#easter div#buttons a#button-featured-on{width:86px;background:url(images/button-featured-on.png) 0 0 no-repeat;}
  div#easter div#buttons a#button-watching{width:130px;background:url(images/button-watching.png) 0 0 no-repeat;}
  div#easter div#buttons a#button-themes:hover{background-position:0 -15px;}
  div#easter div#buttons a#button-featured-on:hover{background-position:0 -15px;}
  div#easter div#buttons a#button-watching:hover{background-position:0 -15px;}
  div#easter div#buttons a#button-themes.open{background-position:0 -30px;}
  div#easter div#buttons a#button-featured-on.open{background-position:0 -30px;}
  div#easter div#buttons a#button-watching.open{background-position:0 -30px;}
  div#easter div#buttons a#button-themes.open:hover{background-position:0 -45px;}
  div#easter div#buttons a#button-featured-on.open:hover{background-position:0 -45px;}
  div#easter div#buttons a#button-watching.open:hover{background-position:0 -45px;}

 div#easter div.egg{display:none;}
 div#easter div#watching_nojump{margin:5px 0 15px;overflow:auto;position:relative;}
  div#easter div#watching_nojump p.loading{width:220px;height:20px;margin:35% auto 0;text-align:center;background:url(images/loading.gif) 0 100% no-repeat;}
  
  div#easter div#video{display:none;overflow:hidden;padding:10px 0 0;position:absolute;width:1000px;}
   div#easter div#video div#video-close{float:right;margin:0 0 20px;}
    div#easter div#video div#video-close a{top:20px;right:10px;width:24px;height:24px;text-indent:-9999px;position:absolute;background:url(images/video-close.png) 0 0 no-repeat;}
    div#easter div#video div#video-close a:hover{background-position:0 -24px;}
   div#easter div#video div#video-left{clear:both;float:left;width:660px;height:507px;background:url(images/video-left-bg.png) 0 0 no-repeat;}
    div#easter div#video div#video-left div#video-nav{float:left;height:66px;}
     div#easter div#video div#video-left div#video-nav ul{float:left;margin:-10px 0 0;display:inline;list-style:none;}
     div#easter div#video div#video-left div#video-nav ul.hover{margin:-76px 0 0;}
      div#easter div#video div#video-left div#video-nav ul li{float:left;display:inline;}
       div#easter div#video div#video-left div#video-nav ul li a{height:76px;display:block;line-height:66px;text-indent:-9999px;background:url(images/video-nav.png) 0 0 no-repeat;}
       div#easter div#video div#video-left div#video-nav ul li a.favourites{width:134px;background-position:0 0;}
       div#easter div#video div#video-left div#video-nav ul li a.technology{width:111px;background-position:-134px 0;}
       div#easter div#video div#video-left div#video-nav ul li a.funny{width:117px;background-position:-245px 0;}
       div#easter div#video div#video-left div#video-nav ul li a.music{width:76px;background-position:-362px 0;}
       div#easter div#video div#video-left div#video-nav ul li a.entertainment{width:126px;background-position:-438px 0;}
       div#easter div#video div#video-left div#video-nav ul li a.animals{width:96px;background-position:-564px 0;}
       div#easter div#video div#video-left div#video-nav ul li a.favourites.on{background-position:0 -228px;}
       div#easter div#video div#video-left div#video-nav ul li a.technology.on{width:111px;background-position:-134px -228px;}
       div#easter div#video div#video-left div#video-nav ul li a.funny.on{width:117px;background-position:-245px -228px;}
       div#easter div#video div#video-left div#video-nav ul li a.music.on{width:76px;background-position:-362px -228px;}
       div#easter div#video div#video-left div#video-nav ul li a.entertainment.on{width:126px;background-position:-438px -228px;}
       div#easter div#video div#video-left div#video-nav ul li a.animals.on{width:96px;background-position:-564px -228px;}
       div#easter div#video div#video-left div#video-nav ul li a.favourites:hover,div#easter div#video div#video-left div#video-nav ul li a.favourites.hover{background-position:0 -76px;}
       div#easter div#video div#video-left div#video-nav ul li a.technology:hover,div#easter div#video div#video-left div#video-nav ul li a.technology.hover{width:111px;background-position:-134px -76px;}
       div#easter div#video div#video-left div#video-nav ul li a.funny:hover,div#easter div#video div#video-left div#video-nav ul li a.funny.hover{width:117px;background-position:-245px -76px;}
       div#easter div#video div#video-left div#video-nav ul li a.music:hover,div#easter div#video div#video-left div#video-nav ul li a.music.hover{width:76px;background-position:-362px -76px;}
       div#easter div#video div#video-left div#video-nav ul li a.entertainment:hover,div#easter div#video div#video-left div#video-nav ul li a.entertainment.hover{width:126px;background-position:-438px -76px;}
       div#easter div#video div#video-left div#video-nav ul li a.animals:hover,div#easter div#video div#video-left div#video-nav ul li a.animals.hover{width:96px;background-position:-564px -76px;}
       div#easter div#video div#video-left div#video-nav ul li a.favourites:active,div#easter div#video div#video-left div#video-nav ul li a.favourites.hover:active{background-position:0 -152px;}
       div#easter div#video div#video-left div#video-nav ul li a.technology:active,div#easter div#video div#video-left div#video-nav ul li a.technology.hover:active{width:111px;background-position:-134px -152px;}
       div#easter div#video div#video-left div#video-nav ul li a.funny:active,div#easter div#video div#video-left div#video-nav ul li a.funny.hover:active{width:117px;background-position:-245px -152px;}
       div#easter div#video div#video-left div#video-nav ul li a.music:active,div#easter div#video div#video-left div#video-nav ul li a.music.hover:active{width:76px;background-position:-362px -152px;}
       div#easter div#video div#video-left div#video-nav ul li a.entertainment:active,div#easter div#video div#video-left div#video-nav ul li a.entertainment.hover:active{width:126px;background-position:-438px -152px;}
       div#easter div#video div#video-left div#video-nav ul li a.animals:active,div#easter div#video div#video-left div#video-nav ul li a.animals.hover:active{width:96px;background-position:-564px -152px;}

    div#easter div#video div#video-left div#video-details{width:660px;clear:both;float:left;height:64px;line-height:64px;}
     div#easter div#video div#video-left div#video-details div#video-title{color:#ccc;float:left;width:420px;font-size:16px;padding:0 0 0 20px;}
     div#easter div#video div#video-left div#video-details div#video-social{float:right;display:none;padding:5px 20px 0 0;}
      div#easter div#video div#video-left div#video-details div#video-social a{display:inline-block;margin:0 0 0 4px;}
       div#easter div#video div#video-left div#video-details div#video-social a img{width:16px;height:16px;}

    div#easter div#video div#video-left div#video-player{float:left;clear:both;width:640px;height:360px;display:inline;overflow:hidden;margin:2px 0 0 9px;border:1px solid #555;background:url(images/loading.gif) 50% 160px no-repeat;}
     div#easter div#video div#video-left div#video-player p.notfound{color:#fff;text-align:center;margin:160px 0 0;}
   div#easter div#video div#video-right{float:right;width:323px;height:507px;position:relative;background:url(images/video-right-bg.png) 0 0 no-repeat;}
    div#easter div#video div#video-right h3,div#easter div#video div#video-right h4{color:#fff;font-size:24px;margin:18px 0 0 16px;font-weight:normal;text-transform:uppercase;font-family:"Arial Narrow",Arial,sans-serif;}
    div#easter div#video div#video-right h3{font-size:20px;}
    .cufon-active div#easter div#video div#video-right h3{font-size:22px;}
    div#easter div#video div#video-right h4{font-size:11px;margin:1px 0 15px 16px;}
    .cufon-active div#easter div#video div#video-right h4{font-size:11px;}
    div#easter div#video div#video-right div#video-list-loading{height:20px;width:220px;margin:180px auto 0;background:url(images/loading.gif) 0 100% no-repeat;}
    div#easter div#video div#video-right div#video-list{left:0;top:75px;width:323px;height:380px;overflow:hidden;position:absolute;}
    div#easter div#video div#video-right div#video-list-inner{top:0;left:0;width:323px;display:none;position:absolute;}
     div#easter div#video div#video-right div#video-list-inner p.none{margin:164px 0 0;padding:0;height:20px;font-size:11px;text-align:center;}
     div#easter div#video div#video-right div#video-list-inner div.video-block{width:305px;height:76px;overflow:hidden;cursor:pointer;margin:0 0 0 9px;background:url(images/video-block-bg.png) 0 0 no-repeat;}
     div#easter div#video div#video-right div#video-list-inner div.video-block-hover{background-position:0 -76px;}
      div#easter div#video div#video-right div#video-list-inner div.video-block img{float:left;width:75px;height:56px;display:inline;margin:9px 0 0 10px;border:1px solid #686868;}
      div#easter div#video div#video-right div#video-list-inner div.video-block-playing img{border-color:#ddd;}
      div#easter div#video div#video-right div#video-list-inner div.video-block p.title{color:#fff;float:right;width:155px;font-size:12px;display:inline;margin:13px 0 0;}
      div#easter div#video div#video-right div#video-list-inner div.video-block-playing p.title{color:#dab10f;}
      div#easter div#video div#video-right div#video-list-inner div.video-block p.time{width:32px;float:right;font-size:11px;padding:0 0 0 19px;margin:13px 0 0;background:url(images/video-block-time.png) 3px 50% no-repeat;}
      div#easter div#video div#video-right div#video-list-inner div.video-block p.description{float:right;clear:right;width:205px;margin:6px 0 0;font-size:10px;line-height:14px;}
    div#easter div#video div#video-right div#video-list-scroll{left:0;bottom:0;width:323px;height:40px;position:absolute;}
     div#easter div#video div#video-right div#video-list-scroll-inner{display:none;margin:2px 0 0;height:29px;position:absolute;font-size:11px;line-height:29px;background:url(images/video-scroll-right.png) 100% 0 no-repeat;}
     div#easter div#video div#video-right div#video-list-scroll-inner div#video-list-numbers{float:left;padding:0 10px;}
     div#easter div#video div#video-right div#video-list-scroll-inner a.up{float:left;width:28px;height:29px;background:url(images/video-scroll-left.png) 0 0 no-repeat;}
     div#easter div#video div#video-right div#video-list-scroll-inner a.up:hover{background-position:0 -29px;}
     div#easter div#video div#video-right div#video-list-scroll-inner a.up:active{background-position:0 -58px;}
     div#easter div#video div#video-right div#video-list-scroll-inner a.down{float:left;width:28px;height:29px;background:url(images/video-scroll-right.png) 100% 0 no-repeat;}
     div#easter div#video div#video-right div#video-list-scroll-inner a.down:hover{background-position:100% -29px;}
     div#easter div#video div#video-right div#video-list-scroll-inner a.down:active{background-position:100% -58px;}

 div#easter div#featured-on_nojump{margin:15px 0 5px;width:1000px;position:relative;}
  div#easter div#featured-on_nojump ul{overflow:hidden;list-style:none;}
   div#easter div#featured-on_nojump ul li{float:left;width:250px;height:20px;line-height:20px;margin:0 0 5px;overflow:hidden;}
    div#easter div#featured-on_nojump ul li a{display:block;color:#868686;font-size:11px;font-weight:bold;height:20px;line-height:20px;padding:0;}
    div#easter div#featured-on_nojump ul li a:hover{color:#e9ba00;background:url(images/featured-li-bg.png) 0 0 no-repeat;}
     div#easter div#featured-on_nojump ul li a img{width:80px;height:20px;margin:-3px 5px 0 0;vertical-align:middle;}
   div#easter div#featured-on_nojump ul li.dust{width:1000px;height:50px;line-height:50px;text-align:center;font-size:11px;}
  
 div#easter div#themes_nojump{margin:15px 0 5px;width:1000px;}
  div#easter div#themes_nojump p.dust{font-size:11px;text-align:center;height:55px;line-height:50px;}

/***************************************************************************************************/
/***************************************************************************************************/
/* STRAP */
div#strap{height:84px;margin:-10px 0 0;background:url(images/strap-bg.png) 0 0 repeat-x;}
 div#strap div.wrap{height:84px;overflow:visible;background:url(images/strap-wrap-bg.png) 0 0 repeat-x;}
 div#strap div#logo{float:left;display:inline;width:400px;margin:0 0 0 -146px;background:url(images/logo.png) 0 0 no-repeat; }
  div#strap div#logo h1{width:250px;height:84px;margin:0 0 0 150px;}
   div#strap div#logo h1 a{border:0;height:84px;display:block;line-height:84px;text-indent:-9999px;}
 div#strap div#nav{float:right;width:638px;display:inline;margin:0 -105px 0 0;background:url(images/nav.png) 0 0 no-repeat;}
  div#strap div#nav ul{float:left;width:533px;height:84px;display:inline;list-style:none;}
  div#strap div#nav ul#ul-hover{margin:-84px 0 0;}
   div#strap div#nav ul li{float:left;display:inline;}
    div#strap div#nav ul li a{height:84px;width:100px;display:block;line-height:84px;text-indent:-9999px;background:url(images/nav.png) 0 0 no-repeat;}
    div#strap div#nav ul li#h a{width:91px;background-position:0 0;}
    div#strap div#nav ul li#a a{width:114px;background-position:-91px 0;}
    div#strap div#nav ul li#p a{width:117px;background-position:-205px 0;}
    div#strap div#nav ul li#b a{width:86px;background-position:-322px 0;}
    div#strap div#nav ul li#c a{width:125px;background-position:-408px 0;}
    div#strap div#nav ul li#h a.on{background-position:0 -252px;}
    div#strap div#nav ul li#a a.on{background-position:-91px -252px;}
    div#strap div#nav ul li#p a.on{background-position:-205px -252px;}
    div#strap div#nav ul li#b a.on{background-position:-322px -252px;}
    div#strap div#nav ul li#c a.on{background-position:-408px -252px;}
    div#strap div#nav ul li#h a:hover,div#strap div#nav ul li#h a.hover{background-position:0 -84px;}
    div#strap div#nav ul li#a a:hover,div#strap div#nav ul li#a a.hover{background-position:-91px -84px;}
    div#strap div#nav ul li#p a:hover,div#strap div#nav ul li#p a.hover{background-position:-205px -84px;}
    div#strap div#nav ul li#b a:hover,div#strap div#nav ul li#b a.hover{background-position:-322px -84px;}
    div#strap div#nav ul li#c a:hover,div#strap div#nav ul li#c a.hover{background-position:-408px -84px;}
    div#strap div#nav ul li#h a:active,div#strap div#nav ul li#h a.hover:active{background-position:0 -168px;}
    div#strap div#nav ul li#a a:active,div#strap div#nav ul li#a a.hover:active{background-position:-91px -168px;}
    div#strap div#nav ul li#p a:active,div#strap div#nav ul li#p a.hover:active{background-position:-205px -168px;}
    div#strap div#nav ul li#b a:active,div#strap div#nav ul li#b a.hover:active{background-position:-322px -168px;}
    div#strap div#nav ul li#c a:active,div#strap div#nav ul li#c a.hover:active{background-position:-408px -168px;}

/***************************************************************************************************/
/***************************************************************************************************/
/* HEADER */
div#header div.wrap{height:430px;margin:15px auto 0;background:url(images/header-bg.png) 0 0 no-repeat;}
 div#header div#show{margin:10px;position:relative;}
  div#header div#show div#show-images{width:980px;height:410px;overflow:hidden;position:relative;}
   div#header div#show div#show-images a{width:980px;height:410px;background:#111 url(images/loading.gif) 50% 50% no-repeat;}
    div#header div#show div#show-images a img{width:980px;height:410px;}
  div#header div#show div#show-controls{bottom:0;height:38px;z-index:1000;position:absolute;padding:0 40px 0 10px;background:url(images/show-controls-right.png) 100% 0 no-repeat;}
   div#header div#show div#show-highlight{top:0;width:100%;left:-15px;height:8px;position:absolute;background:url(images/show-highlight.png) 50% 0 no-repeat;}
   div#header div#show div#show-controls-left{top:0;left:-31px;width:31px;height:38px;position:absolute;background:url(images/show-controls-left.png) 0 0 no-repeat;}
   div#header div#show div#show-controls a#toggle-play{float:right;width:34px;height:34px;display:inline;margin:5px 0 0 10px;background:url(images/show-toggle-play.png) 0 0 no-repeat;}
   div#header div#show div#show-controls a#toggle-play.paused{background-position:0 -34px;}
   div#header div#show div#show-controls a#toggle-play:hover{background-position:-34px 0;}
   div#header div#show div#show-controls a#toggle-play.paused:hover{background-position:-34px -34px;}
   div#header div#show div#show-controls a.dimple{float:left;width:14px;height:14px;display:inline;margin:15px 8px 0 0;background:url(images/show-dimple.png) 0 0 no-repeat;}
   div#header div#show div#show-controls a.dimple:hover{background-position:-14px 0;}
   div#header div#show div#show-controls a.dimpleon{background-position:-28px 0;}
   div#header div#show div#show-controls a.dimpleon:hover{background-position:-28px 0;}

/***************************************************************************************************/
/***************************************************************************************************/
/* CONTENT */
div#content div.wrap{margin:15px auto 0;}
div#content.bg div.wrap{padding:15px 0 0;background:url(images/content-bg.png) 0 0 no-repeat;}
div#content.about div.wrap{margin:5px auto 0;}
 div#content a:hover{color:#dab10f;}
 div#content h2,div#content h3,div#content h4{color:#fff;font-size:24px;margin:5px 0 15px;font-weight:normal;text-transform:uppercase;font-family:"Arial Narrow",Arial,sans-serif;}
 .cufon-active div#content h2{font-size:28px;}
 div#content h3{font-size:20px;}
 .cufon-active div#content h3{font-size:22px;}
 div#content h4{font-size:11px;}
 .cufon-active div#content h4{font-size:11px;}

 div#content div.hr{clear:both;margin:0 10px;border-top:1px solid #000;border-bottom:1px solid #191919;}
 
 div#content ul.list{margin:20px 0 20px 20px;list-style:none;}
  div#content ul.list li{margin:0 0 5px;padding:0 0 0 15px;background:url(images/li-bg.gif) 0 50% no-repeat;}

 div#content div.h2-free{margin:-5px 0 25px 20px;}
 div#content div.h2-height{height:30px;line-height:30px;}
  div#content div.h2-height a.pill,div#content div.h2-height a.button{margin-top:8px;}
 div#content div.half-left{width:45%;float:left;display:inline;margin:0 0 0 20px;}
 div#content .half-right{width:45%;float:right;display:inline;text-align:right;margin:0 20px 0 0;}
 div#content div.twothirds-left{float:left;width:650px;display:inline;margin:10px 0 0 20px;}
 div#content .third-right{width:305px;float:right;display:inline;margin:10px 20px 0 0;}
 div#content .about-right{margin:-42px 20px 0 0;}

 div#content div.pill-project{float:left;width:308px;height:186px;cursor:pointer;display:inline;overflow:hidden;position:relative;margin:20px 0 10px;padding:0 0 0 20px;}
  div#content div.pill-project img{top:0;left:20px;width:308px;height:136px;position:absolute;}
  div#content div.pill-project p{left:20px;bottom:0;width:308px;height:50px;margin:-3px 0 0;font-weight:bold;line-height:50px;position:absolute;background:url(images/home-project-btm.png) 0 0 no-repeat;}
   div#content div.pill-project p a{font-size:13px;padding:0 0 0 20px;text-transform:uppercase;}

 div#content div.home-block{float:left;width:309px;margin:10px 0 0;background:url(images/home-block-bg.png) 0 0 no-repeat;}
  div#content div.home-block.space{margin-left:20px;}
  div#content div.home-block div.home-block-header{height:70px;padding:15px 0 0 75px;}
   div#content div.home-block div.nuemedia{background:url(images/block-nuemedia.png) 15px 16px no-repeat;}
   div#content div.home-block div.whatwedo{background:url(images/block-whatwedo.png) 15px 10px no-repeat;}
   div#content div.home-block div.quote{background:url(images/block-quote.png) 15px 12px no-repeat;}
   div#content div.home-block div.twitter{background:url(images/block-twitter.png) 15px 12px no-repeat;}
   div#content div.home-block div.blog{background:url(images/block-blog.png) 15px 9px no-repeat;}
   div#content div.home-block div.home-block-header h3{margin:0 0 2px;}
   div#content div.home-block div.home-block-header h4{margin:0;}
  div#content div.home-block p{margin:0 15px 15px;}
  div#content div.home-block p.white{color:#fff;font-weight:bold;margin:1px 15px 8px;}
  div#content div.home-block ul{margin:0 15px 14px 17px;list-style:none;}
   div#content div.home-block ul li{margin:0 0 2px;padding:0 0 0 15px;background:url(images/li-bg.gif) 0 50% no-repeat;}
   div#content div.home-block div.tweet p.text{font-size:15px;color:#fff;line-height:21px;margin:0 15px 5px;}
   div#content div.home-block div.tweet p.info{font-size:11px;}
  div#content div.home-block ul.blog{overflow:hidden;margin:8px 15px 22px;list-style:none;}
   div#content div.home-block ul.blog li{width:250px;color:#838383;margin:15px 0 0;padding:0 0 10px 22px;float:left;clear:left;border-bottom:1px solid #121212;background:url(images/li-blog-bg.png) 0 1px no-repeat;}
    div#content div.home-block ul.blog li p.title{margin:0 0 4px;}
    div#content div.home-block ul.blog li p.info{float:left;font-size:11px;margin:0;}
     div#content div.home-block ul.blog li p.info a{color:#838383;text-decoration:underline;}
     div#content div.home-block ul.blog li p.info a:hover{text-decoration:none;}
    div#content div.home-block ul.blog li p.comments{float:right;font-size:11px;margin:0;}
     div#content div.home-block ul.blog li p.comments a{color:#838383;display:block;padding:0 0 2px 20px;background:url(images/blog-comment.png) 0 4px no-repeat;}
     div#content div.home-block ul.blog li p.comments a:hover{color:#fff;text-decoration:none;background-position:0 -13px;}
    div#content div.home-block ul.blog li p.comment{margin:0 0 4px;}
     div#content div.home-block ul.blog li p.comment a{margin:0 0 4px;}
     div#content div.home-block ul.blog li p.comment span{color:#dab10f;}
    div#content div.home-block ul.blog li p.post{margin:0 0 2px;font-size:11px;}
     div#content div.home-block ul.blog li p.post a{color:#838383;text-decoration:underline;}
     div#content div.home-block ul.blog li p.post a:hover{text-decoration:none;}
     
/***************************************************************************************************/
/***************************************************************************************************/
/* ABOUT */
 div#content div#about-nav{width:1000px;height:75px;overflow:hidden;background:url(images/about-nav.png) 0 0 no-repeat;}
  div#content div#about-nav ul{float:left;width:510px;height:75px;display:inline;list-style:none;}
  div#content div#about-nav ul#about-ul-hover{margin:-75px 0 0;border-bottom:1px solid red;}
   div#content div#about-nav ul li{float:left;display:inline;}
    div#content div#about-nav ul li a{height:75px;display:block;line-height:75px;text-indent:-9999px;background:url(images/about-nav.png) 0 0 no-repeat;}
    div#content div#about-nav ul li.c a{width:157px;background-position:0 0;}
    div#content div#about-nav ul li.s a{width:89px;background-position:-157px 0;}
    div#content div#about-nav ul li.w a{width:113px;background-position:-246px 0;}
    div#content div#about-nav ul li.p a{width:116px;background-position:-359px 0;}
    div#content div#about-nav ul li.c a.on{background-position:0 -225px;}
    div#content div#about-nav ul li.s a.on{background-position:-157px -225px;}
    div#content div#about-nav ul li.w a.on{background-position:-246px -225px;}
    div#content div#about-nav ul li.p a.on{background-position:-359px -225px;}
    div#content div#about-nav ul li.c a:hover,div#content div#about-nav ul li.c a.hover{background-position:0 -75px;}
    div#content div#about-nav ul li.s a:hover,div#content div#about-nav ul li.s a.hover{background-position:-157px -75px;}
    div#content div#about-nav ul li.w a:hover,div#content div#about-nav ul li.w a.hover{background-position:-246px -75px;}
    div#content div#about-nav ul li.p a:hover,div#content div#about-nav ul li.p a.hover{background-position:-359px -75px;}
    div#content div#about-nav ul li.c a:active,div#content div#about-nav ul li.c a.hover:active{background-position:0 -150px;}
    div#content div#about-nav ul li.s a:active,div#content div#about-nav ul li.s a.hover:active{background-position:-157px -150px;}
    div#content div#about-nav ul li.w a:active,div#content div#about-nav ul li.w a.hover:active{background-position:-246px -150px;}
    div#content div#about-nav ul li.p a:active,div#content div#about-nav ul li.p a.hover:active{background-position:-359px -150px;}
 div#content div.about{margin:0 0 15px;padding:15px 0;overflow:hidden;text-align:left;background:url(images/content-bg.png) 0 0 no-repeat;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
  div#content div.about-introduction{margin:5px 20px 20px;padding:180px 20px 10px;background:url(images/about-introduction-bg.png) 0 0 no-repeat;}
   div#content div.about-introduction h3,div#content div.about-introduction p.hidden{display:none;}
   div#content div.about-introduction p{padding:20px 0 0;border-top:1px solid #191919;}
  div#content div.about-block{float:left;width:278px;margin:0 0 0 20px;padding:15px;background:url(images/about-block-bg.png) 0 0 no-repeat;}
   div#content div.about-block h3{margin:0 0 10px;}
   div#content div.about-block p{margin:5px 0 10px;padding:10px 0 0;}
    div#content div.about-block p img{float:left;margin:0 16px 0 0;}
    div#content div.about-block p span{color:#fff;}
 div#content div.about-service{float:left;width:278px;display:inline;padding:210px 15px 0;margin:5px 0 25px 19px;background-position:0 0;background-repeat:no-repeat;}
  div#content div.about-web-design{background-image:url(images/about-web-design.png);}
  div#content div.about-web-development{background-image:url(images/about-web-development.png);}
  div#content div.about-branding{background-image:url(images/about-branding.png);}
  div#content div.about-ecommerce{background-image:url(images/about-ecommerce.png);}
  div#content div.about-blog{background-image:url(images/about-blog.png);}
  div#content div.about-flash{background-image:url(images/about-flash.png);}
  div#content div.about-email{background-image:url(images/about-email.png);}
  div#content div.about-seo{background-image:url(images/about-seo.png);}
  div#content div.about-cms{background-image:url(images/about-cms.png);}
  div#content div.about-service p span{color:#fff;}
  div#content div.about-person{width:440px;display:inline;padding:330px 15px 0;}
  div#content div#about-matt{float:left;margin:0 0 0 20px;background:url(images/matt-monkey.jpg) 0 5px no-repeat;}
  div#content div#about-michael{float:right;margin:0 20px 0 0;background:url(images/michael-monkey.jpg) 0 0 no-repeat;}
   div#content div.about-person h3{margin:0 0 5px;}
   div#content div.about-person h4{margin:0 0 25px;}
   div#content div.about-person p{margin:0 0 15px;}
   div#content div.about-person p.quote{color:#fff;font-size:17px;text-indent:-5px;line-height:20px;margin:0 0 25px;}
  div#content div.about-publication{overflow:hidden;}
   div#content div.about-publication img{float:left;margin:20px 0 0 20px;}
   div#content div.about-publication img.large{width:640px;height:640px;margin-bottom:10px;}
   div#content div.about-publication img.small{width:300px;height:200px;}

/***************************************************************************************************/
/***************************************************************************************************/
/* PORTFOLIO */
 div#content div.portfolio-large{margin:0 0 15px;padding:15px 0;overflow:hidden;text-align:left;background:url(images/content-bg.png) 0 0 no-repeat;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
  div#content div.portfolio-large div.images{float:left;width:725px;display:inline;margin:18px 0 0 20px;}
   div#content div.portfolio-large div.images img.large{width:725px;}
   div#content div.portfolio-large div.images img.medium{width:357px;}
  div#content div.portfolio-large div.info{float:right;width:210px;display:inline;margin:20px 20px 0 0;}
   div#content div.portfolio-large div.info p{line-height:18px;margin:0 0 20px;}
    div#content div.portfolio-large div.info p span{color:#fff;line-height:22px;}
    div#content div.portfolio-large div.info p a{color:#dab10f;}
    div#content div.portfolio-large div.info p a:hover{color:#fff;}
   div#content div.portfolio-large div.info p.id{padding:0 0 15px 40px;margin:0 0 15px;border-bottom:1px solid #111;background:url(images/id-logo.png) 0 3px no-repeat;}
    div#content div.portfolio-large div.info p.id a{color:#fff;}
    div#content div.portfolio-large div.info p.id a:hover{color:#dab10f;}
 div#content div#portfolio-feature{height:850px;position:relative;}
  div#content div#portfolio-feature div#portfolio-nav{z-index:150;top:-15px;left:50%;height:47px;line-height:47px;position:absolute;padding:0 40px 0 10px;background:url(images/portfolio-nav-right.png) 100% 0 no-repeat;}
   div#content div#portfolio-feature div#portfolio-nav div#show-controls-left{top:0;left:-41px;width:41px;height:47px;position:absolute;background:url(images/portfolio-nav-left.png) 0 0 no-repeat;}
   div#content div#portfolio-feature div#portfolio-nav a#portfolio-nav-close{float:right;width:25px;height:24px;display:inline;margin:11px 0 0 2px;background:url(images/portfolio-nav-close.png) 0 0 no-repeat;}
   div#content div#portfolio-feature div#portfolio-nav a#portfolio-nav-close:hover{background-position:0 -24px;}
   div#content div#portfolio-feature div#portfolio-nav a.dimple{float:left;width:14px;height:14px;display:inline;margin:15px 8px 0 0;background:url(images/show-dimple.png) 0 0 no-repeat;}
   div#content div#portfolio-feature div#portfolio-nav a.dimple:hover{background-position:-14px 0;}
   div#content div#portfolio-feature div#portfolio-nav a.dimpleon{background-position:-28px 0;}
   div#content div#portfolio-feature div#portfolio-nav a.dimpleon:hover{background-position:-28px 0;}
  div#content div#portfolio-feature div#portfolio-imac{bottom:-12px;left:-25px;width:581px;height:524px;position:absolute;background:url(images/imac.png) 0 0 no-repeat;}
   div#content div#portfolio-feature div#portfolio-imac-images{top:42px;left:42px;width:469px;height:267px;position:absolute;overflow:hidden;background:url(images/loading.gif) 50% 50% no-repeat;}
    div#content div#portfolio-feature div#portfolio-imac-runner{top:0;left:0;display:none;position:absolute;}
     div#content div#portfolio-feature div#portfolio-imac-runner img{top:0;width:469px;height:267px;position:absolute;}
    div#content div#portfolio-feature div#portfolio-imac-info{top:267px;left:0;width:469px;height:237px;padding:30px 0 0;position:absolute;background:url(images/imac-info-bg.png) 0 0 no-repeat;}
     div#content div#portfolio-feature div#portfolio-imac-info p{margin:0 30px 15px;}
      div#content div#portfolio-feature div#portfolio-imac-info p span{color:#fff;}
      div#content div#portfolio-feature div#portfolio-imac-info p a{color:#dab10f;}
      div#content div#portfolio-feature div#portfolio-imac-info p a:hover{color:#fff;}
   div#content div#portfolio-feature div#portfolio-imac-controls{top:338px;left:42px;width:469px;height:24px;position:absolute;}
   div#content div#portfolio-feature div#portfolio-imac-dimples{top:0;left:0;height:14px;position:absolute;}
    div#content div#portfolio-feature div#portfolio-imac-dimples a.dimple{float:left;width:14px;height:14px;display:inline;margin:5px 5px 0 0;background:url(images/imac-dimple.png) 0 0 no-repeat;}
    div#content div#portfolio-feature div#portfolio-imac-dimples a.dimple:hover{background-position:0 -14px;}
    div#content div#portfolio-feature div#portfolio-imac-dimples a.dimpleon{background-position:0 -28px;}
    div#content div#portfolio-feature div#portfolio-imac-dimples a.dimpleon:hover{background-position:0 -28px;}
   div#content div#portfolio-feature a#portfolio-imac-toggle-info{top:0;right:0;width:112px;height:24px;position:absolute;background:url(images/imac-view-info.png) 0 0 no-repeat;}
   div#content div#portfolio-feature a#portfolio-imac-toggle-info:hover{background-position:0 -24px;}
   div#content div#portfolio-feature a#portfolio-imac-toggle-info:active{background-position:0 -48px;}
   div#content div#portfolio-feature a#portfolio-imac-toggle-info.open{background-position:0 -72px;}
   div#content div#portfolio-feature a#portfolio-imac-toggle-info.open:hover{background-position:0 -96px;}
   div#content div#portfolio-feature a#portfolio-imac-toggle-info.open:active{background-position:0 -120px;}
 div#content a#portfolio-left,div#content a#portfolio-right{top:0;width:100px;height:850px;position:absolute;background:url(images/portfolio-left.png) 50% 50% no-repeat;}
 div#content a#portfolio-left{left:0;}
 div#content a#portfolio-right{right:0;background-image:url(images/portfolio-right.png);}
div#portfolio-lightbox{top:0;left:0;width:100%;height:100%;z-index:1000001;position:fixed;background:#000;display:none;}
div#portfolio-lightbox-img{top:4%;left:0;position:fixed;z-index:1000002;height:92%;width:100%;display:none;background:url(images/loading.gif) 50% 50% no-repeat;}
 div#portfolio-lightbox-img img{margin:0 auto;display:none;}

/***************************************************************************************************/
/***************************************************************************************************/
/* BLOG */
 div#content div#blog-left{float:left;width:700px;display:inline;}
  div#content div#blog-left div.blog{width:700px;margin:0 0 15px;padding:0 0 10px;background:url(images/blog-bg.png) 0 0 no-repeat;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
   div#content div#blog-left div.blog div.title{float:left;display:inline;margin:20px 0 4px 20px;}
    div#content div#blog-left div.blog div.title h2{margin:0;width:500px;font-size:22px;font-weight:bold;}
   div#content div#blog-left div.blog div.info{clear:left;float:left;width:500px;display:inline;font-size:11px;margin:0 0 12px 20px;}
    div#content div#blog-left div.blog div.info a{color:#838383;text-decoration:underline;}
    div#content div#blog-left div.blog div.info a:hover{text-decoration:none;}
    div#content div#blog-left div.blog div.info a.cmts{margin:0 0 0 15px;padding:0 0 2px 20px;text-decoration:none;background:url(images/blog-comment.png) 0 3px no-repeat;}
    div#content div#blog-left div.blog div.info a.cmts:hover{color:#fff;text-decoration:none;background-position:0 -14px;}
   div#content div#blog-left div.blog div.date{float:right;width:112px;height:48px;padding:0 0 0 6px;display:inline;overflow:hidden;margin:14px 20px 0 0;background:url(images/blog-date.png) 0 0 no-repeat;}
    div#content div#blog-left div.blog div.date span{overflow:hidden;float:left;color:#000;height:48px;width:36px;font-size:23px;font-weight:bold;line-height:46px;text-align:center;} 
   div#content div#blog-left div.blog div.entry{color:#999;margin:14px 20px 0;padding:0 0 6px;}
    div#content div#blog-left div.blog div.entry a{color:#dab10f;}
    div#content div#blog-left div.blog div.entry a.more-link{color:#fff;font-size:11px;}
    div#content div#blog-left div.blog div.entry a:hover{text-decoration:underline;}
    div#content div#blog-left div.blog div.entry p{margin:0 0 10px;}
    div#content div#blog-left div.blog div.entry p.img{padding:10px;background:#121212;text-align:center;}
     div#content div#blog-left div.blog div.entry p.img img{border:1px solid #5c5c5c;}
    div#content div#blog-left div.blog div.entry ul{margin:0 0 2px;list-style:none;}
     div#content div#blog-left div.blog div.entry ul li{padding:0 0 8px 24px;background:url(images/li-blog-bg.png) 0 1px no-repeat;}
    /*div#content div#blog-left div.blog div.entry pre{width:600px;color:#fff;margin:5px 0 15px 15px;white-space:pre-wrap;white-space:-moz-pre-wrap !important;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;font-size:12px;font-family:"Courier New",Courier,monospace,sans-serif;}*/
   div#content div#blog-left div.blog div.related{margin:5px 0 15px 115px;width:560px;line-height:20px;}
    div#content div#blog-left div.blog div.related span{color:#fff;font-size:11px;float:left;margin:0 0 0 -95px;text-transform:uppercase;}
    div#content div#blog-left div.blog div.related a{white-space:nowrap;color:#828282;font-size:11px;padding:1px 5px;margin:0 -1px 0 0;background:#191919;border-radius:2px;}
    div#content div#blog-left div.blog div.related a:hover{color:#fff;background:#292929;}
   div#content div#blog-left div.blog div.extras{padding:15px 20px 10px;border-top:1px solid #0e0e0e;overflow:hidden;}
    div#content div#blog-left div.blog div.extras p.tags{float:left;margin:2px 0 0 40px;width:450px;line-height:20px;}
     div#content div#blog-left div.blog div.extras p.tags span{color:#fff;font-size:11px;float:left;margin:0 0 0 -40px;text-transform:uppercase;}
     div#content div#blog-left div.blog div.extras p.tags a{white-space:nowrap;color:#828282;font-size:11px;padding:1px 5px;margin:0 -1px 0 0;background:#191919;border-radius:2px;}
     div#content div#blog-left div.blog div.extras p.tags a:hover{color:#fff;background:#292929;}
    div#content div#blog-left div.blog div.extras p.social{margin:4px 0 0;float:right;}
     div#content div#blog-left div.blog div.extras p.social a{display:inline-block;margin:0 0 0 6px;}
      div#content div#blog-left div.blog div.extras p.social a img{width:16px;height:16px;}

  div#content div#blog-left div.pagination{height:58px;line-height:58px;padding:0 20px 0;margin:0 0 15px;background:url(images/blog-pagination-bg.png) 0 0 no-repeat;}
   div#content div#blog-left div.pagination a.newer-entries{float:right;margin:17px 0 0;}

  div#content div#blog-left div#comments{margin:0 0 15px;padding:22px 0 20px;width:700px;background:url(images/blog-bg.png) 0 0 no-repeat;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
   div#content div#blog-left div#comments h3{margin:0 0 10px;}
   div#content div#blog-left div#comments div.none{padding:25px 0 25px 200px;overflow:hidden;background:url(images/blog-comment-arrow.png) 282px 50px no-repeat;}
    div#content div#blog-left div#comments div.none img{float:left;height:64px;width:64px;border:2px solid #fff;}
    div#content div#blog-left div#comments div.none p{float:left;padding:8px 10px;background:#151515;display:inline;margin:15px 0 0 20px;border-radius:2px;}
   div#content div#blog-left div#comments div.comment{width:660px;padding:15px 0 0 20px;overflow:hidden;background:url(images/blog-comment-arrow.png) 104px 33px no-repeat;}
   div#content div#blog-left div#comments div.comment-nuemedia{background-image:url(images/blog-comment-arrow-light.png);}
    div#content div#blog-left div#comments div.comment img.avatar{float:left;width:64px;height:64px;display:inline;border:2px solid #fff;}
    div#content div#blog-left div#comments div.comment div.comment-inner{float:right;width:540px;padding:15px;background:#151515;display:inline;border-radius:2px;}
     div#content div#blog-left div#comments div.comment p.author{color:#fff;font-size:15px;font-weight:bold;}
     div#content div#blog-left div#comments div.comment-nuemedia p.author{color:#dab10f;}
      div#content div#blog-left div#comments div.comment-nuemedia p.author a{color:#dab10f;}
      div#content div#blog-left div#comments div.comment-nuemedia p.author a:hover{color:#fff;}
     div#content div#blog-left div#comments div.comment p.date{font-size:11px;margin:2px 0 10px;}
     div#content div#blog-left div#comments div.comment div.message p{margin:5px 0 0;}
    div#content div#blog-left div#comments div.comment-nuemedia div.comment-inner{background:#1e1e1e;}

  div#content div#blog-left div#add-comment{margin:0 0 15px;padding:20px 0 15px;width:700px;overflow:hidden;background:url(images/blog-bg.png) 0 0 no-repeat;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
   div#content div#blog-left div#add-comment h3{margin:0 0 10px;}
   div#content div#blog-left div#add-comment form{margin:15px;}
    div#content div#blog-left div#add-comment form div.inner{background:#141414;padding:15px 15px 0;margin:0 0 15px;overflow:hidden;border-radius:5px;}
    div#content div#blog-left div#add-comment form div.left{float:left;width:200px;}
     div#content div#blog-left div#add-comment form div.left p.in{font-size:11px;margin:4px 0 0;}
     div#content div#blog-left div#add-comment form div.left div{width:200px;height:29px;margin:0 0 12px;background:url(images/text-bg.png) 0 0 no-repeat;}
     /*div#content div#blog-left div#add-comment form div.left div.hover,div#content div#blog-left div#add-comment form div.left div.active{background-position:0 -29px;}*/
      div#content div#blog-left div#add-comment form div.left div p.name{background:url(images/text-name.png) 12px 8px no-repeat;}
      div#content div#blog-left div#add-comment form div.left div p.email{background:url(images/text-email.png) 10px 9px no-repeat;}
      div#content div#blog-left div#add-comment form div.left div p.url{background:url(images/text-url.png) 11px 10px no-repeat;}
       div#content div#blog-left div#add-comment form div.left div p input.text{border:0;background:none;width:155px;margin:6px 0 0 30px;}
    div#content div#blog-left div#add-comment form div.right{float:right;width:420px;}
     div#content div#blog-left div#add-comment form div.right div{width:420px;height:113px;margin:0 0 12px;background:url(images/textarea-bg.png) 0 0 no-repeat;}
     /*div#content div#blog-left div#add-comment form div.right div.hover,div#content div#blog-left div#add-comment form div.right div.active{background-position:0 -113px;}*/
      div#content div#blog-left div#add-comment form div.right div p.message{background:url(images/text-message.png) 11px 9px no-repeat;}
       div#content div#blog-left div#add-comment form div.right div p textarea.text{border:0;background:none;width:365px;height:100px;margin:6px 0 0 30px;}
    div#content div#blog-left div#add-comment form p.remember{clear:left;float:left;height:24px;display:inline;line-height:24px;width:200px;font-size:11px;margin:0 0 0 10px;}
     div#content div#blog-left div#add-comment form p.remember input{vertical-align:middle;margin:-2px 5px 0 0;}
    div#content div#blog-left div#add-comment form p.submit{float:right;margin:0 10px 0 0;display:inline;width:102px;height:24px;line-height:24px;}
     div#content div#blog-left div#add-comment form p.submit input{cursor:pointer;border:0;width:102px;height:24px;background:url(images/button-submit.png) 0 0 no-repeat;}
      div#content div#blog-left div#add-comment form p.submit input:hover{background-position:0 -24px;}
      div#content div#blog-left div#add-comment form p.submit input:active{background-position:0 -48px;}

 div#content div#blog-right{float:right;width:284px;display:inline;margin:0 0 0;}
  div#content div#blog-right form#blog-search{height:59px;background:url(images/blog-search-bg.png) 0 0 no-repeat;}
   div#content div#blog-right form#blog-search input.text{border:0;float:left;display:inline;width:150px;font-size:11px;margin:21px 0 0 44px;background:none;}
   div#content div#blog-right form#blog-search input.button{border:0;cursor:pointer;display:inline;float:left;width:72px;height:29px;margin:14px 0 0 8px;background:url(images/blog-search-button.png) 0 0 no-repeat;}
   div#content div#blog-right form#blog-search input.button:hover{background-position:0 -29px;}
   div#content div#blog-right form#blog-search input.button:active{background-position:0 -58px;}
  div#content div#blog-right div.slide{width:284px;}
  div#content div#blog-right div.slide-top{margin:15px 0 0;}
  div#content div#blog-right div.slide-btm{margin:0 0 15px;}
   div#content div#blog-right div.slide h3{margin:0;width:284px;height:56px;cursor:pointer;font-size:22px;line-height:56px;font-weight:bold;padding:0 0 0 15px;background:url(images/blog-h3-bg.png) 0 0 no-repeat;}
   div#content div#blog-right div.slide-top h3{background-image:url(images/blog-h3-top-bg.png);}
   div#content div#blog-right div.slide-btm h3{background-image:url(images/blog-h3-btm-bg.png);}
   div#content div#blog-right div.slide-btm.slide-open h3{background-image:url(images/blog-h3-bg.png);}
   div#content div#blog-right div.slide h3.hover{background-position:0 -56px;}
   div#content div#blog-right div.slide-open h3{background-position:0 -112px;}
   div#content div#blog-right div.slide-open h3.hover{background-position:0 -168px;}
   div#content div#blog-right div.slide div.slide-inner{padding:18px 10px 0;background:#000;overflow:hidden;}
   div#content div#blog-right div.slide-btm div.slide-inner{border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
    div#content div#blog-right div.slide div.slide-inner ul.blog{overflow:hidden;list-style:none;}
     div#content div#blog-right div.slide div.slide-inner ul.blog li{width:240px;color:#838383;margin:0 0 15px;padding:0 0 10px 22px;float:left;clear:left;border-bottom:1px solid #121212;background:url(images/li-blog-bg.png) 0 1px no-repeat;}
      div#content div#blog-right div.slide div.slide-inner ul.blog li p.title{margin:0 0 4px;}
      div#content div#blog-right div.slide div.slide-inner ul.blog li p.info{float:left;font-size:11px;margin:0;}
       div#content div#blog-right div.slide div.slide-inner ul.blog li p.info a{color:#838383;text-decoration:underline;}
       div#content div#blog-right div.slide div.slide-inner ul.blog li p.info a:hover{text-decoration:none;}
      div#content div#blog-right div.slide div.slide-inner ul.blog li p.comments{float:right;font-size:11px;margin:0;}
       div#content div#blog-right div.slide div.slide-inner ul.blog li p.comments a{color:#838383;display:block;padding:0 0 2px 20px;background:url(images/blog-comment.png) 0 4px no-repeat;}
       div#content div#blog-right div.slide div.slide-inner ul.blog li p.comments a:hover{color:#fff;text-decoration:none;background-position:0 -13px;}
      div#content div#blog-right div.slide div.slide-inner ul.blog li p.comment{line-height:20px;margin:0 0 5px;}
       div#content div#blog-right div.slide div.slide-inner ul.blog li p.comment span{color:#dab10f;}
       div#content div#blog-right div.slide div.slide-inner ul.blog li p.comment a:hover span{color:#fff;}
      div#content div#blog-right div.slide div.slide-inner ul.blog li p.post{margin:0;font-size:11px;}
       div#content div#blog-right div.slide div.slide-inner ul.blog li p.post a{color:#838383;text-decoration:underline;}
       div#content div#blog-right div.slide div.slide-inner ul.blog li p.post a:hover{text-decoration:none;}

    div#content div#blog-right div.slide div.slide-inner ul.wp-cats{padding:0 0 8px;overflow:hidden;list-style:none;}
     div#content div#blog-right div.slide div.slide-inner ul.wp-cats li{width:240px;color:#838383;margin:0 0 3px;padding:0 0 10px 22px;float:left;clear:left;background:url(images/li-blog-bg.png) 0 1px no-repeat;}
      div#content div#blog-right div.slide div.slide-inner ul.wp-cats li a span{color:#828282;font-size:11px;padding:0 5px;background:#191919;border-radius:2px;}
      div#content div#blog-right div.slide div.slide-inner ul.wp-cats li a:hover span{color:#fff;background:#292929;}

    div#content div#blog-right div.slide div.slide-inner ul.wp-tag-cloud{overflow:hidden;list-style:none;width:260px;padding:0 0 15px;}
     div#content div#blog-right div.slide div.slide-inner ul.wp-tag-cloud li{padding:0 3px;float:left;margin:0 3px 3px 0;height:20px;line-height:20px;background:#191919;border-radius:2px;}
     div#content div#blog-right div.slide div.slide-inner ul.wp-tag-cloud li:hover{background:#292929;}
      div#content div#blog-right div.slide div.slide-inner ul.wp-tag-cloud li a{color:#828282;}
      div#content div#blog-right div.slide div.slide-inner ul.wp-tag-cloud li a:hover{color:#fff;}

    div#content div#blog-right div.slide div.slide-inner ul.wp-archives{padding:0 0 15px 5px;overflow:hidden;width:260px;list-style:none;}
     div#content div#blog-right div.slide div.slide-inner ul.wp-archives li{height:20px;line-height:20px;}
     div#content div#blog-right div.slide div.slide-inner ul.wp-archives li.year{clear:left;padding:0 0 10px;}
     div#content div#blog-right div.slide div.slide-inner ul.wp-archives ul{clear:left;float:left;margin:-23px 0 0 50px;list-style:none;}
      div#content div#blog-right div.slide div.slide-inner ul.wp-archives ul ul{margin:-23px 0 0 80px;}
      div#content div#blog-right div.slide div.slide-inner ul.wp-archives li a{float:left;color:#828282;padding:0 5px;font-size:11px;display:inline;margin:0 3px 3px 0;height:20px;line-height:20px;background:#191919;border-radius:2px;}
      div#content div#blog-right div.slide div.slide-inner ul.wp-archives li a:hover{color:#fff;background:#292929;}
  div#content div#blog-right div#blog-tweet{width:244px;padding:10px 20px 15px;margin:0 0 15px;background:url(images/blog-twitter-bg.png) 0 0 no-repeat;border-radius:5px;}
   div#content div#blog-right div#blog-tweet h3{font-size:23px;margin:8px 0 25px 45px;}
   div#content div#blog-right div#blog-tweet p.text{font-size:16px;color:#fff;line-height:22px;margin:0 0 5px;}
   div#content div#blog-right div#blog-tweet p.info{font-size:11px;margin:0 0 12px;}
  div#content div#blog-right div#blog-followus{width:284px;margin:0 0 20px;padding:15px 0 5px;background:url(images/blog-followus-bg.png) 0 0 no-repeat;border-radius:5px;}
   div#content div#blog-right div#blog-followus h3{font-size:23px;margin:0 0 10px 15px;}
   div#content div#blog-right div#blog-followus ul{border-top:1px solid #000;list-style:none;overflow:hidden;}
    div#content div#blog-right div#blog-followus ul li{height:36px;line-height:36px;width:142px;float:left;border-top:1px solid #171717;border-bottom:1px solid #000;}
     div#content div#blog-right div#blog-followus ul li a{display:block;padding:0 0 0 45px;background-position:15px 7px;background-repeat:no-repeat;}
     div#content div#blog-right div#blog-followus ul li.rss a{background-image:url(images/blog-followus-rss.png);}
     div#content div#blog-right div#blog-followus ul li.behance a{background-image:url(images/blog-followus-behance.png);}
     div#content div#blog-right div#blog-followus ul li.twitter a{background-image:url(images/blog-followus-twitter.png);}
     div#content div#blog-right div#blog-followus ul li.youtube a{background-image:url(images/blog-followus-youtube.png);}
     div#content div#blog-right div#blog-followus ul li.facebook a{background-image:url(images/blog-followus-facebook.png);}
     div#content div#blog-right div#blog-followus ul li.vimeo a{background-image:url(images/blog-followus-vimeo.png);}
     div#content div#blog-right div#blog-followus ul li.flickr a{background-image:url(images/blog-followus-flickr.png);}
     div#content div#blog-right div#blog-followus ul li.lastfm a{background-image:url(images/blog-followus-lastfm.png);}
  div#content div#blog-right div#blog-contact{width:284px;margin:0 0 15px;padding:15px 0;background:url(images/blog-followus-bg.png) 0 0 no-repeat;border-radius:5px;}
   div#content div#blog-right div#blog-contact h3{font-size:20px;margin:0 0 5px 15px;}
   div#content div#blog-right div#blog-contact div.hr{margin:15px 0;}
   div#content div#blog-right div#blog-contact p{margin:5px 15px 0;}
    div#content div#blog-right div#blog-contact span{color:#fff;width:60px;display:inline-block;}
    div#content div#blog-right div#blog-contact a{color:#dab10f;}
    div#content div#blog-right div#blog-contact a:hover{color:#fff;}
     
 div#content div.error404{width:693px;height:146px;margin:0 0 15px;background:url(images/404.png) 0 0 no-repeat;}
 div#content div.results404{background:url(images/404-results.png) 0 0 no-repeat;}
     
/***************************************************************************************************/
/***************************************************************************************************/
/* CONTACT */
 div#content div#contact-left{float:left;width:700px;display:inline;margin:0 0 15px;background:url(images/blog-bg.png) 0 0 no-repeat;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
  div#content div#contact-left h2{margin:20px 0 10px;}
  div#content div#contact-left .half-left{width:200px;}
  div#content div#contact-left .half-right{width:350px;margin:20px 20px 10px 0;}
  div#content div#contact-left p{margin:0 20px 20px;}
  div#content div#contact-left p.white{color:#fff;margin:22px 20px 10px;font-size:14px;font-weight:bold;}
  div#content div#contact-left form{padding:22px 20px 5px;margin:20px;background:#171717;border-radius:5px;}
   div#content div#contact-left form div.text{width:400px;height:29px;padding:4px 0 0;margin:0 0 12px;font-size:12px;color:#fff;}
   div#content div#contact-left form div.hr{clear:both;margin:0 0 15px;}
    div#content div#contact-left form div.text div.text-bg{float:right;width:273px;height:29px;margin:-4px 0 0;background:url(images/contact-text-bg.png) 0 0 no-repeat;}
    *+html div#content div#contact-left form div.text div.text-bg{margin:-20px 0 0;}
     div#content div#contact-left form div.text div.text-bg p{margin:0;}
     div#content div#contact-left form div.text div.text-bg p.url{background:url(images/text-url.png) 11px 10px no-repeat;}
     div#content div#contact-left form div.text div.text-bg p.spam{background:url(images/text-spam.png) 13px 9px no-repeat;}
     div#content div#contact-left form div.text div.text-bg p.name{background:url(images/text-name.png) 12px 8px no-repeat;}
     div#content div#contact-left form div.text div.text-bg p.email{background:url(images/text-email.png) 10px 9px no-repeat;}
     div#content div#contact-left form div.text div.text-bg p.message{background:url(images/text-message.png) 11px 7px no-repeat;}
     div#content div#contact-left form div.text div.text-bg p.company{background:url(images/text-company.png) 9px 5px no-repeat;}
     div#content div#contact-left form div.text div.text-bg p.country{background:url(images/text-country.png) 12px 8px no-repeat;}
     div#content div#contact-left form div.text div.text-bg p.telephone{background:url(images/text-telephone.png) 11px 5px no-repeat;}
     div#content div#contact-left form div.text input.text{border:0;background:none;width:220px;margin:6px 0 0 35px;}
    div#content div#contact-left form div.error{color:#ab102d;}
   div#content div#contact-left form div.textarea{width:625px;height:150px;}
    div#content div#contact-left form div.textarea div.text-bg{width:500px;height:150px;margin:0 0 12px;background:url(images/contact-textarea-bg.png) 0 0 no-repeat;}
     div#content div#contact-left form div.text textarea.text{border:0;background:none;width:450px;height:100px;margin:6px 0 0 30px;}
   div#content div#contact-left form div.submit{clear:both;padding:5px 0 10px;overflow:hidden;}
    div#content div#contact-left form div.submit input{float:right;cursor:pointer;border:0;width:103px;height:29px;background:url(images/button-submit-large.png) 0 0 no-repeat;}
    div#content div#contact-left form div.submit input:hover{background-position:0 -29px;}
    div#content div#contact-left form div.submit input:active{background-position:0 -58px;}

 /* Buttons/Pills */
 div#content a.pill,div#content a.button{height:24px;line-height:24px;display:inline-block;background-position:0 0;background-repeat:no-repeat;}
 div#content a.button.space{margin-left:10px;}
 div#content a.pill-left{margin-left:10px;}
 div#content a.pill span,div#content a.button span{visibility:hidden;}
 div#content a.pill:hover,div#content a.button:hover{background-position:0 -24px;text-decoration:none;}
 div#content a.pill-on,div#content a.pill-on:hover{cursor:default;background-position:0 -48px;}
 div#content a.button:active{background-position:0 -48px;}
 
  div#content a.careers{width:102px;background-image:url(images/pill-careers.png);}
  div#content a.comments{width:102px;background-image:url(images/pill-comments.png);}
  div#content a.questions{width:106px;background-image:url(images/pill-questions.png);}
  div#content a.most-popular{width:102px;background-image:url(images/pill-most-popular.png);}
  div#content a.our-favourites{width:103px;background-image:url(images/pill-our-favourites.png);}
  div#content a.latest-articles{width:94px;background-image:url(images/pill-latest-articles.png);}
  div#content a.business-enquiry{width:124px;background-image:url(images/pill-business-enquiry.png);}

  div#content a.next{width:87px;background-image:url(images/button-next.png);}
  div#content a.next2{width:87px;background-image:url(images/button-next2.png);}
  div#content a.comment{width:112px;background-image:url(images/button-comment.png);}
  div#content a.previous{width:87px;background-image:url(images/button-previous.png);}
  div#content a.bookmark{width:142px;background-image:url(images/button-bookmark.png);}
  div#content a.previous2{width:87px;background-image:url(images/button-previous2.png);}
  div#content a.subscribe{width:96px;background-image:url(images/button-subscribe.png);}
  div#content a.read-more{width:112px;background-image:url(images/button-read-more.png);}
  div#content a.follow-us{width:100px;background-image:url(images/button-follow-us.png);}
  div#content a.contact-us{width:112px;background-image:url(images/button-contact-us.png);}
  div#content a.get-a-quote{width:112px;background-image:url(images/button-get-a-quote.png);}
  div#content a.older-entries{width:122px;background-image:url(images/button-older-entries.png);}
  div#content a.newer-entries{width:122px;background-image:url(images/button-newer-entries.png);}
  div#content a.find-out-more{width:122px;background-image:url(images/button-find-out-more.png);}
  div#content a.view-portfolio{width:122px;background-image:url(images/button-view-portfolio.png);}
  div#content a.latest-projects{width:103px;background-image:url(images/pill-latest-projects.png);}
  div#content a.add-your-thoughts{width:142px;background-image:url(images/button-add-your-thoughts.png);}
  div#content a.view-all-articles{width:126px;background-image:url(images/button-view-all-articles.png);}
  div#content a.view-fullscreen{width:191px;height:36px;background-image:url(images/button-view-fullscreen.png);}
  div#content a.view-fullscreen:hover{background-position:0 -36px;}
  div#content a.view-fullscreen:active{background-position:0 -72px;}

/***************************************************************************************************/
/***************************************************************************************************/
/* FOOTER */
div#footer{height:102px;background:url(images/footer-bg.png) 0 0 repeat-x;}
 div#footer div.wrap{overflow:visible;}
 div#footer div#copyright{float:left;width:515px;display:inline;font-size:11px;margin:0 0 0 -220px;padding:45px 0 0 225px;background:url(images/footer-copyright-bg.png) 0 0 no-repeat;}
 div#footer div#guff{float:right;width:370px;}
  div#footer div#guff ul{float:left;margin:20px 0;list-style:none;}
   div#footer div#guff ul li{float:left;padding:0 10px;line-height:10px;border-left:1px solid #868686;}
   div#footer div#guff ul li.h{border:0;}
    div#footer div#guff ul li a{color:#868686;font-size:10px;font-weight:bold;text-transform:uppercase;}
    div#footer div#guff ul li a:hover{color:#fff;}
  div#footer div#guff a#valid-xhtml{width:70px;height:24px;display:inline-block;text-indent:-9999px;margin:0 5px 0 215px;background:url(images/button-valid.png) 0 0 no-repeat;}
  div#footer div#guff a#valid-xhtml:hover{background-position:0 -24px;}
  div#footer div#guff a#valid-xhtml:active{background-position:0 -48px;}
  div#footer div#guff a#valid-css{clear:both;width:59px;display:inline-block;height:24px;margin:0 10px 0 0;text-indent:-9999px;background:url(images/button-valid.png) -70px 0 no-repeat;}
  div#footer div#guff a#valid-css:hover{background-position:-70px -24px;}
  div#footer div#guff a#valid-css:active{background-position:-70px -48px;}

/***************************************************************************************************/
/***************************************************************************************************/
/* OTHER */
#enlarge-load{position:absolute;background:url(images/loading.gif) 50% 50% no-repeat;}
#enlarge-black{top:0;left:0;width:100%;height:100%;z-index:1000001;position:fixed;background:#000;display:none;}
#enlarge-c{top:0;left:0;z-index:1000002;position:absolute;display:none;}
 #enlarge-c img{border:1px solid #5c5c5c;}
div#bg-top{background-image:url(images/bg1.jpg);}
div#scrolltop{width:26px;height:26px;display:none;z-index:100000;position:absolute;}
 div#scrolltop a{color:#000;width:26px;height:26px;display:block;line-height:26px;text-indent:-9999px;background:url(images/scrolltop.png) 0 0 no-repeat;}
 
a#sotd{position:absolute;top:120px;right:0;width:69px;height:105px;z-index:100000;background:url(images/day_white.png) 0 0 no-repeat;}
 a#sotd:hover{background-image:url(images/day_black.png);}