/* @group Layout */


html {
	text-align: center;
	height: 100%;
	}

#ideas2image, #twitter {
	background: transparent url(../images/site/bg_page_sprite.jpg);
}

#content #sidebar h2, .page.footer #meta.nav .twitter, .page.footer #meta.nav .rss, #local.nav li.first a, #local.nav li.first a:hover, #local.nav li.first a:active {
	background: transparent url(../images/site/bg_icons_sprite.jpg);
	}

body {
	width: 100%;
	text-align: left;
	}

#site.nav, #banner, #breadcrumbs, #content, #ideas2image, .page.footer {
	margin: 0 auto;
	width: 960px;
	overflow: hidden; /* float clearing */
	}

#masthead {
	margin: 0 auto;
	width: 100%;
	overflow: hidden; /* float clearing */
	text-align: center;
	background: transparent url(../images/site/bg_mastheadclose.jpg) repeat-x center top;
	}

.work #featured_wrap {
	width:100%;
	margin: 0 auto;
	overflow: hidden;
	background: #ffffff;
	}
	
#page_contact_wrap {
	background: transparent url(../images/site/bg_branding_sprite.jpg);
	}

#branding {
	margin: 0 auto;	
	width:100%;
	height: 180px;
	overflow: hidden; /* float clearing */
	text-align: center;
	background: transparent url(../images/site/bg_branding_close.jpg) repeat-x center top;
	}
	
#branding.detail {
	width:100%;
	height: 100px;
	margin: 0 auto;
	overflow: hidden; /* float clearing */
	}

#homepage #content {
	background: none;
	padding-bottom: 0;
	}

#homepage #featured_wrap {
	width:100%;
	margin: 0 auto;
	overflow: hidden; /* float clearing */
	background: #000000 url(../images/site/bg_close.jpg) repeat-x center top;
	}
	
#page_contact_wrap {
	width:100%;
	height: 225px;
	margin: 0 auto;
	background-repeat: repeat-x;
	background-position: 0px -1588px;
	}

#page_contact {
	width: 960px;
	margin: 0 auto;
	}

#page_contact #description {
	float: left;
	width: 622px;
	padding-top: 22px;
}

#page_contact #description #demomid {
	float: left;
	padding-right: 10px;
	margin-top: 5px;
}

#page_contact #business_card {  
	float: left;
	position: relative;
	margin-top: -18px;
} 

#home.card a, #home.card a .hover {
	display: block;
	width: 338px;
	height: 216px;
	background: transparent url(../images/site/bg_ideas2image_card.jpg) 0 0 no-repeat;
	}

#home.card #nav_card {
	background-position: 0 0;
	}

#home.card #nav_card.current, #home.card .highlight #nav_card:hover, #home.card #nav_card .hover {
	background-position: 0 -216px;
	}

#content {
	padding-bottom: 36px;
	}

#content #article {
	float: left;
	width: 630px;
	}

#content #article.full {
	float: left;
	width: 960px;
	}

#content #column-right {
	float: left;
	width: 300px;
	margin-left: 30px;
	}
	
#content #column-right li.current {
	background: #ffffff url(../images/site/bg_subnav_arrow_sprite.jpg) no-repeat left center;
	}

#homepage #content #article {
	float: left;
	width: 630px;
	}
	
#content #projects {
	float: left;
}

#article #work.samples li {
	float: left;
	}
	
#content #sidebar {
	float: left;
	width: 300px;
	margin-left: 30px;
}

#content #sidebar ul.headlines li {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #d4d4d4;
}

.rule {
	background: #fff url(../images/site/bg_rule.jpg) no-repeat center;
	height: 15px;
	margin-top: 20px;
}

#foot_wrap {
	background: #2d2d2d url(../images/site/bg_footer.jpg) repeat-x;
	}
	
#twitter {
	width: 960px;
	height: 210px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: -20px -100px;
	}

#twitter #tweet {
	margin-left: 330px;
	padding-top: 15px;
	padding-right: 38px;
}

#ideas2image {
	width: 960px;
	height: 92px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: 0px -310px;
	}

#site.nav {
	overflow: hidden;
	height: 100px;
	}

#site.nav li {
	float: left;
	}

/* #site.nav .highlight and .hover classes are for jQuery fade effects */

#site.nav a, #site.nav a .hover, #site.nav #logo a, #site.nav #logo a .hover  {
	background: transparent url(../images/site/bg_nav_site.jpg) 0 0 no-repeat;
	}
	
#site.nav a, #site.nav a .hover {
	display: block;
	width: 120px;
	height: 100px;
	}

#site.nav #logo a, #site.nav #logo a .hover {
	display: block;
	width: 240px;
	height: 100px;
	}

#site.nav #logo #nav_ideas2image {
	background-position: 0 0;
	}

#site.nav #logo #nav_ideas2image.current, #site.nav #logo .highlight #nav_ideas2image:hover, #site.nav #logo #nav_ideas2image .hover {
	background-position: 0 -100px;
	}

