@charset "UTF-8";
/* Style by JVTD DDL */

html, body{
  text-align: center;
  background: #CCCCCC url(images/background-pattern.png);
}
html, body, div{
  margin: 0;
  padding: 0;
}
a{
  text-decoration: none;
  outline: none;
}
a:link{
  outline-style: none;
}
a:hover{
  background: none;
  margin: 0;
  text-decoration: none;
  width: 100%; /*ie fix */
}

div{
  text-align: left;
}
#wrapper{
  width:900px;
  min-height: 740px;
  margin: 0 auto;
  padding: 0;
  position: relative;
  top: 0px;
}
.blog #wrapper{
  height: auto;
}
.blog div.entry{
  display: block;
  margin:0 0 10px 0;
}
#header{
  position: absolute;
  top: 0px;
  left: 60px;
  height: 170px;
  width: 120px;
}
#logo{
  background: transparent url(images/logo-header.png) no-repeat left top;
  position: absolute;
  top: 0px;
  height: 170px;
  width: 120px;
  z-index: 999;
}
#header h1{
  display: none;
}
#footer{
  width: 900px;
  margin: 0 auto;
  position: absolute;
  bottom: 0px;
}
.store #footer, .portfolio #footer{
  height: 115px;
}
#content{
  height: auto;
  position: absolute;
  width: 900px;
}
#content-right{
  position: relative;
  top: 0px;
  width: 480px;
  float: right;
}
.store #content-right, .blog #content-right{
  width: 499px;
}
.capabilities #content-right, .success #content-right, #visits #content-right, #jobs #content-right, #internships #content-right{
  padding: 140px 100px 40px 75px;
}
.bio #content-right{
  padding: 30px 100px 40px 75px;
}
.faq #content-right, .contact #content-right{
  padding: 102px 100px 40px 75px;
}
.store #content-right{
  padding: 60px 90px 60px 70px;
  margin: 0;
}
.portfolio #content-right{
  padding: 58px 110px 0 0;
  margin: 0;
}
.blog #content-right{
  padding: 75px 65px;
}
#content-right #copy{
  margin: 0 0 0 20px;
}

#content-left{
  left: 0;
  position: relative;
  top: 273px;
  width: 240px;
  float: left;
}
#details ul{
  padding: 0 0 1px 18px;
  margin: 2px;
}
#main-navigation{
  text-align:left;
  position: absolute;
  top: 175px;
  left: 73px;
  z-index: 999;
}
#section-nav{
  padding: 8px 0 0 73px;
  height: 7.5em;
}
#bugs{
  padding: 20px 0 0 60px;
}
.home #main-navigation{  
  top: 200px;
  left: 56px;
}
#main-navigation ul, #section-nav ul, #bugs ul{
  margin: 0;
  list-style-type: none;
}
#main-navigation ul{
  padding: 1px 0;
}
#section-nav ul, #bugs ul{
  padding: 0;
}
#main-navigation ul li{
  margin: 0;
  padding: 2px 0;
}
#section-nav ul li, bugs ul li{
  margin: 0;
  padding: 2px 0;
}
#main-navigation ul li a, .store #section-nav ul li a, .portfolio #section-nav ul li a{
  background: none;
  margin: 0;
  display: block;
  text-decoration: none;
}

#view-cart-button, #buy-it-now{
  position: relative;
  padding: 0;
}
#prev-next{
  position:relative;
  padding: 15px 0 15px 47px;
}
#prev-next a, #prev-next span{
  display: block;
  width: 65px;
  height: 24px;
  background-position: center center;
  background-repeat: no-repeat;
  overflow: hidden;
  margin-right: 5px;
}
#details{
  padding: 0 10px 8px 67px;
  height: 10.2em;
}
.teeshirts #details{
  height: 7.5em;
}
.portfolio #details{
  padding: 0 23px 2px 67px;
  margin: 0;
}
#paypal-info{
  padding: 3px 0 0 60px;
  height: 95px;
}
#paypal-info p{
  padding: 0;
  margin: 0;
}
#paypal-info form{
  padding: 0;
  margin: 0;
}
.previous, .previous-active{
  float:left;
 }
