body{margin:0px; padding: 0px; background-color: #2b51b5;
background-image: url(/images/website271/bgGradesub.gif); background-repeat: repeat-x; font: normal 12px Verdana, Helvetica, Arial, Geneva, sans-serif; line-height: 1.3;
}
body.photocode{margin:0px; padding: 0px; background-color: #2b51b5;
background-image: url(/images/website271/bgGradesub.gif); background-repeat: repeat-x; font: normal 12px Verdana, Helvetica, Arial, Geneva, sans-serif; line-height: 1.3;
}

div.randomphotolist img{width: 150px;}
div.randomphotolist p{margin: 0px; padding: 0px; font-size: 11px; text-align: center;}


div.footertext{clear: both;}
p.powered{clear: both; text-align: center; margin: 0px; margin-top: 10px;}

p.copyright{clear: both; text-align: center;margin: 0px;}
p.bottommenu{text-align: center;margin: 0px;}
p.webadmin a, p.powered a, p.copyright a, p.copyright, p.bottommenu,p.bottommenu a{color: #65cafd; font-size: 10px;}

p.bottommenu,p.bottommenu a{font-size: 11px;}

img.flyerlogo{display:none;}
#agents{float: right; text-align: right; width: 275px; font-weight: bold;}


#hudlogos{text-align: center; border-top: solid 1px #456ccf;}
.imgfooter{float: left; width: 100px;margin-bottom: 20px;margin-top: 20px; text-align: center;}
#hudlogosprint{display:none;}
#hud{clear:both; color: #FFFFFF;}
#hud img.hudscreen{margin-right: 20px; margin-bottom: 40px;}
#hud img.hudprint{display:none;}

h2{color: #FFFFFF;}

div.printeronly{display:none;}
#listsatellite, #listmap{ color: #000000;}

/*photo album - photo reel*/
div.photoalbum{text-align: center; width: 100%;}
div.photoalbum div.photo{float: left; margin-right: 0px; width: 24%;}
div.photoalbum div.photo img{height: 150px; width: 100%; }

div.photoalbumrealestate{width: 759px; height: 580px;padding: 0px; margin: 0px;}
div.photoalbumrealestate div.photo1{float: left;margin-right:2px;margin-left:2px;margin-top:2px;margin-bottom:2px;}
div.photoalbumrealestate div.photo2,
div.photoalbumrealestate div.photo3,
div.photoalbumrealestate div.photo4,
div.photoalbumrealestate div.photo5,
div.photoalbumrealestate div.photo6{float: left; margin-right:2px;margin-bottom:2px;}
div.photoalbumrealestate div.photo2{margin-top: 2px;}

div.photoalbumrealestate div.photo1 img{width: 500px; height: 384px;}
div.photoalbumrealestate div.photo2 img,
div.photoalbumrealestate div.photo3 img,
div.photoalbumrealestate div.photo4 img,
div.photoalbumrealestate div.photo5 img,
div.photoalbumrealestate div.photo6 img{height: 191px; width: 250px;}
div.clearphoto{clear:both;}

#listfeature{}
#listfeature div.one{clear: both; float: right;  border-left: solid 1px #FFFFFF; padding-left: 20px; width: 30%;}
#listfeature div.one ul li{margin-bottom: 20px;}
#listfeature div.two{width: 480px; padding:10px;}

#listingmenu{clear: both; float: right; margin-right: 30px; width: 300px;}
#listingmenu ul{list-style:none; padding: 0px; margin:0px;}
#listingmenu ul li{display:block; float: left; width: 140px; height: 20px; text-align: center; padding: 3px;background-color: #ff9933;margin-right: 1px; margin-bottom: 1px;}
#listingmenu ul li a{color: #FFFFFF; font-size: 11px;}
#listingmenu ul li:hover{background-color: #cc0000;}
#listingmenu ul li a b{color: #330000;}

#listingmenuhorizontal{clear: both; float:right; width: 100px; padding: 0px; margin: 0px;}
#listingmenuhorizontal ul{list-style:none; padding: 0px; margin:0px;}
#listingmenuhorizontal ul li{display:block; width: 100px; height: 33px; text-align: center; padding: 3px;background-color: #ff9933;margin-0px; margin-right: 1px; margin-bottom: 1px;}
#listingmenuhorizontal ul li a{color: #FFFFFF; font-size: 10px;}
#listingmenuhorizontal ul li:hover{background-color: #cc0000;}
#listingmenuhorizontal ul li a b{color: #330000;}


div.photoalbum div.morephotos img{width: 30px; height: 150px;}
#propertyheader h2{float: right; font-size: 26px; margin: 0px; padding: 0px; margin-right: 100px;}
#propertyheader h1{float: left; font-size: 26px;margin: 0px; padding: 0px; margin-left: 20px;}
#propertyphotos{/*border-top: solid 2px #ff9933; border-bottom: solid 2px #ff9933;*/ width: 758px;text-align:center;margin:0px; padding: 0px;}

h3{color: #cad5f2; font-weight: bold; font-size: 18px; margin: 0px; padding: 0px;}


ul.list2309, ul.list2310, ul.list2311, ul.list2312, ul.list2313, ul.list2314, ul.list2315, ul.list2316, ul.list2317, ul.list2318{width: 100%; display: block; list-style: none; padding: 0px; margin: 0px;}
li.list2309, li.list2310, li.list2311, li.list2312, li.list2313, li.list2314, li.list2315, li.list2316, li.list2317, li.list2318{float: left; display: block; width: 260px; margin: 1px; height: 40px; background-image: url(/images/website271/menuprop.gif); background-repeat: no-repeat; text-align: center; padding-top: 10px; }
li.list2309 a, li.list2310 a, li.list2311 a, li.list2312 a, li.list2313 a, li.list2314 a, li.list2315 a, li.list2316 a, li.list2317 a, li.list2318 a{color: #FFFFFF; }


div.menu{width: 100%; background-color: #810101;}
table.mainmenu445 td{text-align: center;  letter-spacing: 2pt;}
table.mainmenu445 td a.styleOn0x445, table.mainmenu445 td a.style0x445{font-size: 10px;}
#containermain{width: 100%; height: 100%; margin:0px; padding: 0px; background-image: url(/images/website271/octuslogobottom.gif); background-position: bottom right; background-repeat: no-repeat;}



div.containercontent{width: 733px; height: 100%; text-align: left; margin:0px; padding: 0px; }
div.containercontentstretch{ width: 900px; height: 100%; text-align: left; margin:0px; padding: 0px; }
#random {text-align: center; font-size: 9px;}
#random p{padding: 0px; margin: 0px;}

div.address{width: 240px; height:171px; background-image: url(/images/website271/bgaddress.gif); background-repeat: no-repeat;}
div.addresspad{padding: 10px;}


#homebg{background-image: url(/images/website271/bgGrade.gif); background-repeat: repeat-x;}
#curvetop{}
#curvetophome{}
#curvebottom{height: 150px; color: #FFFFFF; font-size: 10px;}

#header{height: 100px;margin:0px; padding: 0px; }

/*Logo*/
#logo{float: right;margin: 0px;}
#logosub{float: right;margin: 0px;}
#logo h1{color: #FFFFFF; letter-spacing: 2pt; font-size: 32px; font-weight: normal; margin: 0px; padding: 0px; padding-bottom: 5px; }
#logo h2{color: #FF9933; letter-spacing: 2pt; font-size: 18px; font-weight: normal; margin: 0px; padding: 0px; font-weight: bold; font-variant: small-caps;}

/*Upper Links*/
#links{float: right; width: 200px; height: 50px; margin-top: 40px;}
#links ul.links{list-style: none;}
#links ul.links li{padding-bottom: 10px;}
#links ul.links li a{font-size: 12px;}
#links ul.links li a:hover{}
#links ul.links li a:visited{}

/*middle*/
#middle{width: 100%; height: 271px; }
#flash{background-image: url(/images/website271/bgFlash.jpg); background-repeat: no-repeat; width: 733px; height: 271px;}

/*content*/
#content{color: #FFFFFF; font-size: 12px;}
#content img{}
div.padding{padding: 15px;}
div.padcell{padding: 10px;}

/*fonts*/
span{font: normal 12px Verdana, Helvetica, Arial, Geneva, sans-serif;}
span.smaller{font-size: 11px; line-height: 14px;}
span.small{font-size: 14px;line-height: 18px;}
span.heading{font-family: century gothic, arial, sans-serif; font-size: 18px; color: #65CAFD; font-weight: bold; letter-spacing: 2pt;}

h1{font-family: century gothic, arial, sans-serif; color: #ff9933;font-size: 22px; font-weight: bold; letter-spacing: 2pt;}

h2, span.large{font-family: century gothic, arial, sans-serif; font-size: 16px; color: #FF9933; font-weight: bold;}
span.custom1{font-family: century gothic, arial, sans-serif; font-size: 16px; color: #66CCFF; font-weight: bold;}
span.custom2{font-family: century gothic, arial, sans-serif; font-size: 16px; color: #66CCFF; font-weight: bold;}
a{color: #FF9933;}
a:hover{color: #FFFFFF;}
a:visited{color: #FF9933;}

/*article display*/
div.article{margin-top: 10px; margin-bottom: 0px;}
span.datetime br{line-height: 1px;}
div.more{float: right;}
div.more a, div.more a:visited, div.more a:hover{color: #65CAFD;}


div.photosodd, div.photoseven{clear: both;}
div.photosodd div.thumb{float: left; }
div.photoseven div.thumb{float: left; }
div.photosodd img, div.photoseven img{width: 100px; margin-bottom: 10px; margin-right: 10px; border: solid 1px #65CAFD;}
div.photosodd p.albumname, div.photoseven p.albumname{ text-transform: uppercase; font-size: 14px;}
div.photosodd p.date, div.photoseven p.date{display:none;}