#site.nav #nav_client {
	background-position: -240px 0;
	}

#site.nav .highlight #nav_client:hover, #site.nav #nav_client .hover {
	background-position: -240px -100px;
	}
	
#site.nav #nav_client.current {
	background-position: -240px -200px;
	}

#site.nav #nav_service {
	background-position: -360px 0;
	}

#site.nav .highlight #nav_service:hover, #site.nav #nav_service .hover {
	background-position: -360px -100px;
	}
	
#site.nav #nav_service.current {
	background-position: -360px -200px;
	}
	
#site.nav #nav_work {
	background-position: -480px 0;
	}

#site.nav .highlight #nav_work:hover, #site.nav #nav_work .hover {
	background-position: -480px -100px;
	}
	
#site.nav #nav_work.current {
	background-position: -480px -200px;
	}
	
#site.nav #nav_news {
	background-position: -600px 0;
	}

#site.nav .highlight #nav_news:hover, #site.nav #nav_news .hover {
	background-position: -600px -100px;
	}
	
#site.nav #nav_news.current {
	background-position: -600px -200px;
	}
	
#site.nav #nav_company {
	background-position: -720px 0;
	}

#site.nav .highlight #nav_company:hover, #site.nav #nav_company .hover {
	background-position: -720px -100px;
	}
	
#site.nav #nav_company.current {
	background-position: -720px -200px;
	}

#site.nav #nav_contact {
	background-position: -840px 0;
	}

#site.nav .highlight #nav_contact:hover, #site.nav #nav_contact .hover {
	background-position: -840px -100px;
	}
	
#site.nav #nav_contact.current {
	background-position: -840px -200px;
	}

#local.nav {
	margin-top: 0;
	padding-bottom: 70px;
	}

#local.nav li {
	float: left;
	margin-right: 20px;
	}

#local.nav li a {
	line-height: 18px;
	}

#thumbnail.nav {
	float: left; 
	width: 960px;
	padding: 0;
	}

#thumbnail.nav li {
	float: left;
	margin-right: 20px;
	margin-top: 15px;
	padding-bottom: 20px;
	}

#content #article ul.bullet li {
	margin-left: 20px;
	padding-bottom: 15px;
	list-style-type: disc;
	color: #666;
}

#content #article #entry .post {
	margin-bottom: 50px;
}

#content #article #entry p {
	font-size: 13px;
	line-height: 20px;
	color: #666666;
	text-transform: none;
}

#content #article #entry ul {
	height: 33px;
	background-color: #fafafa;
	border-bottom: 1px solid #d7d7d7;
	margin-bottom: 12px;
}

#content #article #entry li {
	float: left;
	width: 120px;
	text-align: center;
	line-height: 33px;
	border-right: 1px solid #d7d7d7;
	background-color: #efefef;
}

#content #article #entry li.last {
	float: left;
	margin: 0 auto;
	width: 373px;
	text-align: left;
	padding-left: 15px;
	border-right: none;
}

#content #article #entry li.social {
	float: left;
	margin: 0 auto;
	width: 30px;
	text-align: left;
	padding-top: 2px;
	padding-left: 15px;
	border-right: 1px solid #ebebeb;
	background: transparent;
}

#content #article #comments ul {
	border-bottom: 2px solid #6e6d69;
	padding-bottom: 30px;
	margin-bottom: 20px;
}

#content #article #comments li {
	padding: 15px 50px 20px 50px;
	text-transform: none;
	background-color: #fafafa;
	margin-bottom: 20px;
}

#content #article #comments br {
	line-height: 50px;
}

#content #article #comments p {
	font-size: 12px; 
    font-family: Helvetica, Arial, "Lucida Grande", Verdana, Lucida, sans-serif;
	font-weight: 200;
	color: #999999;
	line-height: 18px;
}

#sitemap.nav {
	width: 970px;
	overflow: hidden;
	background: transparent url(../images/site/bg_footer.jpg) left top no-repeat;
	}

#sitemap.nav .section {
	float: left;
	width: 194px;
	margin-bottom: 2em;
	}

/* Clients Page Related Styles (Purple) */

.clients #branding {
	<!--background-position: 0px -540px;-->
}

.clients #local.nav li a:hover, .clients #local.nav li a:active {
	text-decoration: none;
	color: #df029f;
	font-weight: 400;
	}

.clients #local.nav li.current a {
	text-decoration: none;
	color: #df029f;
	font-weight: 600;
	}

.clients #local.nav li a:hover.section  {
	color: #df029f;
	font-size: 11px;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	}

.clients #content #article h2 { /* Faded */
	color: #c765ab;
}

.clients #content #article h3 {
	color: #df029f;
}

#content #article #testimonial.nav li a {
	margin: 0 auto;
	font-size: 10px; 
    font-family: Helvetica, Arial, "Lucida Grande", Verdana, Lucida, sans-serif;
	font-weight: 600;
	color: #df029f;
	border-bottom: none;
	text-transform: uppercase;
	line-height: 30px;
	}

