@charset "UTF-8";

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
}

body {
	background-color: #222;
	background-image: url(../images/template/body_bg.gif);
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #999;
}

#container {
	position: relative;
	min-height: 100%;
}

.clearer { clear: both }

.show { display: block }
.hide { display: none }


/* HEADER
================================================== */

#header-area {
	margin-bottom: 10px;
	background-image: url(../images/template/header_bg.gif);
	background-repeat: repeat-x;
}

#header {
	height: 79px;
	width: 960px;
	margin: 0 auto;
}

#logo {
	float: left;
	height: 79px;
	width: 300px;
	margin: 0 30px 0 0;
	padding: 0;
	background-image: url(../images/template/logo.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#logo a {
	display: block;
	height: 79px;
	width: 300px;
}

ul#main-nav {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#main-nav li {
	display: inline;
	margin: 0;
	padding: 0;
}

ul#main-nav li a {
	display: block;
	float: left;
	height: 50px;
	margin: 10px 10px 0 0;
	background-position: 20px 18px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

a#nav-work {
	width: 93px;
	background-image: url(../images/template/nav/our_work.gif);
}

a#nav-about {
	width: 115px;
	background-image: url(../images/template/nav/company_info.gif);
}

a#nav-quote {
	width: 130px;
	background-image: url(../images/template/nav/request_quote.gif);
}

a#nav-blog {
	width: 65px;
	background-image: url(../images/template/nav/blog.gif);
}

a#nav-contact {
	width: 85px;
	background-image: url(../images/template/nav/contact.gif);
}

a#nav-work:hover, a#nav-about:hover, a#nav-blog:hover, a#nav-quote:hover, a#nav-contact:hover {
	background-position: 20px -15px;
}

#header-stripes {
	position: absolute;
	top:60px;
	width:100%;
	height: 10px;
	background-image: url(../images/template/header_stripes_bg.gif);
	background-repeat: repeat-x;
	z-index:-1;
}


/* CONTENT AREA
================================================== */

#content-area {
	width: 960px;
	margin: 0 auto;
	padding-bottom: 75px;
}

#content-area a {
	color: #9cf;
}

.home-bucket {
	float: left;
	width: 320px;
	overflow: visible;
}

#home-bucket-wrap {
	padding-bottom: 40px;
	background-image: url(../images/template/home_bucket_bg.png);
	background-repeat: no-repeat;
}

#home-bucket-wrap h3 {
	font-size: 15px;
	color: #fff;
	margin: 0;
	padding: 0;
}

#home-about-bucket {
	float: left;
	width: 554px;
	margin-right: 20px;
	padding-top: 38px;
	padding-left: 48px;
}

#home-about-bucket p {
	line-height: 20px;
	margin-bottom: 20px;
}

#home-about-bucket a img { border: 1px solid #444; }
#home-about-bucket a:hover img { border: 1px solid #666; }

#logo-reel {
	width: 265px;
	margin-top: 20px;
	visibility: hidden;
}

.logo-reel-img {
	position: absolute;
	opacity: 0;
}

h1.page-title, h2.page-title {
	height: 75px;
	margin: 0 0 28px 0;
	padding: 0;
	background-position: left bottom;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

h1.page-title a {
	display: block;
	height: 100%;
	width: 100%;
}

#company-info { background-image: url(../images/template/titles/company_info.gif) }
#company-info-dim {	background-image: url(../images/template/titles/company_info_dim.gif) }
#core-competencies { background-image: url(../images/template/titles/core_competencies.gif) }
#philosophy { background-image: url(../images/template/titles/philosophy.gif) }
#our-team { background-image: url(../images/template/titles/our_team.gif) }
#our-work { background-image: url(../images/template/titles/our_work.gif) }
#our-work-dim { background-image: url(../images/template/titles/our_work_dim.gif) }
#contact { background-image: url(../images/template/titles/contact.gif) }
#sitemap { background-image: url(../images/template/titles/sitemap.gif) }
#privacy { background-image: url(../images/template/titles/privacy.gif) }
#our-mantra { background-image: url(../images/template/titles/our_mantra_section.gif) }
#request-quote { background-image: url(../images/template/titles/request_quote.gif) }

#our-work-title {
	float:left;
	width:101px;
}

#client-title {
	float:right;
	width:65px;
}

#client-title img {
	position:relative;
	top: 61px;
}

#client-name {
	margin-left: 20px;
}

#project-title {
	margin-left: 20px;
}

a {
	color: #de1f27;
}

a:hover {
	color: #fff;
}

.three-col {
	width: 960px;
}

