html, body{
	margin:0px;
	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666868;
}

.mainBlockHackTrifler {
	min-width:1000px;
 }

* HTML .mainBlockHackTrifler {padding-left:1000px;}
* HTML .mainBlockHackGordi {height:0;}
* HTML .mainBlockHackContent {margin-left:-1000px;position:relative;height:0;}


div#mainBodyContent{
    width:89%;
    margin:0 auto;
}

/* ----------- header begin --------*/
div#headerBlock{
    height:152px;
}

div#headerBlock div.iconBlock{
    width:200px;
    height:40px;
    padding:26px 24px 0px 0px;
    float:right;
    background: url(../images/header/icon_box.jpg) no-repeat;
}

div#headerBlock div.iconBlock img{
    float:right;
    border-bottom:2px solid #b70404;
    padding:0px 0px 4px 0px;
    margin-right:10px;
}

table#menuBlock{
    clear:right;
    width:100%;
}

table#menuBlock td{
    text-align: center;
    height:76px;
    vertical-align: bottom;
}

table#menuBlock td.logoBlockLeft{
     background: url(../images/header/logo_block_left.jpg) no-repeat left bottom;
     width:270px;
     vertical-align: top;
}

table#menuBlock td.logoBlockLeft div{
    position:relative;
}

table#menuBlock td.logoBlockLeft div img{
    position:absolute;
    left:100px;
    top:0px;
}

table#menuBlock td.logoBlockRight{
     background: url(../images/header/logo_block_right.jpg) no-repeat left bottom;
}

table#menuBlock td.finish{
     width:37px;
}

/* ----------- header end --------*/

/* ----------- collage begin --------*/
div#collageBlock{
    height:410px;
}

div#collageBlock div.layer1{
    background: url(../images/collage/shadow_left.jpg) no-repeat left top;
    padding-left:24px;
    height:410px;
	margin: -10px 0 0;
}

div#collageBlock div.layer2{
    background: url(../images/collage/shadow_right.jpg) no-repeat right top;
    padding-right:25px;
    height:410px;
}

div#collageBlock div.layer3{
    background: url(../images/collage/shadow_top.jpg) no-repeat right top;
    height:410px;
}

div#collageBlock div.layer4{
    background: url(../images/collage/shadow_bottom.jpg) no-repeat left bottom;
    height:396px;
    padding:14px 14px 0px 14px;
}

div#collageBoxBg{
    height:303px;
    /*background: url(../images/collage/collage_bg.gif) repeat-x;*/
}

div#collageBox{
    padding-left:35px;
    height:303px;
    background-image: url(../images/collage/collage.jpg);
    background-repeat: no-repeat;
    background-position: top right;
}

div#logoBoxBottom{
    background-color: #ffffff;
    width:198px;
    height:10px;

}

img.galleryBox{
    position:relative;
    top:215px;
}

/* ----------- collage end --------*/

/* ----------- content begin --------*/
div#contentBlock{
    padding:0px 3% 0px 20%;
}

/* ----------- content end --------*/

/* ----------- footer begin --------*/
div#footerBlock{
     height:136px;
}

div#footerBlock div.layer1{
    background: url(../images/footer/shadow_left.jpg) no-repeat left bottom;
    padding-left:23px;
    height:107px;
}

div#footerBlock div.layer2{
    background: url(../images/footer/shadow_right.jpg) no-repeat right top;
    padding-right:25px;
    height:107px;
}

div#footerBlock div.layer3{
    background: url(../images/footer/shadow_top.jpg) no-repeat right top;
    height:107px;
}

div#footerBlock div.layer4{
    background: url(../images/footer/shadow_bottom.jpg) no-repeat left bottom;
    height:72px;
    padding:35px 14px 0px 14px;
}

div#footerBlock div.contentBox{
    background-image: url(../images/footer/collage.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    height:26px;
    text-align: right;
    color:#eff1cd;
    padding:10px 20px 0px 0px;
}

div#footerBlock a {
    color:#eff1cd;
}
/* ----------- footer end --------*/

a img{
    border:0px;
}

/*shadow*/
	.td-shadow td {
		padding: 10px 30px;
		vertical-align:top;
	}
	.td-shadow td a.download {
		height: 30px;
		width: 170px;
		display:block;
		padding: 0 40px 0 10px;
		background: url(../images/pdf.png) 100% 0 no-repeat;
		color: #666;
		font-size: 14px;
	}
	.block-shadow {
		position: relative;
		padding: 15px;
		overflow:hidden;
	}
	.block-shadow .shadow {
		width: 15px;
		height: 15px;
		position: absolute;
		z-index: 2
	}
	.block-shadow .left-top {
		top: 0;
		left: 0;
		background: url(../images/corners.png) 0 0 no-repeat;
	}
	.block-shadow .right-top {
		top: 0;
		right: 0;
		background: url(../images/corners.png) 100% 0 no-repeat;
	}
	.block-shadow .left-bottom {
		bottom: 0;
		left: 0;
		background: url(../images/corners.png) 0 100% no-repeat;
	}
	.block-shadow .right-bottom {
		bottom: 0;
		right: 0;
		background: url(../images/corners.png) 100% 100% no-repeat;
	}
	.block-shadow .top {
		position: absolute;
		width: 100%;
		height: 15px;
		top: 0;
		left: 0;
		background: url(../images/top-bottom.png) 0 0 repeat-x;
	}
	.block-shadow .left {
		position: absolute;
		width: 15px;
		height: 100%;
		top: 0;
		left: 0;
		background: url(../images/left-right.png) 0 0 repeat-y;
	}
	.block-shadow .right {
		position: absolute;
		width: 15px;
		height: 100%;
		top: 0;
		right: 0;
		background: url(../images/left-right.png) 100% 0 repeat-y;
	}
	.block-shadow .bottom {
		position: absolute;
		width: 100%;
		height: 15px;
		bottom: 0;
		left: 0;
		background: url(../images/top-bottom.png) 0 100% repeat-x;
	}
/*shadow-end*/