html, body {
	margin: 0px;
	height: 100%;
	font-family: Verdana;
	font-size: 11px;
}

body {
	background-color: #DDDDDD;
	color: #333333;
}


/* =============================== ALGEMEEN =============================== */

img {
	border: 0px;
}

ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

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

a {
	color: #4F4C42;
	/*color: #329DC9;*/
	text-decoration: none;
}

a:hover {
	color: #329DC9;
	text-decoration: underline;
}

a.active {
	color: #5B5B5B;
	text-decoration: none;
}

h1, h2, h3, h4 {
	padding: 0px;
	margin: 0px;
}

h1, h2, h3 {
	font-size: 110%;
	font-weight: bold;
}

em {
	display: inline-block;
	visibility: visible;
}

input {
	width: 210px;
	font-family: Verdana;
	font-size: 11px;
	border: 1px solid #706B5F;
}

textarea {
	width: 330px;
	height: 110px;
	font-family: Verdana;
	font-size: 11px;
	border: 1px solid #706B5F;
}

select {
	width: 210px;
	font-family: Verdana;
	font-size: 11px;
	border: 1px solid #706B5F;
}

#container {
	margin-left: auto;
	margin-right: auto;
	width: 1003px;
	background-image: url('../img/bg-container_shadow.gif');
	background-repeat: repeat-y;
	background-color: #E9E7E4;
	visibility: hidden;
}

/* =========================================== TOP === */

#top {
	width: 985px;
	height: 87px;
	margin-left: auto;
	margin-right: auto;
	background-color: #000000;
}

#logo {
	float: left;
	width: 194px;
	height: 57px;
}

#logo img {
	margin-top: 10px;
	margin-left: 13px;
}

#mainnav {
	float: left;
	width: 546px;
	height: 57px;
	background-image: url('../img/bg-headermenu_left.gif');
	background-position: 100% 0%;
	background-repeat: no-repeat;
}

#mainnavTop {
	width: 100%;
	height: 27px;
}

#headmenu {
	width: 100%;
	height: 30px;
	font-family: Arial;
	font-size: 110%;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url('../img/bg-menu_lvl1_static.gif');
	background-repeat: no-repeat;
}

#headmenu li {
	float: left;
	margin-left: 1px;
	width: 147px;
	height: 100%;
	display: block;
	cursor: pointer;
}

#headmenu a {
	text-decoration: none;
}

#headmenu a:hover {
	color: #FFFFFF;
}

#headmenu span {
	position: relative;
	top: 8px;
	left: 13px;
	letter-spacing: 1px;
}

/*.headmenuActiveLi {
	float: left;
	margin-left: 1px;
	width: 147px;
	height: 100%;
	display: block;
	background-image: url('../img/bg-menu_lvl1_active.gif');
	background-repeat: no-repeat;
	color: #FFFFFF;
}

.headmenuActiveLi a {
	height: 100%;
	display: block;
	color: #FFFFFF;
}

.headmenuStaticLi a {
	height: 100%;
	display: block;
	color: #A3A098;
}*/

#headernav {
	float: left;
	width: 245px;
	height: 34px;
	background-color: #49453A;
	background-image: url('../img/bg-headermenu_right.gif');
	background-repeat: no-repeat;
	background-position: 0% 0%;
	font-size: 90%;
}

#headernavTop {
	width: 100%;
	height: 9px;
	line-height: 0px;
	font-size: 0px;
	background-color: #FFCC00;
}

#headernavBottom {
	width: 100%;
	height: 25px;
	background-color: #49453A;
	background-image: url('../img/bg-headermenu_right.gif');
	background-repeat: no-repeat;
	background-position: 0% 0%;
}

#servicemenu {
	padding-top: 8px;
	padding-left: 26px;
	font-weight: bold;
	color: #A3A098;
}

#servicemenu ul {
	float: left;
	list-style: none;
}

#servicemenu li {
	float: left;
	padding-right: 3px;
}

#servicemenu a {
	color: #A3A098;
	text-decoration: none;
}

#servicemenu a:hover {
	color: #A3A098;
	text-decoration: underline;
}

