/***** -~-~-~ LAYOUT ~-~-~- *****/

/*** Print ***/

#print-header {
	display: none;
}

/*** Site Container and Dimensions ***/

/* Sticky Footer Solution by Steve Hatcher
http://stever.ca and http://www.cssstickyfooter.com */

* {
	margin: 0;
	padding: 0;
}

/* Must declare 0 margins on everything. Also for main layout components use padding, not
vertical margins (top and bottom) to add spacing, else those margins get added to total height
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser. */

html, body, #container {
	height: 100%;
}

body > #container {
	height: auto;
	min-height: 100%;
}

#main {
	padding-bottom: 53px; /* must be same height as the footer */
}

#container,
#header {
	margin: 0 auto;
}


/*** Observance ***/

#patty {
	background-image: url(../images/observances/2010/march-patty/bottom-clovers.jpg);
	background-repeat: no-repeat;
	background-position: 440px 5px;
	position: relative;
}

#patty img.clover {
	position: absolute;
}

.one {
	right: 350px;
	top: 80px;
}

.two {
	right: 170px;
	top: 55px;
}

.three {
	right: 0px;
	top: 65px;
}

#observance {
	display: block;
	float: right;
	width: 520px;
	height: 69px;
	position: absolute;
	top: 40px;
	left: 408px;
}

/* Makes List Align Properly in Firefox 3 */
html>/**/body #effective-communication, x:-moz-any-link, x:default {
	left: 430px;
}/* End Firefox 3 Hack */


a:hover#effective-communication, 
a:focus#effective-communication, 
a:active#effective-communication {
	outline: none;
}

/*** Header ***/

hr#separator {
	background-color: #B9D5E1;
	border-bottom: none;
	border-top: 4px solid #B9D5E1;
	border-width: 1px 0;
	clear: both;
	color: #B9D5E1; /* Older versions of IE use the `color` attribute to style <hr> */
	height: 4px;
	line-height: 1px;
	margin: 0;
	position: absolute;
}

#header {
	/*background-color: #FFF;*/ /*For when there is no observance */
	background: #FFF url(../images/observances/2010/july-ac-month.jpg) no-repeat 10% 3px; /* This is for Air Conditioning Awareness Days Observance */
	/*background:  #FFF url(../images/observances/2010/july-independence-day.jpg) no-repeat 10% 3px; /* This is for Independence Day Observance */
	/*background:  #FFF url(../images/observances/2010/june-EffectiveCommunicationMth.jpg) no-repeat 10% 4px;*/ /* This is for Effective Communication Observance */
	/*background: #FFF url(../images/observances/2010/apr-jazz-appreciation.jpg) no-repeat 100% 4px;*/ /* This is for the Jazz Appreciation Observance */
	/*background: #FFF url(../images/observances/2010/may-geek-pride-day.jpg) no-repeat 90% 4px; /* This is for the Geek Pride Day Observance */
	width: 950px;
}
#observance-container {
	position: relative;
}

#header #mudbug-media-logo {
	padding: 17px 20px 23px 20px;
}

/* Speech Bubbles */

.bubble-callout {
	clear: right;
	float: right;
	margin-top: 3px;
}

#bubble-were-hiring {
	margin-right: 169px;
}

.bubble-callout a:hover,
.bubble-callout a:focus,
.bubble-callout a:active {
	outline: none;
}

/*** Navigation: Primary ***/

#nav-primary {
	background: url(../images/layout/nav-primary-bg.png) repeat-x 0 0 #404040;
	height: 42px;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

#nav-primary ul {
	color: #FFF;
	font-size: 1.3846em; /* 13x.1.3846=18px */
	list-style-type: none;
	margin: 0px auto;
	padding: 0px;
	width: 950px;
}

#nav-primary li {
	float: left;
	line-height: 42px;
}

#nav-primary li.nav-divider,
#nav-primary li.nav-divider:hover {
	background: url(../images/layout/nav-primary-divider.png) no-repeat;
	width: 2px;
}

