/*====================================================================
=======================  1. BODY, GLOBAL STYLES ======================
=====================================================================*/
* {outline:none;}

* {
	padding: 0px;
	margin: 0px;
}

body {
	padding: 0px;
	margin: 0px;
	font: 0.8em/1.5em Georgia, "Times New Roman", Times, serif;
	color: #666666;
	background: #797b71 url(images/blank-background.jpg) no-repeat fixed center bottom;
}


body.home, body.pageid-375 {
	background: #797b71 url(images/home-background.jpg) no-repeat fixed center bottom;
}

body.pageid-338, body.pageid-340 {
	background: #797b71 url(images/bone-background.jpg) no-repeat fixed center bottom;
}
img {
	border-style: none;
	margin: 0px;
	padding: 0px;
}

.clear {clear:both}


html, body {
   	height: 100%;1
   }

.alignleft {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
sup {line-height:1;}

/*====================================================================
=======================  2. LINK STYLES =======================
=====================================================================*/



/*======  HEADER =======*/
a {
	color: #8f042c;
	text-decoration: none;
}
a:hover {
	color: #c8cac3;
}
a.blocklink {
	color: #666666;
	text-decoration: none;
	display: block;
}
a.blocklink:hover {
	text-decoration: none;
	
}
a.blocklink:active {text-decoration: none;}

#linksright a {
	color: #8f042c;
	text-decoration: none;
	background: url(images/mail-icon.gif) no-repeat left center;
	padding-left: 18px;
}
#linksright a:hover {
	color: #666666;	
}

/*======  BLOG =======*/

#maincolumn h2 a {
	color: #8f042c;
	text-decoration: none;
	background: url(images/arrow-accent-11px.png) no-repeat right center;
	padding-right: 20px;
}
#maincolumn h2 a:hover {
	color: #c8cac3;
}

/*====================================================================
=======================  3. STRUCTURE ================================
=====================================================================*/


/*======  Global Structure =======*/

#header{
	width: 1000px;
	margin: 0px auto;
	padding: 10px 0px;
	border-bottom: 1px solid #FFFFFF;
}
body.home #header{
	width: 1000px;
	margin: 0px auto;
	padding: 125px 0px 10px;
	border-bottom: 1px solid #FFFFFF;
}
#wrapper{
	width: 1000px;
	padding: 0px;
	margin: 0px auto;
	border-bottom: 1px solid #FFFFFF;
	
}
#footer{
	width: 1000px;
	padding: 0px;
	margin: 0px auto;   	
}
#content {
	width: 1000px;
	padding: 0px;
	margin: 0px auto;
	clear: both;
}
#portcontent {
	width: 1000px;
	padding: 0px;
	margin: 0px auto;
	clear: both;
	background: #ebebeb;
}
#portcontent2 {
	width: 1000px;
	padding: 0px;
	margin: 0px auto;
	clear: both;
	background: #ebebeb;
}
#blogcontent {
	width: 1000px;
	padding: 10px 0px 20px;
	margin: 0px auto;
	clear: both;
	background: #ebebeb;	
}
#aboutcontent {
	width: 1000px;
	padding: 20px 0px 0px;
	margin: 0px auto;
	clear: both;
	
}
#subnav {
	width: 1000px;
	padding: 0px;
	margin: 10px auto 0px;
	clear: both;
	height: 40px;
	background: url(images/subnav.gif) no-repeat;
}

.pageid-10 #mainframe {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -225px;
	
  }
.pageid-10 #footer, .pageid-10 #push {
  	height: 225px;
 }
.pageid-10 #footer {
	background: url(images/about-bottom.jpg);
}



.pageid-15 #mainframe {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -225px;
	
  }
.pageid-15 #footer, .pageid-15 #push {
  	height: 225px;
 }
.pageid-15 #footer {
	background: url(images/give-background.jpg);
}
/*======  HOMEPAGE 4 COLUMN =======*/


.column1, .column2, .column3, .column4, .column4a {font-family:'Trebuchet MS','Tahoma',Arial,Helvetica,sans-serif;}

.column1 {
	float: left;
	width: 229px;
	padding: 10px 10px 5px;
	margin: 0px;
}
.column2 {
 
   float: left;

   width: 229px;
   padding: 10px 10px 5px;
   margin: 0px;
}
.column3 {
 
   float: left;
 
   width: 229px;
   padding: 10px 10px 5px;
   margin: 0px;
}
.column4 {

   float: right;
 
   width: 228px;
   padding: 10px 10px 5px;
   margin: 0px;
}

.column4a {

   float: right;
 
   width: 228px;
   padding: 10px 10px 5px;
   margin: 0px;
}

