@charset "UTF-8";
/* CSS Document */

/*----------Table of Contents -------
	
	1. global
	2. masthead
	3. top nav
	4. wrapper
	5. home
	6. secondary
	7. portfolio
	8. print portfolio
	9. profile
	10. contact
	11. login gateway page
	12. payment
	13. the book
	14. client resources
	15. sidebars
	16. font styles
	17. spacers
	18. footer
	

	
-----------------------------------*/




body {
	background-color: #e4c76c;
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 12px;
	line-height : 1.6;
	color : #000;
	}

p a:link, p a:visited, p a:active  {
	color: #80421c;
	text-decoration: none;
	border: 0;
	}

p a:hover {
	color:	#b84416;
	text-decoration: underline;
	border: 0;
	}

	
img {
	border: 0;
	padding: 0;
	display: block;
	text-decoration: none;
	}

.hide {
	display: none;
}

.inline {
	display: inline;
	}

.inline-ding {
	display: inline;
	margin-bottom: -2px;
	}
.inline-list {
	display: inline;
	margin: 15px 2px 0px 5px;
	}


h2 {
	margin: 0px 0px 3px 10px;
	padding: 0px 0 5px 0;
	}


/*-------------------------------------- MASTHEAD ---------------------------------------------*/

#top-border {
	width: 100%;
	background: #000000;
	height: 6px;
	margin: 0 !important;
	margin: -14px 0 0 0; /* For IE6 */
	padding: 0;
	border: none;
	}
	
#masthead-wrapper {
	width: 100%;
	background: #fff;
	margin: 0;
	padding: 0;
	}

#masthead {
	width: 900px !important;
	width: 950px;
	height: 152px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	vertical-align: top;
	
	}

#choose-mood {
	width: 300px;
	height: 20px;
	margin: 0px 5px 0 710px;
	padding: 0;
	vertical-align: top;
	}
	
#choose-mood img {
	display: inline;
	}
	
	
#logo {
	clear: both;
	float: left;
	background: url(../../images/global/orange/logo.gif) top left no-repeat;
	width: 206px;
	height: 100px;
	margin: 10px 0 0 8px !important;
	margin: 10px 0 0 25px;
	}
	#logo h1 {
		display: none;
		text-decoration: none;
		padding: 20px 0 15px 8px;
		margin: 0;
		font-size: 16px;
		}
		
	#logo p {
		font-size: 11px;
		margin: 80px 0 0 108px;
		padding: 0;
		}
	#logo a {
		color: #0f7b56;
		text-decoration: none;
		background-color: transparent;
		}
	#logo a:hover {
		color: #b73516;
		text-decoration: underline;
		font-style: italic;
		}

	
/*---------------------------------------- TOP NAV ----------------------------------------------*/

#MainNav-wrapper {
	float: right;
	width: 675px;
	height: 80px;
	margin: 28px 0px 0 0px;
	padding: 0;
	}

#MainNav {
	position: relative;
	width: 675px;
	height: 40px;
	margin: 0px 0px 0 15px;
	padding: 0;
	}

#MainNav ul {
	width: 675px;
	list-style: none;
	vertical-align: top;
	margin: 0;
	padding: 0;
	}
#MainNav li, #MainNav li a {
	font-size: 13px;
	letter-spacing: .08em;
	color: #333333;
	height: 55px;
	text-decoration: none;
	}
#MainNav li {
	float: left;
	margin: 0;
	padding: 0;
	}
#MainNav li a {
	display: block;
	}

#MainNav li.profile a {
	background: url(../../images/global/orange/nav/profile.gif) 0 0px no-repeat;
	width: 91px;
	height: 55px;
	padding: 28px 0px 18px 19px;
	margin: 0;
	}
#MainNav li.profile a:hover {
	background: url(../../images/global/orange/nav/profile_f2.gif) top left no-repeat;
	
	}
#MainNav li.profile-on a {
	background: url(../../images/global/orange/nav/profile_f2.gif) top left no-repeat;
	width: 91px;
	height: 55px;
	padding: 28px 0px 18px 19px;
	margin: 0;
	}

#MainNav li.services a {
	background: url(../../images/global/orange/nav/services.gif) 0 0 no-repeat;
	width: 101px;
	height: 55px;
	padding: 28px 0px 18px 18px;
	margin: 0 0 0 0px;
	
	}
#MainNav li.services a:hover {
	background: url(../../images/global/orange/nav/services_f2.gif) 0 0 no-repeat;
	}

#MainNav li.services-on a {
	background: url(../../images/global/orange/nav/services_f2.gif) top left no-repeat;
	width: 101px;
	height: 55px;
	padding: 28px 0px 18px 18px;
	margin: 0 0 0 0px;
	}
	
#MainNav li.portfolio a {
	background: url(../../images/global/orange/nav/portfolio.gif) top left no-repeat;
	width: 111px;
	height: 55px;
	padding: 28px 0px 18px 18px;
	margin: 0 0 0 0px;
	}
#MainNav li.portfolio a:hover {
	background: url(../../images/global/orange/nav/portfolio_f2.gif) top left no-repeat;
	background-color: transparent;
	}

#MainNav li.portfolio-on a {
	background: url(../../images/global/orange/nav/portfolio_f2.gif) top left no-repeat;
	width: 111px;
	height: 55px;
	padding: 28px 0px 18px 18px;
	margin: 0 0 0 0px;
	}

#MainNav li.contact a {
	background: url(../../images/global/orange/nav/contact.gif) top left no-repeat;
	width: 99px;
	height: 55px;
	padding: 28px 0px 18px 18px;
	margin: 0 0 0 0px;
	}
#MainNav li.contact a:hover {
	background: url(../../images/global/orange/nav/contact_f2.gif) top left no-repeat;
	}

#MainNav li.contact-on a {
	background: url(../../images/global/orange/nav/contact_f2.gif) top left no-repeat;
	width: 99px;
	height: 55px;
	padding: 28px 0px 18px 18px;
	margin: 0 0 0 0px;
	}
	