#blog-nav{
   padding: 0 70px;
}
#blog-nav-prev, #blog-nav-next{
  padding: 10px;
  text-align: center;
  width: 3em;
  display: block;
}
#blog-nav-prev{
  float: left;
}
#blog-nav-next{
  float: right;
}
.prop{
  height: 740px;
  float: right;
  width: 1px;
}
#join, #twitter-link{
  width: 120px;
  height: 44px;
  display: block;
  padding: 2px 0;
}
#content-right h2{
  padding: 0;
  margin: 0;
}
ul.client-list{
  padding: 0;
  margin: 0;
  list-style-type: none;
  width: 30em;
}
ul.client-list li{
  float: left;
  width: 15em;
  padding: 0;
  margin: 0;
}
div.client-list{
  width: 250px;
  height: 150px;
}
div#bio img{
  float: left;
  padding: 0 25px 0 0;
}
#bio-filler{
  height: 175px;
}
#client-list{
  height: 130px;
}
#bigimage-holder{
  width: 520px;
  height: 500px;
}
/* Homepage*/


.home #wrapper{
  background: url(../index/img/rotate.php) no-repeat left top;
}
.home #news{
  position: absolute;
  top: 220px;
  left: 600px;
  width: 250px;
  height: auto;
  background-color: #FFF;
  padding: 0 0 20px;
}
.home #news h1{
  font-size: 14px;
  color: #8f9194;
  padding: 15px 30px 0 15px;
  font-weight: 500;
}
.home #news p{
  color: #8f9194;
  padding: 0px 15px;
  margin: 0;
}
.home #news a{
  color:#000000;
  border-bottom: 1px #8f9194 solid;
  font-weight:100;
}
.home #main-navigation{
  width: 450px;
  height: 40px;
}



/** Fonts **/


html, body, h1, h2, h3, p{
  font-size: 10px;
}  
#main-navigation, #section-nav, #details h2, #content-right h2 {
  font-family: "Helvetica Neue", Helvetica, sans-serif;
}  
.blog #content-right{
  font-family: Georgia, serif;
}
.home #main-navigation{
  font-size: 54pt;
  letter-spacing: 2px;
  font-weight: bold;
} 
.home #news p{
  font-family: Georgia, serif;
  font-style: italic;
  letter-spacing: 0.075em;
  line-height: 150%;
  font-size: 10px;
}
#main-navigation{
  font-size: 105%;
  font-weight: bold;
  letter-spacing: .05em;
}
#section-nav{
  font-size: 105%;
  letter-spacing: .025em;
}
#details h2{
  font-size: 130%;
  font-style: italic;
  font-weight: 500;
  margin: 0;
  padding: 0 0 0 5px;
} 
#details ul li span, #details p{
  font-family: Georgia, serif;
  font-weight: 100;
  font-size: 100%;
}
#details ul{
  list-style:none;
}
#details ul li{
  background-image: url(images/li_bullet.png);
  background-repeat: no-repeat;
  background-position: 0 .45em;
  padding-left: 10px;
}
#details p{
  padding: 0 0 0 5px;
}
div.entry .date{
  font-size: 100%;
}
div.entry h3{
  font-size: 160%;
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  font-weight: bold;
}
div.entry p{
  font-size: 115%;
}
#blog-nav{
  font-size: 135%;
}
#content-right{
  font-family: Georgia, serif;
  line-height: 160%;
}
.contact div#content-right h2, .aboutus div#content-right h2, .portfolio div#content-right h2{
  font-size: 300%;
  font-weight: bold;
  line-height: 125%;
}
#bio p{
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  font-weight: bold;
}
.contact div#content-right p, .aboutus div#content-right p, .aboutus div#content-right ul, .aboutus div#content-right span{
  font-size: 110%;
}
.aboutus div#content-right span{
  font-weight: bold;
}