#nav-primary li.first {
	margin-left: 20px;
}

#nav-primary li a:link,
#nav-primary li a:visited,
#nav-primary li a:active {
	background: url(../images/layout/nav-primary-bg.png) repeat-x 0px 0px;
	display: block;
	color: #FFF;
	font-weight: normal;
	padding: 0px 62px;
	text-decoration: none;
}

#nav-primary li.nav-spacer a:link,
#nav-primary li.nav-spacer a:visited,
#nav-primary li.nav-spacer a:active { /* This fix is to get the nav to span across the entire width of the site */
	padding: 0px 63px;
}

#nav-primary li a:hover {
	background: url(../images/layout/nav-primary-bg-hover.png) repeat-x 0 0;
	color: #FFF;
	text-decoration: none;
}

#nav-primary li a:hover,
#nav-primary li a:focus,
#nav-primary li a:active {
	outline: none;
}

/*** Navigation: Secondary ***/

#nav-secondary {
	background: url(../images/layout/nav-secondary-bg.png) repeat-x 0 0;
	float: right;
	height: 35px;
	margin: 4px 20px 0 0;
	padding: 0;
	text-transform: uppercase;
}

#nav-secondary ul {
	color: #333334;
	font-size: .8461em;  /* 13x.8461=11px */
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#nav-secondary li {
	float: left;
	line-height: 3.1818em; /* 11x3.1818=35px */
}

#nav-secondary li.first,
#nav-secondary li.last {
	height: 35px;
	width: 4px;
}

#nav-secondary li.first {
	background: url(../images/layout/nav-secondary-left.png) no-repeat;
}

#nav-secondary li.last {
	background: url(../images/layout/nav-secondary-right-alt.png) no-repeat;
}

#nav-secondary li.nav-divider,
#nav-secondary li.nav-divider:hover {
	background: url(../images/layout/nav-secondary-divider.png) no-repeat;
	width: 2px;
}

#nav-secondary li a:link,
#nav-secondary li a:visited,
#nav-secondary li a:active {
	background: url(../images/layout/nav-secondary-bg.png) repeat-x 0 0;
	color: #333334;
	display: block;
	padding: 0 10px;
	text-decoration: none;
}

#nav-secondary li.alternative a:link,
#nav-secondary li.alternative a:visited,
#nav-secondary li.alternative a:active {
	background: url(../images/layout/nav-secondary-bg-alt.png) repeat-x 0 0;
	color: #99332C;
}

#nav-secondary li a:hover {
	color: #99332C;
	text-decoration: none;
}

#nav-secondary li.alternative a:hover {
	color: #333334;
	text-decoration: none;
}

#nav-secondary li a:hover,
#nav-secondary li a:focus,
#nav-secondary li a:active {
	outline: none;
}

/*** Content ***/

#content {
	margin: 0 auto;
}

/*** Content: Primary ***/

.content-primary-bg {
	background: url(../images/layout/content-primary-bg.jpg) repeat-x;
	border-top: 1px solid #DCECF3;	
	height: 248px;
}

.content-primary {
	background: url(../images/layout/content-primary.jpg) no-repeat;
	height: 208px;
	margin: 0 auto;
	padding: 20px 40px;
	position: relative;
	width: 910px;
}

/* Homepage Specific: Primary Content */

.home-what-we-do h1,
.portfolio-landing h1,
.start-project-landing h1,
.email-landing h1,
.blog-landing h1 {
	background: none;
	color: #254C6B;
	font-size: 2.5384em; /* 13x2.5384=33px */
	padding: 0;
	margin-bottom: 10px;
}