#MainNav li.blogNav a {
	background: url(../../images/global/orange/nav/blog-nav.gif) -1px 0 no-repeat;
	width: 69px;
	height: 55px;
	padding: 28px 0px 18px 19px;
	margin: 0 0 0 0px;
	}
#MainNav li.blogNav a:hover {
	background: url(../../images/global/orange/nav/blog-nav_f2.gif) -1px 0 no-repeat;
	}

#MainNav li.blogNav-on a {
	background: url(../../images/global/orange/nav/blog-nav_f2.gif) -1px 0 no-repeat;
	width: 69px;
	height: 55px;
	padding: 28px 0px 18px 19px;
	margin: 0 0 0 0px;
	}
	

#MainNav li.client a {
	background: url(../../images/global/orange/nav/client-login.gif) 6px 0 no-repeat;
	width: 79px;
	height: 55px;
	font-size: 12px;
	letter-spacing: 0;
	padding: 28px 0px 18px 10px;
	margin: 0 0 0 0px;
	}
#MainNav li.client a:hover {
	background: url(../../images/global/orange/nav/client-login_f2.gif) 6px 0  no-repeat;
	}

#MainNav li.client-on a {
	background: url(../../images/global/orange/nav/client-login_f2.gif) 6px 0  no-repeat;
	width: 79px;
	height: 55px;
	font-size: 12px;
	letter-spacing: 0;
	padding: 28px 0px 18px 10px;
	margin: 0 0 0 0px;
	}



#hover-text {
	position: relative;
	width: 535px;
	height: 35px;
	margin: -4px 20px 0 15px !important;
	margin: -65px 20px 0 15px;
	padding: 0;
	}


	
	

/*------------------------- WRAPPER -----------------------------*/

#wrapper {
	background: url(../../images/global/orange/wrapper-background.jpg) top left repeat-x #e4c76c;
	width: 100%;
	clear: both;
	margin: 0;
	padding: 0 0 50px 0;
	}


/* following allows container to wrap around floats */
#wrapper:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; 
	}
	
	  



/*------------------------ HOME ----------------------------*/

#home-banner {
	width: 900px;
	height: 215px;
	margin: 0 auto;
	padding: 0;
	background: url(../../images/home/orange/home-banner.jpg) top left no-repeat;
	}
	
#home-banner a:link, #home-banner a:visited, #home-banner a:active {
	color: #fff;
	background-color: transparent;
	}
#home-banner a:hover {
	color: #160c02;
	text-decoration: none;
	}

	
	#flash {
		float: left;
		width: 276px;
		height: 200px;
		margin: 1px 0 0 19px !important;
		margin: 1px 0 0 10px;
		padding: 0;
	}

		
	#screenshot {
		float: left;
		width: 297px;
		margin: 20px 0 0 6px;
		text-align: left;
		}
		
	#launches {
		float: left;
		width: 266px;
		padding: 5px;
		margin: 67px 0 0 0px;
		}
	#launches h1 {
		display:none;
		}
	#launches p {
		font-size: 14px;
		font-weight: normal;
		line-height: 1.7;
		text-align: left;
		margin: 0 48px 0 3px;
		padding: 0;
		}	


#home-content-wrapper {
	clear: both;
	width: 900px;
	position: relative;
	margin: 0 auto;
	padding: 20px 0 0 0;
	background: url(../../images/home/orange/home-content-top-v2.gif) top left no-repeat;
	}

#home-content {
	width: 859px;
	height: 795px;
	position: relative;
	margin: 0 auto;
	padding: 25px 0 120px 0 !important;
	padding: 25px 0 40px 0;
	background: #AB8242;
	text-align: left;
	}

#highlights {
	width: 197px;
	background: url(../../images/home/orange/highlights/highlights-header-v2.gif) top left no-repeat;
	height: 318px;
	position: relative;
	float: left;
	margin: -8px 10px 0px 19px !important;
	margin: -8px 10px 0px 10px;
	padding: 38px 0 0 0;
	}
	
.highlights-wrapper-1 a,  highlights-wrapper-1 a:visited{
	display: block;
	width: 197px;
	height: 54px;
	background: url(../../images/home/orange/highlights/hl-learn.gif) top left no-repeat;
	color: #014c38;
	font-size: 12px;
	line-height: 16px;
	margin: 0;
	padding: 11px 0px 0px 18px;
	text-decoration: none;
	}
.highlights-wrapper-1 a:hover {
	background: url(../../images/home/orange/highlights/hl-learn_f2.gif) top left no-repeat;
	color: #080808;
	text-decoration: none;
	}
	
.highlights-wrapper-2 a,  highlights-wrapper-2 a:visited{
	display: block;
	width: 197px;
	height: 59px;
	background: url(../../images/home/orange/highlights/hl-meet.gif) top left no-repeat;
	color: #3D4A48;
	font-size: 12px;
	line-height: 16px;
	padding: 12px 0px 0px 18px;
	margin: -11px 0 0 0;
	text-decoration: none;
	}
.highlights-wrapper-2 a:hover {
	background: url(../../images/home/orange/highlights/hl-meet_f2.gif) top left no-repeat;
	color: #080808;
	text-decoration: none;
	}
	
.highlights-wrapper-3 a,  highlights-wrapper-3 a:visited{
	display: block;
	width: 197px;
	height: 55px;
	background: url(../../images/home/orange/highlights/hl-find.gif) top left no-repeat;
	color: #014c38;
	font-size: 12px;
	line-height: 16px;
	padding: 10px 0px 0px 18px;
	margin: -12px 0 0 0;
	text-decoration: none;
	}
.highlights-wrapper-3 a:hover {
	background: url(../../images/home/orange/highlights/hl-find_f2.gif) top left no-repeat;
	color: #080808;
	text-decoration: none;
	}
	
.highlights-wrapper-4 a,  highlights-wrapper-4 a:visited{
	display: block;
	width: 197px;
	height: 42px;
	background: url(../../images/home/orange/highlights/hl-browse.gif) top left no-repeat;
	color: #3D4A48;
	font-size: 12px;
	line-height: 16px;
	padding: 10px 0px 0px 18px;
	margin: -11px 0 0 0;
	text-decoration: none;
	}