div.column1:hover, div.column2:hover, div.column3:hover, div.column4:hover, .work-column1:hover, .work-column2:hover, .work-column3:hover, .work-column4:hover,  {cursor:pointer;}
.col-hover {
	background: #e6e8e1;
} /* Column hover style */






/*======  PORTFOLIO TEMPLATE =======*/

#portnav {
	width: 1000px;
	padding: 0px;
	margin: 0px;
	height: 20px;
}
#intro-text {
	width: 470px;
	float: right;
}
#workwindow {
	height: 265px;
	width: 484px;
}
#work-main {
	height: 265px;
	width: 1000px;
}
div.excerpt-text {
	margin: 0px;
	padding: 40px 20px 0px 510px;
	height: 225px;
	width: 470px;
	overflow: hidden;
}
#post-68 {
	background: url(images/joes-background.jpg) no-repeat;	
}
#post-518 {
	background: url(images/work-mowaerator.jpg) no-repeat;	
}

#post-210 {
	background: url(images/cs-chex.jpg) no-repeat;	
}
#post-212 {
	background: url(images/cs-cpk.jpg) no-repeat;	
}
#post-215 {
	background: url(images/cs-healthcare-solutions.jpg) no-repeat;	
}
#post-217 {
	background: url(images/cs-mansour.jpg) no-repeat;	
}
#post-220 {
	background: url(images/cs-raising-help.jpg) no-repeat;	
}
#post-204 {
	background: url(images/cs-cfr.jpg) no-repeat;	
}
#post-222 {
	background: url(images/cs-tcg.jpg) no-repeat;	
}
#post-283 {
	background: url(images/cs-aromaridge.jpg) no-repeat;	
}

/*======  BLOG TEMPLATE =======*/

#bottom-spacer {
	clear: both;
	height: 100px;
	background: url(images/bottom-logo.gif) no-repeat;
	margin: 0px auto;
	width: 1000px;
}
#maincolumn {
font-family:'Trebuchet MS','Tahoma',Arial,Helvetica,sans-serif;
	width: 478px;
	padding: 0px 10px;
	margin-top: -43px;
}
.sidebar {
	float: right;
	width: 482px;
	margin: 0px;
	padding: 0px 10px 0px 0px;

}
#workdropdown {
	float: right;
	width: 390px;
	padding-top: 7px;
}
#catdropdown {
	float: right;
	width: 495px;
	padding-top: 7px;
}
#nav-above {
	font-family:'Trebuchet MS','Tahoma',Arial,Helvetica,sans-serif;
	
	height: 18px;
	overflow: hidden;
	margin: 0px 0px 10px;
	padding: 0px;
	width: 498px;
}

.nav-previous {
	float: right;
	
	
}
.rounded {
	background: #9B9F8F url(none) no-repeat fixed 0 0;
	overflow: auto;
	margin: 0px;
	padding: 0px 0px 0px 10px;	
}
.nav-next {
float: right;


}
.nav-previous a {
	background: url(images/arrow-right.gif) no-repeat right center;
	padding: 2px 15px 2px 8px;
}
.nav-next a {padding: 2px 8px 2px 15px;background: url(images/arrow-left.gif) no-repeat left center;}
.nav-previous a:hover {
	
	background: #e6e8e1 url(images/arrow-right.gif) no-repeat right center;
}
.nav-next a:hover {
	
	background: #e6e8e1 url(images/arrow-left.gif) no-repeat left center;
}
div.entry-date-main {
	text-align: center;
	float: left;
	background: url(images/date-backer.gif) no-repeat;
	margin: 0px 15px 10px 0px;
	padding: 0px;
	height: 60px;
	width: 50px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
div.entry-date {
	text-align: center;
	float: left;
	background: url(images/date-backer.gif) no-repeat;
	margin: 0px 15px 10px 0px;
	padding: 0px;
	height: 60px;
	width: 50px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

div.month {
	padding: 4px 0px 0px;
	width: 50px;
	font-size: 0.8em;
	text-transform: uppercase;
	color: #7A7E71;
	text-align: center;
	font-weight: bold;
	margin: 0px;
	line-height: .9em;
}
div.day {
	font-size: 2.5em;
	color: #fff;
	padding: 0px;
	line-height: .8em;
}
div.year {
	padding: 6px 0px 0px;
	width: 50px;
	margin: 0px;
	text-align: center;
	font-size: 0.8em;
	color: #7A7E71;
	font-weight: bold;
	line-height: .9em;
}
.theexcerpt {
	margin-left: 65px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.theexcerpt p {
	color: #83857b;
	font-style: italic;
}
.entry-content img {
	margin-bottom: 10px;
}
.sidebar {
	margin: 0px;
	padding-top: 8px;
}
.sidebar ul {
	list-style: none;
}
.sidebar li {
	list-style: none;
}

#authors {
	width: 230px;
	float: right;
	
}
#bottomlinks { padding-top: 15px; clear: both; }
.right { width: 230px; float: right; margin: 0px; padding-top: 8px; }

#archives {
	width: 233px;
	float: left;
	
}
#authors ul {
	padding-top: 8px;
	padding-left: 5px;}
