body {
background-color: #96C1E0;
background: url(../images/index_background_GS.jpg) top left;
}

a, a:link {
border: 0px solid #000000;
outline: 0px;
}

img {
border: 0px solid #000000;
outline: 0px;
}

#frame {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}

#frame_book {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}

#frame_index {
background: url(../images/index_background_GS.jpg) bottom right;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}

.index_intro {
color: #ffffff;
font: normal 11px/15px verdana, helvetica, arial, sans-serif;
margin-top: 5px;
text-decoration: none;
}

a.index_intro:link {
color: #ffffff;
font: normal 11px/15px verdana, helvetica, arial, sans-serif;
text-decoration: none;
}

a.index_intro:hover {
color: #ffffff;
font: normal 11px/15px verdana, helvetica, arial, sans-serif;
text-decoration: underline;
}

#quest_index {
color: #ffffff;
font: normal 10px/20px verdana, helvetica, arial, sans-serif;
margin-bottom: 20px;
}

#quest_index p {
color: #ffffff;
font: normal 10px/20px verdana, helvetica, arial, sans-serif;
margin: 20px 0px 0 30px;
}

#quest_index a {
color: #ffffff;
margin-right: 30px;
}

.quest_nav {
color: #ffffff;
font: normal 10px/15px verdana, helvetica, arial, sans-serif;
margin-top: 5px;
text-decoration: none;
}

a.quest_nav:link {
color: #ffffff;
font: normal 10px/15px verdana, helvetica, arial, sans-serif;
text-decoration: none;
}

a.quest_nav:hover {
color: #ffffff;
font: normal 10px/15px verdana, helvetica, arial, sans-serif;
text-decoration: underline;
}

#center {
width: 625px;
height: 518px;
}

#center_index {
width: 600px;
height: 100%;
}

.center_img {
position: relative;
float: left;
border: 0px;
margin: 0px;
padding: 0px;
}

.logo_img {
position: relative;
margin-right: 10px;
padding: 0px;
}

#portfolio {
position: relative;
top: 13px;
width: 625px;
height: 518px;
}

#portfolio_box {
background: url(../images/work_back.gif) no-repeat;
padding: 0px 5px 0px 5px;
}

.portfolio_img {
position: relative;
top: -30px;
float: left;
border: 0px;
margin: 0px;
padding: 0px;
}

#book_index {
width: 720px;
height: 450px;
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
}

#book_index h1 {
color: #ffffff;
font: bold 12px/14px verdana, helvetica, arial, sans-serif;
text-transform: uppercase;
margin-left: 15px;
}

#book_index p {
color: #ffffff;
font: normal 9px/18px verdana, helvetica, arial, sans-serif;
margin-top: 20px;
margin-left: 15px;
}

#book_index img, #book_index a {
border: 0px;
}

#logo_container {
background: transparent;
width: 475px;
height: 90px;
position: absolute;
top: -5px;
left: 50%;
margin-left: -228px;
z-index: 2;
}

#logo_container_pages {
background: transparent;
width: 475px;
height: 90px;
position: absolute;
top: -5px;
left: 50%;
margin-left: -150px;
z-index: 2;
}

.logo_right {
float: right;
}

#port_container {
background: transparent;
width: 130px;
height: 36px;
float: left;
position: relative;
top: -281px;
left: 230px;
z-index: 3;
}

.port_left {
float: left;
position: relative;
top: 18px;
}