body {
	margin: 0px;
	padding: 0px;
	font-family: helvetica, arial, sans-serif;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	min-width: 1000px;
	background: #ffffff top center no-repeat;
	}
	
	body#server {
	  background-image: url('/images/layout/server-bg.jpg') !important;
	  }
	  body#server h2.four-oh-four {
	    background-image: url('/images/layout/404-header.png'); 
	    width: 210px;
	    }
	  body#server h2.five-hundred {
	    background-image: url('/images/layout/500-header.png'); 
	    width: 267px;
	    }
	
	a { outline: none; }
	a img { border-width: 0px; }
	
h1, h2, h3, h4, h5 {
	margin: 0px;
	padding: 0px;
	}
	
	

div#frame {
	margin: 0 auto;
	width: 1000px;
	position: relative;
	text-align: left;
	}
	
	
a.logo {
	color: #98cd52;
	width: 158px;
	height: 49px;
	position: absolute;
	left: 30px;
	top: 59px;
	}
	
	a.logo span {
		color: #b8c1cf;
		}
	
	a.logo h1 {
		width: 158px;
		height: 49px;
		line-height: 49px;
		text-align: left;
		font-weight: normal;
		font-size: 49px;
		text-indent: -9999px;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/layout/sponge-logo.png', sizingMethod='scale');
		}
		a.logo[class] h1 {
			filter: none;
			background: url('/images/layout/sponge-logo.png') no-repeat;
			}

/* Navigation */
ul#nav {
	position: absolute;
	left: 42px;
	top: 115px;
	width: 95px;
	list-style: none;
	margin: 0px;
	padding: 20px 0px;
	background: #e0e0e0;
	}
	
	ul#nav[id] {
		background: transparent url('/images/layout/translucent_white_50.png');
		}
	
	ul#nav li:hover {
		background: #ee6f22;
		}
	
	ul#nav li a {
		font-size: 13px;
		display: block;
		padding-left: 16px;
		height: 24px;
		line-height: 24px;
		text-decoration: none;
		color: #2d1a0b;
		text-align: left;
		text-indent: -9999px;
		background: url('/images/layout/navigation.gif') no-repeat;
		}
		
		ul#nav[id] li a {
			background: url('/images/layout/navigation.png') no-repeat;
			}
		
		ul#nav li a:hover {
			color: #ffffff;
			}
			
			ul#nav li.about a    	  { }
			ul#nav li.work a     	  { background-position: -95px 0px; }
			ul#nav li.clients a  		{ background-position: -190px 0px; }
			ul#nav li.people a  		{ background-position: -285px 0px; }
			ul#nav li.news a     	  { background-position: -380px 0px; }
			ul#nav li.contact a  		{ background-position: -475px 0px; }
			                            	
			ul#nav li.about a:hover,    body#about ul#nav li.about a 	    { background-position: 0px -24px; }
			ul#nav li.work a:hover,     body#work ul#nav li.work a		    { background-position: -95px -24px; }
			ul#nav li.clients a:hover,  body#clients ul#nav li.clients a	{ background-position: -190px -24px; }
			ul#nav li.people a:hover,   body#people ul#nav li.people a	  { background-position: -285px -24px; }
			ul#nav li.news a:hover,     body#news ul#nav li.news a		    { background-position: -380px -24px; }
			ul#nav li.contact a:hover,  body#contact ul#nav li.contact a	{ background-position: -475px -24px; }
			
			ul#nav li.about a.off	    { background-position: 0px 0px !important; background-color: transparent !important; }
			ul#nav li.work a.off	    { background-position: -95px 0px !important; background-color: transparent !important; }
			ul#nav li.clients a.off   { background-position: -190px 0px !important; background-color: transparent !important; }
			ul#nav li.people a.off    { background-position: -285px 0px !important; background-color: transparent !important; }
			ul#nav li.news a.off	    { background-position: -380px 0px !important; background-color: transparent !important; }
			ul#nav li.contact a.off   { background-position: -475px 0px !important; background-color: transparent !important; }
			
			ul#nav li.about a.on	  { background-position: 0px -24px !important; }
			ul#nav li.work a.on	    { background-position: -95px -24px !important;  }
			ul#nav li.clients a.on  { background-position: -190px -24px !important; }
			ul#nav li.people a.on   { background-position: -285px -24px !important; }
			ul#nav li.news a.on	    { background-position: -380px -24px !important; }
			ul#nav li.contact a.on  { background-position: -475px -24px !important; }
	
	body#about ul#nav li.about, body#work ul#nav li.work, body#clients ul#nav li.clients, body#people ul#nav li.people, body#news ul#nav li.news, body#contact ul#nav li.contact {