.left {
	width: 233px;
	float: left; margin: 0px; padding-top: 8px;
	
}
#featured { padding-top: 15px; }
#subscribe-button {
	width: 233px;
	float: left;
	
}
#media {
	width: 230px;
	
	float: right;
}
ul#authorlist {
	font-size: 12px;
	padding-top: 8px;
	padding-left: 5px;
}
ul#authorlist li {
	
}
ul#authorlist a {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.authortitle {
	color: #7A7E71;
	font: normal 11px 'Trebuchet MS', 'Tahoma', Arial, Helvetica, sans-serif;
	
}

ul#authorlist a:hover {
	color: #8f042c;
	text-decoration: none;
}

ul.icons { margin: 0px; padding: 0px; }
ul.icons li { display: inline; margin-top: 0px; padding-top: 0px; }
ul.icons .first {
	padding-right: 10px;
}
#recent {
	clear: both;
	padding-top: 10px;
}
.recentitem{
	clear: both;
	border-bottom: 1px solid #c8cac3;
	overflow: auto;
	padding-top: 10px;
}
.authorrecent {
	clear: left;
	border-bottom: 1px solid #c8cac3;
	overflow: auto;
	padding-top: 10px;
}
.entry-meta {
	
	
}

.archive-meta p strong {
	
	color: #8f042c;
}
div.vcard {
	padding-left: 80px;
	height: 60px;
	
	border-right: 1px solid #c8cac3;
	
	width: 100px;
	padding-top: 10px;
}
div.cat-links {
	float: right;
	
	width: 280px;
	padding-top: 10px;
}
div.Jay {
	background: url(images/small-jay.gif) no-repeat;
}
div.Bill {
	background: url(images/small-bill.gif) no-repeat;
}
div.Cheryl {
	background: url(images/small-cheryl.gif) no-repeat;
}
div.Amy {
	background: url(images/small-amy.gif) no-repeat;
}
div.Barbara {
	background: url(images/small-barbara.gif) no-repeat;
}
div.Susanna {
	background: url(images/small-susanna.gif) no-repeat;
}
div.Rick {
	background: url(images/small-rick.gif) no-repeat;
}
div.Tricia {
	background: url(images/small-trisha.gif) no-repeat;
}

.post {
	padding-bottom: 20px;
}
/*======  ABOUT TEMPLATE =======*/
#awards {
	background: #b0b4a9;
	text-align: center;
	height: 110px;
	border-bottom: 5px solid #8f042c;
	border-top: 5px solid #8f042c;
	clear: both;
	margin-top: 20px;
}

.ab-column1 {
	float: left;
	width: 229px;
	padding: 15px 10px 10px 0px;
	margin: 0px;
}
.ab-column2 {
 
   float: left;

   width: 229px;
   padding: 15px 10px 10px;
   margin: 0px;
}
.ab-column3 {
 
   float: left;
 
   width: 229px;
   padding: 15px 10px 10px;
   margin: 0px;
}
.ab-column4 {
	float: right;
	width: 228px;
	padding: 15px 10px 10px;
	margin: 0px;
}
.about-leftcolumn {
	width: 478px;
	padding: 0px 10px;
	
}
.com-back {
	background: #ebebeb;
	padding: 10px 0px;
}
.com-leftcolumn {

	width: 478px;
	padding: 0px 10px;
	
}
.quote {
	margin: 0px;
	padding: 5px 0px 15px;
}
.com-rightcolumn {
	float: right;
	width: 490px;
	margin: 0px;
	padding: 0px 10px 0px 0px;
}
.about-rightcolumn {
	float: right;
	width: 482px;
	margin: 0px;
	padding: 0px 10px 0px 0px;
}
ul.aboutpack {
	margin: 0px;
	padding: 5px 0px 5px 10px;
	list-style: none;
	height: 75px;
	background: #ebebeb;
}
ul.aboutpack li {
	width: 233px;
	list-style: none;
	float: left;
}
div.bio {
	float: right;
	padding-top: 5px;
	line-height: 1.2em;
	width: 150px;
	padding-right: 5px;
}

/*======  NEIGHBORHOOD =======*/
.caption {
	padding: 5px 0px 15px 5px;
	font-style: italic;
}
ul.probonolist {
	list-style: none;
	font-size: 1.4em;
	padding: 7px 0px 20px 5px;
	color: #333333;
}
ul.probonolist li {
	list-style: none;
	padding: 10px 0px;
}
#probono-studies {
	background: #b0b4a9;
	height: 165px;
	border-bottom: 5px solid #8f042c;
	border-top: 5px solid #8f042c;
	clear: both;
	margin-top: 20px;
}
/*======  WORK TEMPLATE =======*/