.two-col {
	float: left;
	width: 640px;
}

.one-col {
	float: left;
	width: 320px;
}

.content-area {
	padding: 25px 0 5px 0;
	border-top: 1px solid #444;
	border-bottom: 1px solid #444;
	margin-bottom: 50px;
}

.l-marg {
	margin-left: 20px;
}

.l-pad {
	padding-left: 20px
}

.r-marg {
	margin-right: 20px;
}

.r-pad {
	padding-right: 20px;
}

.content-area p {
	margin: 0 0 20px 0;
	line-height: 20px;
	color: #fff;
}

.content-area ul {
	color: #fff;
}

.content-area ul li {
	padding-top: 2px;
	padding-bottom: 2px;
}

img.cta-right {
	float: right;
	margin-left: 30px;
	margin-bottom: 10px;
	border: 0;
}

img.cta-left {
	float: left;
	margin-right: 30px;
	margin-bottom: 10px;
	border: 0;
}

img.cta-banner {
	border: 0;
	margin: 10px 0 35px 0;
}

#company-history-area {
	width: 620px;
	margin-bottom: 25px;
}

#company-history-head {
	height: 90px;
	padding: 10px 0 0 30px;
	background-image: url(../images/template/company_history_head_bg.jpg);
	background-repeat: no-repeat;
}

#company-history-head h3 {
	height: 90px;
	margin: 0;
	padding: 0;
	line-height: 90px;
	background-image: url(../images/template/titles/company_history.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: -9999px;
	overflow: hidden;
}

#company-history-content {
	background-color: #333;
	background-image: url(../images/template/company_history_corner.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 25px 30px 15px 30px;
}

#company-history-content h4 {
	font-size: 13px;
	color: #fff;
	margin-bottom: 2px;
}

#company-history-content p {
	margin-bottom: 18px;
	color: #ccc;
}


/* CAREERS BUCKET
================================================== */

#careers-bucket {
	margin-bottom: 25px;
}

#careers-bucket-head {
	display: block;
}

#careers-bucket-content {
	padding: 15px;
	background-color: #861d21;
	background-image: url(../images/template/careers_bucket_corner.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#careers-bucket-content ul {
	margin: 0;
	padding: 20px 0 15px 0;
	color: #95383c;
	background-image: url(../images/template/careers_bucket_hash_bg.gif);
	background-repeat: repeat-x;
}

#careers-bucket-content li {
	margin: 0 0 3px 15px;
	padding: 0;
}

#careers-bucket-content ul a { color: #daa8aa }
#careers-bucket-content ul a:hover { color: #fff }


/* CORE COMEPETENCIES
================================================== */

#competencies-content p {
	margin-bottom: 0;
	padding-bottom: 10px;
}

#competencies-content p.intro {
	padding-bottom: 20px;
}

#competencies-content h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	padding-bottom: 5px;
	margin-bottom: 0;
}

#competencies-content ul {
	font-size: 12px;
	color: #ccc;
	margin-top: 0;
	margin-left: 15px;
	margin-bottom: 40px;
}

#competencies-content ul li {
	padding-top: 3px;
	padding-bottom: 3px;
}


/* OUR MANTRA BUCKET
================================================== */

#mantra-area {
	margin-bottom: 20px;
}

#mantra-area a {
	color: #de1f27;
}

#mantra-area img {
	display: block;
}

#mantra-head {
	height: 70px;
	padding-left: 30px;
	background-image: url(../images/template/mantra_head_bg.gif);
	background-repeat: no-repeat;
}

#mantra-head h3 {
	height: 70px;
	margin: 0;
	padding: 0;
	line-height: 70px;
	background-image: url(../images/template/titles/our_mantra.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: -9999px;
	overflow: hidden;
}

#mantra-content {
	padding: 30px 15px 35px 30px;
	background-color: #222;
	border: 1px solid #444;
	border-bottom: 0;
}

#mantra-content dl {
	margin: 0;
	padding: 0;
}

#mantra-content dt {
	margin: 0 0 3px 0;
	padding: 0;
}

#mantra-content dt a {
	display: block;
	height: 22px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
}

#mantra-content dt a#mantra-you { background-image: url(../images/template/mantra/you.gif) }
#mantra-content dt a#mantra-do { background-image: url(../images/template/mantra/do.gif) }
#mantra-content dt a#mantra-what { background-image: url(../images/template/mantra/what.gif) }
#mantra-content dt a#mantra-you2 { background-image: url(../images/template/mantra/you.gif) }
#mantra-content dt a#mantra-do2 { background-image: url(../images/template/mantra/do.gif) }
#mantra-content dt a#mantra-well { background-image: url(../images/template/mantra/well.gif) }
#mantra-content dt a#mantra-let { background-image: url(../images/template/mantra/let.gif) }
#mantra-content dt a#mantra-everyone { background-image: url(../images/template/mantra/everyone.gif) }
#mantra-content dt a#mantra-know { background-image: url(../images/template/mantra/know.gif) }

