/* CSS Document */
body {
background-color:#ffffff; 
font: 10px Verdana, Arial, Helvetica, sans-serif;
padding: 0px;  
}

.container {
position:relative;
width: 700px;
height: 520px;
background-color:#ffffff;
margin-left:auto; 
margin-right:auto;
margin-top:0px; 
margin-bottom:0px;
padding:0px;
z-index:1;     
}

#masthead {
position:relative;
vertical-align:top;
text-align:right;
padding-left:260px;
padding-top:30px;
background-image:url(watermelonhoneymast.jpg); 
background-repeat:no-repeat;
height: 216px;   
}

#mastimage {
position:; 
margin-top:0px; 
height: 216px;
z-index:1;  
}

#navbar {
position: absolute; 
left:280px;
top:35px;
z-index:2; 
}

#iframewindow {
height: 300px;
width: 357px; 
padding:0px;  
}

iframe {
margin-left: 10px; 
width: 350px; 
height:280px;
margin-top: 10px;  
}
.text {
padding: 0px; 
vertical-align:top; 
text-align:left;
}

#pullquote {
background-image:url(quote.jpg); 
vertical-align:top;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size:11px;
text-align:right; 
width:343px; 
height:303px;   
z-index:3
}

#footer {
background-color: #000000;
height: 20px;
}

.subcreations {
font: 11px Verdana, Arial, Helvetica, sans-serif;
color:#ffffff; 
float:left;
margin-left:5px;  
}

a.subcreations {
color:#ffffff; 
text-decoration:none; 
}
a:visited.subcreations {
color:#ffffff; 
text-decoration: none; 
}
a:hover.subcreations {
text-decoration: underline;
}

a.trailer {
color: #555555; 
text-decoration:none; 
}
a:visited.trailer {
color:#555555; 
text-decoration: none; 
}
a:hover.trailer {
text-decoration: underline;
}

#proletariat {
text-align:right; 
}