*
{
margin:0;
padding:0
}

body, html
{
height:100%
}

body
{ 
background-color:#ffffff;
}

body.index
{
background-image: url(../images/backgroundpeeps.jpg);
overflow: hidden;
}

/* structural */

#maincontainer
{
margin:40px
}

#headerblock, #contentblock, #hoz, #rightblock
{
width:562px
}

#leftblock
{
float:left;
width:193px;
position:fixed
}

#navblock
{
width:195px /* Same width as the navigation block links */;
}

#rightblock
{
display:block;
float:right
}

#singlemoviecopyblock
{
margin-top:20px;
padding:10px;
height:288px;
background-color:white
}

.sheet
{
margin-bottom:20px
}

.header
{
width:562px;
height:125px;
background-image:url(../images/heading.gif); 
/* background-color:#ecedef */
background-repeat:no-repeat;
background-position:right top
}

.projectheader
{
width:562px;
/* min-height has been overriddne in the iehacks.css file, because ie6 doesn't support min-height*/
min-height:125px;
background-image:url(../images/heading.gif); 
/* background-color:#ecedef */
background-repeat:no-repeat;
background-position:right top
}

.title {
padding:20px 31px 20px 31px
}

.content
{
width:562px;
background-image:url(../images/sheetbg.gif); 
background-repeat:repeat-y
}

.sheetunder
{
width:562px;
height:10px;
background-image:url(../images/sheetunder.gif); 
background-repeat:no-repeat
}

.asset, .assetnostrap
{
padding:0px 31px 0 31px
}

/* when there's no text below the image, pad the image out neaten up the borders*/
.assetnostrap
{
padding-bottom: 20px
}

.underassetcopy
{
padding:20px 31px 20px 31px
}

.projectblurb
{
padding:5px 31px 20px 31px
}

#vert
{
float:left;
width:100%;
height:50%;
margin-top:-400px; /* half vertical height*/
}

#hoz
 {
height:600px;
margin-left:auto;
margin-right:auto;
text-align:left;
clear:both
}

/* end structural stuff */

/* type  */

h1, h2, p
{
font-family: Georgia, serif;
font-weight:normal;
font-style:italic;
color:#888
}

h2
{
font-size:14px;
color:#999
}

h1
{
color: #a58ac0;
font-size:24px
}

p
{
font-size:12px;
}

.bold
{
font-weight:bold;
}

.straight
{
font-style:normal;
}

/* end type*/

/* links */ 
a {text-decoration:none}
a:link {color: #000}
a:visited {}
a:active {}
a:hover {color: #bbb}

.projectblurb a:link {color: #bbb}
.projectblurb a:hover {color: #000}


.navline
{
width:193px;
height:1px;
margin:10px 0 10px 0;
border-bottom:1px solid #9576b4
}

#navblock a.sitenav:link, #navblock a.sitenav:hover, #navblock a.sitenav:visited, #navblock .activelink, #navblock a.sitenav-reverse:link, #navblock a.sitenav-reverse:hover, #navblock a.sitenav-reverse:visited, #navblock .activelink-reverse
{
color:#000;
font-style:italic;
font-size:16px;
text-decoration:none;
-moz-user-select:none;
}

#navblock a.sitenav-reverse:link, #navblock a.sitenav-reverse:hover, #navblock a.sitenav-reverse:visited, #navblock .activelink-reverse
{
color:#a58ac0;
}

#navblock a.sitenav:hover
{
color:#a58ac0;
}

#navblock a.sitenav-reverse:hover
{
color:#000;
}

#navblock .activelink, #navblock .activelink-reverse  
{
cursor: default;
}

#navblock .spacer {
height:10px
}

/* end links */ 

/* tables */

th
{
padding:1em;
background-color:#ddd;
}

th p
{
color:#fff;
}


td
{
padding:1em;
border:1px solid #ddd;
border-right:0px;
border-bottom:0px;
}

td.right
{
border-right:1px solid #ddd;
}

table
{
border-bottom:1px solid #ddd;
}

/* end tables */

/* misc */
#weblogo
{
width:193px;
height:107px;
margin: 0 50px 0 0;
background-image:url(../images/weblogo.gif);
background-repeat:no-repeat;
}


#weblogo a
{
display: block;
width:193px;
height:107px;
}

/* misc */
#star
{
width:172px;
height:172px;
margin: 0 50px 30px 0;
background-image:url(../images/star.gif);
background-repeat:no-repeat
}

#starhome a
{
display: block;
width:190px;
height:190px;
background-image:url(../images/starhome.png);
background-repeat:no-repeat
}