#nav {
	float: left;
	width: 985px;
	height: 30px;
	background-image: url('../img/bg-menu_lvl2.gif');
	background-repeat: repeat-x;
}

#navmenu {
	float: left;
	list-style: none;
	padding-top: 9px;
	padding-left: 207px;
}

#navmenu li {
	float: left;
	padding-right: 20px;
	font-size: 100%;
	font-weight: bold;
}

#navmenu a {
	color: #A3A098;
	text-decoration: none;
}

#navmenu a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#titleProductions {
	float: right;
	width: 226px;
	height: 30px;
	background-image: url('../img/bg-title_grey.gif');
	background-repeat: repeat-x;
}

#titleProductions h1 {
	font-family: "Arial Narrow";
	font-weight: bold;
	font-size: 85%;
	letter-spacing: 1px;
	color: #FFFFFF;
	position: relative;
	top: 8px;
	left: 16px;
}

#titleProductions img {
	float: right;
	position: relative;
	right: 8px;
	bottom: 6px;
}

#langmenu {
	float: right;
	padding-right: 14px;
	padding-top: 9px;
	color: #A3A098;
}

#langmenu a {
	font-size: 100%;
	font-weight: bold;
	color: #A3A098;
}

#langmenu a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#langmenu .currFlag {
	vertical-align: middle;
}

#ulLanguage {
	display: none;
	width: 85px;
	height: 36px;
	position: absolute;
	margin-top: 23px;
	margin-left: -90px;
	background-image: url('../img/bg-langmenu.png');
	background-repeat: no-repeat;
	z-index: 5;
}

#ulLanguage li {
	list-style: none;
	float: left;
	margin-top: 18px;
}

#ulLanguage a {
	padding-left: 7px;
}

#ulLanguage img {
	border: 1px solid #48463a;
}

/* ========================================== HEADER */

#header {
	width: 985px;
	margin-left: auto;
	margin-right: auto;
}

#headerIMG {
	float: left;
	height: 134px;
	font-size: 0px;
	line-height: 0px;
	overflow:hidden;
}
#headerIMGHomepage {
	float: left;
	height: 216px;
	font-size: 0px;
	line-height: 0px;
	overflow:hidden;
}
#headerIMGportfolio {
	float: left;
	height: 368px;
	font-size: 0px;
	line-height: 0px;
	overflow:hidden;
}

.portfolioHeader {
	float: left;
	width: 658px;
	height: 368px;
	font-size: 0px;
	line-height: 0px;
	background-color: #000000;
}

#productions {
	float: right;
	width: 226px;
	height: 216px;
	background-color: #E9E7E4;
}

#productionsTxt {
	float: right;
	padding-top: 10px;
	padding-right: 18px;
	width: 160px;
	font-size: 110%;
}

#productionsTxt img {
	vertical-align: top;
	padding-right: 12px;
	float: left;
}

#productions a {
	text-decoration: none;
}

#productionsObject {
	width: 193px;
	margin-top: 22px;
	margin-left: auto;
	margin-right: auto;
}

#productionsObject img {
	margin-right: 18px;
}

#productionPlaceholder {
	width: 658px;
	height: 368px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#productionPlaceholder p {
	padding-top: 50px;
	font-size: 11px;
	line-height: 20px;
	color: #FFFFFF;
}

#portfolio {
	float: right;
	width: 327px;
	height: 368px;
	background-image: url('../img/bg-portfolio_header.gif');
	background-repeat: no-repeat;
	color: #A3A098;
}
#preview {
	float: right;
	width: 327px;
	height: 368px;
	background-image: url('../img/bg-preview_header.gif');
	background-repeat: no-repeat;
	color: #A3A098;
}

#portfolioTop {
	width: 100%;
	height: 127px;
}

#portfolioBottom {
	width: 305px;
	height: 241px;
	margin-left: auto;
	margin-right: auto;
}

#portfolioHeaderContentTop {
	width: 305px;
	height: 7px;
	background-image: url('../img/portfolio-headerContent_top.gif');
	background-repeat: no-repeat;
	font-size: 0px;
	line-height: 0px;
}

