body {
	min-height: 100%;
	*height:    auto !important;
	height:     100%;
	width:      100%;
	color:      #333;
	background: #C2C7CB;
	font:       13px/15px Arial,Helvetica,sans-serif;
	*font-size: small;
	*font:      x-small;
	overflow:   hidden;
	overflow-y: hidden;
	overflow-x: hidden;  
}

	em {
		font-style: italic;
	}
	
	h1 {
		text-transform:	uppercase;
		font-weight:		bold;
		font-size:			10px;
		line-height:		11px;
		color:					#999;
		padding:				2px;
	}
	
	h2 {
		font-size:		22px;
		line-height:	23px;
		font-weight:	bold;
		padding:			2px 2px 5px 2px;
		margin:				1px	0	2px 0;
	}

	
		h2 a {
			color:	#000 !important;
		}
	
		h2 a:hover {
			color:	#0099ff !important;
		}

		h3 {
			font-weight:		bold;
			font-size:			15px;
			line-height:		18px;
			color:					#000;
			padding:				2px;
		}

		h4 {
			font-weight:		bold;
			font-size:			15px;
			line-height:		18px;
			color:					#000;
			padding:				2px;
			margin:					0 0 8px 0;
		}

	
  .clear {
    clear:      both;
    font-size:  1px;
    margin:     0;
    padding:    0;
  }
  
  a, a:visited, a:active {
  	text-decoration:  none;
  	color:            #000;
  }

  a:hover {
  	color:  #0099ff;
  }
  
  img {
    border: 0;
  }
  
  a {
    border: 0;
  }
  
	blockquote {
		margin: 0 30px 10px 30px;
    font-family:  georgia, serif;
		font-size:    12px;
		line-height:  16px;
	}
	
  #bg {
  	height:     100%;
  	width:      100%;
  	overflow:   hidden;
  	background: transparent;
  	position:   relative;
  	z-index:    0;
  }

  	#bg img {
  		visibility: visible;
  	}

	.container {
		height:       100%;
		width:        100%;
		*overflow-x:  hidden;
		*overflow-y:  scroll;
		overflow:     auto;
		position:     absolute;
		z-index:      2;
		top:          0;
		left:         0;
	}
		
	  #content {
		  width:      920px;
		  text-align: left;
  		margin:     20px auto 50px auto;
	  }
	  
	  .header {
	    margin: 0 0 10px 0;
	  }
	    .logo {
        float:  left;
        width:  118px;
        height: 59px;
        margin: 0 10px 0 0;
	    }
	    .nav {
	      float:      left;
	      text-align: left;
	    }
	      .nav ul {
	        margin: 0;	        
	      }
	        .nav ul li {
	          font-weight:  bold;
	        }
	
						.nav .down {
							color:#fff;
						}
	  
	  .featured {
	    width:      900px;
	    padding:    10px;
	    background: url("../images/background_pattern.png");
	    margin:     10px 0;
	  }

	  .page-title {
	    width:      900px;
	    padding:    5px 10px;
	    background: url("../images/background_pattern.png");
			margin:     10px 0 10px 0;
			font-size:  11px;
	    color:      #999;		
	  }
	  
	  .columns {
	    width: 	920px;
			margin:	0 0 10px 0;
	  }

		  .blog p {
		    font-style: 	normal !important;
				line-height:	15px !important;
				color:				#333 !important;
				font-size:		12px !important;
		  }
		
			.blog li {
				font-size:		11px;
				line-height:	13px;
				font-weight:	bold;
				padding:			0px 0 3px 0 !important;
			}
			
			.blog a {
				color:	#0099ff;
			}
			
				.blog a:hover {
					color:	#000;
				}
				
			.blog img {
				margin:	0 0 5px 0;
			}
			
				.credit {
					font-size:		10px;
					line-height:	12px;
					margin: 			0 0 10px 0;
					padding: 			0 2px 0 2px;
					font-style:		italic;
				}
				
				.blog object {
					padding:	0 0 5px 0;					
				}
				
				.stars {
					color: #333;
				}
			
			.hidden { display: none; }
			
			
			.tags {
				font-family:	arial, sans-serif;
				font-weight:	bold;
				padding:			2px;
				font-size:		11px;
				color:				#999;
			}
			
				.posted {
					font-family:		arial, sans-serif !important;
					font-size:			10px !important;
					padding: 				0px 2px 13px 2px !important;
					margin:					0 0 15px 0;
					color:					#999;
					border-bottom: 	dotted 1px #999;
				}
				
	
		.width900 {
			width:	900px;
		}
    
      .column {
        width:      280px;
        float:      left;
        margin:     0 10px 0 0;
        padding:    10px;
        background: url("../images/background_pattern.png");
      }

				.width164 {
					width:			164px;
					margin:			0 20px 0 0;
					padding:		3px 0 0 0;
					background:	none;
				}
				
					.width164 ul {
						padding:	0;
						margin:		0;						
					}
					
						.width164 li {
							font-size:		10px;
							line-height:	11px;
							font-family:	arial;
							color:				#666;
							padding: 			0;
						  margin-left:	29px;
							text-indent:	-29px;
							margin-bottom: -2px;
						}
						
							.width164 strong {
								font-weight:	bold;
							}
							
							.width164 .clients {
								margin-left:	41px;
								text-indent:	-41px;
							}
				
				.width348 {
					width:			348px;
					margin:			0 20px 0 0;
					padding: 		0 0 50px 0;
					background:	none;
				}
				
					.width348 p {
						font-style:	normal !important;
						line-height:15px;
					}
				
				.width300 {
					width:			300px;
					margin:			0 20px 0 0;
					padding: 		0 0 50px 0;
					background:	none;
				}
				
				.width504 {
					width:			524px;
					margin:			0 20px 0 0;
					padding: 		10px;
					float:			left;
				}

				.width168 {
					width:			148px;
					margin:			0 20px 10px 0;
					padding: 		10px;
				}
				
				.blogcol2 {
					width:	168px;
					float:	left;
					margin: 0 20px 0px 0;
				}
				
				.blogcol3 {
					width:	168px;
					float:	left;
					margin: 0 0px 0px 0;
				}
				
				.blognav {
					padding:			2px;
					font-family: 	arial, sans-serif;
					font-size:		11px;
					font-weight:	bold;
				}
				        
        .last {
          margin: 0px !important;
        }
        
        .data {
          background: #fff;
        }

        	.height250 {
						height:250px;
					}

          .data .title {
            padding: 12px 2px 5px 2px;
          }

          .data .title2 {
            padding: 10px 2px 10px 2px;
          }
          
          .data p {
            font-family:  georgia, serif;
  					font-size:    11px;
  					line-height:  13px;
  					font-style:   italic;
  					color:        #999;
  					margin:       0 0 7px 0;
  					padding:      2px;
          }
          
          .data ul {
            padding: 0 2px;
          }
            .data li {
              padding: 0 0 5px 0;
            }
            
              .data li a, .data li a:active, .data li a:visited {
                color:        #6699ff;
                font-weight:  bold;
              }
              .data li a:hover {
                color:        #000;
              }

			#comments-open {
				font-size:		11px;
				font-family: 	Arial, Sans-serif;
				padding:			2px;
			}
			
			.label {
				width:	75px;
				float:	left;
			}
			
			.textfield {
				height:						15px;
				background-color:	#e5e5e5;
				border: 					1px solid #cdcdcd;
				font-size: 				12px;
				font-family:			Georgia, serif;
				margin:						0 0 3px 0;
				padding:					2px;
				width:						300px;
			}

			.textfield2 {
				height:						150px;
				width:						375px;
				background-color:	#e5e5e5;
				border: 					1px solid #cdcdcd;
				font-size: 				12px;
				font-family:			Georgia, serif;
				margin:						0 0 3px 0;
				padding:					2px;
			}

			.content-nav {
				font-size:	11px;
				color:			#333;
			}
			
			.pagination {
				width:250px;
				margin: 0 auto;
				padding: 			0 0 15px 0;
				font-size:		10px;
				font-family:	Georgia, serif;
				color:				#999; 
				font-style:		italic;
			}
			
  .footer {
    width:      900px;
    padding:    3px 10px;
    background: url("../images/background_pattern.png");
		margin:     10px 0 0 0;
		font-size:  11px;
    color:      #999;		
  }
  
    .footer strong {
      font-weight: bold;
    }

		.footer a {
			color: #999;
		}
		
		.footer a:hover {
			color:  #0099ff;	  	
		}


