body {
	color: #454545;
	font: normal 12px Arial, Helvetica, Sans-serif;
	padding: 0;
	margin: 0;
	background: #000 url(/img/common/background.jpg) top center no-repeat;
}

a, a img {
	color: #ff0033;
	text-decoration: none;
	border: 0;
	outline: none;
}

a:hover {
	text-decoration: underline;
}

form, fieldset {
	padding: 0;
	margin: 0;
	border: 0;
}

input, textarea {
	color: #909090;
	font: normal 11px Arial, Helvetica, Sans-serif;
	padding: 0 5px;
	margin: 0;
	border: 0;
}

.clear {
	clear: both;
	height: 1px;
	width: 1px;
	overflow: hidden;
	display: block;
}

#header {
	width: 927px;
	color: #FFF;
	margin: 0 auto;
}

#shout {
	width: 927px;
	height: 63px;
	color: #ff0033;
	font: normal 8px "standard 07_55";
	margin: 0 0 10px 0;
}

#shout a, #shout span.says {
	float: left;
	color: #FFF;
	margin: 9px 7px 0 0;
	height: 18px;
}

#shout span.says a {
    margin: 0;
}

#shout a.bubble {
	float: left;
	display: block;
	width: 21px;
	height: 15px;
	background: url(/img/common/icon-shout-red.png) top left no-repeat;
	margin: 8px 0 0 0;
	cursor: pointer;
}

#shout .message {
	float: left;
	margin: 9px 0 0 7px;
}

.sIFR-active #shout .message, .sIFR-active #shout .says  {
	visibility: hidden;
}

#shoutForm {
	visibility: hidden;
}

#shout form {
	padding: 6px 0 0 0;
}

form .loading {
    padding-top: 2px;
    vertical-align: top;
    visibility: hidden;
}

.error {
    color: #c00;
}

#shout input.enterName {
	width: 181px;
	height: 12px;
	background: url(/img/common/shout-name-bg.png) top left no-repeat;
	padding: 4px 5px;
	margin: 0 7px 0 0;
	cursor: text;
}

#shout input.enterShout {
	width: 221px;
	height: 12px;
	background: url(/img/common/shout-message-bg.png) top left no-repeat;
	padding: 4px 5px;
	margin: 0 7px 0 0;
	cursor: text;
}

#shout input.submit {
	cursor: pointer;
	vertical-align: top;
	width: 40px;
	height: 20px;
	line-height: 12px;
	color: #000;
	background: transparent url(/img/common/shout-submit-bg-mask.png) top left no-repeat;
}

#shout input.submit:hover {
	background: #f00 url(/img/common/shout-submit-bg-mask.png) top left no-repeat !important;
}

#logo {
	float: right;
	display: block;
	width: 124px;
	height: 39px;
	margin: 5px 0 0 0;
	background: url(/img/common/logo.png) top left no-repeat;
}

#logo a {
	display: block;
	width: 111px;
	height: 24px;
}

#logo span {
	display: none;
}

/* MAIN NAV */

#nav {
	float: left;
	width: 796px;
	height: 43px;
	padding: 0;
	margin: 0;
	border-left: solid 1px #303030;
	overflow: hidden;
}

#nav li {
	float: left;
	display: block;
	list-style-type: none;
	list-style-position: inside;
	padding: 0 1px;
	margin: 0;
	border-right: solid 1px #303030;
}

#nav li a {
	display: block;
	position: relative;
	cursor: pointer;
	height: 43px;
}

#nav li a:hover, #nav li.on a {
	display: block;
	height: 43px;
}

#nav li.on .bg {
	color: #FF0033;
	background: url(/img/common/nav/nav-bg.gif) top left no-repeat;
	display: block;
}

#nav li h2 {
	display: block;
	height: 43px;
	padding: 0;
	margin: 0;
}

#nav a.home {
	width: 124px;
}

#nav a.company {
	width: 174px;
}

#nav a.work {
	width: 111px;
}

#nav a.alog {
	width: 113px;
}

#nav a.home, #nav li.on a.home {
	background: url(/img/common/nav/home.png) top left no-repeat;
}