.blog-landing h1 {font-size:4.385em; color: #95352E; margin:-10px 0px 24px 5px;}

.home-what-we-do,
.blog-landing {
	padding-top: 5px;
	margin-left: 360px;
}

.services.home-what-we-do {
	margin-bottom: 20px;
}

.home-what-we-do-main {
	font-size: 1.423em; /* 13x1.4615=19px */
	line-height: 1.4210em; /* 19x1.4210=27px */
 	margin-left: 425px;
}

.home-what-we-do-main h1 {
	font-size: 1.7368em; /* 19x1.7368=33px - based on 19 because thats what was set  */
}

/*** Content: Secondary ***/

.content-secondary {
	margin: 0 auto;
	padding: 20px 40px;
	width: 910px;
}

/*** Footer ***/

#footer {
	background: url(../images/layout/footer-bg.jpg) repeat #717171;
	color: #FFF;
	clear: both;
	height: 53px;
	margin-top: -53px; /* negative value of footer height */
	position: relative;
}

#footer #footer-content {
	background: url(../images/layout/footer.jpg) no-repeat 0 0;
	height: 53px;
	margin: 0 auto;
	width: 950px;
}

#footer ul {
	list-style-type: none;
	margin: 0 0 0 20px;
	padding: 10px 0 0 0;
}

#footer li {
	float: left;
}

#footer li.footer-divider {
	background: url(../images/layout/footer-divider.png) no-repeat;
	height: 32px;
	margin: 0 17px;
	width: 2px;
}

#footer h5 { /* Mudbug Media, Inc. */
	font-size: 1.0769em; /* 13x1.0769=14px */
	font-weight: bold;
}

#footer ul p { /* Design + Marketing + Programming */
	font-size: .8461em;  /* 13x.8461=11px */
	line-height: 1.6363em;	/* 11x1.6363=18px */
	margin: 0;
	text-transform: uppercase;
}

address {
	font-style: normal;
}

#footer address {
	font-size: .8461em;  /* 13x.8461=11px */
	line-height: 1.5454em;	/* 11x1.5454=17px */
}

#footer li#twitter-bird {
	padding-left: 175px;
}

#footer li#twitter-content {
	font-size: .9090em; /* 11x.9090=10px */
}

#footer li#twitter-content p a {
	font-weight: normal;
}

#footer li#twitter-content strong {
	font-size:  1.6em; /* 10x1.6=16px */
	line-height: 1.125em; /* 16x1.125=18px */
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
}

#footer a:link,
#footer a:visited,
#footer a:active {
	color: #FFF;
	text-decoration: none;
}

#footer a:hover {
	color: #B9D5E1;
	text-decoration: none;
}

/*** Clear Fix ***/

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix  { display: block; }
/* End hide from IE-mac */


/***** -~-~-~ BUTTONS ~-~-~- *****/

button {
	border: 0;
	cursor: pointer;
	font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 0 12px 0 0;
	text-align: center;
}

button span {
	color: #FFF;
	display: block;
	padding: 0 0 0 12px;
	position: relative;
	white-space: nowrap;
}

button.default span,
button.bubble span {
	height: 30px;
	line-height: 30px;
	padding-left: 12px;
}

/* Content Secondary Buttons - White Background */

button.default {
	background:  url(../images/buttons/default-btn-rt.png) right no-repeat;
}

button.default span {
	background:  url(../images/buttons/default-btn-lt.png) left no-repeat;
}

button.default:hover {
	background:  url(../images/buttons/default-btn-rt-hover.png) right no-repeat;
}

button.default:hover span {
	background:  url(../images/buttons/default-btn-lt-hover.png) left no-repeat;
}

/* Bubble Background Buttons - Tan Background */

button.bubble {
	background:  url(../images/buttons/default-btn-rt-bubble.png) right no-repeat;
}

button.bubble span {
	background:  url(../images/buttons/default-btn-lt-bubble.png) left no-repeat;
}

button.bubble:hover {
	background:  url(../images/buttons/default-btn-rt-bubble-hover.png) right no-repeat;
}

button.bubble:hover span {
	background:  url(../images/buttons/default-btn-lt-bubble-hover.png) left no-repeat;
}