.clients #content #column-right h2 {
	border-bottom: 3px solid #df029f;
	}
	
.clients #content #column-right li a {
	font-size: 11px;
	color: #df029f;
	text-decoration: none;
	}
	
.clients #content #column-right li.current {
	background-repeat: no-repeat;
	background-position: 0px -276px;
	}

.clients #content #column-right #quote li.close a {
	color: #df029f;
	text-decoration: none;
}

.clients #content #column-right #quote li.close a:hover {
	color: #df029f;
	text-decoration: underline;
}

.clients #content #column-right #text a {
	font-size: 11px;
	font-weight: 600;
	color: #df029f;
	text-decoration: none;
	text-transform: uppercase;
}

/* Service Page Related Styles (Orange) */

.service #branding {
	background-position: 0px 0px;
}

.service #local.nav li a:hover, .service #local.nav li a:active {
	text-decoration: none;
	color: #e48c19;
	font-weight: 400;
	}

.service #local.nav li.current a {
	text-decoration: none;
	color: #e48c19;
	font-weight: 600;
	}

.service #local.nav li a:hover.section  {
	color: #e48c19;
	font-size: 11px;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	}
	
.service #content #article h2 { /* Faded */
	color: #e1a75b;
}

.service #content #article h3 {
	color: #e48c19;
}

.service #content #column-right h2 {
	border-bottom: 3px solid #e48c19;
	}
	
.service #content #column-right li a {
	font-size: 11px;
	color: #e48c19;
	text-decoration: none;
	}
	
.service #content #column-right li.current {
	background-repeat: no-repeat;
	background-position: 0px -138px;
	}

.service #content #column-right #quote li.close a {
	color: #e48c19;
	text-decoration: none;
}

.service #content #column-right #quote li.close a:hover {
	color: #e48c19;
	text-decoration: underline;
}

.service #content #column-right #text a {
	font-size: 11px;
	font-weight: 600;
	color: #e48c19;
	text-decoration: none;
	text-transform: uppercase;
}

/* Work Page Related Styles */

.work #branding {
	background-position: 0px 0px;
}

.work #branding.detail {
	background-position: 0px -1260px;
	}

.work #local.nav li a:hover, .work #local.nav li a:active  {
	text-decoration: none;
	color: #85a820;
	font-weight: 400;
	}

.work #local.nav li.current, .work #local.nav li.current a {
	text-decoration: none;
	color: #85a820;
	font-weight: 600;
	text-transform: uppercase;
	}

.work #local.nav li a:hover.section  {
	color: #85a820;
	font-size: 11px;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	}

.work #content #article h2 { /* Faded */
	color: #a5b86e;
}

.work #content #article h3 {
	color: #85a820;
}
	
.work #project.nav {
	float: left; 
	width: 620px;
	height: 90px;
	padding: 5px 0 0 10px;
	background: #ffffff url(../images/site/bg_projectnav.jpg) no-repeat left top;
	}

.work #project.nav li a{
	color: #85a820;
}

.work #thumbnail.nav li a {
	color: #85a820;
	}

.work #content #column-right h2 {
	border-bottom: 3px solid #85a820;
	}
	
.work #content #column-right li a {
	font-size: 11px;
	color: #85a820;
	text-decoration: none;
	}
	
.work #content #column-right li.current {
	background-repeat: no-repeat;
	background-position: 0px -345px;
	}

.work #content #column-right #quote li.close a {
	color: #85a820;
	text-decoration: none;
}

.work #content #column-right #quote li.close a:hover {
	color: #85a820;
	text-decoration: underline;
}

.work #content #column-right #text a {
	font-size: 11px;
	font-weight: 600;
	color: #85a820;
	text-decoration: none;
	text-transform: uppercase;
}

/* News Page Related Styles (Blue) */

.news #branding {
	background-position: 0px 0px;
}

.news #local.nav li a:hover, .news  #local.nav li a:active {
	text-decoration: none;
	color: #1ec4e3;
	font-weight: 400;
	}

.news #local.nav li.current a {
	text-decoration: none;
	color: #1ec4e3;
	font-weight: 600;
	}

.news #local.nav li a:hover.section  {
	color: #1ec4e3;
	font-size: 11px;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	}
	
.news #content #article h2 { /* Faded */
	color: #6ecfe1;
}

.news #content #article h3 {
	color: #1ec4e3;
}

.news #content #article #entry .header h1 a {
	text-decoration: none;
	color: #1ec4e3;
	font-weight: 200;
	text-transform: none;
	}
	
.news #content #article #entry .header h1 a:hover {
	text-decoration: underline;
	color: #1ec4e3;
	font-weight: 400;
	}
	
.news #content #column-right h2 {
	border-bottom: 3px solid #1ec4e3;
	}
	
