/* start common styles */
div#learnmore {
margin: 3em 0 4em 0;
_margin-bottom: 0;
z-index: 3;
}

img.screenshot {
width: 16.2em;
height: 16.2em;
_width: 16.3em;
_height: 16.3em;
}

/* start content */
div#billboard {
position: relative;
z-index: 1;
margin-top: 1em;
height: 45em;
}

img#photo_z22_drilldown, img.bbd-notes {
width: 34em;
height: 45em;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}

img.bbd-notes {
z-index: 3;
}

img.bbd-headline {
width: 26em;
_width: 26.2em;
height: 45em;
margin: 0;
position: absolute;
top: 0;
left: 34em;
z-index: 1;
}

img.bbd-screen {
width: 16em;
height: 16.3em;
position: absolute;
top: 4.8em;
left: 11.2em;
z-index: 2;
}

div#content {
float: right;
margin-top: -6em;
position: relative;
z-index: 3;
width: 39em;
}

/* start copyblocks */
div.copyblocks h2 {
color: #e65f00;
font-weight: normal;
margin: 1.3em 0 .25em 0;
}

div.copyblocks p {
line-height: 150%;
}
/* end copyblocks */

/* start orderedlist */
img.icon_large {
width: 19em;
height: 19em;
position: absolute;
top: 3em;
right: 3em;
z-index: 1;
}

div.orderedlist {
position: relative;
margin-top: 3em;
padding: 1em 1em 1.5em;
background-color: #eee;
}

div.orderedlist h1 {
position: relative;
z-index: 3;
color: #e65f00;
font-weight: normal;
margin: 0;
}

div.orderedlist p.no {
float: left;
text-align: right;
font-weight: bold;
color: #e65f00;
font-size: 1.4em;
font-family: arial,helvetica,sans-serif;
width: 1em;
margin: 1em .5em 0 0;
clear: left;
}

div.orderedlist p.copy {
position: relative;
z-index: 3;
float: left;
font-size: 1.4em;
font-family: arial,helvetica,sans-serif;
width: 24.5em;
margin: 1em 0 0 0;
}
/* end orderedlist */
/* end content */


/* start sidebar */
div#sidebar {
position: relative;
z-index: 5;
float: left;
width: 16.2em;
margin: 0 0 0 2em;
_display: inline;
}

div#sidebar div.item {
margin: 2em 0 0 0;
}

div#sidebar div.item p {
font-size: 1em;
margin-top: .5em;
}
/* end sidebar */
/* end common styles */


/* start styles for Calendar page */
/* start images */
img#calendar-view-menu {
width: 16.2em;
height: 10em;
}
/* end images */

body.calendar div#sidebar {
margin-top: -7em;
}

body.calendar div.orderedlist p.no {
width: .6em;
}
/* end styles for Calendar page */


/* start styles for Contacts page */
body.contacts div#sidebar {
margin-top: -3em;
}

body.contacts div#sidebar div.item {
margin-top: 4em;
}
/* end styles for Contacts page */


/* start styles for Do More page */
body.domore div.copyblocks {
margin-top: -3.8em;
}

body.domore div.copyblocks h1 {
position: relative;
z-index: 5;
color: #707070;
font-weight: normal;
margin-left: 5.4em;
}

body.domore div#sidebar {
margin-top: -5em;
}
/* end styles for Do More page */


/* start styles for Enter Info page */
img#stylus {
width: 9em;
height: 30em;
position: absolute;
top: -25em;
left: -2em;
}

img#graffiti-alphabet {
width: 16em;
height: 28em;
}

div#keyboard img {
width: 24.5em;
height: 16em;
position: absolute;
top: 1em;
left: -20em;
z-index: 1;
}

div#keyboard {
margin-bottom: 8em;
}

div#beaming {
position: relative;
}

div#beaming h2, div#beaming p, div#keyboard {
position: relative;
z-index: 2;
}

div#beaming img {
width: 29em;
height: 29em;
position: absolute;
z-index: 1;
top: -13em;
right: 0;
}

body.enterinfo div#sidebar {
margin-top: -4em;
}

body.enterinfo div#sidebar div.item {
margin-top: 4em;
}
/* end styles for Enter Info page */


/* start styles for Organizer page */
body.organizer div#sidebar {
margin-top: -5em;
}
/* end styles for Organizer page */


/* start styles for Photos page */
body.photos div#content {
position: relative;
}

img#photosicon {
width: 19em;
height: 19em;
position: absolute;
top: -6em;
right: 2em;
z-index: 0;
}

body.photos div.copyblocks {
position: relative;
z-index: 2;
}

body.photos div#sidebar {
margin-top: -3em;
}

body.photos div#sidebar div.item {
margin-top: 4em;
}
/* end styles for Photos page */