.work-column0 {
	float: left;
	width: 229px;
	padding: 10px 10px 5px 5px;
	margin: 0px;
}
.work-column1 {
	float: left;
	width: 229px;
	padding: 10px 10px 5px;
	margin: 0px;
}
.work-column2 {
 
   float: left;

   width: 229px;
   padding: 10px 10px 5px;
   margin: 0px;
}
.work-column3 {
 
   float: left;
 
   width: 229px;
   padding: 10px 10px 5px;
   margin: 0px;
}
.work-column4 {

   float: right;
 
   width: 228px;
   padding: 10px 10px 5px;
   margin: 0px;
}
.work-column5 {
	float: right;
	width: 228px;
	padding: 10px 10px 5px 0px;
	margin: 0px;
}

#workcontent {
	margin: 20px auto;
	padding: 0px;
	width: 1000px;
}
.row2 {
	float: right;
	width: 500px;	
}
.workintro {
	float: left;
	width: 490px;
	padding: 15px 0px 0px 8px;
	margin: 0px;
	height: 250px;
}

.workintro p {
	font-family:'Trebuchet MS','Tahoma',Arial,Helvetica,sans-serif;
	padding: 0px 10px;
}
#clientlist {
	background: #ebebeb;
	padding: 10px;
	float: right;
	width: 229px;
}
#clientlist ul {
	list-style: none;
	padding-bottom: 10px;
}
#clientlist ul li {
	list-style: none;
}

#subnav2 {
	width: 1000px;
	padding: 0px;
	margin: 0px auto;
	clear: both;
	height: 40px;
	background: url(images/subnav-small.gif) no-repeat;
}
#workcontent2 {
	margin: 0px auto;
	padding: 0px;
	width: 1000px;
	background: #ebebeb;
}

#workcontent3 {
	margin: 0px auto 20px;
	padding: 0px;
	width: 1000px;
	background: #ebebeb;
	

}
.workgallertitle {
	background: url(images/title-back.gif) repeat-x;
	text-transform: uppercase;
	color: #FFFFFF;
	margin: 10px 10px 0px;
	padding: 2px 2px 2px 5px;
	font: 12px 'Trebuchet MS', 'Tahoma', Arial, Helvetica, sans-serif;
}

a.corpid {
	width: 229px;
	height: 100px;
	display: block;
	padding: 0px;
	margin: 0px;
	background: url(images/corpid-thumb.jpg) no-repeat left top;
	
}
a.corpid:hover {
	
	background-position:0 -100px;
}
a.print {
	width: 229px;
	height: 100px;
	display: block;
	padding: 0px;
	margin: 0px;
	background: url(images/print-thumb.jpg) no-repeat left top;
}
a.print:hover {
	
	background-position:0 -100px;
}
a.dm {
	width: 229px;
	height: 100px;
	display: block;
	padding: 0px;
	margin: 0px;
	background: url(images/dm-thumb.jpg) no-repeat left top;
}
a.dm:hover {
	
	background-position:0 -100px;
}
a.advert {
	width: 229px;
	height: 100px;
	display: block;
	padding: 0px;
	margin: 0px;
	background: url(images/advert-thumb.jpg) no-repeat left top;
}
a.advert:hover {
	
	background-position:0 -100px;
}
a.mowaerator {
	width: 229px;
	height: 100px;
	display: block;
	padding: 0px;
	margin: 0px;
	background: url(images/thumb-mowaerator.jpg) no-repeat left top;
}
a.mowaerator:hover {
	
	background-position:0 -100px;
}
a.web {
	width: 229px;
	height: 100px;
	display: block;
	padding: 0px;
	margin: 0px;
	background: url(images/web-thumb.jpg) no-repeat left top;
}
a.web:hover {
	
	background-position:0 -100px;
}
a.packaging {
	width: 229px;
	height: 100px;
	display: block;
	padding: 0px;
	margin: 0px;
	background: url(images/packaging-thumb.jpg) no-repeat left top;
}
a.packaging:hover {
	
	background-position:0 -100px;
}
a.mansour {
	width: 229px;
	height: 100px;
	display: block;
	padding: 0px;
	margin: 0px;
	background: url(images/work-mansour.jpg) no-repeat left top;
}
a.mansour:hover {
	
	background-position:0 -100px;
}
a.aroma {
	width: 229px;
	height: 100px;
	display: block;
	padding: 0px;
	margin: 0px;
	background: url(images/work-aromaridge.jpg) no-repeat left top;
}
a.aroma:hover {
	
	background-position:0 -100px;
}
a.tcg {
	width: 229px;
	height: 100px;
	display: block;
	padding: 0px;
	margin: 0px;
	background: url(images/work-tcg.jpg) no-repeat left top;
}
a.tcg:hover {
	
	background-position:0 -100px;
}
a.chex {
	width: 229px;
	height: 100px;
	display: block;
	padding: 0px;
	margin: 0px;
	background: url(images/work-chex.jpg) no-repeat left top;
}
a.chex:hover {
	
	background-position:0 -100px;
}

