body { font-family: Arial, Helvetica, sans-serif; z-index: 0; font-size: 75%; background: #f4efdb url(../images/header_bg.jpg) repeat-x center top; margin: 0; padding: 0; margin-bottom: 20px; }

img { border: 0; }
.clear { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
fieldset { display: block; position: relative; margin: 0; padding: 0; border: 0; }

a { color: #005cab; }
	a:hover { text-decoration: none; }
	
.floatright { position: relative; float: right; margin-left: 10px; }

div#header { position: relative; z-index: 100; width: auto; height: 140px; }
	div#header div#center { position: relative; width: 900px; height: 140px; background: url(../images/header_style.gif) no-repeat center; margin-left: auto; margin-right: auto; }
		div#center div#logo { position: absolute; top: 30px; left: 23px; }

div#navigation { position: absolute; bottom: -4px; right: -4px; width: 495px; height: 50px; background: url(../images/navigation.gif) no-repeat left top; }
	div#navigation div { position: relative; padding: 0 18px 0 18px; }
	div#navigation ul { list-style: none; margin: 0; padding: 0; }
		div#navigation ul a { outline-width: 0; }
		div#navigation ul li { display: inline; height: 50px; float: left; }
		div#navigation ul li.active { background-image: url(../images/navigation.gif); }
		div#navigation ul li#work.active { background-position: 477px 0; }
		div#navigation ul li#company.active { background-position: 379px 0; }
		div#navigation ul li#websites.active { background-position: 251px 0; }
		div#navigation ul li#contact.active { background-position: 126px 0; }

div#bar_span { position: relative; z-index: 50; width: auto; background: #e9e1c7 url(../images/span_bg.jpg) repeat; }
	div#bar_span div#container { position: relative; border: 4px solid #53473e; width: 900px; margin-left: auto; margin-right: auto; background: #463c35 url(../images/span_container_bg.jpg) repeat-x top; }
		div#bar_span div.homepage { position: relative; height: 350px; background: url(../images/homepage_main.jpg) no-repeat; }
			div.homepage div#services_link { position: absolute; width: 577px; height: 72px; top: 230px; left: 161px; }
				div#services_link a { outline-width: 0; }
		div#bar_span div.pages { position: relative; height: 114px; }
		div#bar_span div.title { position: absolute; top: 28px; left: 33px; }

div#core { position: relative; z-index: 50; width: 900px; margin-left: auto; margin-right: auto; }
	div#core div#shadow { position: relative; height: 43px; background: url(../images/span_shadow.jpg) no-repeat; border-bottom: 1px solid #e6dad0; }

	div#content.padding { position: relative; padding-top: 20px; }
	div#content p { line-height: 2em; color: #47453f; }
	div#content p.focus { font-size: 1.6em; line-height: 1.8em; margin-top: 0; font-family: "Lucida Grande", Arial, Helvetica, sans-serif; }
	div#content h2 { font-size: 1.6em; font-weight: bold; }

	div#three_column { z-index: 150; width: auto; padding: 10px 0 20px 0; border-bottom: 1px solid #e6dad0; }
		div#three_column div.container { z-index: 200; width: 30%; float: left; }
			div.container h3 { margin-top: 0; font-size: 1.8em; margin-bottom: 10px; font-weight: normal; font-family: "Lucida Grande", Arial, Helvetica, sans-serif; }
			div#col1, div#col2 { border-right: 1px solid #e6dad0; margin-right: 20px; padding-right: 20px; }
			img.icon { float: right; margin-left: 16px; }

		div#contact_intro { position: relative; margin-bottom: 20px; border-bottom: 1px solid #f0f0f0; }

	div.left { position: relative; width: auto; margin-right: 280px; }
		div.right { position: relative; float: right; width: 250px; }
		
		div.section { position: relative; width: auto; padding-bottom: 10px; border-bottom: 1px solid #e6dad0; }
		div.last { position: relative; width: auto; margin-top: 10px; }
		span.location { display: block; font-family: "Lucida Grande", Arial, Helvetica, sans-serif; font-size: 1.6em; color: #000; margin-top: 20px; margin-bottom: 6px; }
		span.address { display: block; font-size: 1.4em; color: #47453f; }
		span.usa { background: url(../images/flag.jpg) no-repeat right; padding-right: 22px; }
		span.name { display: block; font-size: 1.2em; color: #47453f; font-family: "Lucida Grande", Arial, Helvetica, sans-serif; margin-top: 10px; margin-bottom: 2px; }
		span.email { display: block; margin-bottom: 6px; }
		a.twitter { background: url(../images/icons/twitter.gif) no-repeat left; padding: 4px 0 4px 20px; font-size: .9em; }
	
	div.whitebox_shadow { position: relative; background: url(../images/whitebox_shadow.jpg) bottom center no-repeat; padding-bottom: 50px; }
	div.whitebox { position: relative; width: auto; background: #fff url(../images/white_corner.jpg) top right no-repeat; padding: 28px; }
	
		fieldset div.row { position: relative; margin-bottom: 12px; }
		fieldset label { display: block; font-size: 1.4em; color: #47453f; margin-bottom: 4px; }
		fieldset input { font-size: 1.2em; }
		fieldset textarea { padding: 10px; }
		
		div.notice { padding: 16px; margin-bottom: 20px; }
			div.notice h3 { font-size: 1.2em; font-weight: bold; margin-top: 0; margin-bottom: 4px; }
			div.notice p { margin: 0; }
			
		div.notice.success { background-color: #f6fff4; border: 1px solid #c9eac3; }
			div.notice.success h3 { color: #7ebe38; }
		div.notice.error { background-color: #fff1ef; border: 1px solid #e9bdb7; }
			div.notice.error h3 { color: #e75742; }
	
	div.work_container { position: relative; padding: 20px 0 20px 0; border-bottom: 1px solid #e6dad0; }
		div.preview { position: relative; width: 250px; height: 253px; float: right; }
		div.work_container div.info { position: relative; width: auto; margin-right: 270px; background: #fff url(../images/white_corner.jpg) top right no-repeat; padding: 28px; }
			div.info div.title { display: block; margin-bottom: 8px; }
			div.info h3.title { display: block; font-family: "Lucida Grande", Arial, Helvetica, sans-serif; font-size: 1.8em; color: #000; font-weight: normal; margin-top: 0; margin-bottom: 8px; }
			div.info div.website_link a { background-color: #9ecd64; padding: 4px 12px 4px 12px; font-weight: bold; color: #fff; text-decoration: none; }
			div.info div.scope { margin-top: 12px; font-size: .9em; color: #47453f; padding-bottom: 6px; border-bottom: 1px solid #f0f0f0; }
			
	div#footer { position: relative; width: auto; margin-top: 20px; }
		div#footer div#footer_container { position: relative; width: auto; background: #eae3ca url(../images/footer_bg.gif) no-repeat top; padding: 32px 0 20px 0; }
		div#footer span.copyright { display: block; font-size: .9em; color: #7f7166; font-weight: bold; margin-top: 10px; }
		div#footer span.copyright a { color: #7f7166; font-size: 0.9em; }
		
		div#footer div#links { position: relative; width: auto; margin-left: 250px; }
			div#links div.container { position: relative; width: 180px; float: left; margin-right: 20px; }
				div#links span.title { display: block; font-size: 1.4em; font-weight: bold; color: #6a675f; }
				div#links ul { list-style: none; margin: 0; padding: 0; }
					div#links ul li { padding: 5px 0 5px 0; font-size: .9em; border-bottom: 1px solid #e6dad0; }
						div#links ul li a { text-decoration: none; color: #7f7b6f; }
						div#links ul li a:hover { text-decoration: underline; }
				div#links div.address { padding-top: 5px; font-size: .9em; color: #7f7b6f; }
				div#links div.contact_link { padding-top: 10px; font-size: .9em; font-weight: bold; }