/* Button Hover */

button:hover a {
	text-decoration: none;
}

/***** -~-~-~ CONTENT ~-~-~- *****/

body {
	background-color: #FFF;
	color: #333;
	font: normal 81.25%/1.3846em Arial, Helvetica, sans-serif;  /* Default Browser 16px reduced to 13px */ /* 13x1.3846=18px for Line Height */
	margin: 0;
}

h1,
body#main-index #content h2,
.team-divider h2 {
	background: url(../images/layout/double-border.gif) repeat-x 0 34px;
	color: #333334;
	font-size: 1.7692em; /* 13x1.7692=23px */
	margin: 0;
	line-height: 1.3043em; /* 23x1.3043=30px */
	padding: 0 0 24px 0;
	text-transform: none;
}

.main-header h1 {
	background: none;
	padding-bottom: 10px;
}

h2 {
	color: #254c6b;
	font-size: 1.3846em; /* 13x.1.3846=18px */
	line-height: 1.2222em; /* 18x.1.2222=22px */
	margin: 0 0 10px 0;
	text-transform: uppercase;
}

h3 {
	margin: 0 0 20px 0;
}

.form-fields {
	display: none;
}

/*** Paragraphs ***/

p {
	margin: 0 0 15px 0;
}

/*** Lists ***/

ul, ol {
	margin: 3px 0 25px 0;
}

ul {
	padding-left: 35px;
}

ol {
	padding-left: 18px;
}

/* Big Red Numbered Ordered List */

ol.emphasis {
	color: #99332C;
	font-size: 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-left: 0;
	padding-left: 37px;
}

/* Makes List Align Properly in Firefox 3 */
html>/**/body ol.emphasis, x:-moz-any-link, x:default {
	padding-left: 30px;
}/* End Firefox 3 Hack */


ol.emphasis li {
	margin: 0;
	padding: 0;
}

ol.emphasis li h2 {
	color: #254c6b;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 8px 0;
	text-transform: uppercase;
}

ol.emphasis p {
	color: #333;
	font: 13px/18px Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
}

/* Unordered List inside Big Red Numbered Ordered List */

ol.emphasis ul {
	color: #333;
	font: 13px/18px Arial, Helvetica, sans-serif;
	list-style-type: disc;
	margin: 3px 0 25px 0;
	padding-left: 16px;
}

/* Makes List Align Properly in Firefox 3 */
html>/**/body ol.emphasis ul, x:-moz-any-link, x:default {
	padding-left: 15px;
}/* End Firefox 3 Hack */

/*** Emphasis ***/

em {
	font-style: italic;
}

strong {
	font-size: 120%;
	font-weight: normal;
	line-height: 22px;
}

.services strong {
	font-size: 114%;
	line-height: 18px;
}

.services-emphasis strong {
	color: #999;
}

.allcaps {
	font-size: .8461em;  /* 13x.8461=11px */
	text-transform: uppercase;
	line-height: 14px;
}

.titlecase {
	font-size: .8461em;  /* 13x.8461=11px */
	text-transform:capitalize;
	line-height: 14px;
	
}

.allcaps-header {
	font-size: .5em; /* Had to have a different size based on the h1 */
	text-transform: uppercase;
}

/*** Main Links ***/

a:link,
a:visited,
a:active {
	background-color: transparent;
	color: #99332C;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #254C6B;
	text-decoration: none;
}

a {
	outline: none;
}

/*** Superscripts and Subscripts ***/

sup, sub {
	position: relative;
	vertical-align: 0;
}

sup {
	bottom: 1ex;  /* x-height */
}

sub {
	top: 0.8ex;  /* x-height */
}

/*** Horizontal Rules ***/

hr {
	background-color: #FFF;
	border-bottom: none;
	border-top: 1px solid #D7D7D7;
	border-width: 1px 0;
	color: #D7D7D7; /* Older versions of IE use the `color` attribute to style <hr> */
	height: 1px;
	line-height: 1px;
	margin: 0 0 18px 0;
	width: 100%;
}