/*    background: #ee6f22;*/
		}
		body#about ul#nav li.about a, body#work ul#nav li.work a, body#clients ul#nav li.clients a, body#people ul#nav li.people a, body#news ul#nav li.news a, body#contact ul#nav li.contact a {	
			color: #ffffff;
			}
			



#main {
	width: 790px;
	height: 600px;
	margin: 0px 15px 72px 210px;
	position: relative;
	top: 57px;
	}
	
	#main h2 {
		color: #db6200;
		font-weight: normal;
		font-size: 23px;
		}
		
	#main a {
		color: #000000;
		text-decoration: none;
		}
		
		#main a:hover {
			text-decoration: underline;
			}
	
/* homepage */
body#home {
	color: #ffffff;
	}
	
	body#home #main {
		top: 5px;
		height: 730px;
		margin-left: 148px;
		}
	

/* about */
body#about {
	color: #ffffff;
	}
	
	body#about #main, body#page #main, body#server #main {
		color: #000;
		top: 77px;
		margin: 0px 15px 15px 300px;
		padding: 60px 17px 60px 35px;
		width: 489px;
		height: 410px;
		margin-bottom: 92px;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/layout/translucent_white_85.png', sizingMethod='scale');
		}
		body#about #main[id], body#page #main[id], body#server #main[id] {
			filter: none;
			background: url('/images/layout/translucent_white_85.png');
			width: 541px;
			height: 410px;
			}
		
		body#about #main .scrollable, body#page #main .scrollable {
			height: 410px;
			padding-right: 20px;
			overflow: auto;
			}	

/* work */
body#work {
	}
	
	body#work #main {
		width: 695px;
		height: 659px;
		padding: 36px 13px;
		top: 0px;
		margin-left: 259px;
		text-align: center;
		position: relative;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/layout/translucent_white_75.png', sizingMethod='scale');		
		}
		body#work #main[id] {
			filter: none;
			background: url('/images/layout/translucent_white_75.png');
			width: 695px;
			height: 659px;
			}
			
	body#work a.byClient {
		font-size: 11px;
		text-transform: uppercase;
		background: #fff url('/images/layout/orange_arrow.gif') no-repeat right center;
		position: absolute;
		bottom: 0px;
		right: 0px;
		height: 28px;
		line-height: 30px;
		color: #2c2828;
		text-align: left;
		padding: 0px 20px 0px 13px;
		}
	
	body#work #list {
		margin: 0 auto;
		height: 66px;
		margin-bottom: 10px;
		position: relative;
		}
		
		body#work #list #clip {
			position: relative;
			width: 581px;
			height: 66px;
			margin: 0 auto;
			padding: 0px;
			overflow: hidden;
		}
		
		body#work #list ul.items {
			display: block;
			list-style: none;
			width: 581px;
			height: 66px;
			margin: 0px;
			padding: 0px;
			overflow: hidden;
			position: absolute;
			top: 0px;
			left: 0px;
			}
				
			body#work #list ul.items li {
				display: block;
				float: left;
				width: 77px;
				height: 66px;
				background: #ffffff url('/images/layout/ajax-loader.gif') center center no-repeat;
				margin: 0px 3px;
				}
		
		body#work #list .button {
			position: absolute;
			top: 12px;
			width: 19px;
			height: 36px;
			text-align: left;
			text-indent: -9999px;
			background: url('/images/layout/arrow_controls.gif') no-repeat;
			}
		body#work #list[id] .button {
			background-image: url('/images/layout/arrow_controls.png');
			background-repeat: no-repeat;
			}
			
			body#work #list .prev {
				left: 33px;
				background-position: 0px 0px;
				}
				body#work #list .prev:hover {
					background-position: 0px -36px;
					}
					
			body#work #list .next {
				right: 33px;
				background-position: -19px 0px;
				}
				body#work #list .next:hover {
					background-position: -19px -36px;
					}
	
	
	body#work #projects {
		position: relative;
		height: 589px;
		width: 695px;
		overflow: hidden;
		}
	
		body#work .project {
			position: absolute;
			top: 0px;
			left: 695px;
			width: 695px;
			height: 589px;
			}
			body#work .shown {
				left: 0px;
				}
	
		body#work .project .tv {
			height: 420px;
			overflow: hidden;
			line-height: 420px;
			}
			body#work .project .tv img {
				vertical-align: middle;
				}
				
		body#work .project table.video {
			width: 695px;
			height: 420px;
		}
	
		body#work .project .copy {
			margin-top: 20px;
			text-align: left;
			height: 149px;
			font-size: 11px;
			line-height: 20px;
			padding: 0px 150px 0px 75px;
			}
			
			body#work .project h3 {
				color: #2c2828;
				font-weight: normal;
				text-transform: uppercase;
				font-size: 15px;
				line-height: 19px;
				margin-bottom: 10px;
				}