.news #content #column-right li a {
	font-size: 11px;
	color: #1ec4e3;
	text-decoration: none;
	}
	
.news #content #column-right li.current {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}

.news #content #column-right #quote li.close a {
	color: #1ec4e3;
	text-decoration: none;
}

.news #content #column-right #quote li.close a:hover {
	color: #1ec4e3;
	text-decoration: underline;
}

.news #content #column-right #text a {
	font-size: 11px;
	font-weight: 600;
	color: #1ec4e3;
	text-decoration: none;
	text-transform: uppercase;
}

.news #comments li span.commenter {
		color: #1ec4e3;
		font-weight: 600;
		font-size: 10px;
		text-transform: uppercase;
	}
	
/* Company Page Related Styles */

.company #local.nav li a:hover, .company #local.nav li a:active {
	text-decoration: none;
	color: #0044e9;
	font-weight: 400;
	}

.company  #local.nav li.current a {
	text-decoration: none;
	color: #0044e9;
	font-weight: 600;
	}

.company  #local.nav li a:hover.section  {
	color: #0044e9;
	font-size: 11px;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	}

.company #content #article h2 { /* Faded */
	color: #9e7fdb;
}

.company #content #article h3 {
	color: #0044e9;
}

.company  #content #column-right h2 {
	border-bottom: 3px solid #0044e9;
	}
	
.company  #content #column-right li a {
	font-size: 11px;
	color: #0044e9;
	text-decoration: none;
	}
	
.company  #content #column-right li.current {
	background-repeat: no-repeat;
	background-position: 0px -69px;
	}

.company  #content #column-right #quote li.close a {
	color: #0044e9;
	text-decoration: none;
}

.company  #content #column-right #quote li.close a:hover {
	color: #0044e9;
	text-decoration: underline;
}

.company  #content #column-right #text a {
	font-size: 11px;
	font-weight: 600;
	color: #0044e9;
	text-decoration: none;
	text-transform: uppercase;
}

/* Contact Page Related Styles */

.contact #branding {
	background-position: 0px 0px;
}

.contact #content #article span.keyword {
	text-decoration: none;
	color: #c4230c;
	font-weight: 400;
	padding: 0 5px 0 5px;
}

.contact #local.nav li a:hover, .contact #local.nav li a:active {
	text-decoration: none;
	color: #c4230c;
	font-weight: 400;
	}

.contact #local.nav li.current a {
	text-decoration: none;
	color: #c4230c;
	font-weight: 600;
	}

.contact #local.nav li a:hover.section  {
	color: #c4230c;
	font-size: 11px;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	}

.contact #content #article h2 { /* Faded */
	color: #c2594b;
}

.contact #content #article h2 a {
	color: #c4230c;
	font-size: 18px;
	font-weight: 200;
	line-height: 18px;
	}
	
.contact #content #article.full a {
	color: #c4230c;
	font-size: 12px;
	font-weight: 200;
}

.contact #content #article #list.nav li p.section a {
	color: #8e1a09;
	font-size: 10px;
	font-weight: 600;
}
	
.contact #content #column-right h2 {
	border-bottom: 3px solid #c4230c;
	}
	
.contact #content #column-right li a {
	font-size: 11px;
	color: #c4230c;
	text-decoration: none;
	}
	
.contact #content #column-right li.current {
	background-repeat: no-repeat;
	background-position: 0px -207px;
	}

.contact #content #column-right #quote li.close a {
	color: #c4230c;
	text-decoration: none;
}

.contact #content #column-right #quote li.close a:hover {
	color: #c4230c;
	text-decoration: underline;
}

.contact #content #column-right #text a {
	font-size: 11px;
	font-weight: 600;
	color: #c4230c;
	text-decoration: none;
	text-transform: uppercase;
}

/* Thank You Page Related Styles */

.thanks #branding {
	background: #fff url(../images/site/bg_thanks.jpg) no-repeat center top;
	height: 400px;
}	

/* 404 Page Related Styles */

.error #branding {
	background: #fff url(../images/site/bg_404.jpg) no-repeat center top;
	height: 400px;
}	

/* Sitemap Page Related Styles */

#sitehome {
	width: 960px;
	text-align: center;
}

#sitelines {
	background: #fff url(../images/site/bg_sitemap_lines.jpg) no-repeat center top;
	height: 150px;
}

#content #article #sitemap-home.nav {
	width: 960px;
	margin: 0 auto;
	}

#content #article #sitemap.nav {
	float: left;
	width: 960px;
	margin: 0 auto;
	}

#content #article #sitemap.nav li {
	float: left;
	margin: 0 auto;
	width: 150px;
	padding-right: 10px;
	}
	
#content #article #sitemap.nav li.last {
	float: left;
	width: 150px;
	padding-right: none;
	}
	
#content #article .sitepage {
	float: left;
	margin: 0 auto;
	background-color: #ffffff;
	}
	
