BODY {

	margin: 0;
	background-color: #f2f3ee;

}

DIV {

	font: normal 11px "Helvetica", "Arial";
	color: #222222;
	line-height: 14px;

}

IMG {

	border: none;

}

A {

	color: #f42200;
	text-decoration: none;

}

A:hover {

	text-decoration: underline;

}

A.beige {

	color: #a4a4a2;
	text-decoration: none;

}

A.beige:hover {

	text-decoration: underline;

}

div.clearer {

	clear: both; 
	line-height: 0px; 
	height: 0px;
	font: normal 0px Arial; 
	margin: 0px;
	padding: 0px;
	border: 0px solid black;

}

.callout {

	padding: 5px 0px 7px 0px; 
	font-weight: bold;
	font-size: 16px; 
	color: #222222; 

}

#fixed-seal {

	background: url(../images/logo-seal.gif) no-repeat; 
	width: 160px; height: 160px; 
	/*position: fixed; */
	/*margin-left: 800px; */
	/*margin-top: 75px;*/
	text-indent: -9999px;

}

*html #fixed-seal {

	position: absolute; 

}

#fixed-seal A {

	display: block; 
	outline: none; 
	width: 100%; 
	height: 100%; 

}


#header-container {

	height: 58px; 
	background: url(../images/header_bg.gif) repeat-x; 
	/*background-color: #222222;*/
	margin-bottom: 20px;

}

#header {

	width: 750px; 
	height: 58px;

}

#header-logo {

	float: left; 
	width: 183px; 
	height: 58px;

}

#header-links {

	text-align: right; 
	margin-left: 183px;
	color: #a4a4a2; 
	padding-top: 5px; 
	height: 58px;

}

#body-container {

	margin-left: 20px;

}

#left-column {

	float: left; 
	width: 473px;

}

#mainNav { 

	margin-bottom: 5px; 
	padding: 0px; 

}

#mainNav ul {

	margin-left: 0;
	padding-left: 0;
	display: inline;
} 

#mainNav ul li {

	margin-left: 0;
	margin-bottom: 0;
	padding: 0px 15px 0px 0px;
	list-style: none;
	display: inline;

}

#mainNav A {

	color: #222222;
	text-decoration: none;

}

#mainNav A:hover {

	color: #f42200;
	text-decoration: none;

}	

#mainNav A.active {

	color: #f42200;
	text-decoration: none;

}

.bar-break {

	border-top: 2px solid #222222; 
	border-bottom: 1px solid #222222; 
	padding-top: 1px; 
	margin-bottom: 3px;

}

.bar-break-reverse {

	border-top: 1px solid #222222; 
	border-bottom: 2px solid #222222; 
	padding-top: 1px; 
	margin-bottom: 3px;

}

.photo {

	border: 1px solid #fffafe;

}

.photo-all {

	border: 1px solid #fffafe;
	margin-bottom: 4px;

}

.photo-caption-container {

	height: 14px; 
	margin-top: 3px; 
	border-top: 1px solid #222222; 
	padding: 7px 0px 7px 0px;

}

.photo-caption {

	float: left; 
	font-weight: normal; 
	padding-top: 1px;

}

.spotlight-header {

	padding: 5px 0px 7px 0px; 
	border-bottom: 1px solid #222222; 
	font-weight: bold;
	font-size: 18px; 
	line-height: 15pt;
	color: #f42200; 
	margin-bottom: 10px;

}

.spotlight-container {

	padding: 5px 0px 7px 0px; 
	border-bottom: 1px solid #222222; 
	margin-bottom: 4px;

}

.spotlight-description {

	float: left;
	width: 350px;
	font-family: "Georgia";
	line-height: 16px;

}

.spotlight-tags {

	margin-left: 355px; 
	text-align: right; 
	font-size: 10px; 
	color: #abaca7;

}

#arrowNav {

	width: 48px; 
	margin-left: 435px;

}

.back-small {

	height: 14px;
	width: 14px;
	background: url(../images/back_small.gif) no-repeat;
	text-indent: -9999px;
	float: left;
	font-size: 6px;
	cursor: pointer;

}

.next-small {

	height: 14px;
	width: 14px;
	background: url(../images/next_small.gif) no-repeat;
	text-indent: -9999px;
	margin-left: 24px;
	font-size: 6px;
	cursor: pointer;

}

#arrowNav DIV:hover {

	background-position: 0 -14px;

}