#portfolioHeaderContentCenter {
	width: 305px;
	height: 213px;
	background-color: #37342C;
}

#portfolioHeaderContentTxt {
	padding-top: 16px;
	padding-left: 15px;
	padding-right: 15px;
}

#portfolioHeaderContentTxt h2 {
	padding-bottom: 20px;
}

#portfolioHeaderContentTxt .left {
	float: left;
	width: 97px;
	padding-bottom: 7px;
	font-size: 90%;
}

#portfolioHeaderContentTxt .right {
	float: left;
	width: 176px;
	padding-bottom: 7px;
	font-size: 90%;
}

#portfolioHeaderContentTxt img {
	float: right;
}

#portfolioHeaderContentTxt .overflowDiv {
	scrollbar-track-color: #37342d;
	scrollbar-face-color: #5a574f;
	scrollbar-arrow-color: #a3a099;
	scrollbar-3dlight-color: #37342d;
	scrollbar-darkshadow-color: #37342d;
	scrollbar-highlight-color: #5a574f;
	scrollbar-shadow-color: #5a574f;
	width: 176px;
	height: 50px;
	overflow: auto;
}

#portfolioHeaderContentBottom {
	width: 305px;
	height: 7px;
	background-image: url('../img/portfolio-headerContent_bottom.gif');
	background-repeat: no-repeat;
}

/* =========================================== FRONTPAGE TEMPLATE */

#main {
	width: 985px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 58px;
}

.mainStartpage {
	background-image: url('../img/bg-fourcolumns.gif');
	background-repeat: repeat-y;
}

.mainDetailpage {
	background-image: url('../img/bg-threecolumns.gif');
	background-repeat: repeat-y;
}

.mainPortfoliopage {
	background-image: url('../img/bg-twocolumns.gif');
	background-repeat: repeat-y;
}
.mainPreviewpage {
	background-image: url('../img/bg-threecolumns_preview.gif');
	background-repeat: repeat-y;
}

#mainLeft {
	float: left;
	/*width: 196px;*/
	width: 19.9%;
	height: 100%;
	margin-bottom: 20px;
	overflow: hidden;
}

#mainMiddleLeft {
	float: left;
	/*width: 196px;*/
	width: 19.9%;
	height: 100%;
	margin-bottom: 20px;
	overflow: hidden;
}

#mainMiddle {
	float: left;
	width: 57%;
	height: 100%;
	margin-bottom: 20px;
}

#mainMiddleContent li {
	margin-bottom: 8px;
	padding-left: 18px;
	background-image: url('../img/icon/arrow-right_brown.gif');
	background-position: 0px 2px;
	background-repeat: no-repeat;
}

#mainMiddleContent img {
	border: 7px solid #E9E7E4;
}

#mainMiddleContent .noborder {
	border: 0px;
	padding: 3px;
}

#mainMiddleContent .left {
	float: left;
	width: 150px;
}

#mainMiddleContent .right {
	float: left;
}

#mainMiddleContent .yellowButton {
	padding-left: 0px;
	color: #4F4C42;
	cursor: pointer;
}

#mainMiddleRight {
	float: left;
	/*width: 365px;*/
	width: 37.1%;
	height: 100%;
	margin-bottom: 20px;
}

#right3dborder {
	float: left;
	width: 2px;
	height: 30px;
	background-image: url('../img/rightborder_showreel-title.gif');
	background-repeat: no-repeat;
}

#showreelPlaceholder {
	width: 333px;
	height: 183px;
	text-align: center;
}

#showreelButtons {
	width: 333px;
	height: 25px;
}

#mainRight {
	float: left;
	/*width: 226px;*/
	width: 22.9%;
	height: 100%;
	margin-bottom: 20px;
}

#mainRightWide {
	float: left;
	width: 79.9%;
	height: 100%;
	margin-bottom: 20px;
}

#mainRightNews {
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px dashed #847F72;
	border-bottom: 1px dashed #847F72;
}