#nav a.company, #nav li.on a.company {
	background: url(/img/common/nav/company.png) top left no-repeat;
}

#nav a.work, #nav li.on a.work {
	background: url(/img/common/nav/work.png) top left no-repeat;
}

#nav a.alog, #nav li.on a.alog {
	background: url(/img/common/nav/alog.png) top left no-repeat;
}

#nav a.home:hover {
	background: url(/img/common/nav/red/home.png) top left no-repeat;
}

#nav a.company:hover {
	background: url(/img/common/nav/red/company.png) top left no-repeat;
}

#nav a.work:hover {
	background: url(/img/common/nav/red/work.png) top left no-repeat;
}

#nav a.alog:hover {
	background: url(/img/common/nav/red/alog.png) top left no-repeat;
}

#nav a span {
	display: none;
}

/* SUBNAV */

#subnav {
	width: 923px;
	height: 29px;
	padding: 1px 2px;
	margin: 17px 0 0 0;
	background: url(/img/common/nav/subnav-bg.png) top left no-repeat;
}

#subnav div {
	position: relative;
	left: -6px;
	float: left;
	margin: 0 6px;
	z-index: 10;
}

#subnav div.on {
	left: -4px;
	margin: 0 4px;
}

#subnav div a, #subnav div span.label {
	float: left;
	cursor: pointer;
	position: relative;
	display: block;
	height: 20px;
	color: #FFF;
	font-size: 12px;
	font-weight: normal;
	padding: 7px 7px 1px 10px;
}

#subnav div.label {
    float: right;
    margin-right: -15px;
}

#subnav div span.label {
    cursor: default;
    color: #808080;
    padding-right: 0px;
}

#subnav div.on a, #subnav div.browse a, #subnav div.browse .select {
	color: #ff0033;
	background: url(/img/common/nav/subnav-bg-left.png) top left no-repeat;
}

#subnav div.on a.icon, #subnav div.browse a.icon {
	color: #ff0033;
	background: url(/img/common/nav/subnav-bg-middle.png) top left repeat-x;
}

#subnav div a:hover {
	color: #FF0033;
	text-decoration: none;
}

#subnav div.on span, #subnav div.browse span {
	display: block;
	float: left;
	width: 4px;
	height: 28px;
	background: url(/img/common/nav/subnav-bg-right.png) top right no-repeat;
}

#subnav div.browse {
	position: relative;
	left: 1px;
	float: right;
	width: 200px;
	margin-left: 25px;
	margin-right: 0;
}

#subnav div.browse .select {
	float: left;
	width: 175px;
	height: 28px;
	color: #FFF;
	font-size: 12px;
	font-weight: normal;
	padding: 0 4px 0 0;	
	position: static;
	margin: 0;
}

#subnav div.browse .select div {
	width: 200px;
}

#subnav div.browse a.selected {
	color: #808080;
	width: 160px;
}

#subnav div.browse a.selected:hover {
	color: #FF0033;
}

#subnav div.browse .cap {
	float: left;
	width: 21px;
	padding: 5px 0 2px 0;
	background: url(/img/common/nav/subnav-bg-endcap.png) top left no-repeat;
}

#subnav div.browse a.icon {
    margin: 0;
    padding: 0;
    width: 17px;
    height: 17px;
    background: url(/img/common/nav/browse-toggle.gif) 0 0 no-repeat;
    cursor: pointer;
}

#subnav div.browse .default a.selected, #subnav div.browse .default a.icon {
    display: none;
}

#subnav div.browse .open a.icon {
    background-position: 0 -17px;
}

#subnav div.browse select {
	float: left;
	width: 160px;
	margin: 4px 0 1px 5px;
}

#subnav div.browse ul {
	clear: both;
	width: 200px;
	list-style-type: none;
	list-style-position: outside;
	padding: 0;
	margin: -3px 0 0 6px;
	position: relative;
}

#subnav div.browse ul li {
	width: 200px;
	height: auto;
	padding: 0;
	margin: 0;
	border-top: solid 1px #1e1e1e;
	background: transparent url(/img/common/nav/subnav-dropdown-bg.png) top left repeat;
}