#mantra-content dt a:hover {
	background-position: left -22px;
}

#mantra-content dt a.mantra-active { background-position: left -44px }
#mantra-content dt a.mantra-active:hover { background-position: left -22px }

#mantra-content dt a.mantra-selected { background-position: left -22px }

#mantra-content dd {
	margin: 0;
	padding: 5px 0 20px 0;
	font-size: 11px;
	line-height: 17px;
}

#mantra-content dd strong {
	color: #fff;
}


/* OUR TEAM
================================================== */

.team-member-area {
	padding-top: 27px;
	background-image: url(../images/template/team_member_hash_bg.gif);
	background-repeat: repeat-x;
	margin-bottom: 10px;
}

img.team-member {
	float: left;
	display: block;
	height: 140px;
	width: 140px;
}

.team-member-content {
	/*float: right;
	width: 470px;*/
	padding: 0 30px 20px;
}

.team-member-content h3 {
	margin: 15px 0 7px 0;
	padding: 0;
	font-size: 14px;
	color: #fff;
}

.team-member-content h4 {
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 11px;
	font-weight: normal;
	color: #666;
}

.team-member-focus {
	float: right;
	width: 301px;
	margin-bottom: 25px;
}

.team-member-focus img {
	display: block;
}

.team-member-focus p {
	padding: 7px 15px 7px 15px;
	margin: 0;
	font-size: 11px;
	line-height: 17px;
	color: #666;
	background-color: #333;
}

.team-member-focus p em {
	color: #999;
}


/* CONTACT
================================================== */

#directions-area {
	float: right;
	width: 299px;
	margin: 0 0 20px 20px;
}

#directions-head {
	height: 29px;
	margin-bottom: 1px;
	background-image: url(../images/template/directions_head_bg.gif);
	background-repeat: no-repeat;
}

#directions-head h3 {
	height: 29px;
	line-height: 29px;
	margin: 0 0 0 10px;
	padding: 0;
	background-image: url(../images/template/titles/directions_parking.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: -9999px;
	overflow: hidden;
}

#directions-content {
	padding: 15px;
	background-color: #333;
	background-image: url(../images/template/company_history_corner.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#map {
	height: 236px;
	border: 1px solid #666;
	margin-bottom: 20px;
}

.hash-border {
	height: 10px;
	background-image: url(../images/template/directions_hash_bg.gif);
	background-repeat: repeat-x;
	margin-bottom: 15px;
}


/* OUR WORK
================================================== */

#portfolio-nav-area {
	margin-bottom: 25px;
}

ul#portfolio-nav {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#portfolio-nav li {
	display: inline;
	margin: 0;
	padding: 0;
}

ul#portfolio-nav li a {
	display: block;
	float: left;
	height: 23px;
	margin: 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

a#portfolio-nav-web {
	width: 96px;
	background-image: url(../images/template/portfolio_nav/web_design.gif);
}

a#portfolio-nav-identity {
	width: 93px;
	background-image: url(../images/template/portfolio_nav/identity.gif);
}

a#portfolio-nav-print {
	width: 71px;
	background-image: url(../images/template/portfolio_nav/print.gif);
}

a#portfolio-nav-custom {
	width: 118px;
	background-image: url(../images/template/portfolio_nav/custom_work.gif);
}

a#portfolio-nav-all {
	width: 105px;
	background-image: url(../images/template/portfolio_nav/view_all.gif);
}

a#portfolio-nav-web:hover, a#portfolio-nav-identity:hover, a#portfolio-nav-print:hover, a#portfolio-nav-custom:hover, a#portfolio-nav-all:hover {
	background-position: 0 -23px;
}

a.portfolio-section {
	background-position: 0 -46px;
}

a.portfolio-section#portfolio-nav-web:hover, a.portfolio-section#portfolio-nav-identity:hover, a.portfolio-section#portfolio-nav-print:hover, a.portfolio-section#portfolio-nav-custom:hover, a.portfolio-section#portfolio-nav-all:hover {
	background-position: 0 -46px;
}

.ourwork-info {
	width: 620px;
	padding-right: 20px;
	margin-bottom: 30px;
}

.ourwork-info img {
	display: block;
}