.mainTitleDarkGrey {
	width: 100%;
	height: 33px;
	background-image: url('../img/bg-title_grey-darkcontent.gif');
	background-repeat: repeat-x;
	font-family: Tahoma;
}

.mainTitleLightGrey {
	width: 100%;
	height: 33px;
	background-image: url('../img/bg-title_grey-lightcontent.gif');
	background-repeat: repeat-x;
	font-family: Tahoma;
}

.mainTitleYellowDarkGrey {
	width: 100%;
	height: 33px;
	background-image: url('../img/bg-title_yellow-darkcontent.gif');
	background-repeat: repeat-x;
}

.mainTitleYellowLightGrey {
	width: 100%;
	height: 33px;
	background-image: url('../img/bg-title_yellow-lightcontent.gif');
	background-repeat: repeat-x;
}

.mainTitleDarkGrey h1, .mainTitleLightGrey h1 {
	float: left;
	font-family: "Arial Narrow";
	font-weight: bold;
	font-size: 100%;
	letter-spacing: 1px;
	color: #FFFFFF;
	padding-top: 8px;
	padding-left: 16px;
}

.mainTitleDarkGrey img, .mainTitleLightGrey img, .mainTitleYellowDarkGrey img, .mainTitleYellowLightGrey img {
	float: right;
	padding-top: 8px;
	padding-right: 7px;
}

.mainTitleYellowDarkGrey h1, .mainTitleYellowLightGrey h1 {
	float: left;
	font-family: "Arial Narrow";
	font-weight: bold;
	font-size: 100%;
	letter-spacing: 1px;
	color: #4F4C42;
	padding-top: 8px;
	padding-left: 16px;
}

.mainContent {
	width: 100%;
	height: 100%;
}

.mainContentTxt {
	width: 85%;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	line-height: 15px;
}

.mainContentTxt p {
	margin-bottom: 11px;
}

.mainContentTxt p a, #mainMiddleContent li a {
	color: #329DC9;
}

.mainContentMiddleIMGbox {
	width: 489px;
	height: 107px;
	background-color: #E9E7E4;
}

.mainContentMiddleIMGbox img {
	padding-top: 7px;
	padding-left: 7px;
}

.newsList li {
	margin-bottom: 8px;
	padding-left: 18px;
	background-image: url('../img/icon/arrow-right_brown.gif');
	background-position: 0px 2px;
	background-repeat: no-repeat;
}

.newsList img {
	float: right;
}

.imageItem li {
	height: 35px;
}

.imageItem a {
	float: left;
}

/*#treenav {
	font-size: 90%;
}

.treenav_active {
	font-weight: bold;
	padding-left: 16px;
	background-image: url('../img/icon/arrow-down_treemenulvl1.gif');
	background-position: 0px 6px;
	background-repeat: no-repeat;
}

.treenav_static {
	font-weight: bold;
	padding-left: 16px;
	background-image: url('../img/icon/arrow-right_treemenulvl1.gif');
	background-position: 0px 6px;
	background-repeat: no-repeat;
}

.treenav_active, .treenav_static {
	padding-top: 2px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #847F72;
	cursor: pointer;
}

.treesubnav li {
	padding-left: 12px;
	background-image: url('../img/icon/arrow-right_treemenulvl2.gif');
	background-position: 0px 5px;
	background-repeat: no-repeat;
}

.treesubnav a {
	font-weight: normal;
	color: #706B5F;
}*/

#accordion {
	font-size: 90%;
}

#accordion ul .toggler {
	padding-top: 2px;
	padding-left: 16px;
	padding-bottom: 5px;
	font-weight: bold;
	background-image: url('../img/icon/arrow-down_treemenulvl1.gif');
	background-position: 0px 6px;
	background-repeat: no-repeat;
	border-bottom: 1px dashed #847F72;
	cursor: pointer;
}

#accordion ul .treenav_static {
	padding-top: 2px;
	padding-left: 16px;
	padding-bottom: 5px;
	font-weight: bold;
	background-image: url('../img/icon/arrow-right_treemenulvl1.gif');
	background-position: 0px 6px;
	background-repeat: no-repeat;
	border-bottom: 1px dashed #847F72;
	cursor: pointer;
}