#subnav div.browse ul li a {
	float: none;
	position: static;
	display: block;
	width: 200px;
	height: auto;
	padding: 7px 0 7px 10px;
	margin: 0;
	background-image: none;
}

#subnav div.browse ul li a:hover {
	color: #FF0033;
}

#subnav div.browse ul li.current  {
    display: none;
}

#subnav div.browse ul li.last {
	padding: 0;
	background: transparent url(/img/common/nav/subnav-dropdown-bottom.png) top left no-repeat;
}

/* CONTENT */

#content {
	width: 939px;
	padding: 0;
	margin: 0 auto;
}

#content #about-headline {
    margin-bottom: 40px;
}

#content h1 {
	width: 927px;
	color: #fefefe;
	font: italic 30px Georgia, Times New Roman, Serif;
	line-height: 32px;
	letter-spacing: -1px;
	padding: 0;
	margin: 80px 0 75px 6px;
}

#content h1.titlesBelow {
	margin-bottom: 70px;
}

#content #about-headline h1 a {
	font-style: normal;
	font-size: 14px;
}

#content h1.expanded {
	height: auto;
	margin-bottom: 35px;	
}

#content h1 a.expanded {
	visibility: hidden;
	letter-spacing: 0;
}

#content p.expanded {
	width: 927px;
	color: #FFF;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: normal;
	padding: 0;
	margin: 0 0 0 6px;
}

#content p.expanded a.close {
	display: block;
	text-align: right;
	font: normal 14px Georgia, Times New roman, Serif;
	margin: 20px 20px 10px 0;
}

#content #projects {
	margin-top: 15px;
}

#content .items {
	float: left;
}

#content .items a:hover { 
	text-decoration: none;
}

#content .item, #content .theresMore {
	float: left;
	width: 291px;
	height: 232px;
	padding: 6px;
	margin: 0 15px 15px 0;
	background: url(/img/common/item-shadow.png) top left no-repeat;
    overflow: hidden;
}

#content .last, #content .theresMore {
	margin-right: 0;
}

#content .titles {
	float: left;
	width: 933px;
	/*height: 11px;*/
	margin: 0 0 0 3px;
}

#content .titles h2 {
	float: left;
	width: 288px;
	/*height: 7px;*/
	margin: 0 28px 0 3px;
	background: top left no-repeat;
	color: #fff;
	font-weight: normal;
	font-size: 18px;
}

/*#content .titles h2.selectedWork {
	background-image: url(/img/titles/selected-work.png);
}

#content .titles h2.selectedNews {
	background-image: url(/img/titles/selected-news.png);
}

#content .titles h2.selectedCulture {
	background-image: url(/img/titles/selected-culture.png);
}*/

#content .titles h2.last {
	margin-right: 0;
}

#content .titles h2 span {
	/*display: none;*/
}

#content .item .thumbnail {
	position: relative;
	display: block;
	width: 291px;
	height: 232px;
	background: top left no-repeat;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;    
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; 
    cursor: pointer;   
}

#content .theresMore {
	width: 285px;
	margin: 0 0 15px 0;
	overflow: hidden;
}

#content .item .caption, #content .theresMore .caption {
	position: relative;
	display: block;
	z-index: 6;
	top: 182px;
	width: 271px;
	height: 41px;
	padding: 9px 10px 0 10px;
	background: url(/img/common/item-caption-white.png) top left repeat;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;    
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

#content .items.short .item .caption {
	top: 199px;
	height: 24px;
}

#content .item h3, #content .theresMore h3 {
	width: 271px;
	height: 20px;
	color: #000;
	font: normal 20px "ITC Lubalin Graph Std";
	line-height: 20px;
	padding: 0;
	margin: 0;
}

.sIFR-active #content .item h3 {
    visibility: hidden;
}

#content .item .caption span {
	color: #ff0033;
}

#content .item .project-link {
	display: block;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

#content .item p, #content .theresMore p {
	color: #000;
	line-height: 12px;
	margin: 0;
	padding: 0;
}

/* THERE'S MORE */

#content .theresMore .caption {
	top: 0;
	left: 0;