/*** Images ***/

.imagespacert {
	float: right;
	margin: 0 0 15px 15px;
}

.imagespacelt {
	float: left;
	margin: 0 15px 15px 0;
}

.icon-border { /* for icons next to headers */
	border-right: 1px solid #D7D7D7;
	float: left;
	margin: 0 12px 0 0;
	padding-right: 10px;
	vertical-align: bottom;
}

/*** Forms ***/

/* Half Page Form */

.form-half-page {
	background: url(../images/contact/contact-bubble-middle.gif) repeat-y;
	width: 452px;
}

.form-half-page form {
	padding: 20px;
}

/* Global Form Styles */

.form th {
	text-align: right;
	font-weight: bold;
	padding: 0 11px 0 0;
}

.form td {
	padding: 0 5px 11px 5px;
}

.fieldcell, .form textarea {
	background: #FFF;
	border: solid 1px #999;
	padding: 6px;
	font: normal 110% Helvetica, Arial,  sans-serif;
	letter-spacing: 0.5px;
}

.form_file {
	padding: 3px;
}

.form-instructions,
.form th .form-instructions {
	color: #254c6b;
	font: italic normal 12px Georgia, "Times New Roman", Times, serif;
	padding-top: 5px;
}


/***--***-- Home Page --***--***/

.home-featured {
	width: 577px;
}

.home-featured ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.home-featured li {
	float: left;
	line-height: 16px;
	margin-right: 19px;
}

.home-featured li.last {
	margin-right: 0;
}

.home-featured ul img,
.portfolio-landing ul img {
	padding-bottom: 5px;
}

.home-blog,
.mudbugisms {
	float: right;
	width: 293px;
}

.thought-bubble {
	background: url(../images/home/thought-bubble-middle.gif) repeat-y;
}

.thought-bubble-content {
	padding: 10px 15px;
}

.thought-bubble-content h3 {
	font-size: 1.1538em; /* 13x1.1538=15px */
	font-weight: bold;
	margin-bottom: 2px;
	padding-bottom: 0;
}

.thought-bubble-content p {
	padding-top: 10px;
}

.coda-slider {
	float: left;
	width: 370px;
	height: 208px;
	position: relative;
}

.coda-slider p {
	font-size: 12px;
	margin: -3px 0 0 0;
	padding: 0;
}

.coda-slider h3, .box1 h3 {
	font-weight: normal; 
	color:#254C6B;
	font-size: 19px;
	font-weight: normal;
	margin-bottom: 0;
	padding-bottom: 0;
}

.coda-slider h3 {
	padding-top: 10px;
	padding-bottom: 4px;
}

.content-primary .scroll {
	height: 208px;
	width: 355px;
	overflow: hidden;
	position: relative;
	clear: left;
}

.scroll-container {
	position: relative;
}

.panel {
	/* padding: 0 20px; */
	margin: 0 auto;
	height: 168px;
	width: 321px;
	float: left;
	position: relative;
	left: -10px;
}

.scroll-buttons {
	position: absolute;
	top: 85px;
	cursor: pointer;
}

#scroll-button-left {
	left: -20px;
}

#scroll-button-right {
	right: -5px;
}

.team-main,
.contact-main {
	width: 300px;
	float: left;
	margin-top: -18px;
}

/***--***-- Our Services --***--***/

#services-start-button {
	padding-left: 25px;
}
#services-simple-arrow {
	padding-left: 80px;
}
#services-right {
	float: right;
	margin-left:25px;
	width: 285px;
}
h2#services-h2s {
	text-transform: capitalize;
}
.services-hr {
	color: #dedede;
	margin: 20px -15px 20px -15px;
	width: 292px;
}

	
/***--***-- 10 Good Deeds --***--***/

