body{
background:#232323;
	font-family: Lucida Grande, Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
	color: #333333;
	line-height: 20px;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	text-align: center;
}

a:link {
	color: #3399ff;
	text-decoration:none;
	font-weight: bold;
	margin-bottom:3px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
a:visited { color: #3399ff; }
a:active {
 	 color: #3399ff;
	 text-decoration:none;
}

a:hover {
 	 color: #ff9933;
	 text-decoration:none;
}

a img { border: none; }

a {
   outline: none;
}


#whatwedo h1 {
margin-top: 0px;
font-size: 32px;
line-height: 40px;
margin-bottom: 0px;
color: #3399ff;}

#whoweare h1 {
margin-top: 0px;
font-size: 32px;
line-height: 40px;
margin-bottom: 0px;
color: #3399ff;}

#whatwedo h2{
font-size: 20px;
line-height: 32px;
margin-bottom: 0px;
margin-top: 10px;
}

#whatwedo h3{
color: #3399ff;
}


header {
display: block;
position:relative;
	margin: 0px auto;
width: 960px;
padding: 10px 0 10px 0;
	-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
}

.round {
  -webkit-border-radius: 3ex;
  -moz-border-radius: 3ex;
}

#main{
z-index: 0;
background: white;
  box-shadow: 0px 0px 20px black;
  -moz-box-shadow: 0px 0px 20px black;
  -webkit-box-shadow: 0px 0px 20px black;
width: 960px;
margin: 0px auto;
	-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */

}


#container {
	position:relative;
	margin: 0px auto;
	text-align: left;
	width: 960px;
	background: white;
	display: block;
}

footer 
{
display: block;
margin: 0px auto;
width: 960px;
font-size: 10px;
padding: 10px 0 10px 0;
clear: both;

}

.slideshow { height: 500px; width: 960px; margin-left:auto;
margin-right:auto;}
.slideshow img { background-color: white; }

.slidebanner { height: 150px; width: 960px; margin-left:auto;
margin-right:auto;}
.slidebanner img { background-color: white; }

#headline{
margin-top: 50px;
width: 900px;
padding-left: 36px;
margin-bottom: 0;
}

#leftTextCol{
clear: both;
width: 420px;
padding-left: 36px;
padding-top: 0px;
padding-bottom: 20px;
line-height: 22px;
float: left;
}



#whoLeftTextCol{
clear: both;
width: 420px;
padding-left: 36px;
padding-bottom: 20px;
line-height: 22px;
margin-top: 40px;
float: left;
}

#whoRightTextCol{
width: 420px;
float: left;
margin-left: 40px;
padding-bottom: 20px;
line-height: 22px;
text-align: left;}

#rightTextCol{
width: 420px;
float: left;
margin-left: 40px;
padding-top: 20px;
padding-bottom: 20px;
line-height: 22px;
text-align: left;
}

#robot {
	position: absolute;
	right: -30px;
	top: 240px;
	z-index: 100;
	height: 300;
	width: 144;
}

#robot2 {
	position: absolute;
	right: 0px;
	top: 160px;
	z-index: 100;
	height: 244;
	width: 150;
}

#robot3 {
	position: absolute;
	top: 160px;
	left: -150px;
	z-index: 100;
	height: 300;
	width: 150;
}

#nav { 
width: 900px; 
height:52px; 
margin-bottom: 10px;
}

.how ul{
}

.how li{
color: #ff9933;
font-size: larger;
line-height: 26px;
margin-left: -25px;
font-size: 14px;
}

#nav li {
 	list-style-type:none;
	font-size:2em;
	float:left;
display: inline;
}

#nav li a {
	background-image:url("images/menu.png");
	background-repeat:no-repeat;
	padding: 0 0 0 0px;
	display: block;
	height:52px;
	width:798px;
}

#nav li a.item1 {background-position:-2px 0px; width:180px}
#nav li a:hover.item1 {background-position:-2px -52px;}
#nav li a.item1current {background-position:-2px -52px; width:180px}