/*	width: 285px; */
	height: 222px;
	background-image: url(/img/common/item-bg.png);
}

#content .theresMore .caption h3 {
	color: #FFF;
	margin: 82px 0 0 12px;
}

#content .theresMore p {
	color: #FFF;
	font-size: 14px;
	margin: 5px 0 2px 14px;
}

#content .theresMore p .selected {
	color: #ff0033;
	cursor: default;
}

#content .theresMore p .lowlight {
	color: #545454;
}

#content .theresMore p a {
	color: #FFF;
}

/* projects loading */

#content .projects-loading {
    background: #191919 url('/img/generic/loader.gif') no-repeat 50% 50% !important;
    width: 927px;
    height: 40px;
    margin: 0 0 20px 6px;
    *margin: 12px 0 20px 6px;
    float: left;
    clear: both;
    display: none;
    border-radius: 4px;
    opacity: 0.8;
}

/* HOME HERO */

.mainslider,
.video-head {
    /*background: url('/img/generic/tile_grey_hazard.gif');*/
	width: 927px;
	height: 491px;
	margin: 18px 0  18px 7px;
	overflow: hidden;
	position: relative;
}

.home .mainslider {
	width: 927px;
	height: 491px;
    margin-bottom: 30px;
}

.mainslider.mainslider-small { height: 232px !important; }
.mainslider.mainslider-small .mainslider-nav { top: 200px !important; }

.hidden-slideshow-img {
	width: 1px;
	height: 1px;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
}
.hidden-slideshow-img img {
	margin-left: 10px;
}

.black-box {
    background-color: #000;
}

.mainslider a,
.mainslider img,
.mainslider .img-slide {
    position: absolute;
	z-index: 1;
}

.mainslider .img-slide {
    width: 927px;
	height: 491px;
	overflow: hidden;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.mainslider.mainslider-small .img-slide {
    width: 927px;
	height: 232px !important;
}


.linked:hover { cursor: pointer; }

.mainslider .loading { 
	padding: 0 0 0 0;
	position: absolute;
	z-index: 11;
	top: 243px;
	left: 49%;
}

.mainslider.mainslider-small .loading {
	top: 115px;
}

.mainslider.withnav {
	margin-bottom: 0px;
}

.mainslidernav {
	height: 47px;
}

.mainslider .mainslider-nav {
	position: absolute;
	z-index: 9;
	top: 459px;
	width: 127px;
	margin-left: 420px;
}

.mainslider .mainslider-nav a span {
	display: none;
}

.mainslider .mainslider-nav a {
	position: relative;
	float: left;
	width: 13px;
	height: 13px;
	margin: 0 8px 0 0;
	clear: none;
}
html > body .mainslider .mainslider-nav a {
	background: url(/img/buttons/dot-inactive.png) top left no-repeat;	
}

html > body #content .mainslider .mainslider-nav a.selstate {
	background: url(/img/buttons/dot-active.png) top left no-repeat;	
}

html > body .mainslider .mainslider-nav a:hover {
	background: url(/img/buttons/dot-hover.png) top left no-repeat;	
}




/* POPOVER */

#popover {
	width: 927px;
	height: 491px;
	margin: 0 auto;
}

#popover .backdrop {
	position: relative;
	/*width: 927px;
	height: 491px;*/
	width: 1px;
	height: 1px;
	overflow: visible;
}

#popover .viewers, #popover .viewer, #popover .loading {
	position: absolute;
	width: 927px;
	height: 491px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#popover .viewer object, #popover .viewer embed {
	position: absolute;
	width: 927px;
	height: 491px;	
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;	
}

#popover .loading img {
    margin-left: 452px;
    margin-top: 229px;
}

#popover .loading {
    background-color: #fff;
    border-radius: 4px; /* EXTRA PIXELS TO PREVENT BLEED THROUGH */
	-moz-border-radius: 4px;
    -webkit-border-radius: 5px;
}

#popover .loading.off img {
    display: none;
}