.good-deed {
	float: left;
	width: 400px;
	border: #CCC 1px solid;
	padding: 20px;
	height: 210px;
	margin-bottom: 20px;
}

.good-deed img {
	float:right;
	margin: 0 0  10px 10px;
}

.good-deed.left {
	margin-right: 20px;
}

.good-deed.counting h2 {
	font-size: 200%;
	text-transform:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #99332C;
	padding-bottom: 5px;
}

.good-deed.counting {
	background-color: #efefef;
}

/***--***-- The Team --***--***/

.team-bios {
	float: right;
	margin: 7px  15px 25px;
	width: 500px;
}

.team-bios p {
	font-size: 1.0769em; /* 13x1.0769=14px */
	line-height: 1.5714em; /* 14x1.5714=22px */
}

.team-bios .email-link {
	border-right: 1px solid #cfcfcf;
}

.team-bios th {
	font-weight: bold;
	height: 35px;
	line-height: 2.6923em; /* 13x2.6923=14px */
}

.team-bios p a:link,
.team-bios p a:visited,
.team-bios p a:active {
	border-color: #99332C;
	border-bottom-width: 1px;
	border-left-width: 0;
	border-right-width: 0;
	border-top-width: 0;
	border-style: dotted;
}

.team-bios p a:hover {
	border-color: #254C6B;
}

.team-thumbnail {
	background-color: #efefef;
	border: 1px solid #C5C5C5;
	float: left;
	height: 155px;
	margin-right: 12px;
	margin-bottom: 12px;
	width: 150px;
	padding: 10px;
	text-align:left;
}

.team-thumbnail img {
	border: 1px solid #C5C5C5;
	margin-bottom: -10px;
}

.team-thumbnail a:link,
.team-thumbnail a:visited,
.team-thumbnail a:active,
.team-thumbnail a:hover {
	font-size:12px;
}

.team-follow {
	height: 127px;
	width:858px;
	padding: 25px;
	float: left;
	background-color: #e3f2f9;
	margin-bottom: 20px;
}

#team-icons {
	float:left;
	margin-right: 25px;
}

#team-icons img {
	margin: 5px;
}

.last-thumbnail {
	margin-right:0;
}

.mudbugisms {
	margin: 0 0 25px 25px;
}

#mudbugism-pic {
	border: 1px solid #999;
	margin-bottom: 10px;
}

.contact-team {
	//float: right;
	//margin: 0 40px 25px 0;
}

/* Team Contact Popup Form */

#team-contact {
	background-color: transparent;
}

#team-contact-form {
	background-image:url(../images/contact/contact-bubble-middle.gif);
	background-repeat: repeat-y;
	width: 452px;
}

#team-contact-form-content {
	padding: 20px;
}

/* Data intended only for an hCard that should not be displayed. */
.hcard-data {
	display: none;
}

/***--***-- Contact Us --***--***/

#contact-map {
	float: right;
}

.email-cancel {
	float: right;
	line-height: 2em;
}

.email-cancel a:link,
.email-cancel a:visited,
.email-cancel a:active {
	font-weight: bold;
	padding: 0 6px 3px 6px;
	color:#999;
	border: 1px solid #ccc;
}

.email-cancel a:hover {
	background-color:#f2f2f2;
	color:#99332C;
}

/***--***-- Portfolio --***--***/

/* Landing Page */

.portfolio-landing {
	padding-top: 5px;
}

.portfolio-landing ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.portfolio-landing li {
	float: left;
	margin-right: 30px;
	width: 278px;
}

.portfolio-landing li.first {
	margin-right: 24px;
	width: 300px;
}

.portfolio-landing li.last {
	margin-right: 0;
}

.portfolio-landing li.featured-project {
	line-height: 16px;
}

