body { font-family: Cambria, Georgia, Times New Roman, Times, Times MT, serif; background: #EEEDE8 url("../images/bg-body.jpg") repeat-x; }
.clear { clear: both; }
strong { font-weight: bold; color: white; }

/* structure main */
#container { width: 930px; margin: 0 auto; overflow: hidden; }
	#header { background: url("../images/bg-header.jpg") no-repeat top center; width: 930px; height: 163px; }
	#crest { background: url("../images/bg-header-crest.gif") no-repeat top center; width: 930px; height: 36px; margin-top: -36px; }	
	#slider { margin: -37px auto 0; background: url("../images/bg-background-slider.png") repeat-x scroll left bottom; }
		#scroll { width: 5220px; height: 285px; clear: left; }
		#scroll div.panel { float: left; padding: 30px; height: 235px; width: 870px; }
		
		/* about us */
		#aboutLeft { width: 385px; float: left; }
		#aboutRight { width: 429px; float: left; margin-left: 40px; }
			#quickFacts { background: url("../images/glass.png") no-repeat; height: 122px; padding: 15px 20px 0 85px; margin-top: 20px; }
			
		/* services */
		div.servicesContent { float: left; width: 835px; height: 165px; margin-top: 10px; padding: 20px 10px 20px 25px; }
			div.servicesContent div.column { float: left; width: 280px; margin-right: 10px; }
			div.servicesContent div.last { width: 220px; margin-left: 20px; }
		#site_redesign, #custom_application, #ecommerce { display: none; }
			
		/* portfolio */
		#portfolio_thumbs { margin: 0 0 0 0px; }
		#portfolio_text { margin: 0 0 0 0px; clear: both; }
			#portfolio_text div.column { float: left; width: 166px; }
			
		/* relationships */
		#relationshipsLeft { width: 450px; float: left; }
		#relationshipsRight { width: 363px; padding: 15px 5px 0 25px; float: left; background: url("../images/quotes.png") no-repeat; }
			
	#footer {}
		#contactInfo { width: 880px; margin-left: 20px; padding: 15px 0; }
			#contactInfo .address { float: left; }
			#contactInfo .phone { float: left; margin-left: 125px; }
			#contactInfo .email { float: right; }
		#footerNav { width: 880px; margin-left: 20px; border-top: 1px solid #dadacd; clear: both; padding: 10px 0; }
			#footerNav .column { display: block; float: left; margin-right: 105px; }
			#footerNav .last { margin-right: 0; }
		#copyrightInfo { width: 880px; margin-left: 20px; text-align: center; border-top: 1px solid #dadacd; clear: both; padding: 10px 0 25px; }
	
	.scrollButtons { position: absolute; top: 345px; cursor: pointer; }
	.scrollButtons.left { margin-left: -40px; }
	.scrollButtons.right { margin-left: 930px; }
	
/* structure sub */
.subpage #container { width: 930px; margin: 0 auto; overflow: auto !important; }
	.subpage #header { background: url("../images/bg-header.jpg") no-repeat top center; width: 930px; height: 163px; }
	.subpage #crest { background: url("../images/bg-header-crest.gif") no-repeat top center; width: 930px; height: 36px; margin-top: -36px; }	
	.subpage #slider { background: none; padding: 0; }
	.subpage #scroll { width: auto !important; background: url("../images/bg-background-top.gif") no-repeat top center !important; height: auto !important; padding: 24px 0 0 0 !important; }
		.subpage #scroll div.panel { margin: 0 !important; height: auto !important; width: 870px; background: url("../images/bg-background-middle.gif") repeat-y top center !important; min-height: 260px; float: none !important; padding: 0 30px 10px 30px !important; }
		
	.subpage #footer { background: url("../images/bg-background-bottom.gif") no-repeat top center !important; padding-top: 24px; }
	.subpage .scrollButtons { display: none; }

.twocolumn { position: relative; float: left; width: 45%; border-right: 1px solid #1A2A2F; padding: 0 10px 10px 0; margin-left: 20px;}
.threecolumn { position: relative; float: left; width: 30%; border-right: 1px solid #1A2A2F; padding: 0 10px 10px 0; margin-left: 10px;}
.threecolumn.bio { min-height: 400px; }
.threecolumn.style { min-height: 300px; }
.twocolumn.testimonial { min-height: 700px; }
.testimonial.featured { padding: 10px; border: 1px solid #1A2A2F; background: #4D5A5F; }
.twocolumnlove.left { position: relative; float: left; width: 50%; border-right: 1px solid #1A2A2F; padding: 0 50px 10px 0; margin-left: 20px;}
.twocolumnlove.right { position: relative; float: right; width: 40%; padding: 0 0 10px 0;}



/* headers */
#aboutRight h2 { font-size: 23px; line-height: 30px; color: #ffffff; font-style: italic; padding: 0; }
#relationshipsLeft h2 { font-size: 30px; line-height: 40px; color: #ffffff; font-style: italic; padding: 0; }
div.servicesContent h2 { font-size: 18px; margin-bottom: 10px; color: #ffffff; padding: 0; }
#quickFacts h3 { color: #ffffff; font-size: 20px; }
#portfolio_text h3 { font-size: 18px; font-style: italic; color: #ffffff; }
h1 { font-weight: normal; font-size: 36px; color: #FFFFFF; margin: 0; padding: 0 0 15px 0;}
h2 { font-weight: normal; font-size: 24px; color: #ECF1CB; margin: 0; padding: 10px 0; }
h4 { font-weight: bold; font-size: 12px; color: #6d6d5e; }
h1.referralLove { background: transparent url("../images/icon-referral-love.png") no-repeat;padding-left:27px; }



/* lists */
ul { margin-left: 15px; }
ul li { font-size: 14px; color: #EBEFE0; padding: 3px 0 3px 10px; list-style-type: circle; }
ul.navigation { padding: 12px 0 0 25px; margin: 0;}
ul.navigation li { display: block; float: left; text-align: center; text-indent: -1000em; padding: 0; }
#quickFacts ul { margin: 8px 0 10px;  padding: 0; }
#quickFacts ul li { font-size: 14px; line-height: 1.4em; color: #ffffff; background: url("../images/bullet-check.png") no-repeat 0 5px; padding: 3px 0 3px 25px; list-style-type: none; }
/*
ul#servicesNav { width: 200px; float: left; margin: 10px 0 0 10px;  padding: 0; list-style-type: none; }
ul#servicesNav li { list-style-type: none; padding: 0; }
ul#servicesNav li a { display: block; background: #6e7679; color: #ffffff; padding: 10px 0 10px 10px; font-size: 18px; border-top: 1px solid #5b6568; text-decoration:none;  }
ul#servicesNav li.first a { border-top: none; text-decoration:none;  }
ul#servicesNav li.current a, ul#servicesNav li a:hover { background: #f7f7f2; color: #3d484c; text-decoration:none;  }*/
div.servicesContent ul { margin:0; }
div.servicesContent ul li { color: #EBEFE0; font-size: 14px; background: url("../images/bullet-check.png") no-repeat 0 50%; padding: 3px 0 3px 25px; list-style-type: none; }
#footerNav li { display: block; font-size: 13px; line-height: 18px;  padding: 0; list-style-type: none; }
.tags { background: url("../images/bg-tags.gif") no-repeat; float: right; width: 300px; font-size: 12px; height: 35px; padding: 5px; }
.tags dt { display: inline; color: #C2CCCF; font-size: 12px; padding: 3px 1px; }
.faq dt { font-weight: bold; color: #ffffff;  padding-bottom: 3px; margin-bottom: 5px; }
.faq dd { color: #C2CCCF; margin-bottom: 15px;  }
.breadcrumb { color: #C2CCCF; font-size: 12px; padding: 5px 0 10px; margin-bottom: 10px; border-bottom: 1px solid #4D5A5F; }
.breadcrumb a:link, .breadcrumb a:visited, .breadcrumb a:active { color: #ffff00; text-decoration: underline; font-size: 12px; }
.threecolumn ul { margin: 0; padding: 0; }
.threecolumn ul li { clear: right; color: #C2CCCF; margin-bottom: 5px; line-height: 1.3em; list-style-type: none; padding:0; }
ul.referralPromotion li { list-style-type:none !important; }


/* paragraphs */
p { color: #EBEFE0; font-size: 15px; line-height: 24px; margin-bottom: 10px;  }
#aboutLeft p { color: #ccc; font-size: 17px; line-height: 24px; }
#quickFacts p { font-size: 14px; float: right; }
.servicesContent p { font-size: 14px; line-height: 22px; color: #2B3A3F; }
#portfolio_thumbs p { float: left; margin: 0 30px 15px 0; }
#portfolio_text p { margin: 0 0 5px 0; }
p#facebook { width: 439px; height: 33px; padding: 26px 0 0; margin: 42px 0 0 5px; background: url("../images/facebook_bg.png") no-repeat; text-align: center; font-size: 18px; color: white; }
#relationshipsRight p { color: #ffffff; font-size: 14px; line-height: 18px; }
p.quoteAuthor { float: left; width: 250; padding-top: 10px; }
p.readAnother { float: right; padding-top: 10px; }
form p#questions { float: left; }
#contactInfo p { font-size: 14px; color: #333; margin-bottom: 10px; }
#copyrightInfo p { font-size: 12px; color: #8d8d80; }


/* links */
a#logo { display:block; clear:both; margin: 0 auto; width: 310px; height: 127px; }
.navigation a { color: #000; display: block; height: 88px; }
#nav-about a { width: 145px; background: url("../images/nav/nav-off-aboutus.png") no-repeat bottom; }
#nav-about a.selected { background: url("../images/nav/nav-on-aboutus.png") no-repeat bottom; }
#nav-services { width: 173px; background: url("../images/nav/nav-off-services.png") no-repeat bottom; }
#nav-services a.selected { background: url("../images/nav/nav-on-services.png") no-repeat bottom; }
#nav-portfolio { width: 163px; background: url("../images/nav/nav-off-portfolio.png") no-repeat bottom; }
#nav-portfolio a.selected { background: url("../images/nav/nav-on-portfolio.png") no-repeat bottom; }
#nav-relationships { width: 199px; background: url("../images/nav/nav-off-relationships.png") no-repeat bottom; }
#nav-relationships a.selected { background: url("../images/nav/nav-on-relationships.png") no-repeat bottom; }
#nav-contact { width: 199px; background: url("../images/nav/nav-off-contact.png") no-repeat bottom; }
#nav-contact a.selected { background: url("../images/nav/nav-on-contact.png") no-repeat bottom; }
#quickFacts a, p#facebook a, p.readAnother a, form p a { color: #ffff00; text-decoration: underline; }
#servicesContent a { color: #993333; text-decoration: underline; float: right; margin-top: 5px; }
#portfolio_text div.column a { color: #ffffff; font-size: 14px; }
#portfolio_text div.column a:hover { color: #ffff00; text-decoration: underline; }
#contactInfo a { color: #3399CC; text-decoration: underline; }
#contactInfo a:hover { color: #0066CC; text-decoration: underline; }
#footerNav a { text-decoration: none; color: #6d6d5e; }
#footerNav a:hover { color: #000; text-decoration: underline; }
#copyrightInfo a { color: #3399CC; text-decoration: underline; }
#copyrightInfo a:hover { color: #0066CC; text-decoration: underline; }
.panel a { color: #ffff00;  text-decoration: underline; }
.panel a:hover { text-decoration: none; }
.external { background: url("../images/external.png") no-repeat top right !important; padding-right: 17px !important; }

/* images */
#logo img { display: block; width: 310px; height: 127px; }
#portfolio_thumbs img { border: 2px solid #ffffff; }
.bio img, .testimonial.featured img, .twocolumn.testimonial img  { border: 1px solid #626C70; background: #1A2A2F; padding: 3px; float: left; margin-right: 10px; }
.twocolumn.testimonial img  { margin-top: 10px; }
.icon { border: 0 !important; background: none !important; padding: 0 !important; float: none !important; margin: 3px 5px 0 0 !important; vertical-align: middle !important; }
.referralPhoto { float:right;width:150px;height:129px;background:transparent url("../images/photo-atf-quirky-shot.png") no-repeat bottom; }


/* tables */
table#referralProgram { border:1px solid #ccc;width:350px;  }
table#referralProgram th { font-weight:bold;color:#FFFFCC !important;}
table#referralProgram .alt td, table#referralProgram .alt th { background-color:#1A2A2F; }
table#referralProgram td, table#referralProgram th { color:#ccc;padding-left:35px;padding-top:2px;padding-bottom:1px; }
table#referralProgram td.rightCell, table#referralProgram th { padding-right:35px; }

/* forms */
form { margin-top: 5px; }
form p { margin-bottom: 15px; font-size: 14px; color: #cccccc; }
fieldset.left { float: left; width: 400px; margin-left: 20px; }
fieldset.right { float: left; width: 425px; }
label { float: left; width: 8em; color: #cccccc; font-size: 18px; }
fieldset.right label { float: none; width: auto; }
label span { font-size: 14px; display: block; width: 425px; padding-top: 5px; line-height: 18px; }
input.text { border: none; padding: 4px; width: 200px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
textarea { width: 408px; height: 80px; border: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin-top: 10px; padding: 8px; }
input#submit { float: right; }
select { width: 208px; background: #ffffff; border: none; padding: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#contact_form .error, #contact_form #details.error { background-color: #FFCFD3; }
#contact_form #project_type.error { width: 208px; }
#contact_form input.error { width: 200px; }
#contact_form input:focus, #contact_form #details:focus{ background-color: #E0EBEF; }
#contact_form .right p { margin-bottom:10px; }
 
/* 	Portfolio styles -- using Colorbox jQuery plugin 
	(see Colorbox native styles in colorbox.css) */
#portfolio_thumbs p {
	float: left; 
	margin: 0 18px 15px 0;
}
#portfolio_thumbs p.portfolio-last {
	margin-right: 0;
}
p.portfolio-project {}
	span.portfolio-screen {}
	span.hidden {
		display: none;
	}
	#portfolio_thumbs a:hover img, #portfolio_thumbs a:active img {
		border: solid 2px #ffff99;
	}
	
	
/* blog */
#site-title {
	font-size:1.2em;
	color:#ff0;
	padding:4px 25px 14px 25px;
	margin:0;
}
#site-title a { 
	color:#ff0;
	text-decoration:none;
}
#site-title a:hover {
	text-decoration:underline
}
.blog.subpage #scroll {
	padding-top:10px !important;
}
.blog.subpage #scroll div.panel {
	background: url("../images/panelwhite_bg_middle.jpg") no-repeat !important;
}
.blog.subpage #footer {
	background: none !important;
}
.blog #content {
	padding:25px;
	width:550px;
	float:left;
}
.blog #sidebar {
	width:250px;
	float:right;
	padding:22px 0;
}
.blog .blogrss {
	background: url("../images/bg-background-slider.png") repeat-x scroll left bottom; 
	height:55px;
	clear:both;
}
.blog .blogrss p {
	margin-left:25px;
	padding-top:10px;
	color:#EBEFE0;
}
.blog .blogrss a {
	color:#ff0 !important;
	padding-left: 21px;
	background: url("../images/rss.png") no-repeat 0 2px;
}
.blog .postmetadata {
	font-size:.8em;
	line-height:1.1em;
	padding:10px;
}
.blog .postmetadata.tags {
	background-color:#f7f7f7;
	background-image: none !important;
	float:none !important;
	height:auto !important;
	width:auto !important;
	margin-top:50px;
}
.blog .postmetadata.alt {
	background-color:#DEDFD1;
}
.blog .read-on{
	background:url('../images/next.png') 100% 60% no-repeat;
	padding-right:20px;
}
.blog .postdate {
	display: block;
	float: left;
	background: url('../images/bg-postdate.gif') no-repeat top left;
	padding: 12px 20px 18px 6px; 
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -2px;
	color: #fff;
}
.blog .story .details{
	margin:1em 0;
	text-align:left;
	border-top:1px solid #DEDFD1;
	padding:0.5em 0;
	color:#3D484C;
}
.blog .story h2{
	color: #23383F;
	border-bottom:none !important;
	font-weight: normal;
	margin: 0px 0px 7px 0px;
}

.blog .story h2 a{
	border-bottom: 1px dotted #23383F;
	color: #23383F;
	text-decoration: none;
}
.blog .story h2 a:hover {
	border-bottom: 1px solid #000;
	color: #000;
}
.blog .story .author {
	font-style:italic;
	padding:0;
	margin:0;
}
.blog.subpage a { text-decoration: underline; color: #3399CC; }
.blog.subpage a:hover { color: #0066CC; text-decoration: none; }
.blog.subpage h2 { color: #333;border-bottom:1px solid #DEDFD1; }
.blog.subpage h3 { color: #6F2700;font-style:italic;font-weight:bold;font-size:1.2em; }
.blog.subpage p { color: #333333; }
.blog.subpage strong { color: #000 !important; }
.blog .tweetmeme_button { 
	margin-top:8px;
	height:62px;
}
.blog ul li.widget  {
	list-style-type:none;
}
.blog ul li.widget li {
	color:#AAAF83;
	list-style-type:disc;
}
.blog h3#comments { 
	background-color:#3D484C;
	color:#ff0;
	padding:5px;
	margin:0 0 10px 0;
	font-size:1em;
	font-style:normal;
}
.blog ol.commentlist li {
	border:1px solid #DEDFD1;
	background-color:#f7f7f7;
	padding:10px 15px;
	margin-bottom:2px;
}
.blog ol.commentlist li p {
	line-height:1.1em;
	margin-top:3px;
}
.blog ol.commentlist li cite {
	font-weight:bold;
	font-size:1.1em;
}
.blog #commentform #submit {
	background: transparent url("../images/submit_button_comments.gif") no-repeat;
	width:177px;
	height:44px;
	padding:0;
	border:0;
	margin-bottom:10px;
	cursor:pointer;
	float:left;
	color:transparent;
}
.blog #commentform textarea#comment { 
	background:url("../images/bg-textarea.gif") no-repeat scroll left top transparent;
	color:#333;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.25em;
	height:10em;
	margin:5px 0;
	padding:8px;
	width:28em; 
	border:1px solid #CDCFB5;
}
.blog #commentform p {
	line-height:1em;	
}
.blog #commentform p em.emailcaption {
	font-style:italic;
	font-size:.9em;
	color:#555;
}
.blog #commentform p.subscribe-to-comments {
	background-color: #33FF00;
	border: 1px solid #00CC00;
	padding: 3px 3px 6px 6px;
}
.blog #commentform p.subscribe-to-comments label {
	float:none;
}
.blog #commentform label {
	padding-top:3px;
	font-size:1em;
	color:#333;
	font-weight:bold;
	width:200px;
}
.blog .wp-caption {
	font-size:.9em !important;
	font-style:italic;
	color:#555 !important;
}
.blog .alignright {
	float:right;
}
.blog .alignleft {
	float:left;
}

.blog #content .navigation {
	display:none;
}

.blog p.authorinfo {
	clear:both;
	margin-top:5px;
	font-size:.8em;
}
.blog p.authorinfo img.avatar {
	float:left;
	margin: 5px;
	border: 1px solid #666;
}
abbr, acronym {
	border-bottom: dotted 1px #444;
	cursor: help;
}