/* clients */
body#clients {
	}
	
	body#clients #main {
		top: 115px;
		margin-left: 180px;
		width: 823px;
		height: 645px;
		margin-bottom: 115px;
		}
	
	body#clients #scrollcontainer {
		width: 823px;
		height: 404px;
		overflow: hidden;
		}
	
	body#clients div#client-grid {
		width: 808px;
		position: relative;
		background: #fff;
		filter: ;
		}
		body#clients div#client-grid[id] {
			filter: none;
			background: transparent url('/images/layout/translucent_box.png');
			}
		
		div#client-grid ul {
			list-style: none;
			padding: 0px;
			margin: 0px;
			}
			
		  div#client-grid ul li.client h2 {
		    text-indent: -9999px;
				background: transparent no-repeat top left;
		    }
		    
			div#client-grid .client {
				display: block;
				float: left;
				width: 249px;
				height: 114px;
				position: relative;
				padding: 10px;
				background-repeat: no-repeat;
				background-position: center center;
				}
				div#client-grid .clear {
					width: 0px;
					height: 0px;
					clear: both;
					font-size: 0px;
					line-height: 0px;
					border-width: 0px;
					}		

	body#clients .jScrollPaneTrack {
		background: #ffffff url('/images/layout/scrollbar_bg.gif') repeat-y;
		}
	
	body#clients div#testimonials {
		width: 808px;
		height: 201px;
		margin-top: 24px;
		position: relative;
		overflow: hidden;
		background: #fff;
		}
		body#clients div#testimonials[id] {
			background: transparent url('/images/layout/translucent_white_75.png');
			}
		
		body#clients div#testimonials div.testimonial {
			height: 149px;
			top: 0px;
			left: 808px;
			width: 738px;
			padding: 22px 45px 30px 25px;
			font-size: 11px;
			line-height: 16px;
			overflow:hidden;
			position: absolute;
			}
		
			body#clients div#testimonials h3 {
				color: #2c2828;
				font-weight: normal;
				text-transform: uppercase;
				font-size: 15px;
				line-height: 19px;
				margin-bottom: 8px;
				}
			
			body#clients div#testimonials p {
				margin: 8px 0px;
				}
		
		body#clients div#testimonials a.more {
			display: none;
			color: #2c2828;
			position: absolute;
			right: 45px;
			bottom: 5px;
			padding-right: 15px;
			background: url('/images/layout/right_arrow.png') no-repeat center right;
			text-transform: uppercase;
			}



body#people #main {
	margin-left: 280px;
	margin-bottom: 70px;
	top: 55px;
	width: 650px;
	height: 630px;
	padding: 20px 0px 30px 0px;
	color: #000;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/layout/translucent_white_75.png', sizingMethod='scale');
	}
	body#people #main[id] {
		filter: none;
		background: url('/images/layout/translucent_white_75.png');
		}
		
		body#people .portrait {
			position: relative;
			height: 305px;