#arrowNav A {

	display: block; 
	outline: none; 
	width: 100%; 
	height: 100%; 

}

#project-page-button {

	margin-top: 10px; 
	margin-bottom: 30px;
	height: 61px; 
	background: url(../images/project_page.gif) no-repeat;
	text-indent: -9999px;

}

#project-page-button:hover {

	background-position: 0 -61px;

}	

#project-page-button A {

	display: block; 
	outline: none; 
	width: 100%; 
	height: 100%; 

}

#project-archive-button {

	margin-top: 5px; 
	margin-bottom: 5px;
	height: 61px; 
	background: url(../images/project_archive.gif) no-repeat;
	text-indent: -9999px;

}

#project-archive-button:hover {

	background-position: 0 -61px;

}	

#project-archive-button A {

	display: block; 
	outline: none; 
	width: 100%; 
	height: 100%; 

}

.photo-tile {

	border: 1px solid #fffafe; 
	margin-right: 4px; 
	float: left;

}

.photo-tile-all {

	border: 1px solid #fffafe; 
	margin-right: 4px; 
	margin-bottom: 4px; 
	float: left;

}

#right-column {

	margin-left: 493px; 
	width: 237px;

}

.date {

	margin-bottom: 5px;
	text-align: right;

}

.page-headline {

	font-size: 23px; 
	font-weight: bold; 
	line-height: 22px; 
	min-height: 86px; 
	color: #222222; 
	padding-top: 3px;

}

*html .page-headline {

	height: 86px; 

}

#feedback-link-container {

	font: normal 10px "Georgia", "Times New Roman"; 
	text-align: right;



}

#feedback-link-container A {

	color: #222222; 

}

#feedback-link-container A:hover {

	color: #f42200; 
	text-decoration: none;

}

.news-nugget {

	padding: 10px 0px 15px 0px; 
	font: normal 10px "Georgia", "Times New Roman"; 
	line-height: 15px;
	color: #222; 
	border-bottom: 1px dotted #b8b9b4;

}

.news-nugget-copy {

	padding: 10px 0px 15px 0px; 
	font: normal 11px "Georgia", "Times New Roman"; 
	line-height: 16px;
	color: #4d4c4c; 
	border-bottom: 1px dotted #b8b9b4;

}


.news-header {

	font: bold 11px "Helvetica", "Arial";
	color: #f42200;

}

#news-archive-button {

	margin-top: 10px; 
	margin-bottom: 30px;
	height: 61px; 
	background: url(../images/news_archive.gif) no-repeat;
	text-indent: -9999px;

}

#news-archive-button:hover {

	background-position: 0 -61px;

}	

#news-archive-button A {

	display: block; 
	outline: none; 
	width: 100%; 
	height: 100%; 

}

.right-nugget-header {

	border-bottom: 1px solid #222222; 
	margin-bottom:10px;
	padding: 5px 0px 5px 0px;

}

.right-nugget {

	font: normal 10px "Georgia", "Times New Roman"; 
	line-height: 15px;
	color: #222222;

}

.featurette-button {

	margin-top: 10px; 
	margin-bottom: 30px;
	height: 61px; 
	text-indent: -9999px;

}

.featurette-button:hover {

	background-position: 0 -61px;

}	

.featurette-button A {

	display: block; 
	outline: none; 
	width: 100%; 
	height: 100%; 

}



#mail-page-button {

	margin-top: 10px; 
	margin-bottom: 30px;
	height: 61px; 
	background: url(../images/mail_page.gif) no-repeat;
	text-indent: -9999px;

}

#mail-page-button:hover {

	background-position: 0 -61px;

}	

#mail-page-button A {

	display: block; 
	outline: none; 
	width: 100%; 
	height: 100%; 

}

#about-button {

	margin-top: 10px; 
	margin-bottom: 30px;
	height: 61px; 
	background: url(../images/about_button.gif) no-repeat;
	text-indent: -9999px;

}

#about-button:hover {

	background-position: 0 -61px;

}	

#about-button A {

	display: block; 
	outline: none; 
	width: 100%; 
	height: 100%; 

}

#project-archive-short-button {

	margin-top: 6px; 
	margin-bottom: 30px;
	height: 61px; 
	background: url(../images/project_archive_short.gif) no-repeat;
	text-indent: -9999px;

}

#project-archive-short-button:hover {

	background-position: 0 -61px;

}	