a.hcs {
	width: 229px;
	height: 100px;
	display: block;
	padding: 0px;
	margin: 0px;
	background: url(images/work-hcs.jpg) no-repeat left top;
}
a.hcs:hover {
	
	background-position:0 -100px;
}
a.raisinghelp {
	width: 229px;
	height: 100px;
	display: block;
	padding: 0px;
	margin: 0px;
	background: url(images/work-raisinghelp.jpg) no-repeat left top;
}
a.raisinghelp:hover {
	
	background-position:0 -100px;
}
a.cpk {
	width: 229px;
	height: 100px;
	display: block;
	padding: 0px;
	margin: 0px;
	background: url(images/work-cpk.jpg) no-repeat left top;
}
a.cpk:hover {
	
	background-position:0 -100px;
}

a.cfr {
	width: 229px;
	height: 100px;
	display: block;
	padding: 0px;
	margin: 0px;
	background: url(images/work-cfr.jpg) no-repeat left top;
}
a.cfr:hover {
	
	background-position:0 -100px;
}


/*====== GOLDEN BONE =======*/
ul.formlist {
	
	list-style: none;
}
ul.formlist li {
	float: left;
	list-style: none;
	
	
}
li.label {
	width: 150px;
	text-align: right;
	padding-right: 10px;
	height: 35px;
}
li.input {width: 300px;height: 35px;}
li.input2 {
	width: 300px;
	height: 100px;
}
li.label2 {
	text-align: right;
	padding-right: 10px;
	width: 150px;
	height: 100px;
}
#thanks {
	padding-top: 75px;
	padding-left: 65px;
}

/*====================================================================
=======================  4. TEXT STYLES ==============================
=====================================================================*/

h1, h2, h3, h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0px;
	padding: 0px;
	color: #000000;

}

p {
	margin: 0px;
	padding: 0px 0px 10px;
}
.icon {
	padding: 3px 10px 0px 0px;
}
.icon img {
	
	border-style: none;
}
#linksright {
	
	font-family:'Trebuchet MS','Tahoma',Arial,Helvetica,sans-serif;
	
	
}

ul#contactlinks {
	padding-top: 22px;
	float: right;
	list-style: none;
}
ul#contactlinks li {
	float: right;
	list-style: none;
}

h1 {
	
	font-size: .9em;

}
h2 {
	color: #8f042c;
	font-size: 2em;
	line-height: 1em;
	font-weight: normal;
	margin: 0px;
	padding-bottom: 5px;
}
h3 {
	color: #8f042c;
	font-size: 2em;
	line-height: 1em;
	font-weight: normal;
	margin: 0px;
	padding-bottom: 5px;
}

#curveheader {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #8f042c;
	font-size: 1.3em;
	
	margin: 10px 0 0 0;
	padding: 8px 0px 0px 10px;
}

h6 {
	color: #333333;
	font-size: 1.5em;
	line-height: 1em;
	font-weight: normal;
	margin: 0px;
	padding-bottom: 22px;
	
}
h4 {
	color: #333333;
	font-size: 2.3em;
	line-height: .8em;
	font-weight: normal;
	margin: 0px;
	padding-bottom: 22px;
	
}
h5 {
	color: #8f042c;
	font-family:'Trebuchet MS', 'Tahoma', Arial, Helvetica, sans-serif;
	font-weight: normal;
}
h5.archive { font-size: 1.5em; padding-bottom: 25px; color: #000000; }
.sidebartitle {
	background: url(images/title-back.gif) repeat-x;
	text-transform: uppercase;
	color: #FFFFFF;
	margin: 0px;
	padding: 2px 2px 2px 5px;
	font: 12px 'Trebuchet MS', 'Tahoma', Arial, Helvetica, sans-serif;
}

#wrapper p {
	color: #333333;
	font-family:'Trebuchet MS','Tahoma',Arial,Helvetica,sans-serif;
}

#maincolumn p {
	font-size: 1.1em;
	line-height: 1.5em;
}