/*      text-align: center;*/
			margin-bottom: 12px;
			margin-top: 55px;
			}
			
			body#people .portrait a {
				text-align: left;
				}
				
				body#people .portrait .button {
					position: absolute;
					top: 0px;
					width: 24px;
					height: 47px;
					text-align: left;
					text-indent: -9999px;
					background: url('/images/layout/dark_arrow_controls.gif') no-repeat;
					}
					
				body#people[id] .portrait .button {
					background-image: url('/images/layout/dark_arrow_controls.png');
					background-repeat: no-repeat;
					}
					
				body#people .portrait .prev {
					left: 32px;
					top: 215px;
					background-position: 0px 0px;
					}
					body#people .portrait .prev:hover {
						background-position: 0px -47px;
						}
					
				body#people .portrait .next {
					right: 32px;
					top: 215px;
					background-position: -24px 0px;
					}
					body#people .portrait .next:hover {
						background-position: -24px -47px;
						}
					
					
			
			body#people .portrait .photo {
				width: 305px;
				height: 305px;
				overflow: hidden;
				float: left;
				margin-left: 100px;
/*        margin: 0 auto;*/
				}
				
				body#people .portrait #brand-exp {
				  letter-spacing: 1px;
				  float: left;
				  margin-left: 60px;
				  width: 170px;
				  }
				  #brand-exp ul, #brand-exp ul li {
				    margin: 0px;
				    padding: 0px;
				    list-style-type: none;
				    }
				    #brand-exp ul li {
				      font-size: 11px;
				      font-weight: lighter;
				      line-height: 13px;
				      margin: 3px 0px;
				      }
				  #brand-exp h5 {
				    margin: 20px 0px 8px;
				    font-size: 12px;
				    text-transform: uppercase;
				    line-height: 15px;
				    }
				
		body#people .assets {
			height: 158px;
			width: 648px;
			overflow: hidden;
			margin-bottom: 22px;
			}
			
			body#people .assets .flexcroll {
				height: 158px;
				width: 648px;
				position: relative;
				overflow-x: auto;
				overflow-y: hidden;
				}
				
			body#people .assets .white {
				background: #fff;
				}
				body#people[id] .assets .white {
					background: url('/images/layout/translucent_white_50.png');
					}
			
			body#people .assets ul {
				height: 140px;
				margin: 0px;
				padding: 0px;
				list-style: none;
				background: url('/images/layout/grey_dot.gif');
				}
				
				body#people .assets li {
					display: block;
					margin-left: 1px;
					width: 215px;
					height: 140px;
					float: left;
					text-align: left;
					text-indent: -9999px;
					line-height: 158px;
					background-position: center center;
					background-repeat: no-repeat;
					}
					body#people .assets li img {
						vertical-align: middle;
						}
			
		div.ui-slider {
			background: #f5f5f5;
			height: 11px;
			margin: 7px 0px 22px;
			}
		
			div.ui-slider .ui-slider-handle {
				height: 11px;
				background: #ffffff;
				border: #cccccc;
				
				}
			
			
		body#people .copy {
			margin: 30px 75px 0px 100px;
			font-size: 12px;
			line-height: 24px;
			color: #2c2828;
			letter-spacing: 1px;
			}
			
			body#people .copy p {
				margin-top: 0px;
				}

		body#people .copy h3 {
			color: #2c2828;
			font-weight: lighter;
			text-transform: uppercase;
			font-size: 19px;
			line-height: 24px;
			}
			
		body#people .copy h4 {
		  margin-bottom: 18px;
		  font-size: 11px;
		  line-height: 15px;
		  text-transform: uppercase;
		  font-weight: bold;
	    }
			


