/* -----------------------------------------------------------------------


 Blueprint CSS Framework 0.9
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

@font-face {
	font-family: 'Chunk';
	src: url('fonts/chunk.eot');
	src: local('://'), url('fonts/chunk.svg#chunkfive') format('svg'), url('fonts/chunk.woff') format('woff'),  url('fonts/chunk.otf') format('opentype');
 }

body {background-attachment:fixed;height: 100%; background: url(../images/greynoise.jpg) repeat fixed;
font-family: 'Yanone Kaffeesatz', arial, serif}
h1 { font-family: 'Yanone Kaffeesatz', arial, serif; color:#323535; font-size:3em; font-style:normal}
h2 { font-family: 'Chunk', arial, serif; color:#F4921E; font-size: 2em; font-style:normal }
h3 { font-family: 'Yanone Kaffeesatz', arial, serif; color:#006600; font-size: 1.5em; font-style:normal}
h4 { font-family: 'Yanone Kaffeesatz', arial, serif; color:#256680; font-size: 1.2em; font-style:normal}
p {font-family: 'Yanone Kaffeesatz', arial, serif; color:#333; font-size: 1.2em; font-weight:normal}
.clear{ clear:both}
/* layout */

	#wrapper{
		width:1024px;	
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -260px;
		

	}
	#footer {
		background: url(../images/BG-main.jpg)repeat;
		height:260px;
		width:100%;
		border-top: 3px solid #B6C6CE;
	
		
	
		}
		.push{
			height:260px;
			
			}
			.footerinfo{			    
  				position: relative;
   				
   				width: 900px;
				height:200px;
				margin:20px auto 0  auto;
				
				
				}
				.getintouch{
					 float: left;
   					 left: 5px;
  					 width: 260px;
					 height:180px;		 
				}
				.getintouch p{
					font-size: 1.2em; font-weight:normal; color:#222;
					
					}
					.getintouch li{
						list-style: none;
						}
						.getintouch li a{
							text-decoration: none; 
							font-family: 'Yanone Kaffeesatz', arial, serif; color:#f0f0f0; font-size: 0.9em;
							}
							.getintouch li:hover a:hover p:hover{ 
							color:#fff; 
			
				}
				.typeofwork{
					position: relative;
   					float: left;
   					left: 65px;
   					width: 240px;
					height:180px;
					padding-left: 40px;
					
				
				}
					.typeofwork p{
						font-size: 0.9em; font-weight:normal; color:#222;	
								
					
				}
				.follow{
					position: relative;
   					float: right;
  					width: 240px;
					height:180px;
					
				}
				#social{
					width:230px;
					height:auto;
					margin-top:20px;
					}
					#social li{
						display:inline;
						padding-right:10px;
						}
						#social li a:hover img {
						-webkit-box-shadow: 0 3px 3px rgba(0,0,0,.1);
						-moz-box-shadow: 0 3px 3px rgba(0,0,0,.1);
						box-shadow: 0 3px 3px rgba(0,0,0,.1);			
					
				}
				.copyright{
				   	width: 900px;
					font-style:normal;
					margin: 10px auto 10px auto;
					text-align:center;
					font-family: 'Yanone Kaffeesatz', arial, serif; color:#333; font-size: 0.7em;
					
				
		
	}
	#header{
		width:850px; 
		margin: 20px auto 20px auto;
		
		}
		#logo{
			margin:0 auto 0 auto;
			width:333px;
			
			}
			#nav{
					list-style:none;
					text-align:center; 
					width:auto; height:auto;
					font-family: 'Yanone Kaffeesatz', arial, serif; font-size: 2.2em; text-transform:uppercase;
					text-rendering: optimizeLegibility;
					margin-top:20px;
					
}
				
				#nav li{
						display:inline;
				}
				#nav a:link,#nav a:visited {
						padding:0px 10px 0px 10px;
						color:#666;
						text-decoration:none;
						
						
				}
				#nav a:hover,#nav a:focus {
						color:#F4921E;
						left:-3px;
						position:relative;
						text-shadow:2px 2px #E5333C, 3px 3px #E5333C, 4px 4px #E5333C, 5px 5px #E5333C, 6px 6px #E5333C, 7px 7px #E5333C, 8px 8px 			#E5333C, 9px 9px #E5333C, 10px 10px #E5333C;
						top:-3px;
						transform: scale(0.45) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg); transform-origin: 0% 0%
						
				}
				.latest{
					width: 787px; height: auto;
		            margin: 20px auto 0px auto;
					
				
	}
	#slideshow{
		width: 787px; height: 275px;
		margin: 20px auto 50px auto;
		overflow: scroll;
		position: relative;
		z-index: 15;
		outline: 1px solid #ddd;
		border-top: 1px solid #fff;
		padding: 5px;
		background: #f0f0f0;
		
			}
			#slides{
				width: 787px; 
				margin:0 auto 0 auto;
								
				
			
			}
			#slides{
				list-style: none;
			
			
		}
		#introduction{
			width:900px;
			height:auto;
			margin:20px auto 20px auto;
			}
				#introduction p{
					font-weight:normal;
					
			
		
		}
		#pagecontent{
			width: 900px;
			height:auto;
			margin: 40px auto 30px auto;
	
		}
		#about{
			width:900px;
			height:auto;
			padding-bottom:10px;
			
				
				}
				.abouttext{
					position: relative;
   					float: left;
   					left: 5px;
   					width: 600px;
					height:auto;
					padding-top: 25px;
					
				}
				.abouttext p{
					font-family: 'Yanone Kaffeesatz', arial, serif; color:#333; font-size: 1em; font-weight:normal
			
					}
						.mypix{
							position: relative;
   							float: right;
   							right: 5px;
							widows:262px;
							height:238px;
				
				}
				#services{
					width:900px;
					height:auto;
					margin: 0px auto 20px auto;
				}
					#services p{
					font-family: 'Yanone Kaffeesatz', arial, serif; color:#333; font-size: 1em; font-weight:normal;
					
					}
					.web{
						position: relative;
   						float: left;
   						width: 250px;
						height:auto;
						
						
					}
					.print{
						position: relative;
   						float: left;
   						left: 40px;
   						width: 250px;
						border-right: 1px dotted #333;
						border-left: 1px dotted #333;
						padding-left:30px;
						padding-right:30px;
					}
					.branding{
						position: relative;
   					 	float: right;
   						right: 15px;
  						width: 250px;
						padding-right:20px;
						
					
		}
		ul.thumbs {
			width: 900px;
			list-style: none;
			margin: 0 auto; padding: 0;
				}
				ul.thumbs li {
					width: 200px;
					height:100px;
					float: left; display: inline;
					margin: 10px; padding: 0;
					position: relative;
					}
					ul.thumbs li:hover {
						z-index: 99;
						}
						ul.thumbs li img{
							position: relative;
							filter: alpha(opacity=30);
							opacity: 0.3;
							-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /*--IE8 Specific--*/
							outline: 1px solid #ddd;
							border=1px solid #ccc;
							
						}
						ul.thumbs li:hover img{
							z-index: 999;
							filter: alpha(opacity=100);
							opacity: 1;
							-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
							-webkit-transition: all 0.5s ease-in-out;
    						-moz-transition: all 0.5s ease-in-out;
    						-o-transition: all 0.5s ease-in-out;
							
						}
						ul.thumbs li .info{
							position: absolute;
							left: -10px; top: -10px;
							padding: 110px 10px 20px;
							width: 200px;
							display: none;
							background:url(../images/BG-main.jpg) repeat;
							border: 1px solid #fff;
							font-size: 1.2em; letter-spacing: 1px;	
						}
						ul.thumbs li:hover .info{
							display: block;
						}
						ul.thumbs li h4 {
						font-size: 1.3em;
						font-weight: normal;
						text-transform: uppercase; text-align: center; letter-spacing: 1px;
						margin: 0; padding: 8px 0;
						}
						ul.thumbs li p {
							padding: 0; margin: 0; font-size: 1em; font-weight:lighter; text-align:center; color:#666; letter-spacing: 1px;
		
		}
		#worksample{
			position: relative;
   			float: left;
   			width: 580px;
			
			}
			.samplebig{
				position: relative;
   				float: left;
   				width: 580px;
				height:auto;
				margin:20px 0 20px 0;
				outline: 1px solid #ddd;
				border-top: 1px solid #fff;
				padding: 3px;
				background: #f0f0f0;
				
				
			}
			.samplesmall{
				position: relative;
   				float: left;
   				width: 580px;
				padding: 4px;
				outline: 1px solid #ddd;
				border-top: 1px solid #fff;
				padding: 3px;
				background: #f0f0f0;	
				
			}
			#projectinfo{
				position: relative;
   				float: right;
   				padding-left:10px;
  				width: 270px;
				height:auto;
				padding-bottom:10px;
				border-bottom: 1px dotted #333;
					
			}
			.prevnext{
				position: relative;
   				float: right;
  				width: 270px;
				height:auto;
				padding-left:10px;
				margin-top:10px;
			}
			.previous{
  				width: 100px;
				position:relative;
				float:left;
				list-style:none;
				}
				.previous li a{
					font-family: 'Yanone Kaffeesatz', arial, serif; color:#333; font-size: 1.2em; font-weight:normal;
					display:inline;
					text-decoration:none;
					list-style: none;
					font-style:italic;
					
			}
			.next{
				position: relative;
   				float: right;
  			 	width: 100px;
				text-align:right;
				list-style: none;
				
				
				}
				.next li a{
					font-family: 'Yanone Kaffeesatz', arial, serif; color:#333; font-size: 1.2em; font-weight:normal;
					display:inline;
					text-decoration:none;
					font-style:italic;
				}
				.netx li:hover a:hover{
					color:#256680;
				}
				.visit{
  					width: 105px;
					position:relative;
					float:left;
					margin-top:10px;
					list-style: none;
				}
				.visit li a{
					font-family: 'Yanone Kaffeesatz', arial, serif; color:#333; font-size: 1em; font-weight:normal;
					display:inline;
				}
				.visit li:hover a:hover{
					color:#256680;
			
			}
			.codes{
				width: 900px;height:auto;
				margin: 10px auto 50px auto;
				
				
			}
			.codes h2{
				color: #71B166;
				font-size: 1.5em;
				
			}
			.tools{
				width: 900px;height:auto;
				margin: 10px auto 50px auto;
			}
			.tools h2{
				color: #93499A;
				font-size: 1.5em;
			}
			.worknprocess{
				width:900px; height:auto;
				margin: 0 auto 0 auto;
				position: relative;
			}
			.process{
				position: relative;
  				float: right;
   				width: 439px;
			}
			.process h2{
				color: #666;
				font-size: 1.5em;
				margin-right: 40px;			
			
			}
			.workdone{
				position: relative;
  				float: left;
   				width: 439px;
			}
			.workdone h2{
				color:#F4921E;
				font-size: 1.5em;