/* @charset "UTF-8"; */
body  {
	margin: 0; /* It's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* This centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-color: #990000;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	line-height: 18px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
}

.main-template #container-inside { 
	width: 970px;  /* This width includes an extra 35px on each side which allows for the side shadows to display */
	margin: 0 auto; /* The auto margins (in conjunction with a width) center the page */
	border: 0px;
	text-align: left; /* This overrides the text-align: center on the body element. */
	background: url(/images/bg-body.gif);
	border: 0px solid #000000;
	
}  

.main-template #subcontainer-header { 
	position:relative;
	padding: 0 0px 0 0px;
	height: 148px;
	background: url(/images/bg-body-top.gif);
	background-position: center;
	background-repeat: no-repeat;
	z-index: 5000;
	border: 0px solid #000000;
}

.main-template #content-container { 
	position:relative;
	border: 0px solid #000000;
}

.main-template #subcontainer-header #header-logo { display: block; width: 220px; height: 112px; position: absolute; border: 0px solid #000000; top: 36px; left: 0px; overflow: hidden; text-indent: -9999px; z-index:-100; background: transparent url(/images/clear.gif) no-repeat;
}

.main-template #subcontainer-header #header-page-name { display: block; position: absolute; border: 0px solid #000000; top: 98px; right: 24px; overflow: hidden; text-align:right; z-index:-100;
}
		
.main-template #logoprint {display: none;
}

.main-template #breadcrumbs {padding: 3px 30px 4px 0px;
}

.main-template #nav-secondary {
	float: left; /* Since this element is floated, a width must be given. */
	width: 225px; /* The actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width. */
	border: 0px solid #000000;
	padding: 0px 0px 0px 35px;
	margin: 0px 0px 0px 0px;
	height: 625px;
	background: url(/images/leftnav-bg.gif) 35px 0px no-repeat;
}

.main-template #main-content { 
	margin: 0 35px 0 260px; /* The left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. */
	/* There is a gray 1px border at the top of main-content. This helps eliminate extra padding at top in FF */
	padding: 0 40px 0px 40px;
	border: 1px solid #c4c0be;
	border-width: 1px 0px 0px 0px;
	background: #ffffff url(/images/bg-content.gif) 0px 0px no-repeat;	
}

.main-template #main-content-no-right-padding { 
	margin: 0 35px 0 260px; /* The left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. */
	/* There is a gray 1px border at the top of main-content. This helps eliminate extra padding at top in FF */
	padding: 0 0px 0px 40px;
	border: 1px solid #c4c0be;
	border-width: 1px 0px 0px 0px;
	background: #ffffff url(/images/bg-content.gif) 0px 0px no-repeat;	
}

.main-template #main-content-list { 
	margin: 0px;
	/* There is a white 1px border at the top of main-content-list. This helps eliminate extra padding at top in FF */
	padding: 0px;
	border: 1px solid #ffffff;
	border-width: 1px 0px 0px 0px;
	background: url(/images/bg-content-list.gif) 0px 0px repeat-y;
}

.main-template #main-content-list .content-list-item { 
	height: 66px;
	border: 0px solid #000000;
}

.main-template #main-content-list .content-list-item ul.work-listing { list-style-type:none; padding:0; margin:0;
}

.main-template #main-content-list .content-list-item ul.work-listing li.list-icon {display:block; float:left; position:relative; width:180px;
}

.main-template #main-content-list .content-list-item ul.work-listing li.list-descriptor {display:block; float:left; position:relative; text-align:right; width:70px; height:66px; line-height:24px; padding-top:9px;
}

.main-template #main-content-list .content-list-item ul.work-listing li.list-link {display:block; float:left; position:relative; text-align:left; height:66px; line-height:24px; padding-left:4px;padding-top:9px;
}

.main-template #main-content-list p {
	padding: 0px 20px 0px 0px;
}

