/*--Main--*/
html, body {
	margin: 0px; 
	padding: 0px;
	text-align: center;
	height: 100%;
}

/*Opera Fix*/
body:before {
	content: "";
	height: 100%;
	float: left;
	width: 0px;
	margin-top: -32767px;
}

body#small_banner {
	background-position: 50% 200px;
}

.inner {
	text-align: left;
	margin-left: auto; 
	margin-right: auto; 
	width: 930px;
}

p.skip {
	position: absolute; 
	left: -9999px; 
	width: 0px; 
	overflow: hidden;
}

.pagination {
	padding-top: 10px;
	float: right;
}

.clear {
	clear: both;
}	

/*--Notices--*/
#flash_notice, #flash_error, #flash_message {
  padding: 5px 8px;
  margin: 5px 0px;
}

#flash_notice, #flash_message {
  background-color: #CFC;
  border: solid 1px #6C6;
  color: #066f3b;
}

#flash_error, #flash_message {
  background-color: #FCC;
  border: solid 1px #C66;
  color: #8f1818;
}


/*--Links--*/
a[href $='.pdf']:link, a[href $='.pdf']:visited, a[href $='.pdf']:active {
	background-image: url(../images/download_icon_pdf.gif); 
	background-repeat: no-repeat; 
	padding: 0px 0px 2px 18px; 
	margin-left: 3px;
}

a[href $='.pdf']:hover {
	color: #000000;
}

a[href $='.doc']:link, a[href $='.doc']:visited, a[href $='.doc']:active, a[href $='.xls']:link, a[href $='.xls']:visited, a[href $='.xls']:active {
	background-image: url(../images/download_icon_plain.gif); 
	background-repeat: no-repeat; 
	padding: 0px 0px 2px 18px;
	margin-left: 3px;
}

a[href $='.doc']:hover, a[href $='.xls']:hover {
	color: #000000; 
}

a.more:link, a.more:visited, a.more:active {
	background-image: url(../images/more.gif);
	background-repeat: no-repeat;
	display: block;
	width: 83px;
	height: 42px;
	text-indent: -9999px;
}

a.more:hover {
	background-position: -83px 0px;
}

a.more_sm:link, a.more_sm:visited, a.more_sm:active {
	background-image: url(../images/more_sm.gif);
	background-repeat: no-repeat;
	display: block;
	width: 64px;
	height: 32px;
	text-indent: -9999px;
}

a.more_sm:hover {
	background-position: -64px 0px;
}


/*--Fonts--*/
.font_xlarge {
	font-size: 26px;
	line-height: 28px;
	font-weight: bold;
	letter-spacing: 0.07em;
}

.font_large {
	font-size: 17px;
	line-height: 22px;
	letter-spacing: 0.04em;
}

.font_med {
	font-size: 15px;
	line-height: 20px;
	letter-spacing: 0.02em;
}

.font_white {
	color: #FFFFFF;
}
	

/*--Navigation--*/
.top {
	height: 65px;
	background-color: #FFFFFF;
	padding-top: 20px;
}

.logo {
	float: left;
}

.navigation {
	float: right;
	font-size: 16px;
	letter-spacing: 0.02em;
	margin-top: 18px;
	width: 600px;
	text-align: right;
}

.navigation a:link, .navigation a:visited, .navigation a:active {
	color: #000000; 
	text-decoration: none; 
	font-weight: normal;
	padding-left: 17px;
}

.navigation a:hover {
	color: #f99d20; 
	text-decoration: none; 
	font-weight: normal;
}

.navigation a.highlight:link, .navigation a.highlight:visited, .navigation a.highlight:hover, .navigation a.highlight:active {
	color: #f99d20;
}

/*--Sub Navigation--*/
.left ul {
	padding: 0px;
	margin: 8px 0px 0px 0px;
	list-style-type: none;
}

.left li {
	padding: 0px 0px 20px 0px;
	margin: 0px;
}

.left ul li a:link, .left ul li a:visited, .left ul li a:active {
	color: #ffffff; 
	text-decoration: none; 
	font-weight: bold;
	font-size: 16px;
	line-height: 21px;
}

.left ul li a:hover {
	color: #f99d20; 
	text-decoration: none; 
	font-weight: bold;
	border-bottom: 2px dashed #FFFFFF;
}

.left ul li a.highlight:link, .left ul li a.highlight:visited, .left ul li  a.highlight:hover, .left ul li a.highlight:active {
	color: #f99d20; 
	border-bottom: 2px dashed #FFFFFF;
}

