@charset "utf-8";
/* CSS Document */

body {}
#baronedevelopments { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3f2f00; margin:0; padding:0; background:url(../images/bg-barone-small.jpg) top center repeat;}

a, a:link, a:visited, a:active {color: #0589c1; text-decoration:none;}
a:hover {text-decoration:none;}
a img {border:none;}

h1,h2,h3,h4,h5,h6 {font-family: Georgia, Times New Roman, Times, serif;}
h1 {background: url(../images/elements/title-swirl.jpg) no-repeat 0px 7px; padding-left: 41px; font-size:24px; color: #3f2f00; margin:0;}
.georgieh1 {background: url(../images/elements/title-swirl-georgie.jpg) no-repeat 0px 0px; padding-left: 72px; font-size:24px; color: #3f2f00; margin:0;}
h2 {font-size: 18px; color: #3f2f00;}
h3 {font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; font-weight:normal;}

p {line-height:17px;}

.clear {height:1px; clear:both;}

#container { width:948px; padding:0; margin:0; text-align:center;}

.biggerh2 {font-size:20px; text-decoration:underline; padding: 0; margin-left:14px;}
.indentright { margin-left:20px;}
.indentright p { margin-left:20px;}
.spacingplus p {padding: 5px 0px;}
.smallpaddingh {padding: 0px 15px;}
.signature { float:right; position:relative; right:60px;}

.marginrplus
	{margin-right:10px;}
.marginlplus
	{margin-left:10px;}
.marginr
	{margin-right:5px;}
.marginl
	{margin-left:5px;}
	
/***************
FLOATING RULES
***************/
.floatl
	{float: left;}
.floatr
	{float: right;}
.clear 
	{clear: both;}
/***************
Programming
***************/
_div
	{border: 1px solid red;}
.bd {border: 1px solid;}


/* HEADER 
=======================================================================================================================================*/

#header {width:948px; height:182px; float:left; background: url(../images/barone-devepments-ltd_02.gif) no-repeat top; overflow:hidden;}
#menuheader {width:878px; height:38px; padding:0 0 0 30px; margin:0; float:left; overflow:hidden;}
#menuheader ul {margin:0 0 0 60px; float:left;}
#menu ul {height:38px; margin:0; padding:0; float:left; list-style:none;}
#menu li {font-size:13px; list-style:none; margin-right:40px; float:left; color:#3f2f00;}
#menu li a {display:block; padding:0; margin:0; color:#3F2F00;}
#menu li a:hover {color:#6A4F00; text-decoration:none;}


#menu li ul {
	position: absolute;
	height: auto;
	padding: 0px;
	list-style: none;
	margin: -1px 0 0;
	text-align: left;
	background: #E9E6D8;
	color: #3F2F00;
	display: none;
	text-indent:0px;
	z-index:1;
}

#menu li ul li { margin: 0; padding:0; float: none; height:auto; }
#menu li ul li a { font-size:12px; float: none; height: auto; padding:5px 25px 5px 5px; color: #3F2F00 !important; background: #E9E6D8; border-bottom: 1px dotted #B7AF97; _height: 20px; _line-height: 15px; }
#menu li ul li a:hover { background: #E9E6D8; color: #3F2F00; text-decoration:none; _height: 20px; _line-height: 15px; }
#menu li:hover ul { display: block; }
#menu li.iehover ul { display: block; _width:160px; }

#logobarone {width:348px; height:123px; padding:0 300px 20px; margin:0; float:left;}
#logobarone a {width:340px; height:123px; padding:0; margin:0; display:block; overflow:hidden; text-indent:-99999px; font-size:0;} 

/* FOOTER
=======================================================================================================================================*/

#pagefooter {width:948px; padding:50px 0 25px; margin:0; float:left; background:url(../images/barone-devepments-ltd_07.jpg) top left no-repeat; color:#FFF; font-size:11px;}
#pagefooter a {color:#FFF; text-decoration:none;}
#pagefooter .copyright {float:left; display:inline;}
#pagefooter .credits {float:right; display:inline;}

#bottommenu {width:698px; padding:30px 90px 0; _width:690px; _padding:30px 85px 0; margin:0; float:left; overflow:hidden;}
#bottommenu ul {margin:0; padding:0; list-style:none;}
#bottommenu li {font-size:12px; list-style:none; margin:0 0 0 35px; padding:0; float:left; color:#3F2F00;}


/* CONTENT 
=======================================================================================================================================*/

#topbanner1 {width:932px; padding:0; margin:0; float:left; text-align:center; overflow:hidden;}
#availablehomes_gallery {width: 550px; display: block; margin: 15px auto 0; height: 321px; background:url(../images/pages/projects/availablehome.jpg) 0 0 no-repeat; position: relative; }
#availablehomes_gallery #gallery_view a{float: left; width: 235px; height: 112px; display: block; background:url(../images/pages/projects/availablehome_1.jpg) 0 0 no-repeat; position: absolute; bottom: 0; right: 0; text-indent: -99999px; font-size: 0;}
#availablehomes_gallery #gallery_view a:hover {background-position: 0 -112px;}
#pagebody {width:932px; padding:0 8px; margin:0; text-align:left; float:left; background: url(../images/barone-devepments-ltd_04.jpg) repeat-y;}
#pagebody #bodycontainer {width:878px; padding:25px 27px 0; margin:0; float:left; background:url(../images/elements/top-gradient.jpg) 0 0 no-repeat; overflow:hidden;}

#separator {background: url(../images/elements/separator.jpg) no-repeat ; height:28px;}
#beforeafter {padding-left: 15px; text-align: center;}

#gallerypage {}
#gallerypage ul {width:878x; margin:10px 0 0x; padding:0; list-style:none;}
#gallerypage li {width:420px; padding:0 10px 35px 0; list-style:none; float:left;}
#gallerypage h2 {margin:3px 0 8px; padding-top:20px; height: 30px; font-size:20px;}
#gallerypage img {margin:0 0 6px;}

.pagecolumns {width:260px; padding:0 30px 20px 0; margin:0; float:left; display:inline; overflow:hidden;}

#aboutusbottombanner {width:878px; padding:15px 0; margin:0; float:left; text-align:center;}
#aboutusbottombanner img {padding: 0px 30px 15px 34px; display:inline;}

.georgieaward
	{  background: url(../images/elements/georgie-thumbs.gif) no-repeat 52px 0px;}
.georgietab
	{  background: url(../images/elements/georgie-tab.jpg) no-repeat 57px 5px;}
.georgieawardr
	{  background: url(../images/elements/georgie-thumbs.gif) no-repeat 0px 0px;}
	
	.magazine-cover-news-page {
	padding: 2px 0px 2px 0px;
	 }
	 
.sale_description{margin: 10px 0; padding: 10px 0; text-align: left;}
table.sale_description_table {margin: 10px 0; padding: 0;border: 1px solid #000;}	 
table.sale_description_table td{ padding: 7px; margin: 0; border-bottom: 1px solid #000; border-right: 1px solid #000; vertical-align: top;}
table.sale_description_table td.noneborder {border-bottom: none;}
table.sale_description_table td.noneright {border-right: none;}
/* BOTTOM 
=======================================================================================================================================*/

#pagebottom {width:878px; padding:30px 0 0; margin:0; float:left; overflow:hidden;}
#pagebottom #awards {width:402px;float:left; display:inline; overflow:hidden;}
#pagebottom #contactarea {width:380px; margin-left:25px; padding:15px 25px 0; float:left; display:inline; background:url(../images/bg-contact-gallery.gif) top left repeat-x; overflow:hidden;}
.viewgallery a {width:170px; height:65px; display:block; float:left; overflow:hidden; text-indent:-99999px; font-size:0; background:url(../images/button-view-gallery.gif) 0 0 no-repeat; color:#CAC2B3;}
.viewgallery a:hover {background-position:-170px 0; color:#CAC2B3;}
.contactinfo {width:180px; display:inline; float:right; color:#4B3905;}