#nav li a.item2 {background-position:-160px 0px;width:138px}
#nav li a:hover.item2 {background-position:-160px -52px;}
#nav li a.item2current {background-position:-160px -52px;width:138px}

#nav li a.item3 {background-position:-300px 0px;width:136px}
#nav li a:hover.item3 {background-position:-300px -52px;}
#nav li a.item3current {background-position:-300px -52px;width:136px}

#nav li a.item4 {background-position:-440px 0px;width:110px}
#nav li a:hover.item4 {background-position:-440px -52px;}
#nav li a.item4current {background-position:-440px -52px;width:110px}

#nav li a.item5 {background-position:-550px 0px;width:178px}
#nav li a:hover.item5 {background-position:-550px -52px;}
#nav li a.item5current {background-position:-550px -52px;width:178px}

#nav li a.item6 {background-position:-730px 0px;width:100px}
#nav li a:hover.item6 {background-position:-730px -52px;}
#nav li a.item6current {background-position:-730px -52px;width:100px}

#portfolioTabs {
float: left;
clear: both;
margin-bottom: 0;
margin-top: 50px;
}

#portfolioTabs li {
 	list-style-type:none;
	float:left;
display: block;
}

#portfolioTabs li a {
	background-image:url('images/tabnav3.png');
	background-repeat:no-repeat;
	padding: 0 0 0 0px;
	display: block;
	height:33px;
	width:323px;
}

#portfolioTabs li a.item1 {background-position:-6px 0px; width:60px}
#portfolioTabs li a:hover.item1 {background-position:-6px -30px;}
#portfolioTabs li a.item1current{background-position:-6px -30px; width: 60px;}

#portfolioTabs li a.item2 {background-position:-63px 0px;width:90px;}
#portfolioTabs li a:hover.item2 {background-position:-63px -30px;}
#portfolioTabs li a.item2current {background-position:-63px -30px; width: 90px;}

#portfolioTabs li a.item3 {background-position:-152px 0px;width:100px}
#portfolioTabs li a:hover.item3 {background-position:-152px -30px;}
#portfolioTabs li a.item3current {background-position:-152px -30px; width:100px;}

#portfolioTabs li a.item4 {background-position:-250px 0px;width:100px}
#portfolioTabs li a:hover.item4 {background-position:-250px -30px;}
#portfolioTabs li a.item4current {background-position:-250px -30px; width:100px;}

#portfolioTabs li a.item5 {background-position:-350px 0px;width:100px}
#portfolioTabs li a:hover.item5 {background-position:-350px -30px;}
#portfolioTabs li a.item5current {background-position:-350px -30px; width:90px;}

#columnOne{
width: 450px;
padding-top: 10px;
float: left;
clear: both;
}

#columnTwo{
width: 450px;
padding-top: 10px;
float: left;
}

#portfolioColLeft{
width: 450px;
padding-top: 10px;
margin-left: 38px;
float: left;
clear: both;
}

#portfolioColRight{
width: 450px;
padding-top: 10px;
float: left;
clear: right;
}

#portfolioColLeft a:hover img{border: 6px solid #3399ff;
		border-width: 6px 6px 6px;
		color: #fff;}

#portfolioColRight a:hover img{border: 6px solid #3399ff;
		border-width: 6px 6px 6px;
		color: #fff;}


#portfolioColLeft img{border: 6px solid #FFFFFF; border-width: 6px 6px 6px;}

#portfolioColRight img{border: 6px solid #FFFFFF; border-width: 6px 6px 6px;}