/*--Top Image--*/
.top_image {
	height: 453px;
	background-repeat: no-repeat;
	background-position: 50% 0px;
}

#welcome {
	background-image: url(../images/top_image_welcome.jpg);
}
#about {
	background-image: url(../images/top_image_about.jpg);
}
#what {
	background-image: url(../images/top_image_what.jpg);
}
#what p {
	clear: both;
	margin: 0px;
	padding: 99px 0px 0px 87px;
}
#what .inner div {
	position: relative;
	width: 820px;
	top: 62px;
	left: 107px;
}
#what a:link, #what a:visited, #what a:active {
	text-indent: -9999px;
	width: 162px;
	height: 107px;
	display: block;
	background-repeat: no-repeat;
	float: left;
	display: inline;
	margin: 0px 42px 0px 0px;
}
#what a:hover {
	background-position: -162px 0px;
}
.what_button_print {
	background-image: url(../images/what_button_print.jpg);
}
.what_button_digital {
	background-image: url(../images/what_button_digital.jpg);
}
.what_button_social {
	background-image: url(../images/what_button_social.jpg);
}
.what_button_training {
	background-image: url(../images/what_button_training.jpg);
}
.what_button_seo {
	background-image: url(../images/what_button_seo.jpg);
}
.what_button_strategic {
	background-image: url(../images/what_button_strategic.jpg);
}
.what_button_campaigns {
	background-image: url(../images/what_button_campaigns.jpg);
}

#what_digital {
	background-image: url(../images/top_image_what_digital.jpg);
}
#what_events {
	background-image: url(../images/top_image_what_events.jpg);
}
#what_print {
	background-image: url(../images/top_image_what_print.jpg);
}
#what_seo {
	background-image: url(../images/top_image_what_seo.jpg);
}
#what_social {
	background-image: url(../images/top_image_what_social.jpg);
}
#what_strategic {
	background-image: url(../images/top_image_what_strategic.jpg);
}
#what_training {
	background-image: url(../images/top_image_what_training.jpg);
}
#portfolio {
	background-image: url(../images/top_image_portfolio.jpg);
}
#portfolio .inner div {
	position: relative;
	width: 498px;
	top: 38px;
	left: 184px;
}

#portfolio .inner div img {
	margin-bottom: 8px;
}

#portfolio a:link, #portfolio a:visited, #portfolio a:active {
	color: #000000; 
	text-decoration: none; 
	font-weight: bold;
}

#portfolio a:hover {
	color: #f99d20; 
	text-decoration: underline; 
	font-weight: bold;
}

#portfolio_show {
	background-image: url(../images/top_image_portfolio_show.jpg);
	height: 134px;
}


#contact {
	background-image: url(../images/top_image_contact.jpg);
}

#contact .inner div {
	position: relative;
	width: 280px;
	top: 55px;
	left: 590px;
	color: #ffffff;
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	text-align: center;
}


/*--Breadcrumbs--*/
.breadcrumbs {
	background-color: #000000;
	padding: 5px 0px 5px 0px;
	font-size: 11px;
	color: #FFFFFF;
}

/*--Titles--*/
.title_welcome {
	background-image: url(../images/title_welcome.gif);
	height: 73px;
}
.title_about {
	background-image: url(../images/title_about.gif);
	height: 69px;
}
.title_what {
	background-image: url(../images/title_what.gif);
	height: 59px;
}
.title_digital {
	background-image: url(../images/title_digital.gif);
	height: 74px;
}
.title_campaigns {
	background-image: url(../images/title_campaigns.gif);
	height: 65px;
}
.title_seo {
	background-image: url(../images/title_seo.gif);
	height: 70px;
}
.title_social {
	background-image: url(../images/title_social.gif);
	height: 61px;
}
.title_strategic {
	background-image: url(../images/title_strategic.gif);
	height: 68px;
}
.title_print {
	background-image: url(../images/title_print.gif);
	height: 54px;
}
.title_training {
	background-image: url(../images/title_training.gif);
	height: 77px;
}
.title_our {
	background-image: url(../images/title_our.gif); 
	height: 59px;
}
.title_get {
	background-image: url(../images/title_get.gif); 
	height: 53px;
}
.title_accessibility {
	background-image: url(../images/title_accessibility.gif); 
	height: 77px;
}
.title_site {
	background-image: url(../images/title_site.gif); 
	height: 67px;
}
.title_thank {
	background-image: url(../images/title_thank.gif); 
	height: 72px;
}