#popover a.close {
	display: block;
	width: 31px;
	height: 31px;
	background: url(/img/common/icon-close.png) center center no-repeat;
	position: absolute;
	top: -15px;
	left: 911px;
	z-index: 111;
}
#popover a.close span { display: none; }

#popover a.prev, #popover a.next, #popover a.play {
	float: left;
	display: block;
	width: 300px;
	height: 491px;
	filter:alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.0;
	position: absolute;
	top: 0;
	z-index: 9;
}

#popover .videoControls a.prev, #popover .videoControls a.next, #popover .videoControls a.play {
	height: 391px;
}



#popover a.prev {
	left: 0;
}

#popover a.next {
	float: right;
	left: 627px;
	
}

#popover a.play {
	display: none;
	position: absolute;
	left: 317px;
	filter:alpha(opacity=1);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

#popover a.prev .image, #popover a.next .image, #popover a.play .image,
#popover a.prev .project, #popover a.next .project, #popover a.play .project {
	cursor: pointer;
	display: block;
	width: 160px;
	height: 60px;
	margin: 226px 16px 0 16px;
	background: top left no-repeat;	
}

#popover a.play .image {
	margin-top: 198px;
	margin-left: 104px;
	height: 92px;
}

#popover a.prev .project {
	background-image: url(/img/common/previous-project.png);
}

#popover a.next .project {
	float: right;
	background-image: url(/img/common/next-project.png);
}

#popover a.prev .image {
	width: 60px;
	background-image: url(/img/common/previous-image.png);
}

#popover a.next .image {
	float: right;
	width: 60px;
	background-image: url(/img/common/next-image.png);
}

#popover a.play .image {
	width: 92px;
	background-image: url(/img/common/video-play-button.png);
}

#popover a.prev .image span, #popover a.next .image span, #popover a.play .image span,
#popover a.prev .project span, #popover a.next .project span, #popover a.play .project span {
	display: none;
}

#projects .items {
	position: relative;
}

#projects.projects .items {
	margin: 0 0 0px 6px;
	min-height: 491px;
}

#projects ul.page-viewer {
	margin: 0;
	padding: 0;
	position: relative;
	/*margin-top: -491px;*/
}

#projects ul.page-viewer li {
	margin: 0 0 20px 0;
	list-style: none;
}

#popover .summary,
#projects .summary {	
	width: 280px;
	padding: 34px 0 0 28px;
	position: relative;
	z-index: 1;
}

#popover .summary.off {
	display: none;
}

#popover .summary.over,
#projects .summary.over {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	width: 899px;
	height: 457px;
	/*background: url(/img/common/popover-info-bg.png) top left no-repeat;*/
	background: none; /* redesign */
	z-index: 9;
}

#popover .summary h1, 
#popover .summary h2, 
#popover .summary h3,
#projects .summary h1, 
#projects .summary h2, 
#projects .summary h3 {

	color: #353535;
	font: italic 24px Georgia, Times New Roman, Serif;
	line-height: 24px;
	padding: 0;
	margin: 0;
}

#popover .summary h3 {
	color: #ff0033;
	margin: 24px 0 40px 0;
}

#popover .summary p {
	font-size: 14px;
	line-height: 20px;
	letter-spacing: normal;
	margin-bottom: 24px;
}

#popover .summary a.readMore, #popover .summary a.closeWindow {
	display: block;
	color: #ff0033;
	font-size: 12px;
	margin: 0 0 7px 0;
} 

#popover .summary a.closeIcon {
	display: block;
	width: 30px;
	height: 31px;
	background: url(/img/common/icon-close.png) top left no-repeat;
	margin: 10px 0 0 -2px;
	cursor: pointer;
}

#popover .summary a.closeIcon span {
	display: none;
}

#popover .summary.over .projectInfo,
#projects .summary.over .projectInfo {
	float: left;
	width: 450px;
}

#popover .summary.over h1, 
#popover .summary.over h2,
#projects .summary.over h1, 
#projects .summary.over h2 {
	margin-bottom: 25px;
	width: auto;
}

#popover .summary.over h1 span,
#projects .summary.over h1 span {
	display: block;
	color: #ff0033;
}

