@charset "utf-8";
/* 
  _                     _                  _             
 (_|   |   |_/   ()    (_|   |   |_/    \_|_)        |   
   |   |   |     /\      |   |   |        |   _|_  __|   
   |   |   |    /  \/    |   |   |       _|    |  /  |   
    \_/ \_/     \__/\     \_/ \_/       (/\___/|_/\_/|_/o

   |	Made by Webster & Wallace
   |	websterwallace.com
   
*/
*{
	margin:0px;
	padding:0px
	}
	
body {
	background:#122028;
	background-attachment:fixed;
	background-repeat:repeat;
	color:#222;
	font-size:.75em;
	font-family: "Arial", "Helvetica", sans-serif;
	}
	
img {border:0px}
#imgloading{position:absolute;padding:10px;color:#eee;width:400px;text-align:center}
a:link {color:#222;text-decoration:none}
a:active {color: #EE2C3A;text-decoration:none}
a:visited {color:#222;text-decoration:none}
a:hover {color:#EE2C3A;text-decoration:none}
h1{ font-size:2.75em}
h2{ font-size:1.75em;font-weight:normal;line-height:130%}

r2_content a:link {color:#eee;text-decoration:underline}
r2_content a:active {color:#eee;text-decoration:underline}
r2_content a:visited {color:#eee;text-decoration:underline}
r2_content a:hover {color:#eee;text-decoration:none}

#header{
	width:900px;
	height:160px;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:20px;
	background-image: url(../img/wwheader.png);
	}
hr {
	border: 0;
	width: 100%;
	height: .1em;
	color:#ee2c3a;
}
#logo{
	float:right;
	width:478px;
	height:180px;
	}
	
#m1{
	float:left;
	width:130px;
	margin-left:0px;
	height:170px;
	text-align:left;
	border-right:solid 0px #ccc;
	}

#m1a{
	position:absolute;
	float:left;
	width:100px;
	height:0px;
	text-align:left;
	border-right:solid 0px #ccc;
	color:#999
	}
	
#m1 a:link{color:#222;padding:2.5px;line-height:20px;background:#fff}
#m1 a:active{color:#fff;background:#ee2c3a}
#m1 a:visited{color:#222;padding:2.5px;line-height:20px;background:#fff}
#m1 a:hover{color:#fff;background:#ee2c3a}

#m1a a:link{color:#999;padding:2.5px;line-height:20px}
#m1a a:active{color:#eee;background:#ee2c3a}
#m1a a:visited{color:#999;padding:2.5px;line-height:20px}
#m1a a:hover{color:#eee;background:#ee2c3a}

#m2{
	float:left;
	width:150px;
	height:140px;
	padding:5px;
	background: url(../img/trans.png);
	}

#tickerContainer{
	overflow:hidden;
	height:140px;
	text-align:left;
	color:#fff;
	}
#m2a{
	position:absolute;
	left:110px;
	float:left;
	padding-left:11px;
	width:132px;
	height:30px;
	text-align:left;
	border-right:solid 0px #ccc;
	color:#999
	}
	
#m2 a:link{color:#222;padding:2.5px;line-height:20px;background:#fff}
#m2 a:active{color:#fff;background:#222}
#m2 a:visited{color:#222;padding:2.5px;line-height:20px;background:#fff}
#m2 a:hover{color:#fff;background:#222}

#m2a a:link{color:#222;padding:2.5px;line-height:20px;background:#fff}
#m2a a:active{color:#fff;background:#222}
#m2a a:visited{color:#222;padding:2.5px;line-height:20px;background:#fff}
#m2a a:hover{color:#fff;background:#222}

#m3{
	color:#ee2c3a;
	float:left;
	width:150px;
	height:150px;
	text-align:left;
	padding-left:12px;
	}
#m3a{
	position:absolute;
	padding-top:2px;
	color:#ee2c3a;
	float:left;
	left:252px;
	padding-left:13px;
	width:150px;
	height:30px;
	text-align:left;
	}
	
#m3 a:link{color:#fff;padding:3px;line-height:18px}
#m3 a:active{color:#222;background:#fff}
#m3 a:visited{color:#fff;padding:3px;line-height:18px}
#m3 a:hover{color:#222;background:#fff}	
#m0{
	float:left;
	font-size:12px;
	color:#999;
	width:500px;
	height:80px;
	text-align:left;
	padding-left:10px;
	padding-top:10px;
	background:#eee
	}
	
body#home a#nav-home,
body#branding a#nav-branding,
body#photography a#nav-photography,
body#print a#nav-print,
body#packaging a#nav-packaging,
body#apparel a#nav-apparel,
body#interactive a#nav-interactive,
body#motion a#nav-motion,
{
color:#EE2C3A;
font-weight:bold;
text-decoration:none
}

#contactfooter{
	float:left;
	width:200px;
	height:80px;
	text-align:left;
	padding-left:10px;
	padding-top:10px;
	background:#eee
	}
.darktxt{color:#222}

.slideshow { width:400px;height:300px;background:#fff }
.slideshow img{ width:100%;height:auto}
.slide{overflow:hidden}
.slide a{text-decoration:none}
.slide2{overflow:hidden}
.slide2 a{text-decoration:none}
.slide3{overflow:hidden}
.slide3 a{text-decoration:none}
.slide4{overflow:hidden}
.slide4 a{text-decoration:none}

#navHolder{position:absolute;width:400px;z-index:25}

#webNav{
	float:right;
	position:relative;
	top:35px;
	padding:10px;
	width:120px;
	text-align:right;
}

#webNav a{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
	filter: alpha(opacity=25);
	opacity: .25;
	text-decoration:none;
	color:#fff;
	background:#222;
	padding:10px;
	margin-right:-10px
}