.asset-more-link {
	font-style:		italic;
	font-family:	Georgia, serif;
	font-size:		11px;
	padding:			0 2px 5px 2px;
}
	

/*  //////////////  NAV  ////////////////  */


#splash {
  display: block;
  width: 757px;
  height: 220px;
  background: url("../images/nav/splash.png") no-repeat 0 0;
}

#splash:hover { 
  background-position: 0 -220px;
}

#splash:active { 
  background-position: 0 -220px;
}

#splash span {
  display: none;
}

#logo-nav {
  display: block;
  width: 118px;
  height: 59px;
  background: url("../images/nav/226.png") no-repeat 0 0;
	padding:0;
	margin:0;
}

#logo-nav:hover { 
  background-position: 0 -59px;
}

#logo-nav:active { 
  background-position: 0 -118px;
}

#logo-nav span {
  display: none;
}


#concept-sketches {
  display: block;
  width: 109px;
  height: 9px;
  background: url("../images/nav/concept-sketches.gif") no-repeat 0 0;
}

#concept-sketches:hover { 
  background-position: 0 -9px;
}

#concept-sketches:active { 
  background-position: 0 -18px;
}

#concept-sketches span {
  display: none;
}

#final-prod {
  display: block;
  width: 150px;
  height: 9px;
  background: url("../images/nav/final-production-designs.gif") no-repeat 0 0;
}