.highlights-wrapper-4 a:hover {
	background: url(../../images/home/orange/highlights/hl-browse_f2.gif) top left no-repeat;
	color: #080808;
	text-decoration: none;
	}

.highlights-wrapper-5 a,  highlights-wrapper-5 a:visited{
	display: block;
	width: 197px;
	height: 69px;
	background: url(../../images/home/orange/highlights/hl-design.gif) top left no-repeat;
	color: #014c38;
	font-size: 12px;
	line-height: 16px;
	padding: 10px 0px 0px 18px;
	margin: -11px 0 0 0;
	text-decoration: none;
	}
.highlights-wrapper-5 a:hover {
	background: url(../../images/home/orange/highlights/hl-design_f2.gif) top left no-repeat;
	color: #930638;
	text-decoration: none;
	}









/*----------------- H O M E  R E V A M P --------------*/




#primary-box {
	width: 600px;
	position: relative;
	float: left;
	margin: -8px 10px 0px 15px !important;
	margin: -8px 10px 0px 0px;
	padding: 0;
	background: #f5f1dc;
	border-top: 6px solid #D2B864;
	text-align: left;
	}
	#primary-box p {
		margin: 3px 0 1px 0;
		padding: 3px 0 0 0;
		color: #4d5456;
		font-size: 11px;
		}
	
	#primary-box p a:hover {
		background: #fff;
		text-decoration: none;
		}

#primary-box-bottom {
		clear: both;
		background: url(../../images/home/orange/case-corners-v2.gif) 0 0 no-repeat;
		width: 600px;
		height: 12px;
		margin: 0 0 0 0;
		padding: 0px 0 0 0;
		}

#primary-left-col {
	width: 200px;
	float: left;
	position: relative;
	margin: 0 0 0px 23px;
	padding: 0px 0px 0 0;
	}

#connect {
	background: url(../../images/home/orange/connect.gif) 0 0px no-repeat;
	width: 180px;
	position: relative;
	padding: 44px 0 0 0;
	margin: 0 0 0px 0px;
	}

#connect img:hover {	
	
	text-decoration: none;
	}	


#book-biz {
		background: url(../../images/home/orange/book-biz.gif) 0px 0 no-repeat;
		width: 180px;
		position: relative;
		margin: 18px 0px 0px 0px;
		padding: 40px 0px 0 0px;
		}
	
#book-biz p {
	font-size: 12px;
	line-height: 1.7;
	color: #715b47;
	}
*+html #book-biz {
	margin: 6px 0px 0px 0px;
	}	

#blog-call {
		width: 340px;
		background: url(../../images/home/orange/blog-v2.gif) 0 0px no-repeat;
		float: right;
		position: relative;
		margin: 0 0 5px 0px;
		padding: 40px 0px 0 1px;
		}
		#blog-call p {
		font-size: 13px;
		margin: 0;
		padding: 0px 25px 4px 1px;
		line-height: 1.8;
	
		}
	#blog-call p .blogTitle {
		font-size: 20px;
		line-height: 1.6;
		font-weight: normal;
		}
	#blog-call p .date {
		font-size: 13px;
		color: #7D5D36;
		line-height: .8;
		margin: -8px 0 6px 0;
		font-weight: normal;
		}
		

	
	

#secondary-box {
	clear: both;
	width: 820px;
	background: url(../../images/home/orange/long-sep-back-v2.gif) -1px 0 no-repeat #f5f1dc;
	position: relative;
	top: -12px !important;
	top: -5px;
	margin: 0px 10px 0px 20px;
	padding: 31px 0 0 0;
	}
	#secondary-box p {
		margin: 14px 0 0px 0 !important;
		margin: 25px 0 5px 0;
		padding: 3px 0 0 0;
		line-height: 1.7;
		color: #4d5456;
		font-size: 11px;
		}
	#secondary-box p a:hover {
		background: #fff;
		text-decoration: none;
		}
	
	#secondary-box-bottom {
		clear: both;
		background: url(../../images/home/orange/secondary-corners.gif) top right no-repeat;
		width: 820px;
		height: 12px;
		margin: 0 0 0 0;
		padding: 0px 0 0 0;
		}
#secondary-box p .case {
		margin: 3px 0 1px 0;
		padding: 3px 0 0 0;
		line-height: 1.4;
		color: #4d5456;
		font-size: 11px;
		}


#sticky {
		background: url(../../images/home/orange/sticky-v2.gif) 10px 8px no-repeat;
		width: 170px;
		float: left;
		position: relative;
		margin: 0 7px 5px 7px !important;
		padding: 57px 5px 0 10px !important;
		padding: 48px 5px 0 5px;
		}
	#sticky p {
		font-size: 12px;
		line-height: 1.8;
		color: #6f6f6f;
		}
		

#book {
		background: url(../../images/home/orange/book-v2.gif) 0 3px no-repeat;
		width: 190px !important;
		float: left;
		position: relative;
		margin: 2px 7px 3px 35px;
		padding: 17px 0px 0 0;
		}
	#book p {
		font-size: 12px;
		margin: 14px 0px 0 0;
		padding: 0 8px 0 0;
		line-height: 1.8;
		color: #6f6f6f;
		}
*+html #book {
	padding: 25px 0 0 0;
	}


#testimonial-hm {
		width: 145px;
		height: 275px;
		background: url(../../images/home/orange/testimonial-hm.gif) 6px 1px no-repeat;
		float: left;
		margin: 0px 0px 0px 30px;
		padding: 0;
		position: relative;
		}
		#testimonial-hm p {
			font-size: 10px;
			font-weight: normal;
			color: #aeaa6a;
			margin: 0px 0 15px 24px;
			padding: 236px 0 0 18px;
			line-height: 11px;
			}
		
		
	
	#caseStudy {
		background: url(../../images/home/orange/case-study2.gif) 0 3px no-repeat;
		width: 160px;
		float: right;
		position: relative;
		margin: 0 10px 0px 7px;
		padding: 3px 6px 0 0;
		}
		#caseStudy p {
			font-size: 11px;
			margin: 3px 0 6px 0;
			padding: 10px 8px 4px 0;
			line-height: 1.8;
			color: #6f6f6f;
			}