.ourwork-info-content {
	padding: 10px 30px 0 30px;
	background-color: #222;
}

.ourwork-info-content p {
	color: #fff;
	line-height: 20px;
	margin: 0;
	padding: 0 0 16px 0;
}

.portfolio-item {
	float: left;
	height: 200px;
	width: 300px;
	margin-bottom: 30px;
}

.portfolio-item img { 
	display: block;
	height: 168px;
	width: 300px;
	padding-bottom: 1px;
	border: 0;
}

.portfolio-item h3 {
	height: 31px;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	margin: 0;
	padding: 0;
	background-image: url(../images/template/portfolio_item_bg.gif);
	background-repeat: no-repeat;
}

.portfolio-item h3 a {
	display: block;
	height: 31px;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	line-height: 31px;
	color: #fff;
	margin: 0;
	padding: 0 10px 0 25px;
}

#content-area .portfolio-item h3 a {
	color: #fff;
}

#sidebar-area {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 308px;
	overflow: hidden;
}

#sidebar-hidden, #sidebar {
	position: absolute;
	right: 0;
	top: 184px;
}

#sidebar {
	width: 308px;
}

#sidebar-hidden img, #sidebar img {
	display: block;
	border: 0;
}

#sidebar-thumbs {
	margin-bottom: 1px;
}

#sidebar-thumbs a, #sidebar-thumbs div.sidebar-thumb {
	display: block;
	float: left;
	height: 74px;
	width: 154px;
	background-image: url(../images/template/sidebar_thumb_bg.gif);
	background-repeat: no-repeat;
	border-bottom: 1px solid #eee;
}

#sidebar-thumbs a#first-sidebar-thumb, #sidebar-thumbs div#first-sidebar-thumb { background-image: url(../images/template/sidebar_thumb_corner_bg.gif) }

#sidebar-clients {
	background-image: url(../images/template/sidebar_woodgrain_bg.jpg);
	border-top: 1px solid #444;
	border-right: 1px solid #444;
}

#sidebar-clients-content {
	margin: 0;
	padding: 10px 10px 0 13px;
	border-left: 1px solid #444;
}

#sidebar-clients-content ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 10px;
	line-height: 15px;
	color: #caa27a;
}

#sidebar-clients-content ul li a { 
	text-decoration: none;
	color: #caa27a;
}

#client-dropdown {
	height:21px; 
	width:156px; 
	margin-top:55px; 
	margin-left: 20px;
	border: 1px solid #444;
}

#client-dropdown img {
	border: 0;
}

#client-details-area, #project-details-area {
	width: 299px;
	margin-bottom: 20px;
}

#client-details-head, #project-details-head {
	height: 29px;
	margin-bottom: 1px;
	background-image: url(../images/template/directions_head_bg.gif);
	background-repeat: no-repeat;
}

#client-details-head h3, #project-details-head h3 {
	height: 29px;
	line-height: 29px;
	margin: 0 0 0 10px;
	padding: 0;
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: -9999px;
	overflow: hidden;
}

#client-details-head h3 { background-image: url(../images/template/titles/background.gif) }
#project-details-head h3 { background-image: url(../images/template/titles/project_story.gif) }

#client-details-logo {
	height:131px;
	background-color:#fff;
	background-repeat: no-repeat;
	background-position: center;
}

#client-details-content, #project-details-content {
	padding: 15px;
	background-color: #333;
	background-image: url(../images/template/company_history_corner.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

p#project-details-info {
	padding-bottom: 30px;
	color: #999;
	background-image: url(../images/template/directions_hash_bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

p#project-details-info a {
	color: #fff;
}

#related-bucket {
	width: 299px;
	margin-bottom: 20px;
}

#related-bucket-head {
	display: block;
}

#related-bucket-content {
	padding: 0 15px 17px 15px;
	background-color: #861d21;
	background-image: url(../images/template/careers_bucket_corner.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	line-height: 20px;
	color: #daa8aa;
}

#related-bucket-content a { color: #daa8aa }
#related-bucket-content a:hover { color: #fff }

#our-work-flash { margin-bottom: 20px }

#page-nav-area {
	clear:both;
	margin-bottom:20px;
}

#page-nav-area a, #page-nav-area span {
	float: left;
	display: block;
	height: 17px;
	width: 34px;
	font-size: 11px;
	line-height: 17px;
	text-align: center;
	background-image: url(../images/template/page_nav_bg.gif);
	background-repeat: no-repeat;
}

#page-nav-area a {
	text-decoration: none;
	color: #ccc;
}

#page-nav-area span {
	color: #999;
}