/** Colors **/


#content{
  background: #FFF url(images/bg-line.png) repeat-y 0 0;
}
.store #footer, .portfolio #footer{
  background-color:#999999;
}
#details h2{
  color:#000000;
}
#details ul, #details p{
  color:#666666;
}
.store a, .portfolio a, .aboutus a, .blog a, .contact a{
  color:#999999;
}
.home #main-navigation a, .active a{
  color:#000000;
}
#main-navigation .active a, #section-nav .active a, #red, div.entry h3{
  color:#ED1C24;
}
#section-nav, #prev-next, #bugs{
  border-top: 1px solid #CCCCCC;
}

#twitter-link{
  background: transparent url(images/twitter-bug.png) 0 0 no-repeat;
}
#join{
  background: transparent url(images/email-bug.png) 0 0 no-repeat;
}
#content-right{
  color: #000000;
}
ul.client-list{
  color:#999999;
}

/**Store**/

  /***violator***/
.store div#violator{
   display: none;
   /**
   position: absolute;
   background: transparent url("images/CyberMonday_Button.png") no-repeat 0 0;
   height: 200px;
   width: 200px;
   z-index: 999;
   top: 10px;
   left: 690px;
   **/
}
div#flickr {
    height: 20px;
    left: 760px;
    position: absolute;
    top: 50px;
    width: 100px;
    z-index: 999;
}
#prev-next .next, #prev-next .next-active:hover{
  background-image: url(images/next-button.png);
}
#prev-next .previous, #prev-next .previous-active:hover{
  background-image: url(images/prev-button.png);
}
#prev-next .next-active{
  background-image: url(images/next-button.png);
}
#prev-next .previous-active{
  background-image: url(images/prev-button.png);
}

/** widgets **/

/* Popup */
div.popup{
  padding: 20px;
  padding-bottom: 4px;
  border: 1px solid #999999;
}
#video.popup{
  padding: 10px;
  width: 873px;
  height: 565px;
  left: 3px;
}
#video.popup a{
  color: #999999;
}
#email-signup.popup{
  left: 225px;
  width: 450px;
}

/* Image scroller */
#carousel-viewport{
  position: relative;
  overflow: hidden;
  height: 90px;
  width: 780px;
  margin: 0 auto;
}
#slides{
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#slides li{
  display: block;
  float: left;
}
#slides li a{
  display: block;
  float: left;
  width: 74px;
  height: 74px;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #fff;
  border: 1px solid #999999;
  text-decoration: none;
  padding: 0;
}
#slides li a.active{
  border: 1px solid #000000;
}
#slides li a.filler{
  background-color: #999999;
}
#carousel{
  position: relative;
  margin: 0 auto;
  width: 780px;
  height: 78px;
  top: 20px;
  overflow: hidden;
}
.loading{
  background: url(images/loader.gif) 50% 50% no-repeat;
}
.arrow-left{
  width: 10px;
  height: 10px;
  padding: 0;
  margin: 0;
  background-color: #FFFFFF;
}

/* News Slideshow */
#s1{
  width: 250px;
  height: 240px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  }
  #s1 img{
    width: 250px;
	height: 240px;
}
/*Portfolio Slideshow*/
#bigimage-holder{
  width: 520px;
  height: 500px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  }
#bigimage-holder img{
    width: 520px;
	height: 500px;
}
#controls{
  width: 478px;
  padding: 0 22px;
}

#pager{
  height: 10px;
  margin: 0;
  padding: 0;
}
#pager a{
  background: transparent url(images/dot_off.png) no-repeat 0 0;
  width: 8px;
  height: 8px;
  padding: 0 6px;
}
#pager a.activeSlide{
  background: transparent url(images/dot_on.png) no-repeat 0 0;
}
#caption{
  padding: 0;
  margin: 0;
}
#pause-resume{
  position: relative;
  bottom: 26px;
  cursor: pointer;
  text-align: right;
}
a.activeControl{
  display: none;
}