*+html #caseStudy {
	padding: 25px 0 0 0;
	}
	
	

.tweet-wrapper {
	clear: both;
	width: 820px;
	height: 108px;
	position: relative;
	background: #f5f1dc;
	border-top: 6px solid #D2B864;
	margin: 15px 0 15px 20px;
	}

ul#tweet-graphic {
	float: left;
	width: 243px;
	height: 100px;
	margin: 28px 0 0 10px;
	padding: 0;
	background: url(../../images/home/orange/tweet-you.gif) 0 0px no-repeat;
	} 
	ul#tweet-graphic li {
	list-style: none;
	padding: 29px 28px 6px 70px;
	margin: 0px 0 0 0;
	color: #818181;
	font-size: 14px; 
	}
	ul#tweet-graphic li a {
	color: #818181;
	font-size: 14px;
	text-decoration: none; 
	}
	ul#tweet-graphic li a:hover {
	text-decoration: none;
	color: #8c1176; 
	}

ul#twitter_update_list {
	float:right;
	width: 553px;
	height: 78px;
	background: url(../../images/home/orange/tweet-feed.gif) 0 0;
	margin: 13px 12px 0 0;
	padding: 0;
	}
	ul#twitter_update_list li {
		list-style: none;
		color: #505050;
		line-height: 1.6;
		font-size: 13px;
		margin: 9px 39px 0 55px;
		padding: 0;
		}
		ul#twitter_update_list li a:link {
		text-decoration: none;
		color: #8c1176;
		}
		ul#twitter_update_list li a:hover {
		text-decoration: underline;
		color: #8c1176;
		}
	

/*---- THIS IS THE NEW TWITTER CODE JS STYLE - COPY AND PASTE THESE STYLES INTO OTHER STYLESHEETS----*/	
.tweet,
.query {
	color: #505050;
	font-size: 13px;
}


	.tweet_list {
		float:right;
		width: 553px;
		height: 78px;
		background: url(../../images/home/orange/tweet-feed.gif) 0 0;
		margin: 13px 12px 0 0;
		padding: 0;
	}
	
		.tweet_list .awesome,
		.tweet_list .epic {
			text-transform: uppercase;
		}
		
		.tweet_list li {
			overflow-y: auto;
			overflow-x: hidden;
			padding: 0.5em;
			list-style: none;
			color: #505050;
			line-height: 1.6;
			font-size: 13px;
			margin: 9px 39px 0 55px;
			padding: 0;
		}
		
			.tweet_list li a {
				text-decoration: none;
				color: #8c1176;
			}
		
		
		.tweet_list .tweet_avatar {
			padding-right: 1.1em; float: left;
		}
		
			.tweet_list .tweet_avatar img {
				vertical-align: middle;
			}
			
/*----STYLE THIS NEXT-----*/	
			
			

.tweet h1 {
  font-size: 240%;
  margin-bottom: -.5em; }
.tweet h2, .tweet h2 p, .tweet h2 ul, .tweet h2 code {
  margin-bottom: 1em; }
.tweet h2 a {
  color: #000; }
.tweet h3 {
  font-size: 140%;
  margin-bottom: .4em; }
.tweet code {
  margin-left: 1em;}
.tweet code, .tweet .code, .tweet .example {
  background-color: #0C717A;
  color: #fff;
  font-size: 85%;
  font-family: courier, monospace; }
  .tweet code a, .tweet .code a {
    color: #fff; }
.tweet .copyright {
  font-size: 75%;
  margin-top: 8em; }
  .tweet .copyright span {
    color: #8ADEE2; }
.tweet .download h4 {
  font-size: 120%;
  margin-top: -.5em;
  color: #8ADEE2; }
.tweet .twoot {
  padding-top: 3em; }
.show-code {
	display: none;
	}

			
/*--- NEW TWITTER CODE JS STYLE ENDS ---- */	




/*----------------------------------------- SECONDARY ----------------------------------------------*/
#content-wrapper {
	clear: both;
	width: 859px;
	top: 5px;
	position: relative;
	margin: 0 auto;
	padding: 0 0 30px 0;
	background: url(../../images/global/orange/secondary-back.jpg) top left no-repeat #C3994C;
	text-align: left;
	}
#content-wrapper:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; 
	}
	
	  
#content {
	background: #f5efdd;
	width: 810px;
	position: relative;
	margin: 0px 0 0 20px;
	border-top: 4px solid #6c1a03;
	border-bottom: 4px solid #6c1a03; 
	padding: 0px 0 0 15px;
	top: 20px;
	}
#content p {
	margin: 0px 150px 3px 15px;
	padding: 0px 0 8px 0;
	text-decoration: none;
	}
	#content:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; 
	}
	


/*----------------------------------------- PORTFOLIO styles ----------------------------------------------*/

#portfolio {
	margin: 0px 19px 0px 20px;
	padding: 0;
	}
	
	#portfolio h2 {
		padding: 20px 25px 15px 15px;
		margin: 0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: normal;
		color: #FFFFFF;
		letter-spacing: 3px;
		text-transform: uppercase;
		background-color: transparent; /*-- for silly W3C warnings --*/
		}
	
	#portfolio img {
		margin: 0 10px 30px 10px;
		display: inline;
		}
		
	#portfolio a:link img, #portfolio a:visited img {
		border: 5px solid transparent !important;
		border: 5px solid #81863F;
		}
		
		
		
	#portfolio a:hover img, #portfolio a:active img {
		border: 5px solid #e4dfbb !important;
		}


#portfolio-topnav {
	float: right;
	font-size: 12px;
	color: #fafbf5; /*-- not fff for silly W3C --*/
	}	
		
	#portfolio-topnav p {
		line-height: 1.75;
		}
	
	#portfolio-topnav a:link, #portfolio-topnav a:visited, #portfolio-topnav a:active  {
		color: #fff;
		background-color: #c5a244;
		text-decoration: none;
		padding: 2px 4px 2px 4px;
		border: 0;
		}
	
	#portfolio-topnav a:hover {
		color:	#465f97;
		background-color: #f8edc8;
		text-decoration: none;
		padding: 2px 4px 2px 4px;
		border: 0;
		}		
	
	