#accordion ul li ul li {
	padding-left: 12px;
	background-image: url('../img/icon/arrow-right_treemenulvl2.gif');
	background-position: 0px 5px;
	background-repeat: no-repeat;
}

.level0 li {
	padding-left: 12px;
	background-image: url('../img/icon/arrow-right_treemenulvl2.gif');
	background-position: 0px 5px;
	background-repeat: no-repeat;
}
.level0 li a {
	font-weight: normal;
	color: #706B5F;
}
.level0 li a:hover {
	font-weight: normal;
	color:#329DC9;
}
.level0 li a.active {
	font-weight: normal;
	color:#329DC9;
}


#accordion ul li ul a {
	font-weight: normal;
	color: #706B5F;
}

.portfolioItem {
	float: left;
	width: 229px;
	height: 81px;
	margin-right: 20px;
	margin-bottom: 20px;
}

.portfolioItem .left {
	float: left;
	width: 109px;
	height: 81px;
}

.portfolioItem .right {
	float: right;
	width: 117px;
	height: 81px;
	background-image: url('../img/bg-portfolio_item.gif');
	background-repeat: no-repeat;
}

.portfolioItemTxt {
	margin: 6px;
}

.portfolioItem p {
	font-size: 90%;
	color: #333333;
}



/* ================================ NIEUWSBRIEF */

#formulier .row {
	width: 100%;
	float: left;
	margin-bottom: 2px;
}

#formulier .left {
	width: 30%;
	float: left;
}

#formulier .right {
	width: 70%;
	float: right;
}

#formulier .error {
	width: 100%;
	float: left;
}

#formulier .smallInput {
	width: 20px;
	border: 0px;
}

#formulier .redTextMedium {
	display: none;
	color: #D5AB00;
	font-size: 9px;
	width: 70%;
	float: right;
}

/* ================================ BOTTOM */

#bottom {
	margin: -58px auto 0;
	width: 100%;
	height: 58px;
	position: relative;
	background-repeat: no-repeat;
	background-color: #000000;
}

#footermenu {
	float: left;
	margin-top: 18px;
	margin-left: 24px;
	list-style: none;
	font-size: 90%;
	color: #A3A099;
}

#footermenu li {
	float: left;
	padding-right: 5px;
	margin-right: 5px;
	background-image: url('../img/bg-footermenu.gif');
	background-repeat: no-repeat;
	background-position: 100% 100%;
}

#footermenu .last {
	background: transparent url();
}

#footermenu a {
	color: #A3A099;
	text-decoration: none;
}

#footermenu a:hover {
	color: #A3A099;
	text-decoration: underline;
}

#socialIcons {
	position: absolute;
	right: 251px;
	padding: 17px 0 25px 0;
}

#socialIcons img.pretext {
	float: left;
}

#socialIcons a {
	display: block;
	float: left;
	margin-left: 5px;
	height: 16px;
}

#socialIcons a.popup:hover {
	padding-left: 0;
	background: none;
}

/* ====================== MISC CLASSES ======= */

.clearer {
	clear: both;
	display: block;
	font-size: 1px;
	height: 1px;
	line-height: 1px;
	margin-bottom: -1px;
}

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}

.smallTxt {
	font-size: 80%;
}

.sublink {
	margin-right: 9px;
	vertical-align: middle;
}

.phoneIcon {
	margin-left: 10px;
}

.fullscrIcon {
	margin-right: 50px;
}

.widerDiv90 {
	width: 90%;
}

.widerDiv94 {
	width: 94%;
}

.widerDiv95 {
	width: 95%;
}

.lineHeight20 {
	line-height: 20px;
}