/*--Content--*/
.maincontainer {
	min-height: 100%;
}

.content_wrap {
	overflow: auto;
	padding-bottom: 86px;
}

#content {
	line-height: 18px;
	padding: 40px 0px 70px 0px;
	letter-spacing: 0.05em;
}

.content_middle {
	float: left;
	width: 464px;
	margin-right: 35px;
}

.content_right {
	float: left;
	width: 735px;
}

.left {
	float: left;
	display: inline;
	width: 160px;
	margin-right: 35px;
}


.content_left {
	float: left;
	width: 600px;
	margin-right: 99px;
}


.right {
	float: left;
	width: 231px;
}


/*--Include Files--*/
.title_latest_work {
	background-image: url(../images/title_latest_work.gif);
	height: 29px;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

.title_share_stuff {
	background-image: url(../images/title_share_stuff.gif);
	height: 52px;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

.title_what_you_say {
	background-image: url(../images/title_what_you_say.gif);
	height: 34px;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

.twitter {
	background-image: url(../images/twitter_bg.gif);
	width: 191px;
	height: 104px;
	padding: 10px 10px 0px 30px;
	color: #333333;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0em;
}

.twitter ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.twitter span {
	display: block;
	padding-bottom: 2px;
}

.twitter a:link, .twitter a:visited, .twitter a:active {
	color: #f99d20; 
	text-decoration: none; 
	font-weight: bold;
}

.twitter a:hover {
	color: #000000; 
	text-decoration: underline; 
	font-weight: bold;
}


.testimonial {
	background-image: url(../images/testimonial_bg.gif);
	width: 191px;
	height: 155px;
	padding: 10px 20px 0px 20px;
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 13px;
	line-height: 17px;
}

/*--About Us--*/
.main_content_left {
	float: left;
	width: 230px;
}

.main_content_left h2 {
	margin-top: 0px;
	padding-top: 0px;
}

.main_content_left h2 span {
	display: block;
	font-weight: normal;
	font-size: 17px;
}

.main_content_right {
	float: left;
	width: 700px;
}

.intro {
	color: #f99d20;
	font-weight: bold;
	font-size: 18px;
	line-height: 24px;
	float: left;
	display: inline;
	width: 215px;
	height: 215px;
	margin-right: 15px;
}

.team {
	width: 343px;
	float: left;
	display: inline;
	margin: 10px 14px 25px 0px;
}

.team_email {
	padding: 7px 30px 7px 30px;
	height: 20px;
	background-color: #000000;
}

.team_email span {
	float: left;
}

.team_email img {
	float: right;
	margin-top: 3px;
}

.team_text {
	background-color: #000000;
	padding: 0px 30px 20px 30px;
	color: #FFFFFF;
	clear: left;
	position: relative;
	top: 0px;
	left: 0px;
	display: block;
}


/*--Footer--*/

.footer {
	padding-top: 10px;
	height: 76px;
	color: #ffffff; 
	clear: both;
	background-color: #000000;
	margin-top: -86px;
}

.footer_left {
	float: left;
	width: 230px;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.08em;
}

.footer_right {
	float: right;
	width: 670px;
	font-size: 11px;
	text-align: right;
}

.footer p {
	padding: 4px 0px 4px 0px;
}

.footer a:link, .footer a:visited, .footer a:active {
	color: #ffffff; 
	text-decoration: none; 
	font-weight: bold;
}

.footer a:hover {
	color: #ffffff; 
	text-decoration: underline; 
	font-weight: bold;
}

.tel, .email {
	display: block;
	padding: 0px 0px 0px 20px;
	background-repeat: no-repeat;
}

.tel {
	background-image: url(../images/tel_black.gif);
}

.email {
	background-image: url(../images/email_black.gif);
}

/*--Forms--*/
form {
	padding: 0px; 
	margin: 0px;
}

form p {
	margin: 4px 0px 4px 0px; 
	padding: 0px;
}

form p label {
	color: #FFFFFF;
	font-size: 14px;
	line-height: 22px;
}

form input {
	font-size: 14px;
	padding: 17px; 
	color: #999999; 
	background-color: #FFFFFF; 
	border: 3px solid #333333; 
	width: 260px;
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
}

form textarea {
	font-size: 14px;
	padding: 17px;  
	color: #999999; 
	background-color: #FFFFFF; 
	border: 3px solid #333333;  
	width: 340px; 
	height: 138px; 
	font-family: Tahoma, Arial, sans-serif; 
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
	letter-spacing: 0.05em;
}

form select {
	background-color: #FFFFFF; 
	border: 1px solid #000000; 
	font-size: 12px;
	padding: 3px 5px 3px 5px; 
}

form fieldset {
	border: 1px solid #CCCCCC; 
	padding: 10px; 
	position: relative; 
	margin-bottom: 10px;
}

form legend {
	padding: 2px 3px 2px 3px; 
	border: 1px solid #CCCCCC; 
	background-color: #EEEEEE;
}

form input.checkbox {
	color: #000000; 
	background-color: transparent; 
	border: 0px; 
	width: 14px;
}

form input.radio {
	color: #000000; 
	background-color: transparent; 
	border: 0px; 
	width: 14px;
}

form input.submit { 
	float: right; 
	color: #FFFFFF;  
	background-color: transparent; 
	border: 0px; 
	padding: 0px;  
	font-size: 18px;
	font-weight: bold;
	background-image: url(../images/send.gif);
	width: 83px;
	height: 42px;
	cursor: pointer;
}

/*--Tables--*/
table, tr, td {
	font-family: Arial, Tahoma, sans-serif; 
	font-size: 12px;
}

table {
	border-collapse: collapse; 
	margin: 10px 0px 10px 0px;
}

td {
	text-align: left; 
	padding: 5px; 
	border: 1px solid #000000;
}

th {
	font-weight: bold; 
	text-align: left; 
	padding: 10px 5px 10px 5px; 
	border: 1px solid #000000;
}


/*--Home--*/
.a_b {
	float: left;
	display: block;
	width: 70px;
	height: 65px;
	text-align: right;
	margin: 5px 30px 20px 0px;
}

/*--What We Do--*/
.what_we_do div {
	width: 200px;
	float: left;
	display: inline;
	margin: 0px 40px 20px 0px;
	height: 250px;
}

.what_we_do h2 {
	font-size: 18px;
}	

h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {
	color: #FFFFFF;
}


/*--Portfolio--*/
.portfolio_list div {
	float: left;
	display: inline;
	background-image: url(../images/portfolio_list_bg.gif);
	background-repeat: no-repeat;
	width: 231px;
	height: 210px;
	margin: 0px 7px 14px 7px;
}

#portfolio_no_margin div {
	margin: 10px 0px 0px 0px;
}

.portfolio_list div img {
	margin: 8px 0px 14px 7px;
}

.portfolio_show_left {
	float: left;
	width: 231px;
	margin-right: 40px;
}

.portfolio_show_left h2 {
	font-size: 16px;
	margin: 0px;
	padding: 0px;
}

.portfolio_show_left h3 {
	font-size: 12px;
	margin: 4px 0px 0px 0px;
	padding: 4px 0px 0px 0px;
}

.portfolio_show_left h4 {
	font-size: 11px;
}

.portfolio_show_right {
	float: left;
	width: 659px;
}

.portfolio_title {
	color: #FFFFFF;
}

.portfolio_title span {
	color: #cccccc;
	font-weight: bold;
}



.paging_arrows {
	padding: 0px;
	margin: 0px;
	float: right;
	width: 115px;
	text-align: center;
	height: 85px;
}

a.back:link, a.back:visited, a.back:active {
	background-image: url(../images/arrow_back.gif);
	height: 57px;
	width: 50px;
	background-repeat: no-repeat;
	display: block;
	float: left;
}

a.back:hover {
	background-position: -50px 0px;
}

a.next:link, a.next:visited, a.next:active {
	background-image: url(../images/arrow_next.gif);
	height: 57px;
	width: 50px;
	background-repeat: no-repeat;
	display: block;
	float: left;
	background-position: -50px 0px;
	margin-left: 15px;
}

a.next:hover {
	background-position: -0px 0px;
}

/*--Get In Touch--*/
.col_1 {
	float: left;
	display: inline;
	width: 170px;
	margin-right: 30px;
}

.col_2 {
	float: left;
	display: inline;
	width: 245px;
	font-size: 18px;
	color: #f99d1c;
	font-weight: bold;
	margin-right: 30px;
}

.col_2 h3, .col_3 h3 {
	margin: 0px;
	padding: 0px;
}

.col_3 {
	float: left;
	display: inline;
	width: 220px;
}