#popover .summary.over p,
#projects .summary.over p {
	height: 202px;
	color: #2C2C2C;
	font-size: 14px;
	line-height: 18px;
	padding: 0;
	margin: 0;
}

#popover .summary.over p a,
#projects .summary.over p a {
	color: #ff0033;
}

#popover .summary.over span.closeInfo {
	cursor: pointer;
	float: right;
	display: block;
	height: 30px;
	color: #ff0033;
	font: normal 24px "ITC Lubalin Graph Std";
	margin: 405px 32px 0 0;
}


/* redesign no loger requires controls */
#popover .target { display: none; }

#popover .newinfo {
	color: #fefefe;
	text-align: right;
	width: 923px;
	padding: 0;
	position: absolute;
	top: 497px;
	left: 0px;
}

#popover .summary.over.light p,
#projects .summary.over.light p {
	color: #fff !important;
}
#popover .summary.light h1, 
#popover .summary.light h2, 
#popover .summary.light h3,
#projects .summary.light h1, 
#projects .summary.light h2, 
#projects .summary.light h3 {
	color: #d2d5de !important;
}

#popover .controls {
	clear: both;
	position: absolute;
	bottom: 0;
	width: 927px;
	height: 40px;
	background: url(/img/common/popover-bottom-bg.png) top left no-repeat;
	overflow: hidden;
	z-index: 10;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

	/* redesign */
}

#popover .controls h1 {
	display: block;
	float: left;
	width: 416px;
	color: #000;
	font: normal 24px "ITC Lubalin Graph Std";
	font-weight: normal;
	padding: 0;
	margin: 11px 0 0 12px;
}

#popover .controls h1 span {
	color: #e91e3b;
}

#popover .controls .thumbnails {
	float: left;
	width: 160px;
	margin: 15px 0 0 0;
}

#popover .controls .thumbnails .thumbnail {
	float: left;
	width: 16px;
	height: 16px;
	background: url(/img/common/icon-image.gif) top left no-repeat;
	margin: 0 4px 0 0;
}

#popover .controls .thumbnails .thumbnail.video {
	width: 19px;
	background-image: url(/img/common/icon-video.gif);
}

#popover .controls .thumbnails .thumbnail.selected {
	background-position: bottom left;
}

#popover .controls p {
	display: block;
	float: left;
	width: 274px;
	font: normal 12px "ITC Lubalin Graph Std";
	text-align: right;
	margin: 16px 0 0 0;
}

#popover .controls .close, #popover .controls .info {
	float: right;
	display: block;
	width: 31px;
	height: 31px;
	background: url(/img/common/icon-close.png) center center no-repeat;
	margin: 7px 0 0 0;
}

#popover .controls .info {
	background-image: url(/img/common/icon-information.png);
}

#popover .wrapper {
	position: absolute;
	bottom: 37px;
	height: 75px;
	z-index: 11;
	overflow: hidden;	
}

#popover .rollover {
    position: relative;
    top: 75px;
	width: 929px;
	height: 61px;
	text-align: center;
	background: url(/img/common/popover-thumbnail-bg.png) top left no-repeat;
	padding: 14px 0 0 5px;
	overflow: hidden;
}

#popover .rollover a {
	padding: 0 5px 0 0;
}

#popover .rollover a img {
	border: solid 1px #FFF;
}

#popover .rollover a:hover img, #popover .rollover a.selected {
	border-color: #00e4ff;
}

/* FOOTER POSITIONING */

html, body {
   height: 100%; 
}

#container {
    min-height: 100%;
    margin-bottom: -198px;/*-70px; auto expanded*/
    position: relative;
}

#clearfooter {
    height: 198px;/*70px; auto expanded*/
    clear: both;
}

/* FOOTER */

#footer {
    position: relative;
	width: 927px;
	height: 198px;
	margin: 0 auto 0 auto;
	overflow: hidden;
}

#footer .collapsedCopyright {
	width: 914px;
	height: 19px;
	color: #bbbcbc;
	font-size: 11px;
	padding: 0 0 0 13px;
	margin: 0;
 	display: none;
}

#footer .collapsedCopyright p {
    margin: 0;
}

