@charset "utf-8";
/* CSS Document */

body {background-image:url(../images/bg.jpg); background-repeat:repeat-x; background-color:#f2f2f2; margin:0; font-family:Verdana, Geneva, sans-serif;  font-size:76%;}
a {text-decoration:none;}

/*container*/
#outer{ margin-left: auto; margin-right: auto; width:805px; clear:both; z-index:4;}
#inner { float: left; overflow: hidden; }

/*navigation*/
#inner .nav { width: 141px; background-color:#990000; margin-left:20px; display:inline; padding-left:5px; font:Arial, Helvetica, sans-serif; font-size:12px; float:left;}
#inner .nav a:link {color: #ffffff; text-decoration: none;} 
#inner .nav a:visited {color: #fff; text-decoration: none;} 
#inner .nav a:hover {color: #cfcfcf; text-decoration: none;} 
#inner .nav a:active {color: #fff; text-decoration: none;}
#inner .nav ul {list-style: none; margin-left: 0; padding-left: 0; text-indent: 0; margin-bottom:15px; margin-top:1px;}
#inner .nav li {padding-left: 12px; padding-right: 3px; background-image:url(../images/red_arrow.gif); background-repeat: no-repeat; background-position: 0 4px;}





/*featured listing*/	
.b1h, .b2h, .b3h, .b4h, .b2bh, .b3bh, .b4bh{font-size:1px; overflow:hidden; display:block;}
.b1h {height:1px; background:#747474; margin:0 5px;}
.b2h, .b2bh {height:1px; background:#747474; border-right:2px solid #747474; border-left:2px solid #747474; margin:0 3px;}
.b3h, .b3bh {height:1px; background:#747474; border-right:1px solid #747474; border-left:1px solid #747474; margin:0 2px;}
.b4h, .b4bh {height:2px; background:#747474; border-right:1px solid #747474; border-left:1px solid #747474; margin:0 1px;}
.b2bh, .b3bh, .b4bh {background: #f2f2f2;}
.headh {background: #747474; border-right:1px solid #747474; border-left:1px solid #747474;}
.headh h3 {margin: 0px 10px 0px 10px; padding-bottom: 3px; color: #fff; text-align: center; text-transform:uppercase;}
.contenth {background: #f2f2f2; border-right:1px solid #747474; border-left:1px solid #747474;}
.date {text-transform:uppercase; font-weight:bold; font-size:85%; color:#7a1104; }
.contenth div {margin-left: 4px; padding-top: 5px; color: #747474; }
.listingcontainer {width:270px;}


/*TOOLS columns*/
.toolscontainer {width:570px; float:left; margin-left: 15px; }
.contenth div.one {width:275px; float:left;}
.contenth div.two {width:275px; float:left;}


/*COLUMNS*/
/*1 column*/
#inner .col { width: 590px; margin-top: 0; margin-left: 15px; line-height: 125%; float:left; clear:right;}
#inner .colteam { width: 570px; height:120px; margin: 2px 0 2px 0; line-height: 125%; float:left; clear:right;}

/*2 column layout*/
#inner .twocolleft { width: 270px; margin-top: 10px; margin-left: 15px; margin-right:10px; line-height: 125%; float:left;}
#inner .twocolright {width: 290px; margin-top: 10px; float:left; clear:right; line-height:125%;}
#inner .twocolrightsm {width: 270px; margin-top: 10px; float:left; clear:right;}

#inner .twocolthird { width: 360px; margin-top: 0; margin-left: 15px; margin-right:15px; line-height: 125%; float:left; clear:right;}

/*3 column layout*/
#inner .threecol { width: 196px; height:157px; text-align:center; float:left;}
#inner .threecolleft { width: 196px; float:left;}
#inner .threecolleftsm { width: 170px; height:140px; float:left; margin:5px 5px 5px 5px; padding-left:2px; padding-right:2px; border:1px; border-color:#999; border-style:solid; font-size:90%;}

/*column elements*/
#listings {color: black; font-size: medium; font-family: serif; text-align: center; visibility: visible; display: block; position: relative; top: 20px; left: 10px; width: 100px; margin-bottom:20px;} 

/*design elements*/
.indent {margin-left:15px; display:inline;}
.indent20 {padding-left:20px; display:inline;}
.bottompad { padding-bottom:10px;}
.testimonial {padding-bottom:5px; border-bottom:1px; border-bottom-color:#666; border-bottom-style:solid;}
.title1 { font-size: 16px; font-weight: bold; color:#990000; text-transform: uppercase; }
.title2 { font-size: 14px; font-weight: bold; color:#990000; line-height: 18px; padding-left:13px; display: inline;}
.title2inline { font-size: 14px; font-weight: bold; color:#990000; line-height: 18px; padding-bottom: 20px; display: inline;}
.title2feed {font-size: 14px; font-weight: bold; color:#990000; line-height: 25px; padding-bottom: 20px; }
.title3 {font-size: 11px; font-weight: normal; color:#333333;}
.title4 {font-size: 12px; font-weight: bold; color:#990000}
.clear { clear: both; }
.heading {font-size:130%; font-weight:bold;}
.red {color:#990000;}
.underline {border-top:1px; border-top-color:#666; border-top-style:solid; padding-top:10px;}
a {color:#990000;}
li {padding-top:3px;}
ol li {padding-bottom:7px;}
hr {color: #fff; background-color: #fff; border: 1px dotted #999; border-style: none none dotted; width:160px;}
p {margin-right:5px;}
.newsblurb { font-style:italic; font-weight:bold; }
.newsblurb a {color: black; font-size:125%;}
.newsblurbsm {font-size:80%; text-transform:uppercase; }


/*condo slideshow*/
.stepcarousel{position: relative; /*leave this value alone*/ overflow: scroll; /*leave this value alone*/ width: 394px; /*Width of Carousel Viewer itself*/ height: 269px; /*Height should enough to fit largest content's height*/}

.stepcarousel .belt{ position: absolute; /*leave this value alone*/ left: 0; top: 0; }

.stepcarousel .panel{ float: left; /*leave this value alone*/ overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ margin: 10px; /*margin around each panel*/ width: 373px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ }


.viewlistings { color: #0050a4;  font-weight: bold; line-height: 22px; margin: 5px 30px; padding-top: 5px; padding-bottom: 5px; border-top: 1px solid #0050a4; border-bottom: 1px solid #0050a4; text-align:center; }
.viewlistings a {text-decoration:none;}



/* blog*/
.bubble {background-image:url(../images/blogbg.jpg); background-repeat:no-repeat; height:367px; width:285px; margin-top:5px; float:right; display:inline; margin-right:15px;}
div.feedburnerFeedBlock span.headline { font-size: 13px; font-weight: bold; color:#575757; text-indent: 0; text-align: left; }
.blog { width: 220px; font-size:87%; padding-top:35px; padding-left:15px;}
.blog ul { list-style-type: none; padding: 0; margin-left: 0; text-align: justify; }
.blog li {padding-top:15px;}
.date { margin: 0; padding: 0;font-weight: bold;font-size:85%; }
.blog a:link {color: #990000; text-decoration: none;}
.blog a:visited {color: #953030;	text-decoration: none;}
.blog a:hover {color: #767676; text-decoration: none;}
.blog a:active { color: #953030; text-decoration: none;}
.blog p {margin:0 0 0 0; padding:0 0 1px 0;}
.blog div {padding:0;}



/* Contact Page*/
.contactBox {width:514px; height:356px; padding-top:20px; padding-left:10px; background-image:url(contactshadow.jpg); background-repeat:no-repeat}
.row  {margin:5px; line-height:20px; text-align:left}
.rowNudged {margin-top:10px; margin-left:5px; margin-right:5px; margin-bottom:5px; line-height:20px; text-align:left}
.leftLabel {float:left; width:140px}
.rightInput {width:320px;}
#txtMessage {width:462px; height:183px}
#chkSendCopy {float:left; margin-left:-2px}
#buttonBox {margin-right:35px; text-align:right}
#cmdReset {width:70px}
#cmdSubmit {width:100px; margin-left:5px}






/*layout elements*/
#inner .pageHeader { background: url(../images/banner.jpg) no-repeat; width: 805px; height:137px; overflow:hidden; float: left; margin-top:9px; }

.layout {background-image:url(../images/body_bg.jpg); background-repeat:repeat-y; width: 805px;}






.bgimagehome {background-image:url('../images/homepageimage.jpg'); background-repeat:no-repeat; background-position:100% 100%; height:280px; }
.bgimagehome ul {margin-right: 290px;}

.bottomnav {background-image:url(../images/body_bg.jpg); background-repeat:repeat-y; width: 805px; text-align:center; padding-bottom:8px;}
.bottomnav a { color:#990000; text-decoration:none; font-size:83%;}

.bottom {background-image:url(../images/bottom_shadow.jpg); background-repeat:repeat-x; width: 805px; height:40px;}