/*zero out default margins and padding.*/
* {
	margin:0;
	padding:0;
}	
html {
	height:100%;
}

body {
	background: url(../img/headerBG.gif) repeat-x;
	font-size:95%;
	height:100%;
}
	.min_width {
		width:850px !important;
	}
	.min_height {
		height:530px !important;
	}
	#pageContainer {
		width:100%;
		height:100%;
	}
		/*
		888    888                        888                  
		888    888                        888                  
		888    888                        888                  
		8888888888  .d88b.   8888b.   .d88888  .d88b.  888d888 
		888    888 d8P  Y8b     "88b d88" 888 d8P  Y8b 888P"   
		888    888 88888888 .d888888 888  888 88888888 888     
		888    888 Y8b.     888  888 Y88b 888 Y8b.     888     
		888    888  "Y8888  "Y888888  "Y88888  "Y8888  888     
		*/
		#header {
			
			display:block;
			height:100px;
			clear:both;
			text-align:center;
		}
			#header h1 {
				text-indent:-1000px;
				overflow:hidden;
				height:0;
				display:none;
			}
			#header a.logoBug {
				text-decoration: none;
				text-align:center;
				display: block;
				width:305px;
				height:84px;
				margin:9px auto 0 auto;
				text-indent:-8000px;
				background:#000 url(../img/logo.gif) no-repeat;
				outline:none;
			}

		#mainNav {
			margin-top:-20px;
			padding-bottom: 0;
			margin-bottom:0;
			clear:both;
			height: 30px;
		}
		
	
		
		/* Target Firefox 2 */
		#mainNav, x:-moz-any-link {
			margin-top: -35px;
		}
		
		/* Target Firefox 3 */
		#mainNav, x:-moz-any-link, x:default {
			margin-top: -20px;
		}

			#mainNav ul {
				margin:0px auto;
				padding:0pt;
				width:780px;
				
			}
			#mainNav ul li {
				display:inline;
				
			}
			#mainNav ul li a {
				border: none;
			}
			#mainNav ul li a span {
				display: none;
			}
			
			#aboutLink {
				display: inline-block;
				width: 70px;
				height: 30px;
				background: url("../img/about.png") no-repeat 0 -5px;
			}
			
			#aboutLink:hover {
				background-position: 0 -35px;
			}
			
			.about ul li #aboutLink {
				background-position: 0 -65px;
			}
			
			#clientsLink {
				display: inline-block;
				width: 95px;
				height: 30px;
				background: url("../img/clients.png") no-repeat 0 -5px;
			}
			
			#clientsLink:hover {
				background-position: 0 -35px;
			}
			
			.clients ul li #clientsLink {
				background-position: 0 -65px;
			}
			
			#workLink {
				display: inline-block;
				width: 86px;
				height: 30px;
				background: url("../img/work.png") no-repeat 0 -5px;
			}
			
			#workLink:hover {
				background-position: 0 -35px;
			}
			
			.work ul li #workLink {
				background-position: 0 -65px;
			}
			
			
			#blogLink {
				display: inline-block;
				width: 86px;
				height: 30px;
				background: url("../img/blog.png") no-repeat 0 -5px;
			}
			
			#blogLink:hover {
				background-position: 0 -35px;
			}
			
			.blog ul li #blogLink {
				background-position: 0 -65px;
			}
			
			#careersLink {
				display: inline-block;
				width: 95px;
				height: 30px;
				background: url("../img/careers.png") no-repeat 0 -5px;
			}
			
			#careersLink:hover {
				background-position: 0 -35px;
			}
			
			.careers ul li #careersLink {
				background-position: 0 -65px;
			}
			
			#contactLink {
				display: inline-block;
				width: 95px;
				height: 30px;
				background: url("../img/contact.png") no-repeat 0 -5px;
			}
			
			#contactLink:hover {
				background-position: 0 -35px;
			}
			
			.contact ul li #contactLink {
				background-position: 0 -65px;
			}
			
			#pressLink {
				display: inline-block;
				width: 60px;
				height: 30px;
				background: url("../img/press.png") no-repeat 0 -5px;
			}
			
			#pressLink:hover {
				background-position: 0 -35px;
			}
			
			.press ul li #pressLink {
				background-position: 0 -65px;
			}
			
			
		/*
		 .d8888b.                    888                     888    
		d88P  Y88b                   888                     888    
		888    888                   888                     888    
		888         .d88b.  88888b.  888888 .d88b.  88888b.  888888 
		888        d88""88b 888 "88b 888   d8P  Y8b 888 "88b 888    
		888    888 888  888 888  888 888   88888888 888  888 888    
		Y88b  d88P Y88..88P 888  888 Y88b. Y8b.     888  888 Y88b.  
		 "Y8888P"   "Y88P"  888  888  "Y888 "Y8888  888  888  "Y888 
		*/
		#centeredFlashContainer {
			display:block;
			width:700px;
			margin:-59px auto 0 auto;
		}
		#aboutContentContainer {
			width:100%;
			height:100%;
			margin-top:-9px;
			padding-top:0px;
		}
		
		#contentContainer {
			width:990px;
			height:100%;
			margin:50px auto;
			padding-bottom: 40px;
		}
		
			#contentContainer .clients ul {
				float: left;
				display: inline;
				width: 145px;
				}
			
			#contentContainer .clients li {
				list-style: none;
				font-family:"Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
						font-size: 14px;
						color: #7A4500;
						text-transform: uppercase;
						text-align: center;
				}
			
			
			#contentContainer #clientsLandingFlash {
				width:935px;
				height:530px;
				margin:0 auto;
				text-align:center;
			}
			
			#contentContainer #portfolioViewer {
				width:550px;
				float:left;
			}
			
				#contentContainer #portfolioViewer #portfolioGalleryFlash {
					float:right;
					width: 550px;
				}
				
				#contentContainer #portfolioViewer #portfolioGalleryImages {
					float:right;
					width: 550px;
				}
				
			#contentContainer #portfolioTextArea {
				/*width:50%;*/
				float:left;
				width:300px;
				margin-left: 50px;
				/*should be X - 553px. Check the comp for exact px dimensions.*/
				
			}
				#contentContainer #portfolioTextArea h1 {
					font-family:"Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
					font-size:18px;
					color:#7A4500;
					margin-bottom:-2px;
				}
				
				#contentContainer #portfolioTextArea h1.work {
					margin-bottom: 15px;
				}
				
				#contentContainer #portfolioTextArea h3 {
					font-family:Georgia, "Times New Roman", Times, serif;
					font-size:14px;
					color:#00000;
					margin-bottom:15px;
					letter-spacing: .1em;
				}
				
				#contentContainer #portfolioTextArea p {
					font-family:Georgia, "Times New Roman", Times, serif;
					font-size:12px;
					color:#787878;
					line-height:13pt;
				}
				
				#contentContainer #portfolioTextArea .links {
					border-top: solid #787878 1px;
					margin-top: 15px;
					padding-top: 2px;
					width: 300px;
				}
				
					#contentContainer #portfolioTextArea .links h4 {
						font-family:"Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
						font-size: 11px;
						color: #8c8c8c;
						text-transform: uppercase;
					}
					
					#contentContainer #portfolioTextArea .links p {
						padding-top: 5px;
					}
				
					#contentContainer #portfolioTextArea .links .link {
						color: #EF992A;
						padding-top: 3px;
						text-decoration: none;
						font-family:"Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; 
						font-size: 9pt;
					}
				
			#contentContainer #portfolioDesc {
				padding-top: 16px;
			}
				#contentContainer #portfolioDesc p.title {
					font-family:"Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
					font-size: 12px;
					color:#7A4500;
					text-transform: uppercase;
					padding-bottom: 5px;
				}
				
				#contentContainer #portfolioDesc p.desc {
					font-size: 9pt;
				}
				
			#contentContainer #caseStudyFlash {
				float:left;
				margin:0;
			}
			
			#contentContainer #caseStudyInfo {
				line-height: 25px;
				float:left;
				margin:0;
				margin-top:10px;
			}			
			
			
			
			#contentContainer #caseStudyInfo a {
			color:#EF992A;
			font-family:"Trebuchet MS","Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
			font-size:9pt;
			text-decoration:none;
			}
			
			
			
			#contentContainer #highFloatContent {
				padding: 0 30%;
			}
			
			#contentContainer #floatContent {
				/*padding: 0 20%;*/
				width:990px;
				margin:0 auto;
			}
			
			#contentContainer #floatContent #left {
				float: left;
				display: inline;
				/*width: 50%;*/
				width:450px;
				margin:0 50px 0 95px;
				
			}
				#contentContainer #floatContent #left img, #contentContainer #floatContent #right img {
					border: solid 4px #f5f5f5;
					background: #f1f1f1;
					padding: 2px;
				}
				
				#contentContainer #floatContent #left h2, #contentContainer #highFloatContent h2{
					color: #7A4500;
					font-family:"Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
					font-size: 14pt;
					text-transform: uppercase;
					padding: 0 0 2px;
					margin: 0 15px 0 0;
					
				}
				
				#contentContainer #floatContent #left p, #contentContainer #highFloatContent p{
					color: #646464;
					font-family:Georgia, "Times New Roman", Times, serif;
					font-size:10pt;
					line-height: 14pt;
					padding: 6px 0;
					margin: 0 15px 0 0;
				}
				
				#contentContainer #floatContent #left a, #contentContainer #floatContent #left .mailto, #contentContainer #floatContent #right .mailto, #contentContainer #highFloatContent a{
					color: #646464;
					font-family:"Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
					font-size:9pt;
					font-weight: 800;
					text-decoration: none;
				}
				
				#contentContainer #floatContent #left h3, #contentContainer #highFloatContent h3{
					color: #00000;
					font-family:"Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
					font-size:9pt;
					font-weight: 800;
					padding: 8px 0 5px 0;
					margin: 0 15px 0 0;
				}
				
				#contentContainer #floatContent #left h4, #contentContainer #highFloatContent h4{
					color: #646464;
					font-family:"Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
					font-size:9pt;
					font-weight: 800;
					text-transform: uppercase;
					padding: 8px 0 5px 0;
					margin: 0 15px 0 0;
				}
				
				#contentContainer #floatContent #left p.posting {
					color: #646464;
					font-family:"Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
					font-size:8pt;
					font-weight: 800;
					padding: 0 0 5px 0;
				}
				
				#contentContainer #floatContent #left p.date {
					color: #646464;
					font-family:Georgia, "Times New Roman", Times, serif;
					font-size:10pt;
					padding: 12px 0 0 0;
				}
				
				
				#contentContainer #floatContent #left ol, ul {
					list-style-image:none;	
					/*list-style-position:inside;*/
					list-style-type:disc;
					color: #646464;
					font-family: inherit;
					font-size: inherit;
					margin-left: 20px;
				}
				
				#contentContainer #floatContent #left ol li, #contentContainer #floatContent #left ul li{
					color: #646464;
					font-family:Georgia, "Times New Roman", Times, serif;
					font-size:10pt;
					line-height: 14pt;
					padding: 3px 0;
					margin: 0 15px 0 0;
				}
			
			#contentContainer #floatContent #right {
				float: left;
				/*width: 50%;*/
				width:300px;
				background: #f5f5f5;
				margin:0 95px 0 0;
			}
			
			#contentContainer #floatContent #right #lineElement {
				float: left;
				width: 100%;
				margin-left: 10px;
				margin-bottom: 10px;
			}
						
			
			#contentContainer #floatContent #rightLower {
				float: left;
				width: 50%;
				background: #f5f5f5;
				margin-top: 30px;
			}
			
				#contentContainer #floatContent #right h2 {
					color: #7A4500;
					font-family:"Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
					text-transform: uppercase;
					font-size: 11pt;
					padding: 8px 12px 4px 12px;
				}
				
				#contentContainer #floatContent #right p, #contentContainer #floatContent #rightLower p {
					color: #646464;
					font-family:Georgia, "Times New Roman", Times, serif;
					font-size:10pt;
					line-height: 14pt;
					padding: 8px 12px 20px;
				}
				
				#contentContainer #floatContent #right a, #contentContainer #floatContent #rightLower a {
					color: #EF992A;
					font-family:"Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
					font-size: 9pt;
					text-decoration: none;
				}
				#right .boxSoloLink{
					display:block;
					margin:10px 0 0;
				}
				.clear{
					clear:both;
				}
		/*
		8888888888                888                    
		888                       888                    
		888                       888                    
		8888888  .d88b.   .d88b.  888888 .d88b.  888d888 
		888     d88""88b d88""88b 888   d8P  Y8b 888P"   
		888     888  888 888  888 888   88888888 888     
		888     Y88..88P Y88..88P Y88b. Y8b.     888     
		888      "Y88P"   "Y88P"   "Y888 "Y8888  888     
		*/
		#footer {
			
		}
			#mainNav ul li a {
				text-decoration:none;
				color:inherit;
				outline:none;
			}

/* IE specific hacks */