.entry-content p {font-family:'Trebuchet MS','Tahoma',Arial,Helvetica,sans-serif;}
.about-leftcolumn p {
	font-family:'Trebuchet MS','Tahoma',Arial,Helvetica,sans-serif;
	font-size: 1.1em;
	line-height: 1.5em;
}
.about-rightcolumn p {
	font-family:'Trebuchet MS','Tahoma',Arial,Helvetica,sans-serif;
	font-size: 1.1em;
	line-height: 1.5em;
}
#awards p {
	font-size: 10px;
		font-family:'Trebuchet MS','Tahoma',Arial,Helvetica,sans-serif;
	color: #333333;
	margin: 0px;
	padding: 10px 0px 0px;
	line-height: .8em;
}
#awards h2 {
	margin: 0px;
	padding: 0px;
}
h2#author-name {
	line-height: .8em;
	margin: 0px;
	padding: 0px;
}

h2.entry-title {
	margin: 0px;
	padding: 8px 10px 8px 0px;
}
h2.entry-title-archive { font-size: 1.7em; 	
}
.entry-content ul {
	padding-left: 1em;
	padding-bottom: 1em;
	font-size: 1.1em;
}
.entry-content ul li {
	
	padding-bottom: .5em;
	
}
.recentitem h3 {
	font-size: 1.3em;
}
strong {
	color: #000000;
}


.cat-title {
	color: #83857b;
	font: 14px 'Trebuchet MS', 'Tahoma', Arial, Helvetica, sans-serif;
	padding: 5px 0px 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #c8cac3;
	text-transform: uppercase;
}

.catpost {
	border-bottom: 1px solid #c8cac3;
	margin: 0px;
	padding: 0px;
}
.catpost h2 {
	font-size: 20px;
}


/*======  PORTFOLIO TEMPLATE TEXT STYLES =======*/

div.excerpt-text h2 {
	color: #CCCCCC;
	font-size: 2.5em;
	font-weight: normal;
	border-bottom: 1px solid #990000;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
div.excerpt-text p {
	color: #CCCCCC;
	font: normal 1.1em/1.8em Georgia, "Times New Roman", Times, serif;
}
#port-content p {
	padding-bottom: 20px;
	margin-bottom: 20px;
}

div.visit-site-white {
	background: url(images/square-arrow.gif) no-repeat left center;
	margin: 20px 0px 0px;
	padding: 0px 0px 0px 15px;
}
div.visit-site-white a {
	color: #968d6d;
	text-decoration: none;
}
div.visit-site-white a:hover {color: #FFFFFF;}


/*======  TWITTER FEED =======*/
ul#twitterfeed {margin-left: 0px; padding-left: 0px;}
ul#twitterfeed ul {margin-left: 0px; padding-left: 0px;}
ul#twitterfeed h3 { display: none; margin: 0px; padding: 0px; height: 1px; }
ul#twitterfeed li {}
ul#twitterfeed ul li { background: #f5f5f5; padding: 5px; margin-top: 10px; }

ul#twitterfeed span.entry-content { display: block; border-bottom: 1px solid #b5b8ad; padding-bottom: 3px; }
ul#twitterfeed span.entry-meta { clear: both; display: block; padding: 3px 0px 5px; }
ul#twitterfeed span.entry-meta a { color: #000000; }
ul#twitterfeed span.entry-meta a:hover { color: #b6b9ae; }
span.from-meta { display: none; }

/*====================================================================
=======================  5. CONTACT FORM =======================
=====================================================================*/

div#center {
	margin:0 auto;
	width:1000px;
	}

div#contact {
	position:relative;
	background-color: #4F4F4F;
	width: 100%;
	margin: auto;
	color: #fff;
	display:none;
	padding-bottom:20px;	
	border-bottom:1px solid #959595;
	 }

div#contactInfo {
	float: left;
	width: 200px; }
	
div#contactInfo2 {
	margin-top:53px;
	float: left;
	width: 200px; }

#contact h4 {
	margin: 0px;
	padding: 20px 0 15px 0;
	font-size: 18px;
	font-weight: normal;
	color: #fff; }

#contact p {
	margin: 0;
	padding: 0px 0px 12px;
	font-size:11px;
	font-family:'Trebuchet MS','Tahoma',Arial,Helvetica,sans-serif;
	}

#contactForm { height: 222px; }

.formStatus {
	display: none;
	width: 550px; }

#contactForm input {
	font-size: 11px;
	border: 1px solid #959595; 
	
	}

.rightSpace { margin: 0 12px 0 0; }

.container {
	width: 970px;
	margin: auto;
	padding-top: 20px; }

input.nameText, input.emailText, input.phoneText, input.companyText {
	background-color:#CCCCCC;
	width: 200px;
	height: 16px;
	padding:4px;
	margin-bottom:5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;

	}
	
#contact input:focus {
	background-color:#FFFFFF;
	}

