/************* GENERAL STYLES ***/
html, body {
	height: 100%;
	font-family: "Arial", arial, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #666;
	background: url(../images/bg.jpg) top center repeat-y #1b4200; }


	/*** HEADINGS STYLES ***/		
	h1 {
		margin: 5px 0 15px 0;
		padding: 0 0 10px 10px;
		font-family: "Trebuchet MS", sans-serif;
		font-size: 40px;
		font-weight: normal;
		line-height: 42px;
		color: #794b18;
		border-bottom: 1px solid #e7d4b3; }
	
	h1.inner { 
		font-size: 26px; 
		line-height: 30px; }
	
	h2 {
		margin: 0 0 15px 0;
		font-family: "Trebuchet MS", sans-serif;
		font-size: 28px;
		font-weight: bold;
		color: #994b18; }
	
	h3 {
		margin: 0 0 5px 0; 
		font-family: "Trebuchet MS", sans-serif;
		font-size: 20px;
		font-weight: normal;
		color: #994b18; }
	
	h3.nospace { margin: 0; }
	
	h4 {
		margin: 0 0 18px 0;
		font-size: 16px;
		font-weight: normal;
		line-height: 20px;
		text-transform: normal;
		color: #994b18;
		border-bottom: none; }
	
	h4.nospace { margin: 0 0 8px 0; }
	
	
	/*** LINK STYLES ***/
	a:link, a:visited { 
		text-decoration: none; 
		color: #b32017;
		outline: none; }
	
	a:hover, a:active { 
		text-decoration: underline; }
	
	
	/*** GENERIC STYLES ***/
	p { margin-bottom: 16px; }

	.floatRight { 
		float: right; 
		margin: 0 10px 30px 60px; }
	
	.floatLeft { 
		float: left; 
		margin: 0 60px 30px 10px; }
	
	
	small.title { 
		display: block; 
		margin: 0 0 5px 0; }
		
		small.title a:link,
		small.title a:visited { 
			text-decoration: underline;
			color: #995628; }
	
	
	/*** TABLE STYLES ***/
	table { }
	
	table#services { width: 100%; }
	
		table td { 
			padding: 10px; 
			vertical-align: top; }
			
		table#services td { 
			padding: 15px 10px 10px 45px; 
			background: url(../icons/icon_services.jpg) 10px 10px no-repeat; }	
	
		table#services h3,
		table#services h3 a:link,
		table#services h3 a:visited { 
			font-family: "Arial", arial, sans-serif;
			font-size: 12px;
			font-weight: bold;
			line-height: normal;
			text-decoration: none;
			color: #794b18; }
		
		table.collapsable h3 { cursor: pointer; }
		
		table#services ul { margin: 5px 0 0 0; }
		
		table.collapsable ul { display: none; }
		
			table#services ul li {
				margin: 0 0 7px 0; 
				padding: 0 0 0 10px;
				line-height: 14px;
				background: url(../images/bullet_orange.jpg) 0 7px no-repeat; }
		

/************* STRUCTURE STYLES ***/
#outerWrapper { 
	display: block; 
	width: 980px;
	margin: 0 auto;
	padding: 0 7px 0 0;
	background: url(../images/wrapper_bottom_bg.jpg) bottom left no-repeat; }

	
	/*** WRAPPER STYLES ***/
	#wrapper {
		position: relative; 
		display: block;
		width: 980px;
		text-align: left;
		background: url(../images/wrapper_top_bg.jpg) top left no-repeat; }
		
		
		/*** VOLUMECONTROL STYLES ***/
		#volumeControl { 
			position: absolute; 
			top: 0; 
			right: 290px;
			display: block;
			width: 57px;
			height: 14px;
			z-index: 999;
			outline: none }
			
		#volumeControl:active,
		#volumeControl:focus { outline: none; }	
		
		
		/*** LEFTWRAPPER STYLES ***/
		#leftWrapper {
			float: left; 
			display: block;
			width: 710px;
			margin: 0 0 110px 0; }
			
			#leftWrapper.home { margin: 0 0 20px 0; }
			

			/*** HEADER STYLES ***/
			#header { 
				display: block; 
				width: 710px;
				margin: 0 0 20px 0; }
			
			#header.nostyle { margin: 0; background: none; }	
			
			#header.portfolio { margin: 0 0 20px 0; }
				
				
				/*** HEADERFLASH STYLES ***/
				#headerFlash { 
					display: block;
					width: 710px;
					margin: 0 0 -25px 0; }
				

				/*** HOMESHOWCASE STYLES ***/				
				#homeShowcaseWrapper {
					display: block;
					width: 710px;
					background: url(../images/portfolio_featured_bg.png) top left repeat-y; }
								
					#homeShowcase {
						display: block;
						width: 628px;
						padding: 56px 38px 0 38px;
						background: url(../images/contentWrapper_noheader_top_bg.png) top left no-repeat; }
						
						
						/*** HOMESHOWCASEPHOTO STYLES ***/
						#homeShowcasePhoto {
							position: relative;
							display: block;
							width: 625px;
							height: 327px;
							padding: 3px;
							background: #fff;
							border: 1px solid #e0c9a3; }
							
							#homeShowcasePhoto div.showcaseItem { 
								position: absolute;
								top: 3px;
								left: 3px;
								display: none; }
							
							#homeShowcasePhoto div.active { display: block; }
							
							#homeShowcasePhoto a:link,
							#homeShowcasePhoto a:visited { 
								display: block; 
								width: 625px; 
								height: 327px; 
								background-position: center center;
								background-repeat: no-repeat; }
							
							
				/*** HOMESHOWCASEDESCRIPTIONWRAPPER STYLES ***/
				#homeShowcaseDescriptionWrapper {
					display: block;
					width: 628px;
					min-height: 30px;
					padding: 13px 38px 20px 38px;
					background: url(../images/contentWrapper_homepage_bottom_bg.png) bottom left no-repeat; }
						
					
					/*** HOMESHOWCASEDESCRIPTION CONTROLS STYLES ***/
					#homeShowcaseDescriptionWrapper ul#controls { 
						float: right; 
						text-align: center; }
						
						#homeShowcaseDescriptionWrapper ul#controls li { 
							float: left;
							display: inline-block;
							margin: 0 3px; }
							
							#homeShowcaseDescriptionWrapper ul#controls li a:link,
							#homeShowcaseDescriptionWrapper ul#controls li a:visited { 
								display: inline-block;
								height: 22px;
								width: 22px;
								font-weight: bold;
								line-height: 22px;
								cursor: pointer;
								color: #999;
								background: url(../images/circle_button_bg.png) top left no-repeat; }
							
							#homeShowcaseDescriptionWrapper ul#controls li a:hover { 
								text-decoration: none;
								background: url(../images/circle_button_hover_bg.png) top left no-repeat; }
								
							#homeShowcaseDescriptionWrapper ul#controls li.here a:link,
							#homeShowcaseDescriptionWrapper ul#controls li.here a:visited {
								color: #fff;
								background: url(../images/circle_button_active_bg.png) top left no-repeat; }	
					
					
					/*** HOMESHOWCASEDESCRIPTION STYLES ***/
					#homeShowcaseDescriptionWrapper p { 
						width: 400px;
						margin: 0 0 0 10px;
						font-size: 12px; 
						color: #794b18; }



				/*** PORTFOLIOFEATUREDITEM STYLES ***/				
				#portfolioFeaturedItemWrapper {
					display: block;
					width: 710px;
					background: url(../images/contentWrapper_portfolioFeaturedItem_bottom_bg.png) bottom left no-repeat; }
								
					#portfolioFeaturedItem {
						display: block;
						width: 628px;
						padding: 56px 38px 26px 38px;
						background: url(../images/contentWrapper_noheader_top_bg.png) top left no-repeat; }
						
						
						/*** PORTFOLIOFEATUREDITEM SHOWCASE STYLES ***/
						#portfolioFeaturedItemShowcase {
							display: block;
							width: 625px;
							padding: 3px;
							background: #fff;
							border: 1px solid #e0c9a3; }
						
						#portfolioFeaturedItemShowcase.home { margin: 8px 0 20px 0; }
						
						#portfolioFeaturedItemVideo	{ 
							display: block; 
							margin: 0 auto; }
							
							
				/*** PORTFOLIOFEATUREDITEM DESCRIPTION STYLES ***/
				#portfolioFeaturedItemDescription {
					display: block;
					min-height: 40px;
					padding: 10px 10px 0 10px; }	
					
					/*** PORTFOLIOFEATUREDITEM LINK STYLES ***/
					#portfolioFeaturedItemDescription a:link,
					#portfolioFeaturedItemDescription a:visited { 
						float: right; 
						margin: 0 0 0 50px;
						font-size: 11px;
						text-align: right; }
						
						#portfolioFeaturedItemDescription a strong { 
							font-size: 16px;
							font-weight: normal;
							color: #000; }
							
						#portfolioFeaturedItemDescription a:hover { 
							text-decoration: none; }
						
					
					/*** PORTFOLIOFEATUREDITEM DESCRIPTION STYLES ***/
					#portfolioFeaturedItemDescription p { 
						margin: 0;
						font-size: 12px; 
						color: #794b18; }
						
				
				
			/**** CONTENTWRAPPER STYLES ***/
			#contentWrapper {
				display: block;
				width: 710px; 
				background: url(../images/contentWrapper_bg.png) top left repeat-y; }
			
			#contentWrapper.twocolumn { 
				background: url(../images/contentWrapper_twocolumn_bg.png) top left repeat-y; }
			
			#contentWrapper.services {
				background: url(../images/contentWrapper_services_bg.png) top left repeat-y; }
			
			
				/*** CONTENT STYLES ***/
				#content {
					position: relative;
					display: block; 
					width: 633px; 
					padding: 10px 40px 20px 37px;
					line-height: 18px;
					color: #46463a;
					background: url(../images/contentWrapper_top_bg.png) top left no-repeat; }
								
				#contentWrapper #content {
					background: url(../images/contentWrapper_portfolio_top_bg.png) top left no-repeat; }
				
				#contentWrapper.noheader #content {
					padding: 53px 40px 20px 37px;
					background: url(../images/contentWrapper_noheader_top_bg.png) top left no-repeat; }	
				
				#contentWrapper #content.detailed {
					padding: 0 40px 20px 37px;
					background: url(../images/contentWrapper_portfolio_detail_top_bg.png) top left no-repeat; }
				
				#contentWrapper.services #content { 
					width: 623px;
					padding: 10px 40px 20px 47px;
					background: url(../images/contentWrapper_services_top_bg.png) top left no-repeat; }
					
					
					/*** TITLE STYLES ***/					
					#contentWrapper.noheader #content h1 { padding-left: 0; }
					
					#contentWrapper #content h1 {
						margin: 3px 0 20px 0;
						padding: 0 0 10px 0; }
					
					#contentWrapper #content.detailed h1.inner { 
						padding: 10px 180px 10px 0; }
					
					#content h1.contactus {
						margin: 0 0 5px 0;
						padding: 0 0 10px 10px; }
					
					#content h1.blog {
						width: 633px;
						height: 52px;
						margin: 10px 0 0 0;
						padding: 0;
						text-indent: -9999px;
						background: url(../images/title_blog.jpg) center top no-repeat;
						border-bottom: none; }
					
					#contentWrapper.services #content h1.inner {
						margin: 5px 0 15px -10px;
						padding: 0 0 10px 10px; }
					
					/*** GENERIC STYLES ***/
					#content blockquote {
						margin: 0 0 15px 0;
						font-family: Times;
						font-size: 14px; 
						font-weight: bold;
						text-align: center; }
						
					#content span.blog {
						display: block;
						margin: -20px 0 15px 0; 
						padding: 0 0 15px 0;
						font-family: Times;
						text-align: center;
						text-transform: uppercase;
						font-style: italic;
						border-bottom: 1px solid #e7d4b3; }	
											
					#content img.styled { 
						padding: 3px;
						background: #fff;
						border: 1px solid #e0c9a3; }
					
					#content ul.styled { list-style-type: square; }
					#content ol.styled { list-style-type: decimal-leading-zero; }
					
					#content ul.styled,
					#content ol.styled { margin: 0 0 18px 14px; }


					/*** CONTENTNAV STYLES ***/
					#contentNav { 
						float: right;
						display: block;
						width: 160px;
						font-size: 10.5px; }
					
						#contentNav ul {}
						
							#contentNav ul li {
								line-height: 14px; 
								padding: 5px 0 4px 0;
								border-bottom: 1px solid #e7d4b3; }
							
							#contentNav ul li a:link,
							#contentNav ul li a:visited { line-height: 14px; }
							
							#contentNav ul li.active a:link,
							#contentNav ul li.active a:visited { 
								font-weight: bold;
								color: #794b18; }
								
							#contentNav ul li.active a:hover { 
								text-decoration: none; }
					
					
					/*** WYSIWYG SERVICES AREA STYLES ***/
					#contentWrapper.services #wysiwyg { 
						float: left; 
						display: block; 
						width: 420px; 
						margin-top: 20px; }
					
					
					/*** ARTICLETAGS STYLES ***/
					#articleTags {
						clear: both;
						display: block;
						margin: 0;
						line-height: normal; }
						
						#articleTags h3 {
							display: inline !important;
							margin: 0 0 10px 0;
							padding: 0 0 5px 0;
							font-family: "Arial", arial, sans-serif;
							font-size: 12px;
							font-weight: bold;
							line-height: normal;
							color: #333; }
						
						
					/*** SHARE STYLES ***/
					#share { 
						display: block;
						margin: 15px 0 0 0; }
						
						#share h3 {
							margin: 0 0 10px 0;
							padding: 0 0 5px 0;
							font-size: 17px;
							line-height: 19px;
							border-bottom: 1px solid #e5d0b1; }
						
						#share ul {}
						
							#share ul li { 
								float: left; 
								margin: 0 15px 0 0; }
							
								#share ul li a:link,
								#share ul li a:visited {
									display: inline-block; 
									height: 16px; 
									padding: 0 0 0 22px;
									font-size: 11px; }
								
								#share ul li a.facebook { background: url(../icons/facebook.png) no-repeat; }
								#share ul li a.twitter { background: url(../icons/twitter.png) no-repeat; }
								#share ul li a.linkedin { background: url(../icons/linkedin.png) no-repeat; }
								#share ul li a.email { background: url(../icons/email.png) no-repeat; }
								
					
					/*** MESSAGE STYLES ***/
					#message,
					p#message {
						display: none;
						text-align: left;
						margin: 0 0 20px 0;
						padding: 20px 20px 20px 45px;
						font-size: 11px; }
						
						#message.success {
							color: #537917;
							background: url(../images/icon_success.png) center no-repeat #e0f6bd;
							background-position: 15px 50%; /* x-pos y-pos */		
							border: 1px solid #aad468; }
							
						#message.warning { 
							color: #c67109;
							background: url(../images/icon_warning.png) center no-repeat #fff6bf;
							background-position: 15px 50%; /* x-pos y-pos */		
							border: 1px solid #e0a72d; }
							
						#message.error { 
							color: #c2462c;
							background: url(../images/icon_error.png) center no-repeat #ffe1d9;
							background-position: 15px 50%; /* x-pos y-pos */		
							border: 1px solid #f98268; }
						
						#message p { margin: 5px 0; }
					
					
					/*** SECTIONNAVIGATION STYLES ***/
					ul#sectionNavigation { 
						position: absolute;
						top: 0;
						right: 30px;
						width: 170px;
						margin: 0;
						padding: 5px 0 0 0;
						font-size: 9px;
						color: #999;
						background: #fdfbf2;
						z-index: 99; }
					
						ul#sectionNavigation li { 
							float: left; 
							margin: 0 0 0 10px; }
							
							ul#sectionNavigation li a:link,
							ul#sectionNavigation li a:visited { font-size: 10.5px; }
							
							ul#sectionNavigation li a#showall { margin: 0 0 0 20px; }	
						
						ul#sectionNavigation li span { 
							font-size: 10.5px;
							color: #888; }
						
					
					/*** SECTIONNAVIGATIONLIST STYLES ***/
					#sectionNavigationList {
						float: left;
						display: none;
						width: 669px;
						min-height: 36px;
						margin: 0 -19px -35px -17px;
						background: url(../images/contentWrapper_portfolio_detail_top_grey_bg.png) -20px bottom no-repeat #fdfbf2; }
					
					#sectionNavigationList ul {
						display: block;
						padding: 40px 10px 50px 10px; 
						background: url(../images/contentWrapper_portfolio_detail_top_expanded_bg.png) -20px top no-repeat; }
					
						#sectionNavigationList ul li { 
							float: left;
							display: block;
							width: 29.3%;
							margin: 0 2%; }
							
						#sectionNavigationList ul li a:link,
						#sectionNavigationList ul li a:visited { 
							display: block;
							padding: 4px 0 4px 10px;
							font-size: 11px;
							line-height: 15px;
							color: #333;
							background: url(../images/bullet.jpg) 3px 10px no-repeat;
							border-bottom: 1px solid #e4e3de; }	
											
					
					/*** PAGINATION STYLES ***/
					ul.pagination { 
						margin: 30px 0 0 0; 
						text-align: center; }
					
						ul.pagination li { 
							display: inline-block;
							margin: 0 3px; }
							
							ul.pagination li { 
							display: inline-block;
							margin: 0 3px; }
							
							ul.pagination li a:link,
							ul.pagination li a:visited { 
								display: inline-block;
								height: 22px;
								width: 22px;
								font-weight: bold;
								line-height: 22px;
								cursor: pointer;
								color: #999;
								background: url(../images/circle_button_bg.png) top left no-repeat; }
							
							ul.pagination li a:hover { 
								text-decoration: none;
								background: url(../images/circle_button_hover_bg.png) top left no-repeat; }
								
							ul.pagination li.here a:link,
							ul.pagination li.here a:visited {
								color: #fff; 
								background: url(../images/circle_button_active_bg.png) top left no-repeat; }
							
						ul.pagination li.previous,
						ul.pagination li.next { border: none; }	
								
							ul.pagination li.previous a:link,
							ul.pagination li.previous a:visited,
							ul.pagination li.next a:link,
							ul.pagination li.next a:visited {
								width: auto;
								font-weight: normal;
								text-decoration: underline;
								color: #b32017; 
								background: transparent; 
							    border: none; }		
					
					
					/*** PORTFOLIOITEMINFORMATION STYLES ***/
					#portfolioItemInformation {}
						
						
						/*** ITEMCONTENT STYLES ***/
						#portfolioItemInformation div.itemContent { 
							float: left;
							width: 415px;
							margin: 0 25px 0 0; }
						
							#portfolioItemInformation div.itemContent p { 
								margin: 0 0 18px 0; }
						
						
						/*** ITEMSIDEBAR STYLES ***/
						#portfolioItemInformation div.itemSidebar { 
							float: left; 
							width: 190px;
							font-size: 10.5px;
							background: url(../images/itemSidebar_bg.png) -25px 140px no-repeat; }
							
							#portfolioItemInformation div.itemSidebar h2 {
								margin: 0 0 4px 10px;
								padding: 0 0 3px 0;
								font-size: 12px; 
								color: #994b18;
								border-bottom: 1px solid #f2e6ca; }
								
							#portfolioItemInformation div.itemSidebar ul { margin: 0 0 0 10px; }	
						
						
							/*** PORTFOLIOITEMINFORMATION LOGO STYLES ***/
							#portfolioItemInformation img.logo { 
								width: 190px;
								margin: 0 0 10px 0;
								text-align: center; }
							
							#portfolioItemInformation p { 
								margin: 0 0 6px 15px; }
							
							#portfolioItemInformation ul { margin: 0 0 0 15px; }
							
								#portfolioItemInformation ul li {
									line-height: 13px;
									padding: 3px 0 3px 10px;
									background: url(../images/bullet.jpg) 3px 8px no-repeat; }
							
							
							/*** PORTFOLIOITEMINFORMATION WEBSITELINK STYLES ***/
							#portfolioItemInformation a#websiteLink:link,
							#portfolioItemInformation a#websiteLink:visited { 
								display: block; 
								width: 131px; 
								height: 35px; 
								margin: 40px 0 30px 45px;
								font-size: 12px;
								line-height: 33px;
								text-align: center;
								color: #b32017;
								background: url(../images/portfolioItem_btn_link_bg.jpg) top left no-repeat; }
							
							#portfolioItemInformation a#websiteLink:hover { 
								text-decoration: none;
								color: #e47000; }
							
							body:first-of-type #portfolioItemInformation a#websiteLink { line-height: 35px; } /* SAFARI FIX */
						
							
						/*** PORTFOLIOITEMINFORMATION CONTENT STYLES ***/						
						#portfolioItemInformation #portfolioVideoWrapper {
							display: block;
							width: 407px;
							height: 254px;
							margin: 0 0 18px 0;
							padding: 3px;
							background: #fff;
							border: 1px solid #e0c9a3; }
							
						#portfolioItemInformation #portfolioGallery { 
							margin: 0 0 18px 0; }	
					
					
					/*** CONTACTFORM STYLES ***/
					form#contact_form { 
						display: block;
						padding: 5px 0 0 0; }
					
						form#contact_form fieldset.information { 
							float: left; 
							width: 225px; 
							margin: 0 43px 0 0; }
						
						form#contact_form fieldset.form { 
							float: left; 
							width: 363px; }
							
							form#contact_form fieldset.form h3 {
								margin: 0 0 25px 0; 
								font-family: "Arial", arial, sans-serif;
								font-size: 18px; }
							
							form#contact_form fieldset.form ol { }
								
								form#contact_form fieldset.form ol li { 
									margin: 0 0 10px 0; }
								
									form#contact_form fieldset.form input { 
										display: block; 
										width: 341px;
										height: 13px;
										padding: 10px;
										font-family: "Arial", arial, sans-serif;
										font-size: 12px;
										color: #999;
										background: url(../images/contactForm_input_bg.jpg) no-repeat #fff;
										border: 1px solid #e9d3af; }
									
									form#contact_form fieldset.form input:focus { color: #666; }
									
									form#contact_form fieldset.form input.error,
									form#contact_form fieldset.form textarea.error { 
										color: #995628;
										border-color: #995628; }
									
									form#contact_form fieldset.form label {
										display: block;
										padding: 0 5px 2px 5px;
										font-size: 10px;
										color: #fff;
										background: #995628; }
										
									form#contact_form fieldset.form textarea { 
										display: block; 
										width: 341px;
										height: 148px;
										padding: 10px;
										font-family: "Arial", arial, sans-serif;
										font-size: 12px;
										color: #999;
										background: url(../images/contactForm_textarea_bg.jpg) no-repeat #fff;
										border: 1px solid #e9d3af; }
									
									form#contact_form fieldset.form textarea:focus { color: #666; }
										
									form#contact_form fieldset.form button { 
										float: right;
										width: 69px;
										height: 27px;
										margin: 0 0 0 10px;
										font-size: 12px;
										line-height: 25px;
										cursor: pointer;
										outline: none;
										color: #b32017;
										background: url(../images/btn_send_bg.png) top left no-repeat;
										border: none; }
										
									
									/*** CONTACTFORM STATUS STYLES ***/
									form#contact_form label#contactFormStatus { 
										float: left;
										display: none;
										width: 240px;
										height: 27px;
										margin: 0 0 0 5px;
										padding: 0 0 0 22px;
										line-height: 28px;
										font-size: 80%;
										color: #794b18;
										background: url(../images/contactform_loader.gif) left center no-repeat; }
								
										form#contact_form label#contactFormStatus.error { 
											color: #b32017;
											background: url(../images/icon_error.png) left center no-repeat; }
					
										form#contact_form label#contactFormStatus.success { 
											color: #52bb2d;
											background: url(../images/icon_success.png) left center no-repeat; }										
					
					
					/*** BLOG STYLES ***/
					#blog { }
						
						
						/*** BLOGPOST STYLES ***/
						div.blogPost {
							margin: 0 0 20px 0; 
							padding: 0 0 5px 0;
							border-bottom: 1px solid #e7d4b3; }
						
						#blog div.nostyle { border-bottom: none; }
							
						#blog div.last {
							margin: 0; 
							border: none; }
							
							div.blogPost h3 { 
								padding: 5px 0;
								font-size: 40px;
								line-height: 42px; }
							
								div.blogPost h3 a:link,
								div.blogPost h3 a:visited { color: #794b18; }
								
								div.blogPost h3 a:hover { text-decoration: none; }
								
								div.blogPost a img { 
									padding: 1px; 
									background: #fff; 
									border: 1px solid #e0c9a3; }
								
								div.blogPost .floatRight { 
										float: right; 
										margin: 0 10px 30px 30px; }
									
								div.blogPost .floatLeft { 
										float: left; 
										margin: 0 30px 30px 10px; }
								
							
							/*** BLOGVIDEO STYLES ***/
							div.blogVideo {
								width: 625px;
								padding: 3px;
								margin: 0 0 15px 0;
								background: #fff; 
								border: 1px solid #e0c9a3; }
							
							
							/*** AUTHOR STYLES ***/
							div.blogPost #author {
								display: block;
								margin: 30px 0 35px 0;
								padding: 12px;
								background: #fdf9e9;
								border: 1px solid #e0c9a3; }
								
								div.blogPost #author img { 
									float: left; 
									width: 75px;
									margin: 0 15px 0 0;
									padding: 1px;
									border: 2px solid #e0c9a3; }
							
								div.blogPost #author p { 
									float: left;
									width: 510px;
									margin: 0; }
								
								
							/*** PRIMARYPHOTO STYLES ***/
							div.blogPost a.primaryPhoto { 
								display: block;
								margin: 0 0 15px 0; }
							
								div.blogPost a.primaryPhoto img { 
									padding: 3px; 
									background: #fff; 
									border: 1px solid #e0c9a3; }
									
								div.blogPost a.primaryPhoto:hover img {
									padding: 3px;
									background: #eae1b9; }	
							
							
							/*** POSTGALLERY STYLES ***/
							ul#postGallery { 
								display: block; 
								margin: 10px 0 0 0; }
							
								ul#postGallery li { 
									float: left; 
									margin: 0 9px 10px 9px; }
								
								ul#postGallery li.first { }
									
								ul#postGallery li a img { 
									padding: 3px; 
									background: #fff; 
									border: 1px solid #e0c9a3; }
									
								ul#postGallery li a:hover img {
									padding: 3px;
									background: #eae1b9; }		
							
							
							div.blogPost a.continuereading {
								display: block; 
								width: 126px; 
								height: 35px;
								margin: 0;
								padding: 0 0 0 5px; 
								font-size: 12px;
								line-height: 33px;
								text-align: center;
								color: #b32017;
								background: url(../images/portfolioItem_btn_link_bg.jpg) top left no-repeat; }
							
							div.blogPost a.continuereading:hover { 
								text-decoration: none; 
								color: #e47000; }
							
							body:first-of-type div.blogPost a.continuereading { line-height: 35px; } /* SAFARI FIX */
							
						
						/*** COMMENTSWRAPPER STYLES ***/
						#commentsWrapper {
							display: block;
							width: 710px; 
							background: url(../images/contentWrapper_bg.png) top left repeat-y; }
					
							/*** COMMENTS STYLES ***/
							#comments { 
								display: block; 
								width: 630px; 
								padding: 15px 40px 20px 40px;
								line-height: 20px;
								color: #46463a;
								background: url(../images/contentWrapper_top_bg.png) top left no-repeat; }
								
								#comments h3 { 
									margin: 0 0 15px 0;
									padding: 0 0 10px 0;
									font-family: "Trebuchet MS", sans-serif;
									font-weight: normal;
									background: url(../images/title_bg.jpg) bottom left no-repeat; }
								
								
								/*** COMMENTENTRY STYLES ***/
								#comments ol.commentEntry { 
									margin: 0; 
									padding: 0; }
								
									#comments ol.commentEntry li {
										margin: 0 0 20px 0; 
										padding: 10px 0 0 0;
										background: #ede6c7;
										border-top: 1px solid #e5d0b1; }
										
									#comments ol.commentEntry li.even { 
										background: #dbd3b2;
										border-top: 1px solid #c9b18e; }
																				
										#comments ol.commentEntry li div.comment {
											display: block;
											width: 550px;
											min-height: 55px;
											margin: 0;
											padding: 0 10px; }
										
										#comments ol.commentEntry li p.title { 
											display: block;
											width: 610px;
											margin: 8px 0 0 0;
											padding: 8px 10px 0 10px;
											font-size: 10.5px;
											background: url(../images/comment_even_bg.png) top left no-repeat #fbf4d8; }
										
										#comments ol.commentEntry li.even p.title {
											background: url(../images/comment_odd_bg.png) top left no-repeat #fbf4d8; }
										
											#comments ol.commentEntry li p.title strong { 
												line-height: 10px; }
										
										#comments ol.commentEntry li img.avatar { 
											float: right;
											width: 40px; 
											margin: 0 10px 10px 0; 
											padding: 1px;
											background: #fff;
											border: 1px solid #e9d3af; }
										
										#comments ol.commentEntry li a:link,
										#comments ol.commentEntry li a:visited { }
										
							
							
						
						/*** COMMENTFORMWRAPPER STYLES ***/
						#commentFormWrapper {
							display: block;
							width: 710px; 
							background: url(../images/contentWrapper_bg.png) top left repeat-y; }						
							
							/*** COMMENTFORM STYLES ***/
							#commentForm { 
								display: block; 
								width: 630px; 
								padding: 15px 40px 15px 40px;
								line-height: 20px;
								color: #46463a;
								background: url(../images/contentWrapper_top_bg.png) top left no-repeat; }

								#commentForm h3 { 
									margin: 0 0 15px 0;
									padding: 0 0 10px 0;
									font-family: "Trebuchet MS", sans-serif;
									font-weight: normal;
									background: url(../images/title_bg.jpg) bottom left no-repeat; }
								
								#commentForm fieldset { }
														
								#commentForm ol.commentInputs {}
								
									#commentForm ol.commentInputs li { 
										float: left; 
										width: 50%;
										margin: 0 0 13px 0; }
									
									#commentform ol.wide li { margin: 0 0 13px 0; }
									
										#commentForm ol.commentInputs li input { 
											display: block; 
											width: 281px;
											height: 13px;
											padding: 10px;
											font-family: "Arial", arial, sans-serif;
											font-size: 12px;
											color: #999;
											background: url(../images/contactForm_input_bg.jpg) no-repeat #fff;
											border: 1px solid #e9d3af; }
									
										#commentForm ol.commentInputs li input:focus { color: #666; }
										
										#commentForm ol.wide li input { 
											display: block; 
											width: 596px;
											height: 13px;
											padding: 10px;
											font-family: "Arial", arial, sans-serif;
											font-size: 12px;
											color: #999;
											background: url(../images/contactForm_input_wide_bg.jpg) no-repeat #fff;
											border: 1px solid #e9d3af; }
										
										#commentForm textarea { 
											display: block; 
											width: 596px;
											height: 148px;
											margin: 13px 0 0 0;
											padding: 10px;
											font-family: "Arial", arial, sans-serif;
											font-size: 12px;
											color: #999;
											background: url(../images/commentForm_textarea_bg.jpg) no-repeat #fff;
											border: 1px solid #e9d3af; }
									
										#commentForm textarea:focus { color: #666; }
										
										#commentForm span.remember { 
											float: left; 
											margin: 15px 0 0 15px;
											font-size: 11px; }
																				
										#commentForm button { 
											float: right;
											width: 69px;
											height: 27px;
											margin: 15px 12px 0 0;
											font-size: 12px;
											line-height: 25px;
											cursor: pointer;
											outline: none;
											color: #b32017;
											background: url(../images/btn_send_bg.png) top left no-repeat;
											border: none; }										
											
										
										/*** COMMENTFORM ERROR STYLES ***/
										#commentForm ol.commentInputs li input.error,
										#commentForm textarea.error { 
											color: #995628;
											background-image: none;
											border-color: #995628; }
									
										#commentForm label {
											display: block;
											width: 293px;
											padding: 0 5px 2px 5px;
											font-size: 10px;
											color: #fff;
											background: #995628; }
											
										/*** COMMENTFORM STATUS STYLES ***/
										#commentForm label#commentFormStatus { 
											float: left;
											display: none;
											width: 240px;
											height: 27px;
											margin: 10px 0 0 5px;
											padding: 0 0 0 22px;
											line-height: 28px;
											font-size: 80%;
											color: #794b18;
											background: url(../images/contactform_loader.gif) left center no-repeat; }
									
											#commentForm label#commentFormStatus.error { 
												color: #b32017;
												background: url(../images/icon_error.png) left center no-repeat; }
						
											#commentForm label#commentFormStatus.success { 
												color: #52bb2d;
												background: url(../images/icon_success.png) left center no-repeat; }											
					
					
					/*** HOMEPAGEPORTFOLIOLIST STYLES ***/
					ul#homePagePortfolioList {}
					
						ul#homePagePortfolioList li { 
							float: left; 
							width: 196px;
							height: 115px;
							margin: 0;
							text-align: right; }
						
						ul#homePagePortfolioList li.first { 
							margin: 0 22px 0 0; }
						
						ul#homePagePortfolioList li.last { 
							margin: 0 0 0 22px; }
							
							ul#homePagePortfolioList li a:link,
							ul#homePagePortfolioList li a:visited {}
							
								ul#homePagePortfolioList li a img { 
									padding: 3px;
									background: #fff;
									border: 1px solid #e0c9a3; }
									
							ul#homePagePortfolioList li a:hover img {
									padding: 3px;
									background: #eae1b9; }
					
					
					/*** PORTFOLIOLIST STYLES ***/
					ul#portfolioList { margin: 0 0 0 6px; }
					
						ul#portfolioList li {
							position: relative; 
							height: 205px;
							margin: 0 5px 17px 0;
							padding: 0 0 10px 0;
							border-bottom: 1px solid #e7d4b3; }
							
						ul#portfolioList li.last { border-bottom: none; }	
															
								ul#portfolioList li a { 
									font-size: 11px; 
									line-height: 14px;
									text-decoration: none; }
								
									ul#portfolioList li a strong { 
										font-size: 14px;
										font-weight: normal;
										color: #000; }
										
									ul#portfolioList li a img.preview { 
										position: absolute; 
										top: 0; 
										left: 0; 
										z-index: 1;
										padding: 4px;
										background: #fff;
										border: 1px solid #e0c9a3; }
										
									ul#portfolioList li a:hover img.preview {
										padding: 4px;
										background: #eae1b9; }	
								
									ul#portfolioList li a img.logo { 
										position: absolute;
										top: 5px;
										left: 380px;
										z-index: 99; }
										
									ul#portfolioList li a p { 
										position: absolute;
										bottom: 10px;
										right: 5px;
										display: block; 
										width: 126px; 
										height: 35px;
										margin: 0;
										padding: 0 0 0 5px; 
										font-size: 12px;
										line-height: 33px;
										text-align: center;
										color: #b32017;
										background: url(../images/portfolioItem_btn_link_bg.jpg) top left no-repeat; }										
									
									body:first-of-type ul#portfolioList li a p { line-height: 35px; } /* SAFARI FIX */
									
									ul#portfolioList li a:hover p { color: #e47000; }
										
			
				
			/*** CONTENTWRAPPERBOTTOM STYLES ***/
			#contentWrapperBottom {
				display: block;
				width: 710px;
				height: 55px;
				margin: -36px 0 20px 0;
				background: url(../images/contentWrapper_bottom_bg.png) bottom left no-repeat; }
			
			#contentWrapperBottom.whatwedo,
			#contentWrapperBottom.services {
				width: 570px;			
				height: 85px;
				margin: 0;
				padding: 50px 70px 0 70px;
				color: #dccaa0;
				background: url(../images/contentWrapper_whatwedo_bottom_bg.png) bottom left no-repeat; }
				
			#contentWrapperBottom.services { 
				width: 580px; 
				padding: 50px 60px 0 70px;
				background: url(../images/contentWrapper_services_bottom_bg.png) bottom left no-repeat; }	
				
				#contentWrapperBottom.services a:link,
				#contentWrapperBottom.services a:visited { color: #ee8a1d; }	
				
				#contentWrapperBottom.whatwedo a:link,
				#contentWrapperBottom.whatwedo a:visited { 
					float: right; 
					display: block;
					width: 40px;
					height: 35px;
					margin: 20px 0 0 10px;
					background: url(../icons/icon_sidebar_twitter.png) top left no-repeat; }
				
				#contentWrapperBottom.whatwedo a:hover { background-position: bottom left; }
				
				#contentWrapperBottom h3 { 
					font-size: 16px;
					font-weight: normal;
					font-family: "Tahoma";
					color: #fad13d; }
				
			#contentWrapperBottom.twocolumn { 
				background: url(../images/contentWrapper_twocolumn_bottom_bg.png) bottom left no-repeat; }	
			
			
			/*** BLOGWRAPPERBOTTOM STYLES ***/
			div.blogWrapperBottom {
				display: block;
				width: 710px;
				height: 40px;
				margin: -26px 0 20px 0;
				background: url(../images/contentWrapper_bottom_bg.png) no-repeat; }
				
			div.blogWrapperTop {
				display: block;
				width: 710px;
				height: 10px;
				background: url(../images/header_bottom_bg.png) bottom left no-repeat; }	
			
			
		/*** SIDEBAR STYLES ***/
		#sidebar { 
			float: left;
			width: 247px; 
			min-height: 950px;
			padding: 0 11px 25px 12px; }
			
			
			/*** LOGO STYLES ***/
			a#logo { 
				display: block; 
				width: 247px; 
				height: 199px;
				margin: 20px 0 30px 0; 
				background: url(../images/logo_orangesprocket_large.png) no-repeat; }
			
			
			/*** NAV STYLES ***/
			#nav ul { margin: 0 5px 0 9px; }
			
				#nav ul li { }
			
					#nav ul li a:link, 
					#nav ul li a:visited {
						display: block;
						width: 224px;
						height: 30px;
						padding: 0 0 0 5px;
						font-family: "Tahoma", tahoma;
						font-size: 18px;
						font-weight: normal;
						line-height: 28px;
						text-transform: uppercase;
						color: #fff;
						opacity: 0.9999;
						background: url(../images/nav_item_bg.png) top left no-repeat; }
						
					#nav ul li a:hover,
					#nav ul li a:active,
					#nav ul li.here a,
					#nav ul li.expanded a {
						color: #ee8a1d; 
						text-decoration: none; }
						
						/*** SECOND LEVEL NAV ***/
						#nav ul li ul {
							display: none;
							width: 213px; 
							margin: 0 5px 5px 0;
							padding: 0 8px 10px 8px;
							background: url(../images/nav_item_simple_bg.png) bottom left repeat-y; }
						
							#nav ul li ul li {
								margin: 0 0 3px 0;
								padding: 0 0 4px 0; 
								border-bottom: 1px solid #142401; }
							
							#nav ul li ul li.last { 
								margin: 0;
								padding: 0;
								border-bottom: none; }
							
								#nav ul li ul li a:link,
								#nav ul li ul li a:visited {
									height: auto;
									padding: 0 0 0 5px;
									font-family: "Tahoma", tahoma;
									font-size: 12px;
									font-weight: normal;
									line-height: 18px;
									text-transform: none;
									color: #fff;
									background: none !important; }
								
								#nav ul li ul li a:hover,
								#nav ul li ul li a:active,
								#nav ul li ul li.here a,
								#nav ul li.expanded ul li a:hover { text-decoration: underline; }
						
			
			/*** WIDGET STYLES ***/
			#sidebar div.widget,
			#sidebar div.sortable {
				display: block;
				width: 224px; 
				margin: 0 9px 15px 11px;
				color: #fbf4d8; }
				
				#sidebar h3 {
					display: block;
					width: 212px;
					height: 22px;
					margin: 0;
					padding: 8px 0 0 12px;
					font-size: 16px;
					font-weight: normal;
					cursor: move;
					opacity: 0.9999;
					color: #ee8a1d;
					background: url(../images/widget_top_bg.png) top left no-repeat; }
				
				#sidebar blockquote,
				#sidebar div.widget ul {
					width: 204px;
					margin: 0;
					padding: 5px 10px 15px 10px;
					background: url(../images/widget_bg.png) bottom left no-repeat; }
				
					#sidebar div.widget ul li {
						margin: 0;
						padding: 0;
						background: url(../images/bullet_white.jpg) 3px 11px no-repeat; }			
					
					#sidebar div.widget a:link,
					#sidebar div.widget a:visited { 
						display: block;
						padding: 5px 5px 5px 13px;
						font-size: 12px;
						color: #eff4d8;
						background: url(../images/nav_item_bg.png) top left repeat-x;
						border-bottom: 1px solid #203103; }
					
					#sidebar div.widget a:hover { text-decoration: none; }
					
					#sidebar div.widget ul li.last a { border-bottom: none; }						
			
			
			#sidebar .helper { 
				display: block;
				width: 222px;
				min-height: 50px;
				margin: 0 11px 15px 11px;
				border: 1px dashed #2f4808; }
			
			
			/*** TAGS STYLES ***/
			#tags { text-align: center; }
				
				#tags h3 { text-align: left; }
				
				#tags a:link,
				#tags a:visited { 
					display: inline !important;
					margin: 0 5px;
					padding: 0 !important;
					background: none !important;
					border: none !important; }
			
			
			/*** RECENTCOMMENTS STYLES ***/
			#recentcomments {}
			
				#recentcomments li a { 
					line-height: 15px; }
				
					
			/*** NEWSLETTER STYLES ***/
			form#newsletter { margin: 0 0 30px 0; }
									
				form#newsletter ol {}
					
					form#newsletter ol li {}
					
						form#newsletter ol li label { 
							display: block;
							margin: 0;
							line-height: 10px;
							text-transform: uppercase;
							color: #888; }
						
						form#newsletter ol li input {
							float: left;
							width: 130px;
							height: 13px;
							padding: 7px 5px 7px 5px;
							color: #333;
							background: url(../images/newsletter_input_bg.jpg) bottom left repeat-x #fff; 
							border: 2px solid #222; }
						
						form#newsletter ol li button {
							float: left;
							width: 69px;
							height: 27px;
							margin: 2px 0 0 10px;
							font-size: 12px;
							line-height: 25px;
							cursor: pointer;
							outline: none;
							color: #b32017;
							background: url(../images/btn_send_bg.png) top left no-repeat;
							border: none; }
					

			/*** SOCIAL STYLES ***/
			#social { 
				display: block;
				height: 22px;
				margin: 30px 0 40px 2px; }
				
				#social ul li { 
					float: left; 
					margin: 0 10px; }
				
					#social ul li a:link,
					#social ul li a:visited { 
						display: block;
						width: 21px; 
						height: 21px;
						text-indent: -9999px; }
						
					#social ul li a.twitter { background: url(../icons/socialicon_twitter.png) no-repeat; }
					#social ul li a.facebook { background: url(../icons/socialicon_facebook.png) no-repeat; }
					#social ul li a.linkedin { background: url(../icons/socialicon_linkedin.png) no-repeat; }
					#social ul li a.youtube { width: 51px;  background: url(../icons/socialicon_youtube.png) no-repeat; }
					#social ul li a.rss { background: url(../icons/socialicon_rss.png) no-repeat; }					
					
					#social ul li a:hover { background-position: bottom left; }
						
			
			/*** TWITTER STYLES ***/
			#twitter {
				position: relative;
				width: 224px; 
				margin: 0 9px 15px 11px;
				color: #fbf4d8; }
				
				#twitter span.loader { 
					position: absolute;
					top: 10px;
					right: 10px;
					display: block;
					width: 16px;
					height: 16px;
					background: url(../images/twitter_loader.gif) no-repeat #213503; }
				
				#twitter ul {
					width: 204px;
					margin: 0;
					padding: 5px 10px 15px 10px;
					background: url(../images/widget_bg.png) bottom left no-repeat; }
					
				#twitter ul li { 
					display: block;
					min-height: 37px;
					padding: 5px;
					font-size: 11px;
					color: #eff4d8;
					border-top: 1px solid #203103; }
				
				#twitter ul li.first { 
					border-top: none; }
					
				#twitter ul li a:link,
				#twitter ul li a:visited { color: #e7d9aa; }
					
				#twitter .tweet_even { }
					
				#twitter .tweet_avatar {
					margin-right: 10px;
					float: left; }
					
					#twitter .tweet_avatar img {
						vertical-align: middle;
						padding: 1px;
						background: #fff;
						border: 1px solid #203103; }
				
				#twitter .tweet_text { 
					float: left; 
					width: 140px; }
								
				
			/*** FRESHPOSTS STYLES ***/
			#freshPosts {}
			
			
			/*** FLICKR STYLES ***/
			#flickr {}
			
				#sidebar #flickr ul {}
				
					#sidebar #flickr ul li { 
						float: left; 
						margin: 5px; 
						padding: 0; 
						background: none; }
					
						#sidebar #flickr ul li a:link,
						#sidebar #flickr ul li a:visited { 
							margin: 0;
							padding: 0; 
							background: none; 
							border: none; }
					
							#sidebar #flickr ul li img { 
								width: 54px;
								padding: 1px;
								background: #fff; 
								border: 1px solid #203103; }
			
			