.description{
width:400px;
height: 220px;
float: right;
clear:both;
padding-left: 10px;
padding-top: 8px;
}

	#printProj1 ul, #printProj2 ul, #printProj3 ul, #printProj4 ul, #printProj5 ul, #printProj6 ul{ list-style: none; }
	#printProj1 ul li, #printProj2 ul li, #printProj3 ul li, #printProj4 ul li, #printProj5 ul li, #printProj6 ul li{ display: inline; }
	#printProj1 ul img,#printProj2 ul img, #printProj3 ul img, #printProj4 ul img, #printProj5 ul img, #printProj6 ul img{border: 6px solid #FFFFFF; border-width: 6px 6px 6px;}
	#printProj1 ul a:hover img, #printProj2 ul a:hover img, #printProj3 ul a:hover img, #printProj4 ul a:hover img, #printProj5 ul a:hover img, #printProj6 ul a:hover img{
		border: 6px solid #3399ff;
		border-width: 6px 6px 6px;
		color: #fff;
	}
	#printProj1 ul a:hover, #printProj2 ul a:hover, #printProj3 ul a:hover, #printProj4 ul a:hover, #printProj5 ul a:hover, #printProj6 ul a:hover{ color: #3399ff; }
	

	#identityProj1 ul, #identityProj2 ul, #identityProj3 ul, #identityProj4 ul, #printProj5 ul{ list-style: none; }
	#identityProj1 ul li, #identityProj2 ul li, #identityProj3 ul li, #identityProj4 ul li, #identityProj5 ul li{ display: inline; }
	#identityProj1 ul img,#identityProj2 ul img, #identityProj3 ul img, #identityProj4 ul img, #identityProj5 ul img{border: 6px solid #FFFFFF; border-width: 6px 6px 6px;}
	#identityProj1 ul a:hover img, #identityProj2 ul a:hover img, #identityProj3 ul a:hover img, #identityProj4 ul a:hover img, #identityProj5 ul a:hover img, #printProj6 ul a:hover img{
		border: 6px solid #3399ff;
		border-width: 6px 6px 6px;
		color: #fff;
	}
	#identityProj1 ul a:hover, #identityProj2 ul a:hover, #identityProj3 ul a:hover, #identityProj4 ul a:hover, #identityProj5 ul a:hover{ color: #3399ff; }

#digitalProj4 ul{ list-style: none; list-style-position: outside }

#digitalProj4 ul li{ display: inline; }

#digitalProj4 ul img{border: 6px solid #FFFFFF; border-width: 6px 6px 6px;}

#digitalProj4 ul a:hover img{
		border: 6px solid #3399ff;
		border-width: 6px 6px 6px;
		color: #fff;
	}
 #digitalProj4 ul a:hover{ color: #3399ff; }

#digitalProj1{
width: 430px;
float: right;
background-color: inherit;
margin-top: 10px;
margin-right: 20px;}

.digitalProjSquare{
width: 210px;
float: right;
background-color: inherit;
margin-top: 10px;
margin-right: 20px;}

#digitalProj4{
width: 430px;
float: right;
background-color: inherit;
margin-top: 10px;
margin-right:60px;}

#digitalProj1 img, #digitalProj2 img, #digitalProj3 img{border: 6px solid #FFFFFF; border-width: 6px 6px}

#digitalProj1 a:hover img, #digitalProj2 a:hover img, #digitalProj3 a:hover img{border: 6px solid #3399ff;
		border-width: 6px 6px 6px;
		color: #fff;}

#digitalProj1 ul a:hover, #digitalProj2 ul a:hover, #digitalProj3 ul a:hover{ color: #3399ff; }


#digitalProjectDescription{
width: 410px;
float: left;
background-color: inherit;
margin-top: 10px;
}

#digitalProjectDescription p{
margin-top:0px;}

.projectContainer{
width: 900px;
background-color: white;
clear:both;
padding-left: 46px;
padding-top: 20px;
}

.projectContainer h3{
margin-bottom: 0px;
}

#packagingProj1 ul{ list-style: none; list-style-position: outside }

#packagingProj1 ul li{ display: inline; }

#packagingProj1 ul img{border: 6px solid #FFFFFF; border-width: 6px 6px 6px;}

#packagingProj1 ul a:hover img{
		border: 6px solid #3399ff;
		border-width: 6px 6px 6px;
		color: #fff;
	}
#packagingProj1 ul a:hover{ color: #3399ff; }

.teamImages{
background-image:url('images/teambg.jpg');
	background-repeat:no-repeat;
	}
	
.processImages{
background-image:url('images/process_bg.jpg');
	background-repeat:no-repeat;
}