#content #article .sitepage li {
	float: left;
	margin-left: 0px;
	}
	
#content #article .sitepage a.subpage {
	color: #8e1a09;
	font-size: 10px;
	margin-left: 10px;
	}

/* Footer Styles */

.page.footer {
	background: #2d2d2d url(../images/site/bg_footer_meta.jpg) repeat-x center top;
}

.page.footer ul {
	padding: 0 12px;
	}

.page.footer li {
	margin: 1em 0;
	}

#demotip { 
    display:none; 
    background:transparent url(/images/site/bg_red_arrow.gif) no-repeat center top; 
    font-size:12px; 
    height:66px; 
    width:191px; 
    padding-top: 18px;
    color:#fff;
    text-align: center;
}

#demomidtip { 
    display:none; 
    background:transparent url(/images/site/bg_redmid_arrow.gif) no-repeat center top; 
    font-size:12px; 
    height:66px; 
    width:191px; 
    padding-top: 18px;
    color:#fff;
    text-align: center;
}

#footer.nav {
	width: 960px;
	margin-top: 32px;
	overflow: hidden;
	}

#footer.nav .about {
	float: left;
	width: 630px;
	}

#footer.nav #search {
	float: right;
	padding-top: 15px;
	}

.page.footer #meta.nav {
	float: left; 
	width: 960px;
	padding: 0;
	line-height: 3em;
	}

.page.footer #meta.nav li {
	display: inline;
	padding-right: 15px;
	height: 16px;
	}

.page.footer #meta.nav .twitter {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 20px;
	padding-bottom: 20px;
	}

.page.footer #meta.nav .rss {
	background-repeat: no-repeat;
	background-position: -150px 0px;
	padding-left: 20px;
	padding-bottom: 20px;
	}

/* @end */

/* @group Main Slideshow */

#preview_wrap {
	margin: 0 auto;
	padding-top: 30px;
	width: 960px; 
	height: 400px;
}

#preview_outer {
	overflow: hidden;
	width: 960px;
	height: 400px;
	position: relative;
}

#preview_inner {
	text-align: left;
	height: 100%;
	position: relative;
}

#preview_inner div {
	float: left;
	width: 960px;
	height: 400px;
	position: relative;
}

#preview_inner div a {
	position: absolute;
	bottom: 0;
	left: 0;	
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 10px;
}

#thumbs {
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 60px;
	position: relative;
	width: 960px;
	height: 150px;
}

#thumbnails.nav {
	float: left; 
	width: 960px;
	padding: 0;
	}

#thumbnails.nav li {
	float: left;
	margin-right: 30px;
	cursor: pointer;
	}

#thumbnails.nav li.last {
	margin-left: 0;
	margin-right: 0;
	cursor: pointer;
}

#arrow {
	position: absolute;
	top: -26px;
	background: url('../images/site/bg_home_arrow.gif') top center no-repeat;
	width: 300px;
	height: 40px;
	display: none;
}

/* @end */

/* @group Utility */

.last {
	margin-left: 30px;
	}

.post {
	color: #b6b6b6;
	text-transform: uppercase;
	}
	
.phone {
	color: #000000;
	text-transform: uppercase;
	}

/* @end */

/* @group Utility */

.text_hide {
	display: block;
	text-indent: -9999px;
	}

.text_remove {
	display: block;
	position: absolute;
	top: -9999px;
	}

/* @end */

/* @group Typography */

body {
	font-size: 11px; 
    font-family: Helvetica, Arial, "Lucida Grande", Verdana, Lucida, sans-serif;
	font-weight: 200;
	color: #666666;
	}

#body_wrap h1 {
	color: #2e2e2e;
	font-weight: 200;
	font-size: 24px; /* 24px */ 
	line-height: 28px; /* 36px */
	padding-bottom: 10px; 
	}

#content #column-right h2, h4, h5, h6 {
	color: #2e2e2e;
	}
	
#homepage #content #article h2 { 
	padding-top: 0px;
}

#page_contact #description h1 {
	font-size: 28px; /*Sean changed from 30px 1.29.10*/
	font-family: Helvetica, Arial, "Lucida Grande", Verdana, Lucida, sans-serif;
	font-weight: 400;
	line-height: 33px;
	color: #272727;
}

#page_contact a {
	color: #29c4e3;
	text-decoration: none;
}

#page_contact a:hover {
	color: #1f98b0;
	text-decoration: underline;
}

#page_contact p {
	font-size: 18px;
	font-family: Helvetica, Arial, "Lucida Grande", Verdana, Lucida, sans-serif;
	font-weight: 200;
	color: #b9b8b8;
	margin-top: 5px;
}

#content #sidebar h2 {
	font-size: 1px;
	width: 300px;
	height: 33px;
	background-repeat: no-repeat;
	background-position: 0px -67px;
}

#content #sidebar p {
	font-size: 10px; 
    font-family: Helvetica, Arial, "Lucida Grande", Verdana, Lucida, sans-serif;
	color: #797878;
	text-transform: uppercase;
}