/*.greyButton { ====== NIET-DYNAMISCH ======
	width: 112px;
	height: 25px;
	background-image: url('../img/greybutton.gif');
	background-repeat: no-repeat;
	font-family: "Arial";
}

.greyButton a {
	width: 112px;
	height: 25px;
	display: block;
	padding-top: 5px;
	padding-left: 9px;
}

.yellowButton {
	width: 110px;
	height: 23px;
	background-image: url('../img/yellowbutton.gif');
	background-repeat: no-repeat;
	font-family: "Arial";
}

.yellowButton a {
	width: 110px;
	height: 23px;
	display: block;
	padding-top: 4px;
	padding-left: 9px;
}

.greyButton img, .yellowButton img {
	padding-right: 10px;
}

.greyButton a:hover, .yellowButton a:hover {
	color: #4F4C42;
	text-decoration: none;
}*/

.greyButton {
	height: 25px;
	padding-left: 20px;
	font-family: "Arial";
}

.greyButtonLeft {
	float: left;
	width: 3px;
	height: 25px;
	background-image: url('../img/greybutton_left.gif');
	background-repeat: no-repeat;
}

.greyButtonCenter {
	float: left;
	height: 25px;
	padding-right: 10px;
	background-image: url('../img/greybutton_center.gif');
	background-repeat: repeat-x;
}

.greyButtonCenter div {
	height: 25px;
	padding-top: 4px;
	padding-left: 7px;
	margin: 0px;
}

.greyButtonCenter img {
	padding-right: 10px;
	vertical-align: middle;
}

.greyButtonRight {
	float: left;
	width: 3px;
	height: 25px;
	background-image: url('../img/greybutton_right.gif');
	background-repeat: no-repeat;
}

.greyButton a {
	height: 25px;
	color: #4F4C42;
	text-decoration: none;
}

.greyButton a:hover, .yellowButton a:hover {
	color: #4F4C42;
	text-decoration: none;
}

.yellowButton {
	height: 23px;
	padding-left: 20px;
	font-family: "Arial";
}

.yellowButtonLeft {
	float: left;
	width: 2px;
	height: 23px;
	background-image: url('../img/yellowbutton_left.gif');
	background-repeat: no-repeat;
}

.yellowButtonCenter {
	float: left;
	height: 23px;
	padding-right: 10px;
	background-color: #FFCC00;
}

.yellowButtonCenter div {
	height: 23px;
	padding-top: 3px;
	padding-left: 25px;
	background-image: url('../img/icon/arrow-right_brown-yellowbg.gif');
	background-position: 8px 6px;
	background-repeat: no-repeat;
	margin: 0px;
}

.yellowButtonRight {
	float: left;
	width: 2px;
	height: 23px;
	background-image: url('../img/yellowbutton_right.gif');
	background-repeat: no-repeat;
}

.yellowButton a {
	height: 23px;
	color: #4F4C42;
	text-decoration: none;
}

.clearAll {
	clear: both;
}

.activeItem {
	border: 3px solid #FFCC00;
	margin-right: 14px;
	margin-bottom: 14px;
	background-color: #FFCC00;
}

a.popup {
	color: #329DC9;
}

a.popup:hover {
	background-image: url('../img/icon/external_link.gif');
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-left: 12px;
}

.popupNoImg {
}

.button {
	width: 100px;
}

.sitemap {
	font-weight: bold;
	margin-top: 5px;
}

.sitemap ul li {
	font-weight: normal;
}

.sitemap li {
	margin-bottom: 8px;
	padding-left: 18px;
	background-image: url('../img/icon/arrow-right_brown.gif');
	background-position: 0px 2px;
	background-repeat: no-repeat;
}

.sitemap li a {
	color: #329DC9;
	text-decoration: none;
}

/* ====================== CMS specific classes ========== */

.content_CMS li {
	float: none;
	margin-bottom: 8px;
	padding-left: 18px;
	background-image: url('../img/icon/arrow-right_brown.gif');
	background-position: 0px 2px;
	background-repeat: no-repeat;
}

.content_CMS li a {
	float: left;
}

.content_CMS li img {
	float: right;
}

.content_CMS a {
	color: #329DC9;
	text-decoration: none;
}

.content_CMS p {
	margin-bottom: 11px;
}

/* ====================== sIFR CLASSES ======= */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

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

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

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	letter-spacing: 5px;
	font-size: 40%;
}