/*** FOOTERWRAPPER STYLES ***/
#footerWrapper { 
	display: block;
	width: 100%;
	background: url(../images/footerWrapper_bg.jpg) top left repeat-x #000; }

	
	/*** FOOTER STYLES ***/
	#footer { 
		display: block; 
		width: 960px;
		min-height: 200px;
		margin: 0 auto; 
		padding: 0 7px 0 20px;
		font-family: "Arial", arial, sans-serif;
		font-size: 10px;
		text-align: left;
		color: #ccc;
		background: url(../images/footer_bg.jpg) top left no-repeat; }

		
		/*** FOOTERAD STYLES ***/
		#footerAd { 
			float: right; 
			width: 230px; 
			margin: 46px 15px 0 0;
			font-size: 12px;
			color: #888; }
			
			#footerAd h3 { 
				font-size: 14px;
				text-transform: uppercase;
				color: #888; }			
		
		
		/*** FOOTERNAV STYLES ***/
		#footerNav {
			float: left;
			margin: 0 0 0 -5px;
			padding: 40px 0 25px 0; 
			list-style: none; }
		
			#footerNav ul li { 
				float: left; 
				margin: 0 40px 0 0;
				height: 20px; }
			
				#footerNav ul li a:link,
				#footerNav ul li a:visited {
					float: left;
					display: block;
					height: 20px; }
					
				#footerNav ul li a span {
					display: block;
					float: left;
					height: 20px;
					padding: 0 5px;
					font-family: "Tahoma", tahoma;
					font-size: 13px;
					font-weight: normal;
					line-height: 18px;
					text-transform: uppercase;
					color: #888;
					opacity: 0.9999; }
						
				#footerNav ul li.here a:link,
				#footerNav ul li.here a:visited,
				#footerNav ul li a:hover { 
					text-decoration: none;
					color: #939855;
					background: url(../images/footerNav_item_bg.jpg) top left no-repeat; }
					
					#footerNav ul li.here a:link span,
					#footerNav ul li.here a:visited span,
					#footerNav ul li a:hover span {
						color: #939855;
						background: url(../images/footerNav_item_right_bg.jpg) top right no-repeat; }
						
						
					
					
	
		
		/*** BLOCKQUOTE STYLES ***/
		#footer blockquote { 
			float: left; 
			margin: 0 60px 0 0; 
			line-height: 18px; }
		
		#footer blockquote a:link,
		#footer blockquote a:visited { color: #ccc; }
			
		#footer blockquote a#footer_twitter,
		#footer blockquote a#footer_facebook,
		#footer blockquote a#footer_youtube { 
			display: block; 
			height: 13px;
			margin: 0 0 -12px 0;
			padding: 0 0 7px 25px;
			line-height: 14px;
			color: #ccc;
			background: url(../icons/socialicon_twitter_small.png) no-repeat; }	
		
		#footer blockquote a#footer_facebook { 
			background: url(../icons/socialicon_facebook_small.png) no-repeat; }
		
		#footer blockquote a#footer_youtube {
			line-height: 20px;
			background: url(../icons/socialicon_youtube_small.png) no-repeat; }
		
		#footer blockquote a#footer_twitter:hover,
		#footer blockquote a#footer_facebook:hover,
		#footer blockquote a#footer_youtube:hover { 
			text-decoration: none; }
		

		

/*** CLEARFIX ***/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; }

* html .clearfix { height: 1%; }