div#contact #submitBtn {
	color: #fff;
	background-color:#6F6F6F;
	width: 68px;
	height: 25px;
	padding: 0px;
	cursor: pointer; 
	margin-left:86px;
	}

a#closeBtn {
	background: url(http://mopdogweb.com/mopdog.com/wp-content/themes/sandbox/images/closebtn.png) no-repeat;
	text-indent:-9999px;
	color: #FFF;
	width: 70px;
	height: 20px;
	border: none;
	padding: 0px;
	cursor: pointer; 
	position:absolute;
	right:15px;
	bottom:15px;
	}
	
div.form {
	float:left;
	width:500px;
	}
	
div#contact label {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0 10px 3px 0;
	font-size:11px;
	float:left;
	width:75px;
	text-align:right;
	font-weight:bold;
	}
	
div.location {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#AFAFAF;
	margin-bottom:2px;
	font-weight:bold;
	}
	
div#contactInfo a, div#contactInfo2 a {
	text-decoration:none;
	font-size:inherit;
	color:#fff;
	border-bottom:1px dotted #fff;
	}
	
	body.pageid-375 div#contact {
	display: block;
}
/*====================================================================
=======================  6. DROP DOWN SELECT =======================
=====================================================================*/

#catdropdown form {
	background: url(images/selectbox.gif) no-repeat;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	height: 25px;
	width: 300px;
}






#catdropdown form a {color:#8f042c;
		
}
#catdropdown form a:hover {color:#666;
		
}



#catdropdown select {
	background: url(none);
	border: none;
	cursor: hand;
	font-size: 13px;
}
#catdropdown select {
	width: 225px;	
}

#catdropdown option:hover {
	color:#666;
	
}
#catdropdown select, #catdropdown input {
	color: #8f042c;
	background: url(none);
	
	cursor: hand;
	padding-top: 4px;
	padding-right: 15px;
	padding-right: 15px;
	
}

#catdropdown option {
	border-right: 1px solid #8f042c;
	background: #FFFFFF;
	padding: 0px 0px 0px 10px;
	outline: none;
}













#workdropdown form {
	background: url(images/selectbox.gif) no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	height: 25px;
	width: 300px;
}


#workdropdown form a {color:#8f042c;
		
}
#workdropdown form a:hover {color:#666;
		
}



#workdropdown select {
	background: url(none);
	border: none;
	cursor: hand;
	font-size: 13px;
}
#workdropdown select {
	width: 225px;	
}

#workdropdown option:hover {
	color:#666;
	
}
#workdropdown select, #catdropdown input {
	color: #8f042c;
	background: url(none);
	
	cursor: hand;
	padding-top: 4px;
	padding-right: 15px;
	padding-right: 15px;
	
}
#workdropdown option {
	border-right: 1px solid #8f042c;
	background: #FFFFFF;
	padding: 0px 0px 0px 10px;
	outline: none;
}

/*====================================================================
=======================  7. SLIDER - CASE STUDIES =======================
=====================================================================*/





p#cross-links { text-align: center }

p#cross-links {
	border-bottom: 1px solid #ccc;
	margin-bottom: 30px;
	padding-bottom: 30px }

noscript p, noscript ol {
	color: #a00;
	font-size: 13px;
	line-height: 1.4em;
	text-align: left }

noscript a { color: #a00; text-decoration: underline }

noscript ol { margin-left: 25px; }

a:focus { outline:none }

.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px 0 30px; }

.slider-wrap, .slider1 {
	position: relative; /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	width: 484px;
	height:265px;
	float:left; }

/* These 2 lines specify style applied while slider is loading */
.csw {
	width: 100%;
	height: 265px;
	background: #000;
	overflow: hidden }

	.csw .loading { 
		/*padding: 100px 0 0 0; 
		text-align: center;*/
		width: 100%;
		height: 265px;
		background:#000 url(images/preloader.gif) center center no-repeat;
		 }