ul.portfolio-thumbnails {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.portfolio-thumbnails li {
	float: left;
	margin-right: 30px;
	margin-bottom: 25px;
}

ul.portfolio-thumbnails li.last {
	margin-right: 0;
}

ul.portfolio-thumbnails li img {
	border: 1px solid #C5C5C5;
}

/* Featured Work and Thumbnail Hovers */

ul.portfolio-thumbnails li a:link img, ul.portfolio-thumbnails li a:visited img, ul.portfolio-thumbnails li a:active img,
li.featured-project a:link img, li.featured-project a:visited img, li.featured-project a:active img,
.home-featured li a:link img, .home-featured li a:visited img, .home-featured li a:active img {
	opacity: 1;
	filter: alpha(opacity=100);  /* IE-only */
	-moz-opacity: 1;  /* older Mozilla browsers */
}

ul.portfolio-thumbnails li a:hover img,
li.featured-project a:hover img,
.home-featured li a:hover img {
	opacity: .85;
	filter: alpha(opacity=85);  /* IE-only */
	-moz-opacity: .85;  /* older Mozilla browsers */
}

/* Interior Pages */

.portfolio-container {
	width: 617px;
}

.portfolio-container .inactive{
	display: none;
}

.portfolio-picture-container,
.email-setup {
	background-color:#3f3f3f;
	border: solid 1px #CCC;
	padding: 10px;
}

.portfolio-picture-container img {
	border: 1px solid #8f8f8f;
}

.portfolio-views img {
	margin: 0;
}

.portfolio-views-container {
	height : 90px;
}

.portfolio-views {
	margin: 20px 25px 0 0;
	padding: 0;
	float: left;
	width: 129px;
	cursor: pointer;
}

.portfolio-views.last {
	margin-right: 0px;
}

.portfolio-views p {
	background-image: url(../images/portfolio/portfolio-view-bkgd.png);
	background-repeat: repeat-x;
	color: #FFF;
	padding: 3px 0;
	position: relative;
	text-align: center;
	margin-top: -40px;
	z-index: 200;
}

.portfolio-views a:link,
.portfolio-views a:active,
.portfolio-views a:visited,
.portfolio-views a:hover {
	color: #FFF;
	padding: 0;
	font-weight: normal;
}

.portfolio-thumb {
	margin: 0px 25px 0px 0px;
	float: left;
	width: 156px;
	height: 115px;
}

.portfolio-thumb.last {
	margin-right: 0px;
}

.portfolio-thumb p {
	background-image: url(../images/portfolio/portfolio-view-bkgd.png);
	background-repeat: repeat-x;
	color: #FFF;
	padding: 3px 0px;
	position: relative;
	text-align: center;
	top: -60px;
	left: 1px;
	z-index: 200;
	display: none;
	margin: 0px;
}

.portfolio-thumb a:link,
.portfolio-thumb a:active,
.portfolio-thumb a:visited,
.portfolio-thumb a:hover {
	color: #FFF;
	font-weight: normal;
}

.portfolio-content {
	padding: 20px;
}

.more-projects {
	background: url(../images/portfolio/more-projects-middle.gif) repeat-y;
	float: right;
	margin-top: 39px;
	width: 275px;
	/*border-bottom: solid 1px #CCC;*/
}
.more-projects-top {
	height: 33px;
	background-image: url(../images/portfolio/more-projects-top.png);
}

.more-projects-top {
	background-image: url(../images/portfolio/more-projects-top.png);
}

.more-projects-bottom {
	background-image: url(../images/portfolio/more-projects-bottom.jpg);
	height: 33px;
}

.more-projects-list a:link,
.more-projects-list a:visited,
.more-projects-list a:active {
	color: #333;
	font-size: 12px;
}

.more-projects-list a:hover {
	color: #99332C;
}

.more-projects-list {
	padding: 10px 15px;
}

.more-projects hr {
	margin: 0;
	color: #dedede;
}

.more-projects-list img {
	float:left;
	margin-right: 15px;
}

.more-projects .scroll {
    height: 580px;
    overflow: hidden;
}

.more-projects-arrow {
	float: right;
	padding-right: 10px;
	cursor: pointer;
}


/*** SUB NAV TABS ***/

.sub-nav-tabs ul {
	bottom: -29px;
	padding: 0px;
	position: absolute;	
}

.sub-nav-tabs ul li {	
	background-image: url(../images/layout/tab.png);
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
	height: 45px;
	list-style: none;
	margin-right: 5px;	
	padding: 5px 0px 0px 0px;	
	text-align: center;		
	width: 145px;	
}

.sub-nav-tabs ul li:hover {
	background-image: url(../images/layout/tab_hover.png);
	background-repeat: no-repeat;
	background-position: top;
}

.sub-nav-tabs ul li.current_link {
	background-image: url(../images/layout/tab_current.png);
	background-repeat: no-repeat;
	background-position: top;
}

.sub-nav-tabs ul li:hover a {
	color: #254C6B;
}

.sub-nav-tabs ul li.current_link a {
	color: #254C6B;
}

.sub-nav-tabs ul li.last {
	margin-right: 0px;
}

.sub-nav-tabs a:link,
.sub-nav-tabs a:active,
.sub-nav-tabs a:visited {
	display: block;
	font-size: 12px;
	line-height: 12px;
	padding: 5px 5px 28px 5px;
	width: 135px;
}

.jumbo-icon {
	margin-top: 20px;
}

/*** Start Your Project ***/

#start-project-form-wrapper {
	float: right;
	margin-left: 20px;
}