#webNav a:hover{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: .5;
	text-decoration:none;
	color:#fff;
	background:#222;
	padding:10px;
	margin-right:-10px
	
}

#labelTag{
	float:right;
	font-size:14px;
	text-align:center;
	background:none;
	width:110px;
	color:#222;
	padding:9px;
	margin-right:-10px;
	margin-top:-10px
}

#webTag{
	float:right;
	width:25px;
	text-align:left;
	background:#eee;
	color:#222;
	padding:10px;
	margin-top:-10px
}

#tenTag{
	float:right;
	width:25px;
	text-align:right;
	background:#F33;
	color:#fff;
	padding:10px;
	margin-right:-10px;
	margin-top:-10px
}

#nineTag{
	float:right;
	width:25px;
	text-align:right;
	background:#F63;
	color:#fff;
	padding:10px;
	margin-right:-10px;
	margin-top:-10px
}

#eightTag{
	float:right;
	width:25px;
	text-align:right;
	background:#FC3;
	color:#fff;
	padding:10px;
	margin-right:-10px;
	margin-top:-10px
}

#sevenTag{
	float:right;
	width:25px;
	text-align:right;
	background:#9C0;
	color:#fff;
	padding:10px;
	margin-right:-10px;
	margin-top:-10px
}

#sixTag{
	float:right;
	width:25px;
	text-align:right;
	background: #0C9;
	color:#000;
	padding:10px;
	margin-right:-10px;
	margin-top:-10px
}

#fiveTag{
	float:right;
	width:25px;
	text-align:right;
	background: #0CF;
	color:#000;
	padding:10px;
	margin-right:-10px;
	margin-top:-10px
}

#fourTag{
	float:right;
	width:25px;
	text-align:right;
	background: #CCC;
	color:#222;
	padding:10px;
	margin-right:-10px;
	margin-top:-10px
}


#nextNav{
	float:right;
	padding:10px;
	width:40px;
	text-align:right;
	margin-right:-10px
}

#nextNav a{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
	filter: alpha(opacity=25);
	opacity: .25;
	text-decoration:none;
	color:#fff;
	background:#222;
	padding:10px;
}

#nextNav a:hover{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: .5;
	text-decoration:none;
	color:#fff;
	background:#222;
	padding:10px;
}

#prevNav{
	padding:10px;
	width:50px;
}
#prevNav a{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
	filter: alpha(opacity=25);
	opacity: .25;
	text-decoration:none;
	color:#fff;
	background:#222;
	padding:10px;
	margin-left:-10px
}

#prevNav a:hover{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: .5;
	text-decoration:none;
	color:#fff;
	background:#222;
	padding:10px;
	margin-left:-10px
}

#page_headerHome{
	width:490px;
	height:280px;
	padding:10px;
	background: #EE2C3A;
	color:#fff
}

#page_headerIdentity{
	width:490px;
	height:280px;
	padding:10px;
	background: #FF3;
	color:#000
}

#page_headerPhotography{
	width:490px;
	height:280px;
	padding:10px;
	background: #F39;
	color:#fff
}

#page_headerPrint{
	width:490px;
	height:280px;
	padding:10px;
	background: #333;
	color:#e5e5e5
}

#page_headerPackaging{
	width:490px;
	height:280px;
	padding:10px;
	background: #FFF;
	color:#000
}

#page_headerApparel{
	width:490px;
	height:280px;
	padding:10px;
	background: #CCC;
	color:#222
}

#page_headerInteractive{
	width:490px;
	height:280px;
	padding:10px;
	background: #F33;
	color:#fff
}

#page_headerInfo{
	width:490px;
	height:280px;
	padding:10px;
	background: #e5e5e5;
	color:#222
}

#page_headerInfo h1{
	color:#222
}

#page_headerPeople{
	width:490px;
	height:280px;
	padding:10px;
	background: #F33;
	color:#fff
}

#page_headerContact{
	width:490px;
	height:280px;
	padding:10px;
	background: #222;
	color:#eee
}

#page_headerContact a:link{color:#eee}
#page_headerContact a:active{color:#222}
#page_headerContact a:visited{color:#eee}
#page_headerContact a:hover{color:#222}

#page_headerPhotography a:link{color:#eee}
#page_headerPhotography a:active{color:#222}
#page_headerPhotography a:visited{color:#eee}
#page_headerPhotography a:hover{color:#222}


#r{
	width:910px;
	height:300px;
}

#r_img{
	float:right;
	width:400px;
	height:300px;
	background:#222;
	overflow:hidden
	}
	
#r_content{
	width:490px;
	height:280px;
	padding:10px;
}

#r2{
	width:910px;
	height:300px;
}

#r2_img{
	float:left;
	width:400px;
	height:300px;
	background:#222;
	overflow:hidden
	}
	
#r2_content{
	float:right;
	width:490px;
	height:280px;
	padding:10px;
}

#r_content a:link{color:#eee}
#r_content a:active{color:#222}
#r_content a:visited{color:#eee}
#r_content a:hover{color:#222}
#r2_content a:link{color:#eee}
#r2_content a:active{color:#222}
#r2_content a:visited{color:#eee}
#r2_content a:hover{color:#222}



#r_footer{
	width:910px;
	height:90px;
	padding-top:10px;
	background:#eee
}

#nav{
	width:auto;
	margin:10px 20px 0px 20px;
	}
	
.item{
	width:auto;
	padding-right:20px;
	}

#viewer{
	border-top:#000 solid 1px;
	padding:0px;
	position:absolute;
	left:0px;top:80px;
	height:567px;
	width:100%;
	background:#222;
	overflow:auto;
	display:inline;
	white-space:nowrap;
	width:100%;
	color:#eee;
	margin:10px auto 0px auto;
	}
	
#footer{
	position:static
	}