.stripViewer {
	position: relative; /* This is the viewing window */
	overflow: hidden;
	border: none; /* this is the border. should have the same value for the links */
	margin: auto;
	width: 484px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 265px;
	clear: both;
	background: #000; }

	.stripViewer .panelContainer {
		position: relative; /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
		left: 0;
		top: 0;
		width: 100%;
		list-style-type: none;
		/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */ }

		.stripViewer .panelContainer .panel {
			float:left; /* Each panel is arranged end-to-end */
			height: 100%;
			position: relative;
			width: 484px; /* Also specified in  .stripViewer  above */ }

			.stripViewer .panelContainer .panel .slide-wrapper { padding: 0; /* Wrapper to give some padding in the panels, without messing with existing panel width */ }

.stripNav {
	position:absolute; /* This is the div to hold your nav (the UL generated at run time) */
	height:30px;
	top:-30px;
	left:6px; }

	.stripNav ul { list-style: none; /* The auto-generated set of links */ }

		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */ }

	.stripNav a {
		font-size: 25px; /* The nav links */
		text-align: center;
		color: #9da097;
		text-decoration: none;
		display: block;
		padding: 0 5px; }


	.stripNav li a:hover { color: #a00531; }

	.stripNav li a.current { color: #a00531; }

.stripNavL {
	position: absolute; /* The left and right arrows */
	display:block;
	top: -30px;
	right:110px; }

.stripNavR {
	position: absolute; /* The left and right arrows */
	display:block;
	top: -30px;
	right:40px; }

.stripNavL a, .stripNavR a {
	display: block;
	height: 19px;
	width: 22px;
	background: url("images/arrow-left.png") no-repeat center;
	text-indent:-30px; }

.stripNavR a {
	display: block;
	height: 19px;
	width: 22px;
	background: url("images/arrow-right.png") no-repeat center;
	text-indent:-30px; }
	
	
	

#work-container {
	width:1000px;
	background-color:#e9ebeb;
	padding-top:30px; }

#work-description {
	width:516px;
	height:265px;
	float:left;
	background-color:#5B1200; }

	#work-description h2 {
		margin: 0 25px 10px;
		overflow: hidden;
		color:#ccc;
		font-size:2.5em;
		border-bottom:1px solid #990000; }

	#work-description p.title {
		margin:25px 25px 10px 25px!important;
		color:#ccc;
		font-size:0.9em;
		text-transform:uppercase;
		letter-spacing:2px; }

	#work-description p.summary {
		margin:0 25px 10px 25px!important;
		color:#ccc;
		font-size:1.1em;
		line-height:1.8em; }

	#work-description a {
		color:#ccc;
		font-size:1.1em;
		line-height:1.8em; }
	
	/* case study backgrounds */
	
	body.pageid-412 #work-description {
	background-color:#5B1200; }	
		
		
/*====================================================================
=======================  8. SLIDER - OTHER WORK =======================
=====================================================================*/	

#subnav-long {
	width: 1000px;
	padding: 0px;
	margin: 0px auto;
	clear: both;
	height: 40px;
	background: url(images/subnav-long.gif) no-repeat;
}



.slider-wrap2, .slider2 {
	position: relative; /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	width: 600px;
	height:600px;
	float:left; }

/* These 2 lines specify style applied while slider is loading */
.csw2 {
	width: 100%;
	height: 600px;
	background: #000;
	overflow: hidden }

	.csw2 .loading2 { 
		/*padding: 100px 0 0 0; 
		text-align: center;*/
		width: 100%;
		height: 600px;
		background:#000 url(images/preloader.gif) center center no-repeat;
		 }

.stripViewer2 {
	position: relative; /* This is the viewing window */
	overflow: hidden;
	border: none; /* this is the border. should have the same value for the links */
	margin: auto;
	width: 600px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 600px;
	clear: both;
	background: #000; }

	.stripViewer2 .panelContainer2 {
		position: relative; /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
		left: 0;
		top: 0;
		width: 100%;
		list-style-type: none;
		/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */ }

		.stripViewer2 .panelContainer2 .panel2 {
			float:left; /* Each panel is arranged end-to-end */
			height: 100%;
			position: relative;
			width: 600px; /* Also specified in  .stripViewer  above */ }

			.stripViewer2 .panelContainer2 .panel2 .slide-wrapper2 { padding: 0; /* Wrapper to give some padding in the panels, without messing with existing panel width */ }	
			

#sample-description {
	width:400px;
	height:600px;
	float:left;
	background-color:#4f4f4f; }
	
	#sample-description h2 {
		margin: 0 25px 10px;
		overflow: hidden;
		color:#ccc;
		font-size:2.5em;
		border-bottom:1px solid #990000; }

	#sample-description p.title {
		margin:25px 25px 10px 25px!important;
		color:#ccc;
		font-size:0.9em;
		text-transform:uppercase;
		letter-spacing:2px; }

	#sample-description p.summary {
		margin:0 25px 10px 25px!important;
		color:#ccc;
		font-size:1.1em;
		line-height:1.8em; }

	#sample-description a {
		color:#ccc;
		font-size:1.1em;
		line-height:1.8em; }
		#port-content p.nopad { margin-bottom: 5px; padding-bottom: 5px; }
		
		caption { font-size: 10px; font-style: italic; }
		#comments-list ol { margin: 0px 0px 0px 2em; }

.comment { border-bottom: 1px solid #c8cac3; margin: 10px 0px; padding: 10px 0px; }

#comments-list ol p { margin: 5px 0px; background: #FFFFFF; padding: 15px; }