#footer.collapsed .collapsedCopyright {
	display: block;
}

#footer .backdrop {
	height: 198px;
	background: url(/img/common/footer-bg-expanded.png) top left no-repeat;
}

#footer.collapsed {
	height: 70px;    
}

#footer.notCollapsed {
	
}

#footer.collapsed .backdrop {
	height: 51px;
	background-image: url(/img/common/footer-bg-collapsed.png);
}

#footer a {
	color: #FFF;
}

#footer h2, 
#footer h3 {
	color: #ffffff;
	font: normal 18px Georgia, Times New Roman, Serif;
	padding: 0;
	margin: 0 0 4px 0;
}

#footer h2 {
	color: #FFF;
	margin: 0 0 15px 0;
}

#footer h4 {
	color: #bcbcbc;
	margin: 0 0 6px 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
}

#footer .backdrop p {
	color: #bcbcbc;
	font-size: 12px;
	line-height: 15px;
	padding: 0;
	margin: 9px 0 0 0;
}

#footer .backdrop p.note {
	color: #8f8f8f;
	font-size: 11px;
	margin: 14px 0 0 0;
}


#footer .col-l,
#footer .col-c,
#footer .col-r {
    float: left;
	margin: 0;
	padding: 0;
}

.footer-inner {
    padding: 19px 20px 26px 20px;
}

#footer .col-l,
#footer .col-r {
    width: 273px;
}

#footer .col-l,
#footer .col-c {
    margin-right: 24px;
	border-right: 1px solid #333333;
}

#footer .col-c {
    width: 291px;
}

#footer .info {
	float: left;
	width: 308px;
	margin: 18px 10px 0 10px;
}

#footer input.email {
	width: 161px;
	height: 12px;
	background: url(/img/common/footer-bg-email.png) top left no-repeat;
	padding: 3px 5px 4px 5px;
	margin: 0 9px 0 0;
	float: left;
	clear: none;
}

#footer input.submit {
	cursor: pointer;
	vertical-align: top;
	width: 91px;
	height: 20px;
	line-height: 12px;
	color: #000;
	background: transparent url('/img/common/footer-bg-submit-mask.png') top left no-repeat;
	float: left;
	clear: none;
}

#footer input.submit:hover {
	background: #f00 url('/img/common/footer-bg-submit-mask.png') top left no-repeat !important;
}

#footer input.subject {
	width: 261px;
	height: 12px;
	background: url(/img/common/footer-bg-subject.png) top left no-repeat;
	padding: 4px 5px;
	margin: 10px 0;
}

#footer textarea.comments {
	width: 261px;
	height: 46px;
	padding: 5px;
	background: url(/img/common/footer-bg-comments.png) top left no-repeat;
}

#footer .contact {
	float: left;
	width: 312px;
	margin: 18px 7px 0 0;
}

#footer .contact p {
    margin-top: 20px;
	margin-bottom: 10px;
}

#footer .extras {
	float: left;
	width: 269px;
	margin: 10px 5px 0 0;
}

#footer .extras h2 {
	margin-top: 8px;
}

#footer .extras a.projectPortfolio, #footer .extras a.downloadBackground, #footer .extras a.shoutArchive {
	display: block;
	width: 135px;
	height: 15px;
	background: 0 1px no-repeat;
	padding: 0 0 0 20px;
	margin-bottom: 2px;
}

#footer .extras a.projectPortfolio {
	background-image: url(/img/common/icon-project-portfolio.gif);
}

#footer .extras a.downloadBackground {
	background-image: url(/img/common/icon-download-background.gif);
}

#footer .extras a.shoutArchive {
	background-image: url(/img/common/icon-shout-archive.png);
}

#footer .extras p.copyright {
	position: relative;
	top: -5px;
	text-align: right;
	color: #bbbcbc;
	margin: 60px 10px 0 0;
}

#footer .collapse {
	float: right;
	width: 30px;
	height: 31px;
	margin: 0;
}

#footer .hidden  {
	display: none;
}

#footer .expand, #footer .elsewhere {
	display: none;
}

#footer.collapsed .info, #footer.collapsed .contact, #footer.collapsed .extras, #footer.collapsed .collapse {
	display: none;
}