/* the padding below allows for the vertical shadows at edge of page. */
.main-template #subcontainer-footer { padding: 30px 10px 28px 10px; background:url(/images/bg-footer.gif); background-position: top left; background-repeat: no-repeat; margin-top:0px; text-align: center; border: 0px solid #000000;
}
 
.main-template #subcontainer-footer p {
	margin: 0; /* Zeroing the margins of the first element in the subcontainer-footer will avoid the possibility of margin collapse -- a space between divs. */
	padding: 0px 0 0 0px; /* Padding on this element will create space, just as the the margin would have, without the margin collapse issue. */
}

 /* This class can be used to float an element right in the page. The floated element must precede the element it should be next to on the page. */
.float-right { float: right; margin: 0px 0px 10px 20px;
}

 /* This class can be used to float an element left in the page. */
.float-left {float: left; margin-right: 20px;
}

 /* This class can be used to float a quote mark graphic left in the page. */
.float-left-quote {float: left; margin-right: 10px; padding-top: 6px;
}
 /* This class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float. */
.clear-float {clear:both; height:0; font-size: 1px; line-height: 0px;
}

/* IMPORTANT. Must include font-size and height in empty div class or IE adds extra vertical space */
.spacer {  height:16px; font-size: 1px;
}

.spacer-short {  height:6px; font-size: 1px;
}

.divider { color: #FFFFFF; height:1px; margin: 8px 0px 8px 0px; font-size: 1px; background-image: url("/images/bg-divider.gif"); background-repeat: repeat-x;
}

.divider-top { color: #FFFFFF; height:1px; margin: 0px 0px 8px 0px; font-size: 1px; background-image: url("/images/bg-divider.gif"); background-repeat: repeat-x;
}

.divider-bottom { color: #FFFFFF; height:1px; margin: 8px 0px 0px 0px; font-size: 1px; background-color:#FFFFFF; background-image: url("/images/bg-divider.gif"); background-repeat: repeat-x;
}

.divider-tall { color: #FFFFFF; height:1px; margin: 0px 0px; font-size: 1px; background-image: url("/images/bg-divider.gif"); background-repeat: repeat-x; margin: 8px 0 8px 0;
}

.divider-short { color: #FFFFFF; background-color: #89ABD5; height:1px; margin: 16px 0; font-size: 1px;
}

/* Two column Callout boxes formatting */

.main-template #main-content-calloutboxes { 
	margin: 0px;
	/* There is a white 1px border at the top of main-content-list. This helps eliminate extra padding at top in FF */
	padding: 0px;
	border: 1px solid #ffffff;
	border-width: 1px 0px 0px 0px;
	background: #ffffff url(/images/bg-content-list.gif) 0px 0px repeat-y;
}

.calloutboxes {padding: 0px 0px 8px 0px; margin: 0px 0px 16px 0px;
}

.calloutboxes h3 { margin: 0 0 8px 0; padding: 0 0px 0 0;
}

.leftcalloutbox { width: 280px; margin: 0px; padding: 4px 25px 0 0; float: left;
}

.rightcalloutbox { margin-left:320px; padding-top:4px; padding-right:15px;	
}


/* @group Layout */

#portfolio-sliding-tabs {
	width: 595px;
	padding: 0px;
	position:relative;
	background:url(/images/bg-portfolio-thumbs.gif);
	background-position: 0 346px;
	background-repeat:no-repeat;
}

.view-more-link { text-align:right; padding-top: 8px;

}

#one-liner {text-align:center;
}

#case-study {text-align:left;
}




/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/*  Font Styles Defined  */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

p  { color: #000000; font-weight: normal; font-style: normal; font-size: 12px; line-height: 18px; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: none; margin-top: 0px; 
}

h1  { color: #000000; font-weight: bold; font-style: normal; font-size: 22px; line-height: 24px; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: none; text-transform: none; padding-right: 0px; padding-left: 0px; margin-top:30px;
}

