/* ------------------------------------
		EvenOrange.com v2.2
		Updated: January 1, 2011
		Author: Bill Alldredge billy@evenorange.com
	------------------------------------ */

	@font-face { font-family: Museuo; src:url(Museo300-Regular.otf) format("opentype"); }
	@font-face { font-family: Museeo; src:url(Museo700-Regular.otf) format("opentype"); font-weight:bold } 


	/* Miscellaneous */

	body { margin: 0; padding: 0; 
		background: url(images/bg.jpg) repeat-x #E6EAF6;
		font: 90% Arial, sans-serif;
		-webkit-text-stroke:1px transparent;
		}
	a { outline: none; }
	a:active { outline: none; }
	.clearfix { clear: both; }
	.backgroundBlue { color: #bdd6f5; }

	/* Top Section */
	
	#container {
		width: 1024px; 
		margin: 0 auto;
		overflow: hidden;
		}
	#header { 
		width: 1024px; height: 51px;
		}
	#header h1 {
		width: 280px; height: 75px;
		background: url(images/logo.png) no-repeat;
		text-indent: -9999px;
		margin: 6px 0 10px 85px; padding: 0;
		float: left;
		}
	#header ul {
		float: right;
		list-style: none;
		font-size: .9em;
		}
		#header ul li a {
			text-decoration: none;
			color: #fff;
			}
		#header ul li a:hover {
			border-bottom: 1px solid #fff;
			}
		#header ul li {
			float: left;
			width: 92px;
			height: 38px;
			background: url(images/button-nav-off.png) no-repeat;
			text-align: center;
			color: #fff;
			padding-top: 12px;
			margin-right: 10px;
			}
			#header ul li:last-child { margin-right: 0px !important; }
		
			/* Tagline */
			#tagline {
				font: 20px/1em Museeo, sans-serif;
				color: #bdd6f5;
				position: relative;
				left: 260px;
				top: 25px;
				/*margin: 30px 75px 0 -20px;*/
				text-shadow: 0 2px 1px #333;
				}
		
	/* Middle Section */
		
	#splash {
		background: url(images/banner-main.jpg) no-repeat;
		width: 1024px; height: 415px;
		margin-top: 16px;
		padding-top: 20px;
		}
		#main {
			margin-left: 625px;
			}
			#main h2 {
					/* background: url(images/tagline.png) no-repeat; */
				margin: 0; padding: 0;
				height: 91px;
				margin-top: 20px;
				font: 40px/1em Museeo, sans-serif;
				/* font: 3em/1em Museo, sans-serif; */
				font-weight: bold;
				color: #f0f0f0;
				letter-spacing: -1px;
				text-shadow: 1px 2px 2px #1a1a1a;
				}
			#main a {
				display: block; 
				width: 236px;
				height: 69px;
				}
			#main p {
				width: 80%;
				color: #fff;
				line-height: 1.2em;
				font-size: 15px;
				}
			#main h3 {
				margin: 20px 0 0 -2px; padding: 0;
				text-indent: -9999px;
				background: url(images/button-ourwork-alt.png) 0px 0px no-repeat;
				width: 200px;
				height: 50px;
				}
				#main h3:hover {
					margin: 20px 0 0 -2px; padding: 0;
					text-indent: -9999px;
					background: url(images/button-ourwork-alt.png) 0px -50px no-repeat;
					width: 200px;
					height: 50px;
					}
	
	/* Services Section */

	#services { 
		margin-top: -20px;
		padding-left: 60px;		
		}
		#services h3 {
			font: 2em/1.5em Museeo, sans-serif;
			font-weight: bold;
			margin: 0;
			padding: 0;
			color: #124A88;
			text-shadow: 0px 1px 0px #fff;
			}
		#services ul {
			list-style: none;
			padding: 0;
			overflow: auto;
			}
		#services ul li {
			width: 290px;
			float: left;
			margin-right: 10px;
			}
			li.tall { height: 270px; }
		#services p {
			margin: 0;
			font-size: 13px;
			line-height: 1.5em;
			color: #1a1a1a;
			width: 85%;
			}
		#services ul li:first-child { margin-left: 12px !important; }
		#services ul li:last-child { margin-right: 0px !important; border: none !important;}
	
	/* Portfolio Section */

	#portfolio {
		width: 900px;
		margin: 30px auto ;
		background: #fff;
		border: 1px solid #a1a1a1;
		overflow: auto;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
		}
		#portfolio p { margin: 0; line-height: 1em; }
		#portfolio a { border: none !important; }
		#portfolio ul {
			list-style: none;
			margin: 85px auto 20px auto;
			padding: 20px;
			width: 800px;
			}
		#portfolio ul li {
			float: left;
			margin-right: 20px;
			margin-bottom: 20px;
			}
			#portfolio span.new {   /* Experiment in the works */
				display: block;
				width: 82px; height: 36px;
				background: url('images/banner-new.png') no-repeat;
				z-index: 9999;
				}
		#portfolio img {
			background: #fff;
			border: 1px solid #999;
			padding: 5px;
			}
			div.banner-ourwork {
				background: url(images/banner-ourwork.png) no-repeat;
				width: 293px;
				height: 61px;
				text-indent: -9999px;
				position: absolute;
				margin-left: 42px;
				margin-top: 40px;
				}
		span.shadow {
				margin-top: -4px;
				margin-left: 3px;
				display: block; width: 240px; height: 9px; 
				background: transparent url(images/landscape-shadow.png) no-repeat center bottom;
				clear: both;
				}
				
		/* Web / Print Differentiation -- Unimplemented */
			#portfolio .web { 
				content: Web Design;
				display: hidden;
				}
			#portfolio .print {
				content: Print Design;
				display: hidden;
				}
				
		/* Cross-browser image transparency hack */	
				#portfolio img {
					filter:alpha(opacity=90);	/* IE */
					-moz-opacity:0.9;			/* Oldschool Mozilla (ie, Netscape) */
					-khtml-opacity: 0.9;		/* Oldschool Safari (1.x) when using KHTML instead of Webkit */
					opacity: 0.9;				/* Standard CSS - Firefox, Safari, and Opera */
					}
				#portfolio img:hover {
					filter:alpha(opacity=100);
					-moz-opacity:1.0;
					-khtml-opacity: 1.0;
					opacity: 1.0;
					}
	
	/* Contact Section */

	#contact {
		width: 900px;
		margin: 30px auto ;
		background: #fff;
		border: 1px solid #a1a1a1;
		overflow: auto;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
		}
		#contact p {
			font: 1.5em/1.5em Museeo, sans-serif;
			font-weight: bold;
			margin: 0;
			padding: .5em 0;
			color: #124A88;
			text-shadow: 0px 1px 0px #fff;
			text-align: center;
			}
			#contact p a {
				text-decoration: none;
				color: #124A88;	
				padding: 0 4px;
				}
			#contact p a:hover {
				color: #fff;
				background: #124A88;
				text-shadow: none;
				padding: 0 4px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				font-weight: normal;
				}

	/* Footer Section */

	#footerLinks {
		font-size: .75em;
		width: 1024px;
		margin: 0px auto 25px auto;
		color: #666;
		text-align: center;
		}
		#footerLinks a {
			text-decoration: none;
			padding: 2px 5px;
			color: #666;
			}
		#footerLinks a:hover {
			background: #2D6DB0;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			color: #fff;
			}