#footer.collapsed .expand {
	display: block;
	float: left;
	width: 200px;
	height: 25px;
	color: #b5b6b6;
	font: normal 14px Georgia, Times New Roman, Serif;
	line-height: 20px;
	background: url(/img/common/footer-expand.png) top left no-repeat;
	padding: 5px 25px 0 0;
	margin: 9px 0 0 17px;
}

#footer.collapsed .elsewhere, #footer .extras .elsewhere {
	display: block;
	float: right;
	width: 274px;
	color: #FFF;
	text-align: right;
	margin: 19px 30px 0 0;
}

#footer .extras .elsewhere {
	float: left;
	width: 239px;
	text-align: left;
	margin: 10px 0 8px 0;
}

#footer .elsewhere a {
	font-size: 11px;
	line-height: 13px;
	padding: 0 5px 0 0;
}

#footer .elsewhere a.rss {
	padding: 0 5px 2px 17px;
	margin: 0 0 0 5px;
	background: url(/img/common/rss.png) top left no-repeat;
}

#footer .elsewhere a.twitter {
	padding: 0 5px 2px 17px;
	margin: 0 0 0 5px;
	background: url(/img/common/twitter.png) top left no-repeat;
}


#footer ul.follow-list {
	margin: 9px 0 15px 0;
	padding: 0;
	height: 40px;
}

#footer ul.follow-list li {
	list-style: none;
	float: left;
	clear: none;
	width: 30px;
	height: 30px;
	overflow: hidden;
	margin: 0 8px 0 0;
}

#footer ul.follow-list li.follow-shout {
	width: 41px;
	height: 31px;
	padding: 0 0 0 8px;
	margin: 0;
	border-left: 1px solid #333333;
}

#footer ul.follow-list li.follow-shout a {
	display: block;
	width: 41px;
	height: 31px;
	/*background-color: #ff0033;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/icons/m-shout-mask.png, sizingMethod='crop');*/
}

/*html > body #footer ul.follow-list li.follow-shout a {
	background: #ff0033 url('/img/icons/m-shout-mask.png') 0 0 no-repeat;
}*/

#footer ul.follow-list li.follow-shout a span { display: none; }


#footer #form-newsletter {
	padding: 0 0 0px 0;
	margin: 0;
}

#footer #form-newsletter .input-box-text {
	background: none;
	width: auto;
	margin: 0;
	padding: 0;
	height: auto;
	display: inline;
}

#footer  #form-newsletter input.email {
	width: 161px;
	/*height: 12px;*/
	height: auto;
	background: url(/img/common/footer-bg-email.png) top left no-repeat;
	padding: 3px 5px 4px 5px;
	margin: 0 9px 0 0;
	float: left;
	clear: none;
}



#footer .message {
    color: #f03;
}

#footer .message {
    margin-bottom: 8px;
}

#footer .box-chunk .message {
    margin-top: 10px;
}

#footer .error {
    color: #c00;
}




/* SIFR -- DO NOT CHANGE */

@media screen {
	.sIFR-flash {
	  visibility: visible !important;
	  margin: 0;
	  padding: 0;
	}

	.sIFR-replaced, .sIFR-ignore {
	  visibility: visible !important;
	}

	.sIFR-alternate {
	  position: absolute;
	  left: 0;
	  top: 0;
	  width: 0;
	  height: 0;
	  display: block;
	  overflow: hidden;
	}

	.sIFR-replaced div.sIFR-fixfocus {
	  margin: 0pt; 
	  padding: 0pt; 
	  overflow: auto; 
	  letter-spacing: 0px; 
	  float: none;
	}

	.sIFR-dummy { 
	  width: 0px;
	  height: 0px;
	  margin-left: 42px !important;
	  z-index: 0;
	}
}

/* END SIFR */

/* LIGHTBOX */

#lightbox {
	position: absolute;
	z-index: 500;
	top: 0;
	left: 0;
	width: 100%;	
}

#overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 499;
	width: 100%;
	height: 100%;
	background-color: #000;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

/* END LIGHTBOX */