#content #article h2 { /* Faded */
	font-size: 18px;
	font-family: Helvetica, Arial, "Lucida Grande", Verdana, Lucida, sans-serif;
	font-weight: 200;
	padding-top: 15px;
	line-height: 25px;
}

#content #article h3 {
	font-size: 14px;
	font-family: Helvetica, Arial, "Lucida Grande", Verdana, Lucida, sans-serif;
	font-weight: 600;
	padding-top: 15px;
}

#content #article.full li p {
	margin-top: -5px;
	}
	
/*#content #article p {
	margin-top: -5px;
	padding-bottom: 30px;
	border-bottom: 1px solid #dfdfdf;
	}*/

/* Sean 2.03.10 */
#content #article p.footnote, #content #article #entry p.footnote {
	font-size:.9em;
	color: #777;
	}

#content #article p.footnote a {
	color: #555;
	}
	
#content #article p.footnote a:hover {
	color: #444;
	}
	
/* Sean 2.02.10 */	
strong {
	font-weight: 700;
	}
	
#content #article #form p {
	margin-top: 20px;
	padding-bottom: 0px;
	border-bottom: 0px;
	}
	
#content #article span.match {
	color: #6e6e6e;
	font-weight: 600;
}

#thumbnail.nav li p {
	font-size: 12px; 
    font-family: Helvetica, Arial, "Lucida Grande", Verdana, Lucida, sans-serif;
	font-weight: 200;
	color: #2d2d2d;
	padding-top: 15px;
	line-height: 14px;
	}

#thumbnail.nav li p span, #project.nav li span {
	float: left;
	display: block;
	width: 60px;
	font-size: 10px;
	font-family: Georgia, Helvetica, Arial, "Lucida Grande", Verdana, Lucida, sans-serif;
	font-weight: 600;
	color: #cccccc;
	text-transform: uppercase;
}

#thumbnail.nav li a {
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	}

#thumbnail.nav li a:hover {
	text-decoration: underline;
	}
	
#content #article #list.nav {
	border-top: 1px solid #dfdfdf;
}

#content #article #list.nav li {
	float: left;
	padding: 30px 0 30px 0;
	width: 630px;
	border-bottom: 1px solid #dfdfdf;
	}

#content #article #list.nav li p {
	margin: 0 auto;
	font-size: 12px; 
    font-family: Helvetica, Arial, "Lucida Grande", Verdana, Lucida, sans-serif;
	font-weight: 200;
	color: #2d2d2d;
	border-bottom: none;
	}

#content #article #list.nav li p.section {
	padding-top: 20px;
	text-decoration: none;
	color: #999999;
	font-weight: 200;
	text-transform: uppercase;
}

#content #article #testimonial.nav li {
	float: left;
	padding: 30px 0 15px 0;
	width: 630px;
	border-bottom: 1px solid #dfdfdf;
	}

#content #article #testimonial.nav li p {
	margin: 0 auto;
	font-size: 10px; 
    font-family: Helvetica, Arial, "Lucida Grande", Verdana, Lucida, sans-serif;
	font-weight: 200;
	color: #999;
	border-bottom: none;
	}
	
#content #article #testimonial.nav li p.quote {
	font-size: 18px; 
	font-family: Georgia, Helvetica, Arial, "Lucida Grande", Verdana, Lucida, sans-serif;
	font-weight: 200;
	font-style: italic;
	line-height: 22px;
	color: #5b5b5b;
	padding-bottom: 20px;
}

#project.nav li {
	font-size: 12px; 
    font-family: Helvetica, Arial, "Lucida Grande", Verdana, Lucida, sans-serif;
	font-weight: 200;
	color: #2d2d2d;
	padding-top: 15px;
	line-height: 14px;
}

#content #article #entry li {
	font-size: 10px; 
    font-family: Helvetica, Arial, "Lucida Grande", Verdana, Lucida, sans-serif;
	font-weight: 200;
	color: #a1a1a1;
	text-transform: uppercase;
}

#content #column-right h2 {
	font-size: 24px;
	font-weight: 200;
	padding-bottom: 5px;
	text-transform: uppercase;
	}

#content #column-right h2.testimonial {
	border-bottom: 0;
	}

#content #column-right ul {
	margin: 0 auto;
	padding-bottom: 40px;
	}

#content #column-right li {
	position:relative;
	line-height: 12px;
	border-top: 1px solid #d8d8d8;
	padding: 30px 0 30px 50px;
	}

	
#content #column-right li a:hover {
	text-decoration: underline;
	}
	
#content #column-right li.current a, #content #column-right li.current a:active {
	font-size: 11px;
	color: #2e2e2e;
	font-weight: 600;
	}

#content #column-right #quote li {
	border-top: 8px solid #dfdfdf;
	padding: 0px 15px 30px 20px;
	background: transparent url(../images/site/bg_quotebox.jpg) repeat-y left top;
}

