/* @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 */
	
}

.main-template #container-inside { 
	width: 800px;  /* 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. */
	border: 0px solid #000000;
	
}  

.main-template #subcontainer-header { 
	position:relative;
	padding: 0 0px 0 0px;
	height: 230px;
	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: 260px; height: 124px; position: absolute; border: 0px solid #000000; top: 0px; left: 0px; overflow: hidden; text-indent: -9999px; z-index:-100; background: transparent url(../images/bg-logo.gif) no-repeat;
}
		
.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: 217px; /* 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 0px;
	margin: 0px 0px 0px 0px;
	/*height: 625px; */
}

.main-template #main-content { 
	margin: 0 0px 0 220px; /* 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 0px;
	border: 0px solid #c4c0be;
	border-width: 1px 0px 0px 0px;
	background: #ffffff url(/images/bg-content.gif) 0px 0px no-repeat;
	width: 550px;	
}

/* the padding below allows for the vertical shadows at edge of page. */
.main-template #subcontainer-footer { padding: 10px 10px 28px 210px; 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. */
}

/* the padding below allows for the vertical shadows at edge of page. */
.main-template #subcontainer-footer-home { padding: 10px 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-home 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 */


.footer-text  { color: #aeaeae; 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;
}

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

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

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


a:active  { outline: none;
}