#endnav {
	margin: 0px 19px 30px 0px;
	}	
		
	#endnav p {
		line-height: 1.75;
		}
	
	#endnav a:link, #endnav a:visited, #endnav a:active  {
		color: #5b330a;
		background-color: #e7d28c;
		text-decoration: none;
		padding: 2px 4px 2px 4px;
		border: 0;
		}
	
	#endnav a:hover {
		color:	#465f97;
		background-color: #f8edc8;
		text-decoration: none;
		padding: 2px 4px 2px 4px;
		border: 0;
		}

/*---------------------------------- PRINT PORTFOLIO  ----------------------------------------*/

#print-portfolio {
	margin: 0px 19px 0px 20px;
}

#print-portfolio h2 {
	padding: 20px 25px 5px 15px;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #FFFFFF;
	letter-spacing: 3px;
	text-transform: uppercase;
	background-color: transparent; /*-- for silly W3C warnings --*/
	}

#print-portfolio img {
	display: inline;
	}
	
#print-portfolio .subheader {
	padding: 20px 25px 5px 15px;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 2px;
	text-transform: uppercase;
	background-color: transparent; /*-- for silly W3C warnings --*/
	}
	
#print-portfolio .subheader2 {
	padding: 20px 25px 5px 15px;
	margin: 0;
	font-size: 15px;
	color: #FFFFFF;
	letter-spacing: 2px;
	text-transform: uppercase;
	background-color: transparent; /*-- for silly W3C warnings --*/
	}

.bookmark-right {
	margin: 0px 110px 0px 0px;
	}

.bookmark-right2 {
	margin: 0px 65px 0px 0px;
	}
	
.bookmark-left {
	margin: 0px 10px 10px 70px;
	}
	
.bookmark-left2 {
	margin: 0px 10px 10px 85px;
	}
	
.bookmark-left3 {
	margin: 0px 10px 10px 110px;
	}
	
	
.bookmark-bottom {
	margin: 15px 15px 15px 25px;
	}
	
.bookplate {
	margin: 0px 20px 60px 40px;
	}
	
.bookmark-horizontal-top {
	margin: 50px 5px 5px 170px;
	}
.bookmark-horizontal-bottom {
	margin: 5px 5px 20px 170px;
	}
	
.print-bkmks {
	float: left;
    margin: 0 0 50px;
    text-align: center;
    width: 160px;
	}
	
.print-bizcards {
	float: left;
    margin: 0 0 50px;
    text-align: center;
    width: 400px;
	}
	
	

	
/*----------------------------------------- PROFILE ----------------------------------------------*/

#profile {
	width: 810px;
	position: relative;
	margin: 0px 0 0 20px;
	padding: 0px 0 10px 8px;
	top: 20px;
	background: #f5f0dd;
	border-top: 4px solid #6c1a03;
	}
	#profile:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; 
	}

#studio, #team, #faq-wrapper, #site, #jobs {
	width: 810px;
	position: relative;
	margin: 0px 0 0 20px;
	padding: 0px 0 10px 8px;
	top: 20px;
	border-top: 4px solid #6c1a03;
	}
	#studio:after, #team:after, #faq-wrapper:after, #jobs:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; 
	}
	
#studio h2, #team h2, #faq-wrapper h2, #jobs h2 {
	display: none;
	}

#studio {
	background: url(../../images/profile/orange/studio-header.gif) 13px 0 no-repeat #f5f0dd;
	}
#team {
	background: url(../../images/profile/orange/meet-team-header.gif) 13px 0 no-repeat #f5f0dd;
	}
#faq-wrapper {
	background: url(../../images/profile/orange/faq-header.gif) 13px 0 no-repeat #f5f0dd;
	}
#jobs {
	background: url(../../images/profile/orange/jobs-header.jpg) 13px 0 no-repeat #f5f0dd;
	}


#profile-content {
	width: 558px;
	background-color:#FFFFFF;
	color: #3D4A48;
	padding: 5px;
	margin: 60px 0 15px 7px;
	}
	#profile-content p {
		margin: 5px 0 3px 0;
		padding: 4px 20px 12px 6px !important;
		padding: 10px 20px 12px 6px;
		line-height: 2.0;
		color: #3D4A48;
		}
	#profile-content a:hover {
		background-color: #e6e6cf;
		text-decoration: none;
		}

#profile-content ul {
	margin: -10px 0 4px 6px;
	padding: 0;
	}

#profile-content ul li {
	list-style: none;
	margin: 0px 0 0px 0;
	padding: 3px 0 8px 0;
	line-height: 2.0;
	}
	

.profile-subnav {
	margin: 10px 0;
	padding: 0;
	}

#faq {
	margin: 5px 15px 5px 15px;
	padding: 0;
	}
.faq-image {
	margin: 3px 0 6px 12px;
	padding: 0;
	}
.faq-sep {
	margin: 10px 0;
	}

.headshots {
	margin: 5px 15px 4px 0px;
	padding: 0;
	}
.headshots-rt {
	margin: 12px 10px 4px 15px;
	padding: 0;
	}

/*----------------------------------------- SERVICES ----------------------------------------------*/

#services {
	width: 810px;
	position: relative;
	margin: 0px 0 0 20px;
	padding: 0px 0 10px 8px;
	top: 20px;
	background: url(../../images/services/orange/services-header.gif) 13px 0 no-repeat #f5f0dd;
	border-top: 4px solid #6c1a03;
	}
	#services:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; 
	}


#services h2 {
	display: none;
	}

#services-content {
	width: 558px;
	background-color:#FFFFFF;
	color: #3D4A48;
	padding: 5px;
	margin: 52px 0 15px 7px;
	}
	#services-content p {
		margin: 5px 0 3px 0;
		padding: 4px 20px 12px 6px !important;
		padding: 10px 20px 12px 6px;
		line-height: 2.0;
		color: #3D4A48;
		}
	#services-content a:hover {
		background-color: #e6e6cf;
		text-decoration: none;
		}