#content #column-right #quote li .sidequote {
	font-size: 18px; 
    font-family: Georgia, Helvetica, Arial, "Lucida Grande", Verdana, Lucida, sans-serif;
	font-weight: 200;
	font-style: italic;
	line-height: 22px;
	color: #5b5b5b;
}

#content #column-right #quote li p {
	line-height: 10px;
}

#content #article #testimonial.nav li .author, #content #column-right #quote .author {
	font-size: 11px; 
    font-family: Helvetica, Arial, "Lucida Grande", Verdana, Lucida, sans-serif;
	font-weight: 570;
	font-style: normal;
	color: #b4b3b3;
	text-transform: uppercase;
}

#content #column-right #quote .authortitle {
	font-size: 10px; 
	font-family: Helvetica, Arial, "Lucida Grande", Verdana, Lucida, sans-serif;
	font-weight: 200;
	color: #999;
}

#content #column-right #quote li.close {
	font-size: 12px; 
    font-family: Helvetica, Arial, "Lucida Grande", Verdana, Lucida, sans-serif;
	font-weight: 600;
	font-style: normal;
	border: 0;
	background: transparent url(../images/site/bg_quoteclose.jpg) no-repeat left top;
	text-align: right;
	text-transform: uppercase;
	padding-top: 15px;
}

#content #column-right #advertisement {
	padding: 20px 0 30px 0;
}

#content #column-right #text {
	padding-bottom: 20px;
	border-bottom: 1px solid #d8d8d8;
}

#content #column-right #text a:hover {
	text-decoration: underline;
}

#body_wrap p, #body_wrap ul, #foot_wrap p, #foot_wrap ul {
	font-size: 1.2em; /* 12px */ line-height: 1.5em; /* 18px */ margin-top: 1.5em; margin-bottom: 0em; 	
	}

#body_wrap a:link, #body_wrap a:visited {
	color: #13a3ce;
	text-decoration: none;
	}

#body_wrap a:hover, #body_wrap a:active {
	color: #3a809d;
	text-decoration: underline;
	}

#local.nav li a {
	color: #2d2d2d;
	font-size: 11px;
	font-weight: 400;
	text-decoration: none;
	text-transform: uppercase;
	}

#local.nav li.first {
	width: 35px;
	height: 18px;
	border-right: 1px solid #cfcfcf;
	padding: 0;
	background-image: none;
	}

#local.nav li.first a {
	width: 19px;
	height: 17px;
	background-repeat: no-repeat;
	background-position: 0px -49px;
	}

#local.nav li.first a:hover, #local.nav li.first a:active {
	background-repeat: no-repeat;
	background-position: -150px -49px;
	}
	
#local.nav li a.section {
	color: #bbbbbb;
	font-size: 11px;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	padding-right: 20px;
	border-right: 1px solid #cfcfcf;
	}

.aside blockquote {
	background: transparent url(../images/site/bg_quote_aside.jpg) no-repeat left top;
	color: #fff;
	padding: 28px 20px 20px 26px;
	margin-top: 1.8em;
	height: 228px;
	}

.aside blockquote cite { display: block; font-size: 1.1em; font-style: normal; font-weight: 700; margin-top: 1.2em;}

.aside blockquote cite span.title { font-size: .85em; font-style: italic; font-weight: 500;}

#tweet p {
	font-size: 20px; 
    font-family: Helvetica, Arial, "Lucida Grande", Verdana, Lucida, sans-serif;
    font-weight: 500;
    line-height: 24px;
	color: #656565;
}

#tweet a {
	color: #29c4e3;
	text-decoration: none;
}

#tweet a:hover {
	color: #1f98b0;
	text-decoration: underline;
}

#tweet #twitter_link {
	font-size: 12px; 
    font-family: Helvetica, Arial, "Lucida Grande", Verdana, Lucida, sans-serif;
    font-weight: 400;
	color: #9d9c9c;
	text-transform: uppercase;
	text-align: right;
}

#tweet #twitter_link a {
	color: #29c4e3;
	font-weight: bold;
	text-decoration: none;
}

#tweet #twitter_link a:hover {
	color: #1f98b0;
	font-weight: bold;
	text-decoration: underline;
}

#footer.nav p {
	font-size: 12px; 
    font-family: Helvetica, Arial, "Lucida Grande", Verdana, Lucida, sans-serif;
    font-weight: 400;
    line-height: 12px;
	color: #9d9c9c;
}

.page.footer li a {
	font-size: .833em;
	color: #333;
	text-decoration: none;
	}

.page.footer li a:hover, .page.footer li a:active {
	color: #13a3ce;
	text-decoration: underline;
	}

.page.footer .section h2 a {
	display: block;
	font-weight: 500;
	font-size: 1.2em; /* 12px */ 
	line-height: 5.4em;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	color: #333;
	}

