/* stylesheet for rossibook.com*/


/* Universal style rule */
*{
  /* Block all browser default margins and padding */
  margin:0;
  padding:0;

/* use command below to give divs borders when needed so as to see them clearly */
/* border:dashed thin #f00; */ 
}


body{
background-color:#cccccc;
font-family:Arial, Gill Sans, sans-serif;
}


/*take underline out of links */
a {
text-decoration:none
}
/*get rid of purple link color */
a:link {color: #555;}
a:hover {color: #555;}
a:visited {color: #555;}


#nextlink a{
text-decoration:none;
color:#8f8f8f;
}




/* contains all content */
#wrapper{

width:38em;
height:30em;
position:absolute;
top:2em;
left:2em;
}


/*corner places links flush with wrapper */
#wrapper #corner {
float:left;
width:1.8em;
height:1.8em;
background-color:#cccccc;
}



/* navigation buttons up top */
#wrapper #homebutton{
float:left;
width:19.7em;
height:1.8em;
background-color:#cccccc;
}

#wrapper #printbutton{
float:left;
width:5.5em;
height:1.8em;
background-color:#cccccc;
}

#wrapper #webbutton{
float:left;
width:5.5em;
height:1.8em;
background-color:#cccccc;
}

#wrapper #clientsbutton{
float:left;
width:5.5em;
height:1.8em;
background-color:#cccccc;
}




/*sets block containing email link */
#wrapper #leftsidecolumn{
float:left;
width:1.8em;
height:28.2em;
background-color:#cccccc;
}

/* gets rid of blue border around mail link */
#wrapper #leftsidecolumn img{
border:none;
}








#wrapper #homebutton p{
padding-bottom:.1em;
font-size:1.2em;
font-style:strong;
color:#555;
}

#wrapper #printbutton p{
padding-bottom:.1em;
font-size:1.2em;
font-style:strong;
float:right;
color:#555;
}

#wrapper #webbutton p{
padding-bottom:.1em;
padding-right:.4em;
font-size:1.2em;
font-style:strong;
float:right;
color:#555;
}

#wrapper #clientsbutton p{
padding-bottom:.1em;
font-size:1.2em;
font-style:strong;
float:right;
}


/* sets location for main container */
#wrapper #maincontainer{
float:right;
background-color:white;
width:36.2em;
height:28.2em;
}



/* position div containing next link */
#wrapper #maincontainer #nextlink{
float:right;
margin-right:2.35em;
margin-top:.5em;
height:3em;
}


/*position div containing table with thumbs*/
#wrapper #maincontainer #thumbsdiv{
float:left;
margin-top:2em;
margin-left:2em;
width:15em;
}


/* fix for the fact that table does not add spacing to top and bottom of thumbs */
#wrapper #maincontainer #thumbsdiv img{
padding-bottom:.2em;
}



/* position text for description */
#wrapper #maincontainer #printdescr{
float:left;
margin-top:2em;
margin-left:8.1em;
width:8.9em;
height:20em;
}



/* the next six entries style the description type */
#wrapper #maincontainer #printdescr h3{
color:#8f8f8f;
margin-bottom:.1em;
}

#wrapper #maincontainer #printdescr h4{
font-size:86%;
line-height:1em;
margin-bottom:.2em;
}

#wrapper #maincontainer #printdescr h5{
font-size:85%;
line-height:1em;
margin-top:.4em;
margin-bottom:.7em;
color:#8f8f8f;
}

#wrapper #maincontainer #printdescr hr{
margin-bottom:.3em;
}

#wrapper #maincontainer #printdescr p{
font-size:72%;
color:#8f8f8f;
}

#wrapper #maincontainer #printdescr h6{
font-size:76%;
color:#8f8f8f;
margin-bottom:.2em;
}


/* styles for the next link */
#wrapper #maincontainer #nextlink p{
font-size:2.5em;
color:#8f8f8f;
padding-top:.6em;
}