@page {
  size: landscape   /* Limited browser adoption of this rule, but should work more reliably in later versions */
}



#flyer {
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
font-family: Times;
font-size: 11pt;
}

#flyer #agentinfo {
float: left;
}

#flyer img {
padding-right: 10px;
}

#flyername {
font-size: 24px;
float: right;
margin-top: 30px;
margin-right: 10px;
text-align: right;
}

.separator {
clear: both;
}

#flyer #title {

}

#flyer #flyerheader {
background-color: gray;
color: white;
height: 50px;
width: 100%;
padding-top: 1px;
padding-left: 5px;
margin-bottom: 3px;
}

#photos {
text-align: center;
}

#photos img {
margin-top: 6px;
border-color: gray;
border-style: solid;
border-width: 15px;
padding-right:0px;
margin-right: 0px;
}

.flyertitle {
text-align: right;
margin-top: -45px;
margin-right: 20px;
}

#flyer h3 {
font-size: 14px;
}


.flyermainpic img {
width:380px;
height:270px;
border-style: solid;
border-color: gray;
margin-right: 10px;
}

.flyerextrapic img {
border-style: solid;
border-color: gray;
width:200px;
height: 150px;
}

.flyertopic {
width:250px;
height:auto;
padding-left: 3px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 3px;
margin-right: 5px;
float:left;
}

#flyerfooter {
background-color: gray;
color: white;
height: 15px;
width: 100%;
padding-top: 4px;
padding-left: 5px;
text-align: center;
font-size: 9pt;
}