#page-nav-area a:hover {
	color: #fff;
	background-position: 0 -17px;
}


/* SITEMAP
================================================== */

ul#sitemap-list, ul#sitemap-list ul {
	list-style-type: none;
	color: #666;
	margin: 0;
	padding: 0 20px;
}

ul#sitemap-list {
	font-size: 18px;
	padding-bottom: 20px;
}

ul#sitemap-list ul li {
	padding: 10px 0 0;
}

ul#sitemap-list ul ul li {
	padding: 3px 0 0;
}

ul#sitemap-list ul {
	font-size: 14px;
}

ul#sitemap-list ul ul {
	font-size: 12px;
}

ul#sitemap-list ul#sitemap-sub-list {
	padding-top: 15px;
}

ul#sitemap-list a {
	padding-left: 3px;
	color: #fff;
	text-decoration: none;
}

ul#sitemap-list a:hover {
	color: #f00;
	text-decoration: underline;
}


/* OUR MANTRA PAGES
================================================== */

h3.mantra-title {
	height: 19px;
	margin-top: 0;
	margin-bottom: 20px;
	padding-top: 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#mantra-title-you { background-image: url(../images/template/titles/mantra_you.gif) }
#mantra-title-do { background-image: url(../images/template/titles/mantra_do.gif) }
#mantra-title-what { background-image: url(../images/template/titles/mantra_what.gif) }
#mantra-title-you2 { background-image: url(../images/template/titles/mantra_you2.gif) }
#mantra-title-do2 { background-image: url(../images/template/titles/mantra_do2.gif) }
#mantra-title-well { background-image: url(../images/template/titles/mantra_well.gif) }
#mantra-title-let { background-image: url(../images/template/titles/mantra_let.gif) }
#mantra-title-everyone { background-image: url(../images/template/titles/mantra_everyone.gif) }
#mantra-title-know { background-image: url(../images/template/titles/mantra_know.gif) }


/* REQUEST A QUOTE 
================================================== */

#quote-request-form {
	margin: 0;
	padding: 20px 10px 30px 30px;
}

#quote-request-form .input-row {
	margin-bottom: 15px;
}

#quote-request-form .select-row {
	height: 50px;
}

#quote-request-form input.text, #quote-request-form textarea {
	position: relative;
	left: 150px;
	background: #1a1a1a;
	border: 1px solid #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
}

#quote-request-form input.text {
	width: 244px;
	padding: 5px 3px;
}

#quote-request-form input.check, #quote-request-form input.radio {
	margin-right: 10px;
}

#quote-request-form textarea {
	height: 60px;
	width: 300px;
}

#quote-request-form div.input-row label{
	position: absolute;
	display: block;
	width: 130px;
}

#quote-request-form div.input-row div {
	position: relative;
	left: 150px;
	width: 430px;
}

#quote-request-form div.input-row div label {
	position: static;
	width: 100%;
	font-size: 11px;
	color: #999;
}

#quote-request-form div.input-row label {
	padding-top: 5px;
}

#quote-submit {
	position: relative;
	left: 150px;
	height: 21px;
	width: 119px;
	margin-top: 10px;
	border: 1px solid #333;
}

#quote-submit:hover {
	border: 1px solid #666;
}

.input-row#quote-phone-row, .input-row#quote-need-row, .input-row#quote-contact-row {
	margin-bottom: 30px;
}

p.error-msg {
	color: #fff;
	background-color: #a00;
	margin: 0 0 15px 0;
	padding: 5px 10px;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
}



/* PRIVACY & TERMS OF USE
================================================== */

#privacy-title, #terms-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
}

#privacy-title {
	margin-top: 0;
}

#terms-title {
	margin-top: 40px;
}


/* FOOTER
================================================== */

#footer-area {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 50px;
	background-color: #000;
	padding-top: 15px;
	overflow: hidden;}

#footer {
	padding: 0 40px 0 30px;
}

#footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#footer li {
	display: inline;
	margin: 0;
	padding: 0;
}

#footer a {
	display: block;
	float: left;
	height: 35px;
	margin-right: 30px;
	font-size: 11px;
	line-height: 35px;
	text-decoration: none;
	color: #666;
	background-repeat: no-repeat;
	background-position: 0 50%;
	text-indent: -9999px;
	overflow: hidden;
}

#footer a#sitemap-link {
	width: 42px;
	background-image: url(../images/template/sitemap_link.gif);
}

#footer a#privacy-link {
	width: 109px;
	background-image: url(../images/template/privacy_link.gif);
}

#footer img#copyright {
	float: right;
	margin-top: 15px;
}