#services-content ul {
	margin: -10px 0 4px 6px;
	padding: 0;
	}

#services-content ul li {
	list-style: none;
	margin: 0px 0 0px 0;
	padding: 3px 0 8px 0;
	line-height: 2.0;
	}

.services-sites {
	float: right;
	height: auto;
	margin: 0px 0px 0px 20px;
	padding: 0px 15px 10px 15px;
	width: 240px;
	}

/*-------------------------------------CONTACT-------------------------------------*/

#contact {
	width: 810px;
	position: relative;
	margin: 0px 0 0 20px;
	padding: 38px 0 5px 8px;
	top: 20px;
	background: url(../../images/contact/orange/contact-request.gif) 17px 0 no-repeat #F7F3E1;
	border-top: 4px solid #6c1a03;
	border-bottom: 4px solid #6c1a03; 
	}
	#contact:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; 
	}
	#contact p {
		margin: 3px 15px 5px 13px;
		padding: 4px 0 5px 0px;
		}

#contact h2 {
	display: none;
	}

#contact-right-col {
	position: relative;
	float: right;
	width: 205px;
	margin: -38px 0 0 0;
	padding: 0;
	line-height: 1.5;
	background: none;
	}
	#contact-right-col p {
		line-height: 1.5;
		}


#contact-form {
	width: 498px;
	background: url(../../images/contact/orange/form-bckgrd.gif) repeat-y;
	color: #3D4A48;
	padding: 0px;
	margin: 10px 0 15px 15px;
	}
	#contact-form p {
		margin: 0px 0 0 0;
		padding: 7px 10px 7px 18px;
		line-height: 2.0;
		color: #3D4A48;
		}
#contact-form-top {
		background: url(../../images/contact/orange/rfp-top.gif) bottom left no-repeat;
		width: 498px;
		height: 20px;
		margin: 0 0 0 0;
		padding: 0px 0 0 0;
		}
#contact-form-bottom {
		background: url(../../images/contact/orange/rfp-btm.gif) top left no-repeat;
		width: 498px;
		height: 20px;
		margin: 0 0 0 0;
		padding: 0px 0 0 0;
		}

.row {
  clear: left;
  margin: 0 0 10px 0;
  padding: 0 0 40px 0;
  }

.row span.label {
  float: left;
  width: 150px;
  font-size: 12px;
  line-height: 1.7;
  
  font-style: italic;
  color: #1b636e;
  text-align: right;
  margin: 0 5px 0 25px;
  }

.row span.formw {
  float: right;
  width: 300px;
  text-align: left;
  } 

input.submit-btn {
	width: 120px;
	height: 42px;
	background: url(../../images/global/green/submit/submit.gif) no-repeat;
	border: none;
	}
input.submit-btn:hover {
	background: url(../../images/global/green/submit/submit_f2.gif) no-repeat;
	}

input.send-btn {
	width: 57px;
	height: 26px;
	margin: 8px 5px 10px 0;
	background: url(../../images/global/green/send/send.gif) no-repeat;
	border: none;
	}
input.send-btn:hover {
	background: url(../../images/global/green/send/send_f2.gif) no-repeat;
	}


.question {
	margin: 15px 0 0px 25px;
	padding: 0;
	font-style: italic;
	color: #3d4a48;
	font-size: 11px;
	}
	

#emailwax-form {
	width: 170px;
	background: #fff;
	padding: 5px 2px 2px 15px;
	margin: 0 0 35px 0px;
	}
	#emailwax-form p {
		font-size: 11px;
		margin: 0 2px 0 0;
		padding: 4px 8px 4px 0;
		}
#emailwax-header {
	background:	#F7F3E1 url(../../images/contact/orange/email-header2.gif) no-repeat top left;
	width: 170px;
	height: 28px;
	margin: 25px 0 5px 0;
	padding: 0 2px 2px 15px;
}

/*----------------------------------------- SITE PAGE ----------------------------------------------*/

#site-content {
	width: 558px;
	background-color:#FFFFFF;
	color: #3D4A48;
	padding: 5px;
	margin: 60px 0 15px 7px;
	}
#site-content p {
	margin: 5px 0 3px 0;
	padding: 4px 20px 12px 6px !important;
	padding: 10px 20px 12px 6px;
	line-height: 2.0;
	color: #3D4A48;
	}
#site-content a:hover {
	background-color: #e6e6cf;
	text-decoration: none;
	}

#site-content ul {
	margin: -10px 0 4px 6px;
	padding: 0;
	}

#site-content ul li {
	list-style: none;
	margin: 0px 0 0px 0;
	padding: 3px 0 8px 15px;
	line-height: 2.0;
	}

#site {
	width: 810px;
	position: relative;
	margin: 0px 0 0 20px;
	padding: 0 0 5px 8px;
	top: 20px;
	background: url(../../images/site/orange/site.gif) 17px 0 no-repeat #F5F0DD;
	border-top: 4px solid #6C1A03;
	border-bottom: 4px solid #6C1A03; 
	}
#site:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; 
	}
#site p {
	margin: 3px 15px 5px 13px;
	padding: 4px 0 5px 0px;
	}

#site h2 {
	display: none;
	}

#site-right-col {
	position: relative;
	float: right;
	width: 205px;
	margin: 0 0 0 0;
	padding: 0;
	line-height: 1.5;
	/*background: url(../../images/contact/green/email-header.gif) 0 0 no-repeat;*/
	background: none;
	}
	#site-right-col p {
		line-height: 1.5;
		}
		
#site a:link, #site a:visited, #site a:active  {
	color: #80421C;
	text-decoration: none;
	border: 0;
	}

#site a:hover {
	color:	#B84416;
	text-decoration: none;
	border: 0;
	}