#project-archive-short-button A {

	display: block; 
	outline: none; 
	width: 100%; 
	height: 100%; 

}

#prev-long-button {

	height: 14px; 
	width: 115px;
	background: url(../images/prev_long.gif) no-repeat;
	text-indent: -9999px;

}

#prev-long-button:hover {

	background-position: 0 -14px;

}	

#prev-long-button A {

	display: block; 
	outline: none; 
	width: 100%; 
	height: 100%; 

}

#next-long-button {

	height: 14px; 
	width: 115px;
	background: url(../images/next_long.gif) no-repeat;
	text-indent: -9999px;

}

#next-long-button:hover {

	background-position: 0 -14px;

}	

#next-long-button A {

	display: block; 
	outline: none; 
	width: 100%; 
	height: 100%; 

}

.fullwide-bar-break-container {

	width: 730px; 
	margin-left: 20px; 
	margin-top: 30px;

}

.wavelength-header-container {

	border-bottom: 1px solid #222222; 
	margin-bottom:3px; 
	width: 730px; 
	margin-left: 20px;
	padding: 5px 0px 5px 0px;

}

#wavelength-container {

	min-height: 200px; 
	width: 730px; 
	margin-left: 20px; 
	background-color: #222222;

}

*html #wavelength-container {

	height: 200px; 

}

.wavelength-inner {

	padding: 30px 15px 30px 15px;

}

.wavelength-1-2-column-container {

	float: left; 
	width: 480px;

}

.wavelength-1-column {

	width: 260px; 
	float: left;

}

.wavelength-1-column-inner {

	padding-right: 50px; 
	font: normal 10px "Georgia", "Times New Roman"; 
	line-height: 12pt;
	color: #cccccc;

}

.wavelength-2-column {

	margin-left: 260px;

}

.wavelength-2-column-inner {

	padding-right: 40px; 
	font: normal 10px "Georgia", "Times New Roman"; 
	line-height: 12pt;
	color: #cdcdcd;

 }

.wavelength-3-column-container {

	margin-left: 480px;

}

.wavelength-3-column-inner {

	padding-right: 30px; 
	font: normal 10px "Georgia", "Times New Roman";
	line-height: 12pt;
	color: #cccccc;

}

.wavelength-subhead {

	font-weight: bold 
	font-size: 12px; 
	color: #f2f2ee; 
	margin-bottom: 5px;

}

.copyright {

	width: 730px; 
	margin-left: 20px;

}

/* WORK PAGE - SPECIFIC STYLES */

.photo-caption-container-work {

	height: 14px; 
	margin-top: 3px; 
	margin-bottom: 3px; 
	border-top: 1px solid #222222; 
	border-bottom: 1px solid #222222; 
	padding: 9px 0px 5px 0px;

}

.description-nugget {

	padding: 0px 0px 30px 0px; 
	margin-bottom: 10px;
	font: normal 11px "Georgia", "Times New Roman"; 
	line-height: 16px;
	color: #222222; 
	border-bottom: 1px dotted #b8b9b4;

}

.filed-under {

	float: left; 
	width: 50%; 
	color: #a4a4a2; 
	font-size: 10px;

}

.filed-under-tags {

	width: 50%; 
	margin-left: 50%; 
	text-align: right; 
	font-size: 10px;

}

.prev-next-container {

	margin-top: 40px;
	height: 14px;

}

.prev-container {

	float: left;

}

.next-container {

	margin-left: 122px;

}

*html .next-container {

	margin-left: 119px;

}

/* END WORK PAGE - SPECIFIC STYLES */

/* SERVICES PAGE - SPECIFIC STYLES */

 .service-image {
 
	margin-bottom: 8px;

 } 

.service-header {

	padding: 5px 0px 7px 0px; 
	border-bottom: 1px solid #222222; 
	font-weight: bold;
	font-size: 18px; 
	color: #222222; 
	margin-bottom: 10px;

}

.service-description {

	font: normal 11px "Georgia", "Times New Roman"; 
	line-height: 16px;
	margin-bottom: 20px; 

}

.service-footer-container {

	margin: 20px 0px 5px 0px;

}

.service-footer-examples {

	float: left; 
	width: 70%;
	font-size: 10px;

}

.service-footer-top {

	text-align: right; 
	width: 70px; 
	margin-left: auto;
	font-size: 10px;

}