#start-project-main {
	float: left;
	margin-top: -20px;
	width: 401px;
}

.start-project-landing {
	float: right;
	padding-top: 5px;
	width: 452px;
}

/*** Thank You ***/

.error-list {
	float:left;
	margin-right: 25px;
	width: 420px;
}


/***--***-- Email FAQs --***--***/

/* Landing Primary Content Area */

.email-landing {
	padding-top: 5px;
}

.email-landing ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.email-landing li {
	float: left;
	margin-right: 0;
}

.email-landing li.first {
	margin-right: 34px;
	width: 475px;
}

/* Email Content Layout */

.half-column-right {
	float: right;
	margin-left: 30px;
	width: 425px;
}

.half-column-left {
	float: right;
	width: 455px;
}

/* Email Address Form */

#email-faq-form {
	margin-top: -10px;
	margin-bottom: 15px;
}

#email-faq-form .form th {
	padding-left: 6px;
	padding-bottom: 5px;
	text-align: left;
}

#email-faq-form .form td {
	padding: 0 0 0 6px;
}

/* Email Table */

.email-table {
	border: 1px solid #D7D7D7;
	margin-bottom: 20px;
	width: 452px;
}

.email-table th,
.email-table td {
	border-bottom: 1px solid #E1E1E1;
	padding: 5px 10px;
	text-align: left;
	vertical-align: top;
}

.email-table th {
	background-color: #E8F2F7;
	font-weight: bold;
}

.email-table td {
	color: #254c6b;
}

.email-table .note td {
	color: #333;
	font: italic 12px/16px Georgia, "Times New Roman", Times, serif;
}

.email-table td.last,
.email-table th.last {
	border-bottom: none;
}

.email-table ul {
	margin: 0;
	padding: 0 0 0 15px;
}

/* Email Programs */

ol.emphasis ul.icon-display {
	list-style-type: none;
	padding-left: 0;
}

ol.emphasis ul.icon-display li {
	float: left;
	padding-bottom: 20px;
	padding-right: 30px;
	width: 170px;
}

ol.emphasis ul.icon-display li a {
	display: block;
	font-weight: normal;
	font-size: 16px;
	line-height: 19px;
	padding-top: 16px;
}

ol.emphasis ul.icon-display img {
	float: left;
	padding-right: 8px;
	vertical-align: top;
}

/*** Blog ***/

.content-primary .blog-landing p { }

.blog-landing .blog-header-fix {margin:14px 0px 0px 30px;}