body#news {
	color: #000;
	}
	
	body#news #main {
		margin-left: 285px;
		top: 25px;
		width: 555px;
		height: 685px;
		padding: 55px 30px 55px 60px;
		margin-bottom: 40px;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/layout/translucent_white_75.png', sizingMethod='scale');
		}
		body#news #main[id] {
			filter: none;
			background: url('/images/layout/translucent_white_75.png');
			}
	
		body#news h3 {
			color: #2c2828;
			font-weight: normal;
			text-transform: uppercase;
			font-size: 15px;
			line-height: 19px;
			margin-bottom: 10px;
			}
			
		body#news .info {
			font-size: 11px;
			}
			
		body#news .img-left, body#news .img-right {
			width: 240px;
			height: 170px;
			margin-right: 10px;
			line-height: 15px;
			float: left;
			}
		
		body#news .img-right {
			margin: 0px;
			}
			
		body#news .caption {
			font-size: 10px;
			}
			
		body#news .article {
			margin-top: 10px;
			font-size: 13px;
			line-height: 25px;
			width: 550px;
			height: 400px;
			overflow: auto;
			}
			
		body#news .large {
			height: 600px;
		}
			
		body#news .archives {
			position: absolute;
			left: 663px;
			top: 8px;
			width: 275px;
			color: #ffffff;
			font-weight: bold;
			font-size: 12px;
			text-transform: uppercase;
			}
			
			body#news .archives a {
				display: block;
				font-weight: normal;
				font-size: 11px;
				color: #ffffff;
				line-height: 16px;
				margin-bottom: 8px;
				}
				
				body#news .archives a:hover {
					text-decoration: none;
					}
			
		
		body#news .button {
			position: absolute;
			top: 300px;
			width: 24px;
			height: 47px;
			text-align: left;
			text-indent: -9999px;
			background: url('/images/layout/light_arrow_controls.gif') no-repeat;
			}
			
		body#news[id] .button {
			background-image: url('/images/layout/light_arrow_controls.png');
			background-repeat: no-repeat;
			}
			
			body#news .prev {
				left: -50px;
				background-position: 0px 0px;
				}
				body#news .prev:hover {
					background-position: 0px -47px;
					}
					
			body#news .next {
				right: -50px;
				background-position: -24px 0px;
				}
				body#news .next:hover {
					background-position: -24px -47px;
					}
		
.clear {
	width: 0px;
	height: 0px;
	clear: both;
	font-size: 0px;
	line-height: 0px;
	border-width: 0px;
	}	

/* Contact */
body#contact {
	color: #000;
	line-height: 18px;
	}

	body#contact #main {
		color: #000;
		margin-left: 227px;
		margin-bottom: 152px;
		top: 138px;
		padding: 45px 20px 20px 65px;
		width: 485px;
		height: 262px; 
		position: relative;
		background: #fff;
		}
		body#contact #main[id] {
			background: transparent url('/images/layout/translucent_white_85.png');
			}
		
		body#contact #main .scrollable {
		  height: 100%;
      position: relative;
      z-index: 100;
			}
			
			body#contact #main a {
			  color: #DB6200;
			  }
			
  			body#contact #main a:hover {
  			  color: #414141;
  			  }
		
		  body a#submit-rfp {
		    display: block;
		    width: 137px;
		    height: 33px;
		    text-indent: -9999px;
		    background: transparent url('/images/layout/submit_rfp.jpg') no-repeat top left;
		    position: absolute;
		    bottom: 0px;
		    }
		    body a#submit-rfp:hover {
		      background-position: 0px -33px;
		      }
		
	h2.image-header {
	  height: 30px;
		text-indent: -9999px;
		background: transparent no-repeat top left;
	  }

	body#contact div#monster-sm {
		position: absolute;
		width: 540px; 
		height: 540px; 
		left: 300px;
		top: -96px;
		z-index: 0;
		}
		
		
	
	body#home div#monster-sm {
		position: absolute;
		width: 350px; 
		height: 350px; 
		left: -258px;
		top: 290px;
		z-index: 0;
		}
  body#home div#main {
    width: auto;
    }
	
	body#home div.featured-content {
	  padding-top: 110px;
	  margin: 0px 0px 20px 130px;
	  }
	  body#home div.featured-content div.inner {
	    background-image: url("/images/layout/translucent_white_75.png");
	    padding: 7px;
	    }

  body#home div.feature-copy {
    margin-top: 10px;
    padding: 24px;
    color: #000;
    }
  
    body#home div.feature-copy span.circled {
      color: #FFF;
      font-size: 14px;
      font-weight: bold;
      text-transform: uppercase;
      padding: 12px;
      border: 2px solid #c3d758;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      margin-right: 10px;
      }

a.homepage-featured {
  background: transparent url('/images/layout/home-feature-view-more-bg.png') no-repeat top left;
  padding: 25px 20px 20px 65px;
  }