.service-nugget {
	
	margin-top: 20px;
	padding: 10px 0px 15px 0px; 
	font: normal 10px "Georgia", "Times New Roman"; 
	line-height: 15px;
	color: #222222; 

}

.service-nugget-copy {
	
	margin-top: 20px;
	padding: 10px 0px 15px 0px; 
	font: normal 11px "Georgia", "Times New Roman"; 
	line-height: 16px;
	color: #4d4c4c; 

}

/* SERVICES WORK PAGE - SPECIFIC STYLES */

#dhtmltooltip{
position: absolute;
left: -300px;
width: 296px;
height: 186px;
border: 0px solid black;
padding: 2px;
background-color: white;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

a.filter-by {

color: #222222;
font-size: 10px;

}

a.filter-by:hover {

color: #f42200;
text-decoration: none;

}

/* ABOUT PAGE - SPECIFIC STYLES */

.about-header {

	font-weight: bold;
	font-size: 18px; 
	color: #f42200; 
	float: left;
	padding-top: 2px;

}

.about-subhead {

	padding-top: 3px;
	text-align: right;
	font-size: 12px; 
	font-weight: bold;

}

.about-photo {

	border: 1px solid #222222; 
	margin: 0px 10px 3px 0px; 
	padding: 4px;
	float: left;

}

.about-description {

	font: normal 11px "Georgia", "Times New Roman"; 
	line-height: 16px;
	margin-bottom: 20px; 
	width: 90%;

}

/* NEWS PAGE - SPECIFIC STYLES */

.news-post-header {

	font-weight: bold;
	font-size: 18px; 
	float: left;
	width: 80%;

}

.news-post-subhead {

	padding-top: 7px;
	text-align: right;
	font-size: 11px; 
	font-weight: bold;

}

.news-post-footer-container {

	margin: 20px 0px 5px 0px;
	border-top: 1px solid #b8b9b4;
	padding-top: 5px;
	font-size: 10px;

}

.news-post-footer-author {

	float: left; 
	width: 20%;
	color: #b8b9b4;
	font-size: 10px;

}

.news-post-footer-categories {

	text-align: right; 
	width: 80%; 
	margin-left: auto;
	color: #b8b9b4;
	font-size: 10px;

}

/* ALL WORK SPECIFIC STYLES */


.tooltip-footer {

	margin-top: 20px; 
	border-top: 1px solid #a5a5a3; 
	padding-top: 5px; 
	color: #a5a5a3;

}



/*SLIDER*/


 
#area2 {
	position: relative;
	height: 40px;
	width: 237px;
	background: url(../images/slider_bg.gif) no-repeat;
}
 
#knob2 {
	position: absolute;
	height: 24px;
	width: 14px;
	cursor: pointer;
	background: url(../images/arrow.png) no-repeat;
}

#contact-submit {

	height: 16px; 
	width: 72px;
	background: url(../images/contact_submit.gif) no-repeat;
	text-indent: -9999px;
	margin-left: 165px;

}

#contact-submit:hover {

	background-position: 0 -16px;

}

#contact-submit A {

	display: block; 
	outline: none; 
	width: 100%; 
	height: 100%; 

}

#full-image {

	height: 16px;
	width: 107px;
	background: url(../images/full_image.gif) no-repeat;
	text-indent: -9999px;
	font-size: 6px;
	cursor: pointer;
	border: 0px solid black;

}

#fullNav {

	width: 107px; 
	margin-left: 366px;

}

#fullNav DIV:hover {

	background-position: 0 -16px;

}

#fullNav A {

	display: block; 
	outline: none; 
	width: 100%; 
	height: 100%; 

}

/*case study page*/

.casestudy { 
	padding: 10px 20px 25px 0px; 
	font-family: Georgia; 
	font-size: 12px;
	color: #222 ; 
	border-bottom: 1px solid black; 
	margin-bottom: 5px; 
	line-height: 17px;
}

.casestudy-nugget { 

	padding: 0px 0px 30px 0px; 
	margin-bottom: 10px;
	font: normal 11px "Georgia", "Times New Roman"; 
	line-height: 16px;
	color: #4d4c4c ; 
	border-bottom: 1px dotted #b8b9b4;
	}

#listbase {
	margin: 2em;
	width: 10em;
	padding: 5px;
	}


#custom-gen ul  {
	font-family: Georgia;
	font-size: 11px;
	color: #4d4c4c ; 
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	line-height: 17px;
	}


#custom-gen ul li:before {
	content: "\00BB \0020";
	}