/*----------------------------------------- LOGIN GATEWAY PAGE ----------------------------------------------*/
#login {
	width: 810px;
	position: relative;
	margin: 0px 0 0 20px;
	border-top: 4px solid #6c1a03;
	border-bottom: 4px solid #6c1a03;
	background: url(../../images/login/orange/login-header.gif) 24px 0px no-repeat #F7EFD8; 
	padding: 0px 0 0 15px;
	top: 20px;
	}
	#login:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; 
	}
	

#login h2 {
	
	display: none;
	}
	
#login p{
	margin: 0px 10px 3px 10px;
	padding: 0px 0 5px 0;
	}
#login p a:hover {
		color: #6d075b;
		background: #f1f1e3;
		text-decoration: none;
		}
	
.login-blocks {
	position: relative;
	float: left;
	margin: 15px 28px 10px 0 !important;
	margin: 15px 22px 10px 0;
	padding: 0px 0 0 0px;
	width: 241px;
	background: url(../../images/login/orange/login-box-back.gif);
	}
#login .login-blocks p {
	margin: 20px 10px 3px 0px;
	padding: 0 10px 0px 24px;
	}
#login-resources {
	width: 241px;
	background: url(../../images/login/orange/client-resources.gif) 0px 0 no-repeat;
	height: 64px;
	}

#login-resource-ender {
	background: url(../../images/login/orange/login-ender.gif) 0 0 no-repeat;
	margin: 4px 0 0 0;
	padding: 0;
	width: 241px;
	height: 20px;
	}

#login-tools {
	width: 241px;
	background: url(../../images/login/orange/wax-tools.gif) 0px 0 no-repeat;
	height: 64px;
	}

#login-tools-ender {
	background: url(../../images/login/orange/login-ender.gif) 0 0 no-repeat;
	margin: 0px 0 0 0;
	padding: 0px 0 0px 0px;
	width: 241px;
	height: 20px;
	}

#login-paypal {
	width: 241px;
	background: url(../../images/login/orange/pay-pal.gif) 0px 0 no-repeat;
	height: 64px;
	}

#login-paypal-ender {
	background: url(../../images/login/orange/login-ender.gif) 0 0 no-repeat;
	margin: 6px 0 0px 0px;
	padding: 0px 0 0px 0px;
	width: 241px;
	height: 20px;
	}



.paypal-button {
	padding: 0;
	margin: -6px 20px 0 22px;
	}
.waxtools-button {
	padding: 0;
	margin: -8px 20px 0 22px;
	}
.client-res-button {
	padding: 0;
	margin: 13px 20px 0 22px !important;
	margin: 0px 20px 0 22px;
	}




#login-text {
	clear: both;
	margin: 40px 30px 5px 0;
	padding: 0;
	}
#login-text p {
	margin: 5px 150px 2px 7px;
	padding: 4px 0 4px 0;
	}


/*------------------------------------- PAYMENT ----------------------------------------*/	

#payment {
	background: url(../../images/payment/orange/for-convenience.gif) 28px 0 no-repeat #f5efdd;
	width: 810px;
	position: relative;
	margin: 0px 0 0 20px;
	border-top: 4px solid #6c1a03;
	border-bottom: 4px solid #6c1a03; 
	padding: 0px 0 0 15px;
	top: 20px;
	}
#payment p{
	margin: 0px 150px 3px 15px;
	padding: 0px 0 8px 0;
	}
	#payment:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; 
	}



#payment-rt {
	position: relative;
	float: right;
	margin: 30px 28px 10px 25px;
	padding: 0 0 0 20px;
	width: 250px;
	}
	#payment-rt p {
		margin: 3px 10px 4px 18px; 
		}
input.remit-btn {
	width: 248px;
	height: 70px;
	background: url(../../images/payment/remit-payment.gif) no-repeat;
	border: none;
	}
input.remit-btn:hover {
	background: url(../../images/payment/remit-payment_f2.gif) no-repeat;
	}


/*------------------------------------- THE BOOK ----------------------------------------*/

#web-redesign {
	background: url(../../images/book/orange/webReDesign.gif) 13px 0 no-repeat #f5efdd;
	width: 810px;
	position: relative;
	margin: 0px 0 0 20px;
	border-top: 4px solid #6c1a03;
	border-bottom: 4px solid #6c1a03; 
	padding: 0px 0 0 15px;
	top: 20px;
	}
#web-redesign p{
	margin: 0px 150px 3px 15px;
	padding: 3px 0 11px 0;
	line-height: 2.0;
	}
	#content:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; 
	}


#book-content {
	width: 430px;
	background-color:#FFFFFF;
	color: #3D4A48;
	padding: 5px;
	margin: 25px 10px 15px 7px;
	}
	#book-content p {
		margin: 0;
		padding: 5px 20px 5px 7px;
		}
.book-right {
	float: right;
	margin: 10px 10px 10px 20px;
	padding: 0;
	} 
#book-right-col {
	position: relative;
	float: right;
	width: 300px;
	background-color: #e1dac6;
	margin: 17px 20px 0 0;
	padding: 9px 7px 9px 9px;
	}
	#book-right-col p {
		margin: 0;
		padding: 4px 8px 6px 10px;
		}	

#book-right-col u { display: none;}
	
#book-right-col a.book-btn:link {
	width: 207px;
	height: 64px;
	background: url(../../images/book/orange/order.gif) 0 0px no-repeat;
	border: none;
	display: block;
	}
#book-right-col a.book-btn:hover {
	background: url(../../images/book/orange/order_f2.gif) 0 0 no-repeat;
	}
	






	
/*----------------------------------------- THANKS ----------------------------------------------*/

#thanks {
	width: 810px;
	position: relative;
	margin: 0px 0 0 20px;
	padding: 0px 0 10px 8px;
	top: 20px;
	background: url(../../images/global/orange/thanks-big.gif) 13px 0 no-repeat #F4F4E6;
	border-top: 4px solid #6c1a03;
	}
	#thanks:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; 
	}

#thanks-content {
	width: 558px;
	background-color:#FFFFFF;
	color: #3D4A48;
	padding: 5px;
	margin: 90px 0 15px 7px;
	}
	#thanks-content p {
		margin: 5px 0 3px 0;
		padding: 4px 20px 12px 6px !important;
		padding: 10px 20px 12px 6px;
		line-height: 2.0;
		color: #3D4A48;
		}	
	