.page.footer .section h2 a:link, .page.footer .section h2 a:visited {
	background: transparent url(../images/site/bg_footer_nav.gif) left bottom no-repeat;
	}

.page.footer .section h2 a:hover, .page.footer .section h2 a:active {
	background-image: url(../images/site/bg_footer_nav_hover.gif);
	}

.page.footer #meta.nav a {
	font-size: 11px;
	font-weight: 400;
	color: #666666;
	text-transform: uppercase;
	}

.page.footer #meta.nav a:hover, .page.footer #meta.nav a:active {
	color: #9d9c9c;
	}

.page.footer #meta.nav a span {
	color: #9d9c9c;
	font-weight: 600;
	}

.page.footer #copyright ul {
	float: left;
	margin: 0 auto;
	font-size: 10px;
	color: #666666;
	text-transform: uppercase;
	padding: 30px 0 30px 0;
	}

.page.footer #copyright li {
	float: left;
	border-right: 1px solid #666666;
	margin-left: 10px;
	padding-right: 10px;
	}

.page.footer #copyright li.first {
	margin-left: 0px;
	}
	
.page.footer #copyright li.last {
	border-right: none;
	}
	

/* @end */

/* @group Forms */

/* @group Contact Forms */

input:focus, textarea:focus {	
	background: #fcfcf1;
	}

input[type="text"] {
	font-size: 12px;
	color: #9d9c9c;
	width: 230px;
	height: 50px;
	border: 0px;
	}

input[type="image"] {
	width: 70px;
	height: 30px;
	}

select {
	font-size: 12px;
	color: #666;
	}

label, legend {	
	display: block;
	margin-bottom: .3em;
	font-size: 1em;
	font-weight: 700;
	}

label, legend {	
	display: block;
	margin-bottom: .3em;
	font-size: 1em;
	font-weight: 700;
	}

label .note {
	color: #c1c1c1;
	font-size: .83em;
	font-style: italic;
	font-weight: 500;
	text-transform: lowercase;
	}

label.error {
	color: #b20c20;
	}
	
#content #article #contactform .half {
	float: left;
	margin: 0 auto;
	width: 300px;
	}

#content #article #contactform fieldset {
	margin-top: 30px;
	clear: both;
	}

#content #article #contactform fieldset p {
	overflow: hidden;
	margin-top: 0;
	margin-bottom: 1em;
	}

#content #article #contactform fieldset input.checkbox {
	float: left;
	width: auto;
	margin-top: 0;
	margin-right: 8px;
	}
	
#content #article #contactform fieldset label.checkbox {
	width: auto;
	color: #000000;
	font-weight: 200;
	}

#content #article #contactform select { 
	float: left;
	font-size: 14px;
	width: 300px;
	margin-bottom: 30px;
}

/* @end */

/* @group Comment Box */

#content #article #commentbox #commentsform, #content #article #contactform {
	float: left;
	width: 600px;
}

#content #article #commentbox #commentsform input, #content #article #contactform input {
	color: #9d9c9c;
	font-weight: 200;
	padding: 10px;
	width: 600px;
	height: 15px;
	border: 1px solid #dfdfdf;
}

#content #article #commentbox #commentsform #message, #content #article #contactform #message {
	color: #9d9c9c;
	font-weight: 200;
	padding: 10px;
	width: 600px;
	border: 1px solid #dfdfdf;
}

#content #article #commentbox #commentsform #send, #content #article #contactform #send {
	width: 144px;
	height: 34px;
	padding: 0px;
	border: 0px;
}

/* @end */

/* @group Site Search */

#searchtext {
	width: 198px;
	height: 22px;
	line-height: 22px;
	vertical-align: top;
	padding-left: 8px;
	}

/* @end */

/* @end */

/* @group Work Slideshow */

.work #preview_wrap {
	margin: 0 auto;
	padding-top: 0px;
	width: 960px; 
	height: 400px;
}

.work #preview_outer {
	overflow: hidden;
	width: 960px;
	height: 400px;
	position: relative;
}

.work #preview_inner {
	text-align: left;
	height: 100%;
	position: relative;
}

.work #preview_inner div {
	float: left;
	width: 960px;
	height: 400px;
	position: relative;
}

.work #preview_inner div a {
	position: absolute;
	bottom: 0;
	left: 0;	
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 10px;
}

.work #thumbs {
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 0px;
	position: relative;
	width: 960px;
	height: 100px;
}

.work #thumbnails.nav {
	float: left; 
	width: 960px;
	padding: 0;
	}

.work #thumbnails.nav li {
	float: left;
	margin-right: 25px;
	cursor: pointer;
	}

.work #thumbnails.nav li.last {
	margin-left: 0;
	margin-right: 0;
	cursor: pointer;
}

.work #arrow {
	position: absolute;
	top: -26px;
	background: url('../images/site/bg_work_arrow.gif') top center no-repeat;
	width: 170px;
	height: 40px;
	display: none;
}

/* @end */