h2  { color: #000000; font-weight: bold; font-style: normal; font-size: 18px; line-height: 24px; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: none; text-transform:none; padding-right: 0px; padding-left: 0px;
}

h3  { color: #000000; font-weight: bold; font-style: normal; font-size: 14px; line-height: 18px; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: none; text-transform:none; padding-right: 0px; padding-left: 0px; margin-bottom: 4px;
}

h5  { color: #000000; font-weight: bold; font-style: normal; font-size: 11px; line-height: 22px; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: none; text-transform:none; padding-right: 0px; padding-left: 0px; margin: 0px;
}

.page-name-first  { color: #d36464; font-weight: bold; font-style: normal; font-size: 34px; line-height: 36px; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: none; text-transform: uppercase; padding-right: 0px; padding-left: 0px; margin-top:12px;
}

.page-name-second  { color: #d98080; font-weight: bold; font-style: normal; font-size: 34px; line-height: 36px; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: none; text-transform: uppercase; padding-right: 0px; padding-left: 0px; margin-top:12px;
}

p.quote {padding-top:6px;
}

.small {font-size: 10px;
}

.form-label {font-size: 11px; font-weight:bold;
}

.grey  { color: #999999;
}

.red  { color: #D61c18;
}

.footer-text  { color: #c38080; font-weight: normal; font-style: normal; font-size: 10px; line-height: 18px; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: none; margin: 0px; padding: 0px;
}

.breadcrumbs  { color: #333333; font-weight: normal; font-style: normal; font-size: 11px; line-height: 18px; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: none; margin: 6px 0 0 0px;
}

.no-padding-margin  { margin:0 0 0 0; padding:0 0 0 0;
}

.no-bottom-margin  { margin-bottom:0px;
}

.no-top-margin  { margin-top:0px;
}

a  { color: #2862b2; font-weight: normal; font-style: normal; font-size: 12px; line-height: 18px; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: underline; outline: none; 
}

a:visited  { color: #2862b2; font-weight: normal; font-style: normal; font-size: 12px; line-height: 18px; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: underline; outline: none;
}

a:hover  { color: #1b4174; font-weight: normal; font-style: normal; font-size: 12px; line-height: 18px; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: underline; outline: none;
}

a.list-descriptor  { color: #2862b2; font-weight: normal; font-style: normal; font-size: 12px; line-height: 24px; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: underline; outline: none; 
}

a.list-descriptor:visited  { color: #2862b2; font-weight: normal; font-style: normal; font-size: 12px; line-height: 24px; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: underline; outline: none;
}

a.list-descriptor:hover  { color: #1b4174; font-weight: normal; font-style: normal; font-size: 12px; line-height: 24px; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: underline; outline: none;
}





a:active  { outline: none;
}

a.small-link {font-size: 11px; line-height: 18px;
}

a.small-link:visited {font-size: 11px; line-height: 18px;
}

a.small-link:hover {font-size: 11px; line-height: 18px;
}

a.smaller-link {font-size: 10px; line-height: 18px;
}

a.smaller-link:visited {font-size: 10px; line-height: 18px;
}

a.smaller-link:hover {font-size: 10px; line-height: 18px;
}

a.footer-link {font-size: 10px; line-height: 18px; color: #c38080; text-decoration:none;
}

a.footer-link:visited {font-size: 10px; line-height: 18px; color: #c38080; text-decoration:none;
}

a.footer-link:hover {font-size: 10px; line-height: 18px; color: #ffd400;  text-decoration: underline;
}


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/*  Form Styles Defined  */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

.form_rt {
	font: 10px Arial, Verdana, Helvetica, sans-serif;
	line-height: 16px;
	margin: 0px;
}

#form_submit {
	padding:10px 0 0px 82px;
	border: 0px solid #000000;
}
input {
	width: 225px;
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	margin-bottom: 4px;
	line-height: 13px;
}

textarea {
	width: 230px;
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	margin-bottom: 4px;
	line-height: 13px;
}