/* easy-clearing  */
.fix:after{content:".";display:block;height:0;clear:both;visibility: hidden;}/*for firefox,safari etc*/
* html .fix {height: 1%;}/*for ie*/


#headerInfo {position:absolute; top:0px; left:-1800px;}
#container {width:964px;margin:0 auto;padding-top:6px;}
h1#mainTitle {position:absolute; top:0px; left:50%; width:220px; height:68px;margin-left:-490px;}
	h1#mainTitle a{width:220px; height:68px;background:url(images/logo.png) no-repeat top left;text-indent:-999em;display:block;}
#nav {width:964px;margin:0 auto;height:70px;}
	#nav ul {margin:0;padding:0;float:right;width:640px;list-style:none;}
		#nav li {float:left;height:70px;}
		#nav li a:link, #nav li a:visited {font-size:.875em;color:#fff;text-decoration:none; display:block;padding:line-height:1em;padding:35px 20px 21px 20px;}
		#nav li a:hover {background: url(images/navOver.png) repeat-x top left;}

/*------------------ Home Header Section -----------------------*/		
#homeHeader, #featureHeader {margin:0 13px 10px 13px;height:385px;position:relative;}
#portfolioHeader {margin:0 13px 10px 13px;position:relative;}
	#homeFeatures {width:570px; float:left;height:385px;overflow:hidden;margin-right:20px;background:url(images/featureBg.jpg) no-repeat top left;;}
		.featureInfo {padding:5px 20px 0 15px;position:relative;height:50px;width:535px;}
			.featureInfo h2 {width:400px;float:left;}
			.featureInfo a.featureMore{float:left;clear:left;}
	.featureDetails {float:right;width:125px;height:35px;position:absolute; top:0;right:30px;text-align:right;margin-top:5px;}
		.featureDetails abbr {float:right;margin-left:3px; font-size:.585em;color:#676767;width:15px; text-align:center;padding:3px 1px 3px 1px;line-height:1em;;display:block;background:url(images/abbr.png) no-repeat top left;cursor: default;margin-top:3px;}
		.featureDetails h3 {color:#37b330;font-size:.825em;float:right;text-align:right;padding-right:6px;line-height:1.2em;margin-bottom:6px;margin-top:3px;}
		.featureDetails a.typeMore {clear:both;text-align:right;display:block;}	

#homeBlurb, #innerFeatureText, #mainPortfolio {width:325px;float:right;padding-top:20px;margin-right:23px;display:inline;}
#innerFeatureText {height:300px;margin-bottom:11px;}


	#homeContact {width:135px;float:left;font-size:.75em;color:#ffd9f5;line-height:1.25em;margin-top:7px;}
		#homeContact .fn, #homeContact .org {display:none;}
		#homeContact .email {margin-bottom:3px;display:block;}
		#homeContact .adr {margin-bottom:3px;}
		#homeContact a:link, #homeContact a:visited {color:#ffd9f5;text-decoration:none;}
		#homeContact a:hover {text-decoration:underline;}
		#homeBlurb #homeContact h2 {text-indent:-999em;height:29px; background:url(images/getInTouch.png) no-repeat top left;margin-bottom:0;position:relative;left:-8px;margin-bottom:2px;}
		#homeContact .tel {padding-bottom:5px;}
		a.hCardLink:link, a.hCardLink:visited {background:url(images/vCard.png) no-repeat center left;padding-left:25px;color:#ffd9f5;text-decoration:none;}
		a.hCardLink:hover {text-decoration:underline;}
		
	
	#homeWork {width:170px;float:right;padding-top:20px;}
		#homeWork a {width:162px;height:120px;background:url(images/checkOutWork.jpg) no-repeat top left;display:block;text-indent:-999em;}
		
	#homeSearch {float:right;padding-top:15px; width:286px;}
	#searchResults #homeSearch {padding-top:0;}
		#homeSearch input#s {display:block;padding:5px 0px 5px 8px;margin:0; border:0;background:url(images/searchBox.png) no-repeat top left;width:228px;margin-right:5px; float:left;font-size:1em;color:#26ab22;line-height:1em;}
		
#homePathways {clear:both;padding-top:15px;margin:0 13px 0 13px;width:938px;float:left;}
	#homePathways .pathway {width:232px; float:left; }
	#homePathways .pathway.simple {border-right:none;}
	
	
#homeSecondary {clear:both;margin:0 13px 5px 13px;width:938px;float:left;padding-top:20px;padding-bottom:30px;}
	#testimonial {width:320px; margin-right:50px;float:left;}
		#testimonial blockquote {margin-left:10px;padding:10px 0 0 7px;background:url(images/testimonialTop.png) no-repeat top left;}
			#testimonial blockquote p {padding:0 10px 0;color:#26ab22;font-size:1.125em;line-height:1.25em;background:url(images/testimonialBottom.png) no-repeat bottom right;margin-bottom:6px;}
			#testimonial cite {display:block;color:#396738;font-size:.875em;line-height:1em;padding-left:25px;margin-bottom:20px;}
			#testimonial a:link, #testimonial a:visited {font-size:.875em;color:ff3aca;text-decoration:none;margin-left:25px;display:block;}
			#testimonial a:hover {text-decoration:underline;}
			
			
	#homeNews {width:310px; float:left;padding-top:10px;}
		
	
	#homeCase {width:205px; float:right;padding-top:12px;}
	#singlePageSecondary #homeCase {padding-top:0;}

#footer1 {clear:both;padding-bottom:5px;}
#footer2 {height:120px;background:#000;}
	#footer2Padding {width:964px;margin:0 auto;padding-top:15px;}
		#footerAbout {width:476px;float:left; border-right:1px solid #1a1a1a;margin-right:30px;position:relative;}
		#footerAbout p.abn {position:absolute;top:10px; left:200px;color:#333;}
			
		
		#footerContact {width:200px;float:left;}
		
		#moreJordesign {width:242px;float:right;border-left:1px solid #1a1a1a;}
		
		
/* ------------- Inner Portfolio pages -------------- */
#innerFeatureImage {width:563px;background:url(images/featureFrame.png) no-repeat 0 -1px;float:left;}
	#innerFeatureImage img {margin:13px 5px 13px 13px;}
	
#innerFeatureItem {position:absolute;left:570px;bottom:60px;width:360px;}
	#innerFeatureItem h3 {padding-left:18px;background:url(images/featureArrow.png) no-repeat 5px 6px;font-size:1.125em;margin-bottom:5px;}
		#innerFeatureItem a:link, #innerFeatureItem a:visited {color:#fff;text-decoration:none;}
		#innerFeatureItem a:hover {text-decoration:underline;}
		#innerFeatureItem h3 .date {color:#9fd29b;font-size:.66666em;}
	#innerFeatureItem p {padding: 0 15px 0 25px;}
	
	
#innerPortfolioList, #mainPortfolioList {clear:both;margin:0 13px;width:938px;float:left;padding-top:20px;} 
	.portfolioItem {width:312px;float:left;height:230px;}
	
		.portfolioItemThumb img {margin:8px;}
		
#mainPortfolioImage {width:563px;background:url(images/portfolioFeature.png) no-repeat 0 -1px;}
	#innerFeatureImage #slider {padding:12px 5px 0px 13px;position:relative;}
	#innerFeatureImage .scroll {width:537px; overflow:hidden !important;position:relative;}
	#innerFeatureImage .cover {position:absolute;top:13px;left:13px; width:537px; height:360px;background:url(images/scroll.png) no-repeat top left;z-index:30;}
	#featureHeader.single #innerFeatureImage img {margin:0;}
	#innerFeatureImage ul.navigation {list-style:none;padding:0;margin:10px 0 0 0;height:20px;}
		#innerFeatureImage .navigation li {float:left;margin-right:5px;}
		#featureHeader.single #innerFeatureImage a {width:15px;color:#f6f6f6;border:1px solid #d5d5d5;display:block;text-align:center;font-size:.7em;line-height:1em;padding:2px 0 3px 0;color:#acacac;text-decoration:none;}
		#featureHeader.single #innerFeatureImage a.selected {background:#26ab22;border:1px solid #26ab22;color:#fff;}
		
#portfolioCaseStudy {clear:both;margin:0 13px 0px 13px;width:938px;float:left;padding-top:20px;padding-bottom:10px;}
a#innerContact {float:left;display:block;margin-top:10px;width:73px;height:41px;background:url(images/getInTouchInner.png) no-repeat top left;text-indent:-999em;}
.static a#innerContact {margin-left:112px;display:inline;}

/*static Pages */
#singlePageText {height:300px;margin-bottom:11px;width:447px;float:right;margin-right:23px;padding-top:20px;}
#singlePageImage {height:385px;width:451px;float:left;}
#singlePageImage.id175, #singlePageImage.id515 {background:url(images/about.jpg) no-repeat top left;} /*About us */
#singlePageImage.id179 {background:url(images/design.jpg) no-repeat top left;} /*Design*/
#singlePageImage.id88, #singlePageImage.id146, #singlePageImage.id151 {background:url(images/contact.jpg) no-repeat top left;} /*Contact*/ 
#singlePageImage.news  {background:url(images/news.jpg) no-repeat top left;} /*News*/
#singlePageImage.lost  {background:url(images/404.jpg) no-repeat top left;} /*404*/

#singlePageSecondary {clear:both;margin:0 13px 0px 13px;width:938px;float:left;padding-top:20px;padding-bottom:10px;}
	#singlePageSecondaryContent {width:700px; float:left;}
	
	
/* contact Form */
.contactFormDetails label {display:none;}
.contactFormDetails input {margin:0 0 5px 0;padding:2px 5px; font-size:.875em; color:#26AB22;width:250px;}

.contactNoteBox {padding-top:10px;}
.contactNoteBox label {color:#fff;margin-bottom:3px;font-size:.875em;}
.contactNoteBox textarea {padding:5px 3px; font-family: Helvetica Neue, "Helvetica Neue", helvetica, arial verdana, sans-serif;font-size:.75em; width:420px;margin-bottom:10px;}

#homeContact.contactContact {position:absolute; top:5px; left:300px;}

/* Search Results */
#searchResults {margin:10px 23px 20px;}
	#searchResults h2{font-size:1.25em;margin-bottom:10px;color:#26AB22;}
	#searchResults h2 .search-terms {color:#AAAAAA;font-size:0.75em;padding-left:5px;}
	#searchResults .searchResult {margin-bottom:15px;}
		.searchResult h3 {font-size:1em;margin-bottom:0px;line-height: 1em;}
			.searchResult h3 a:link, .searchResult h3 a:visited {color:#F85FCF;text-decoration:none;}
			.searchResult h3 a:hover {text-decoration:underline;}
			.searchResult h3 .date {color:#AAAAAA;font-size:0.75em;padding-left:5px;}
			.searchResult p {font-size:.75em;line-height:1em;}
			.searchResult .more-link {font-size:.75em;}
			.searchResult .more-link a:link, .searchResult .more-link a:visited {color:#26AB22;text-decoration:none;}	
			.searchResult .more-link a:hover {text-decoration:underline;}
			
/*404 Page */
ul.lostList {font-size:.75em;color:#fff;}
	ul.lostList li {padding-bottom:5px;}
	ul.lostList a:link, ul.lostList a:visited {color:#fff;text-decoration:none;}
	ul.lostList a:hover {text-decoration:underline;}			
	
/* News Category page */
.newsItem {margin-bottom:15px;padding-left:10px;}

/*Feed Footer */
#footerFeed {clear:both;margin:0 13px;padding-bottom:15px;width:938px;background:#FFF7FD;padding-top:10px;}
#footerFeed p {margin-left:10px;font-size:.7em;color:#999;}
#footerFeed img {padding-right:10px; position:relative;top:2px;}
#footerFeed a:link, #footerFeed a:visited {color:#26AB22;text-decoration:none;}
#footerFeed a:hover {text-decoration:underline;}