/*------------------------------------- CLIENT RESOURCES ----------------------------------------*/	

#resources-left {
	float: left;
	position: relative;
	width: 300px;
	margin: 10px 5px 0 0;
	padding: 0;
	}
	#resources-left p {
	margin: 0;
	padding: 3px 8px 5px 0;
	}

#resources-right {
	float: left;
	position: relative;
	width: 350px;
	margin: 10px 5px 0 15px;
	padding: 0;
	}
	#resources-right p {
	margin: 0;
	padding: 3px 8px 5px 0;
	}


/*----------------------------------------------- sidebars --------------------------------------------------*/

#right-col {
	position: relative;
	float: right;
	width: 205px;
	margin: 0;
	padding: 0;
	line-height: 1.5;
	}
	#right-col p {
		line-height: 1.5;
		}

.subnav-top {
	margin: 25px 0 0 0;
	}

#sidebar {
	width: 171px;
	background-color: #e1dac6;
	margin: 20px 0 0 0;
	padding: 9px 7px 9px 9px;
	}
	#sidebar p{
		margin: 5px 0 0 0;
		padding: 4px 6px 7px 8px;
		line-height: 1.5;
		color: #3d4a48;
		}
.sticker {	
	margin: 0 5px 0 0;
	} 

#sb-testimonial, #sb-testimonial2, #sb-testimonial3, #sb-testimonial4 {
	background: url(../../images/global/orange/sidebar/sbar-testmnl-top.gif) no-repeat #F7F7ED;
	width: 139px;
	margin: 5px 0 5px 10px;
	padding: 8px 0 0 0;
	}
	#sb-testimonial p, #sb-testimonial2 p, #sb-testimonial3 p, #sb-testimonial4 p    {
		margin: 5px 0 0 0;
		padding: 4px 9px 2px 16px;
		color: #655852;
		font-size: 12px;
		line-height: 1.8;
	}

.sb-testimonial {
	background: url(../../images/global/orange/sidebar/sbar-testmnl-top.gif) no-repeat #F7F7ED;
	width: 139px;
	margin: 5px 0 5px 10px;
	padding: 8px 0 0 10px;
	}
	
.testmnl-name {
		margin: 5px 0 0 0;
		padding: 4px 0px 2px 0px;
		color: #2f6f79;
		font-style: italic;
		font-size: 12px;
		line-height: 1.8;
		}
.quote {
	padding: 0px 0px 4px 99px;
	margin: -7px 0 2px 0;
	}
	
	
.pad-10-all {
	margin: 10px;
	display: inline;
	}
	
.horiz-pad {
	margin: 0 5px;
	padding: 0;
	display: inline;
	}
.horiz-pad-big {
	margin: 0 15px;
	padding: 0;
	display: inline;
	}
.vert-pad {
	margin: 5px 0;
	padding: 0;
	}	

.vert-pad-big {
	margin: 15px 0;
	padding: 0;
	}	
		
/*----------------------------------------- font styles -------------------------------------------*/
.bodytext {
	font-size: 12px;
	color: #333333;
	}
.body-bold {
	font-size: 12px;
	font-weight: bold;
	}
.body-white {
	font-size: 12px;
	color: #fafbf5; /*-- not fff for silly W3C --*/
	}
	
.white-big {
	font-size: 15px;
	color: #fafbf5; /*-- not fff for silly W3C --*/
	}
	
.small-gray {
	color: #3d4a48;
	font-size: 11px;
	}
	
.smaller-gray {
	color: #3d4a48;
	font-size: 10px;
	}

	
.brown {
	color: #917f47;
	}
.brown-bold {
	font-size: 12px;
	color: #917f47;
	font-weight: bold;
	}
.brown-header {
	font-size: 16px;
	color: #917f47;
	line-height: 1.7;
	}
.green-header {
	font-size: 16px;
	color: #b8904b;
	line-height: 1.7;
	}
.orange-header {
	font-size: 16px;
	color: #312c87;
	line-height: 1.7;
	}
.orange-bold {
	font-size: 12px;
	color: #312c87;
	font-weight: bold;
	}

.teal {
	color: #4a1c08;
	}
.teal-bold {
	color: #1b636e;
	font-weight: bold;
	font-size: 12px;
	}

.blue {
	color: #7f5c39;
	}
.blue-big {
	font-size: 15px;
	color: #b4452b;
	}






/*----------------------------------------- spacers ----------------------------------------------*/
.clear {clear: both}

	
	

/*------------------------------------------- footer -----------------------------------------------*/
#lower-nav {
	clear: both;
	position: relative;
	width: 820px;
	top: 15px;
	vertical-align: top;
	padding: 0;
	margin: 15px auto 0 auto;
	}
	#lower-nav p {
	margin: 0px 10px 5px 0px;
	font-size: 11px;
	color: #e7d5b8;
	}
#lower-nav a:link, #lower-nav a:visited {
	color: #e7d5b8;
	text-decoration: none;
	}
#lower-nav a:hover, #lower-nav a:active {
	color: #f2efda;
	text-decoration: underline;
	}
#lower-nav .f3 {
	color: #e7d5b8;
	text-decoration: underline;
	}
	
	
#footer {
	position: relative;
	background: url(../../images/home/orange/footer-dings.gif) top right no-repeat #e7d5b8;
	width: 820px;
	height: 18px;
	top: 15px;
	vertical-align: top;
	margin: 10px auto -5px 16px;
	padding: 2px 0 2px 6px;
	}
#footer ul {
	list-style: none;
	width: 500px;
	margin: 0 0 0 4px;
	padding: 0;
	}
#footer li, #footer li a {
	font-size: 10px;
	font-weight: bold;
	letter-spacing: .08em;
	color: #462403;
	text-decoration: none;
	}
#footer li a:hover {
	color: #0e4e49;
	text-decoration: underline;
	}
#footer li {
	float: left;
	width: 60px;
	height: 12px;
	margin: 0;
	padding: 2px 5px 0 2px;
	}
#footer li a {
	display: block;
	}