*{
padding:0;
margin:0;
}

.clear{
clear:both;
}

.hide{
position:relative;
left:-9999px;
}

a{
text-decoration:none;
outline:none;
}
img{
border:none;
}

.authorTag{
font-size:12px;
color:#0b1821;
margin-top:30px;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

body{
text-align:center;
margin-top:50px;
}

#wrapper{
width:704px;
margin:auto;
}

#main{
float:left;
}

h1{
float:left;
margin:0;
background:url(Left.png) no-repeat;
display:block;
width:267px;
height:420px;
}

#right{
float:left;
margin:0;
width:353px;
}

#topRight{
padding-left:30px;
padding-right:50px;
padding-top:50px;
padding-bottom:20px;
background:url(TopRight.png) no-repeat;
width:273px;
height:116px;
text-align:left;
color:#d8c9a8;
}
h2{
font-size:21px;
font-family:Arial, Helvetica, sans-serif;
margin:0;
margin-bottom:15px;
padding:0;
}
#topRight p{
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}

#bottomRight{
background:url(BottomRight.png) no-repeat;
padding:1px;
width:352px;
height:233px;
text-align:left;
}
#piece{
background:url(Pieces.jpg) no-repeat;
width:333px;
height:214px;
display:block;
}

#arrow{
margin:0;
margin-top:366px;
background:url(Arrows.jpg) no-repeat;
float:left;
display:block;
width:54px;
height:54px;
}
#arrow:hover{
background-position:100% 0%;
}
#arrowMirror{
margin:0;
margin-top:366px;
background:url(Arrows.jpg) no-repeat;
float:left;
background-position:0% 100%;
display:block;
width:54px;
height:54px;
}
#arrowMirror:hover{
background-position:100% 100%;
}