#final-prod:hover { 
  background-position: 0 -9px;
}

#final-prod:active { 
  background-position: 0 -18px;
}

#final-prod span {
  display: none;
}

#sample-covers {
  display: block;
  width: 90px;
  height: 9px;
  background: url("../images/nav/sample-covers.gif") no-repeat 0 0;
}

#sample-covers:hover { 
  background-position: 0 -9px;
}

#sample-covers:active { 
  background-position: 0 -18px;
}

#sample-covers span {
  display: none;
}

#live-site {
  display: block;
  width: 56px;
  height: 9px;
  background: url("../images/nav/live-site.gif") no-repeat 0 0;
}

#live-site:hover { 
  background-position: 0 -9px;
}

#live-site:active { 
  background-position: 0 -18px;
}

#live-site span {
  display: none;
}

#concept-designs {
  display: block;
  width: 100px;
  height: 9px;
  background: url("../images/nav/concept-designs.gif") no-repeat 0 0;
}

#concept-designs:hover { 
  background-position: 0 -9px;
}

#concept-designs:active { 
  background-position: 0 -18px;
}

#concept-designs span {
  display: none;
}

#sample-pages {
  display: block;
  width: 84px;
  height: 9px;
  background: url("../images/nav/sample-pages.gif") no-repeat 0 0;
}

#sample-pages:hover { 
  background-position: 0 -9px;
}

#sample-pages:active { 
  background-position: 0 -18px;
}

#sample-pages span {
  display: none;
}

#project-samples {
  display: block;
  width: 101px;
  height: 9px;
  background: url("../images/nav/project-samples.gif") no-repeat 0 0;
}

#project-samples:hover { 
  background-position: 0 -9px;
}

#project-samples:active { 
  background-position: 0 -18px;
}

#project-samples span {
  display: none;
}

#digital-back {
  display: block;
  width: 63px;
  height: 12px;
  background: url("../images/nav/digital-back.gif") no-repeat 0 0;
}

#digital-back:hover { 
  background-position: 0 -12px;
}

#digital-back:active { 
  background-position: 0 -24px;
}

#digital-back span {
  display: none;
}

#print-back {
  display: block;
  width: 54px;
  height: 12px;
  background: url("../images/nav/print-back.gif") no-repeat 0 0;
}

#print-back:hover { 
  background-position: 0 -12px;
}

#print-back:active { 
  background-position: 0 -24px;
}

#print-back span {
  display: none;
}

#blog-back {
  display: block;
  width: 48px;
  height: 12px;
  background: url("../images/nav/blog-back.gif") no-repeat 0 0;
}

#blog-back:hover { 
  background-position: 0 -12px;
}

#blog-back:active { 
  background-position: 0 -24px;
}

#blog-back span {
  display: none;
}

#download-app {
  display: block;
  width: 87px;
  height: 9px;
  background: url("../images/nav/download-app.gif") no-repeat 0 0;
}

#download-app:hover { 
  background-position: 0 -9px;
}

#download-app:active { 
  background-position: 0 -18px;
}

#download-app span {
  display: none;
}