/* -- E-dreamz May 2010  |  Sarah Goin -- */


/* -- Global -- */
body{ background: #757575; color: #494949; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 18px;}

p{ margin: 0; padding: 0 0 15px 0;}
/*p img{padding: 5px;}*/

h1 { color: #8ea8ba; font-weight: normal; font-size: 32px; font-family: Arial, Helvetica, sans-serif; line-height: normal;}
h1.short {width:450px !important;}
h2 { color: #1f77af; font-weight: normal; font-size: 18px; line-height: 28px;}
h2 .name { color: #1f77af; font-weight: normal; font-size: 18px; line-height: 28px;}
h2 a {color: #1f77af;}
h2 a:hover {color: #94a600;}
h3 { color: #494949; font-weight: bold; font-size: 14px; line-height:nrmal;}

ul li{ background: url('/images/bullet.png') 0 3px no-repeat; padding:0 0 0 14px; margin-bottom: 5px; list-style:none;}
ol li{ list-style: decimal; margin-bottom: 5px;}

hr{height: 1px; border: 0; color: #dce1e4; background-color:#dce1e4; margin:-5px 0 10px 0;}

.header{color: #1f77af; font-weight: normal; font-size: 18px; line-height:28px;} /* same as h2 */
.subheader{color: #494949; font-weight: bold; font-size: 14px; line-height:nrmal;} /* same as h3 */
.img-right {text-align:right; margin:8px; border:10px solid #e2f3f5; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;}
.img-left {text-align:left; margin:8px; border:10px solid #e2f3f5; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;}
.hidden{display:none;}
.date{ font-size: 11px; color: #9a9a9a;}
.small {font-size:10px;}

/* -- Links / Graphic Buttons -- */
a { color: #94a600; text-decoration: none; line-height:18px;}
a:hover { color: #1f77af; text-decoration: none;}
a.arrow-white{float:left; text-decoration: none; background: url('/images/arrow-white.png') 0 0 no-repeat; padding:1px 0 3px 23px; margin-top:5px; font-weight: bold; font-size:11px; color:#fff;}
a.arrow-white:hover{ color: #bce1e7;}
a.arrow-green{float:left; text-decoration: none; background: url('/images/arrow-green.png') 0 0 no-repeat; padding:1px 0 0 23px; margin-top:5px; font-weight: bold; font-size:11px; color: #94a600;}
a.arrow-green:hover{color: #1f77af;}
a.arrow-green.download{background: url('/images/download.png') 0 0 no-repeat;}
a.arrow-green.download:hover{color: #1f77af;}
a.back{float:right; position:relative; z-index:10; text-decoration: none; background: url('/images/back.png') 0 0 no-repeat; padding:1px 0 3px 23px; margin:-10px 0 0 10px; font-weight: bold; font-size:11px; color: #94a600;}
a.proj-back{float:right; position:relative; z-index:10; text-decoration: none; background: url('/images/back.png') 0 0 no-repeat; padding:1px 0 3px 23px; margin:-28px 0 0 10px; font-weight: bold; font-size:11px; color: #94a600;}
a.back:hover{color: #1f77af;}

.media{float:left; border-bottom:1px solid #dce1e4; margin:10px 0 20px 0; padding-bottom:10px;}
.media a.watchvideo{float:left; width:309px; height:68px; background: url('/images/ctas/watchvideo.gif') 0 0 no-repeat; text-indent:-9999em;}
.media a.viewslideshow{float:left; width:309px; height:68px; background: url('/images/ctas/viewslideshow.gif') 0 0 no-repeat; text-indent:-9999em;}
.media a:hover {background-position:0 -68px;}

.share{float:right; position:relative; z-index:10; margin:-23px -5px 0 10px; font-weight:bold; text-transform:uppercase; font-size:11px;}

/* -- Top Navigation -- */
#topNav { position: absolute; right: 0; top: 14px; height:10px; margin-top:0; padding:0; list-style:none;}
#topNav ul li { margin:0; padding:0; list-style: none; display: inline; background:none;}
#topNav a { float: left; padding: 10px 0 0 0; margin-right:10px; overflow: hidden; height: 0px; color: #ffffff; }
#topNav a:hover { background-position: 0 -10px;}
#topNav .selected{ background-position: 0 -10px;}

  #login a { width: 36px; background: url('/images/structure/top-login.gif') top left no-repeat;}
  /*#client a { width: 77px; background: url('/images/structure/top-client.gif') top left no-repeat;}
  #resident a { width: 91px; background: url('/images/structure/top-resident.gif') top left no-repeat;}*/
  #vendors a { width: 53px; background: url('/images/structure/top-vendors.gif') top left no-repeat;}
  #contact a { width: 53px; background: url('/images/structure/top-contact.gif') top left no-repeat;}

/* -- Contact Navigation -- */  
#contactNav { position: relative; float:left; width:618px; height:29px; margin:0 0 10px 0; padding:0; list-style:none;}
#contactNav li { margin:0; padding:0; list-style: none; display: inline; background:none;}
#contactNav a { float: left; padding: 29px 0 0 0; overflow: hidden; height:0; text-indent:-9999em;}
#contactNav a:hover, #contactNav .selected {background-position:0 -29px;}

  #request a { width: 185px; background: url('/images/buttons/contact-request.gif') top left no-repeat;}
  #office a { width: 134px; background: url('/images/buttons/contact-office.gif') top left no-repeat;}
  #maintenance a { width: 299px; background: url('/images/buttons/contact-maintenance.gif') top left no-repeat;}



/* -- Main Layout -- */
#wrapper {position:relative; width:100%; top:0; left:0; background:#fff;}
#wrapper .top-wide {position:relative; width:100%; top:0; left:0;  margin-top:-44px; background:#dce1e4; padding-bottom:25px;}
#wrapper .top-wide .container{position:relative; margin:0 auto; width:1024px; top:0; left:0;}

#wrapper .main {position:relative; margin:0 auto; width:1024px; top:0; left:0; background:none; padding-bottom:30px;}
#wrapper .main .left {float:left; width:309px;}
#wrapper .main .right {float:right; margin-top:-400px; width:618px; min-height:400px; background:#fff; padding:30px 20px 0 20px;}
#wrapper .main .right.projects { margin-top:-280px;}
#wrapper .main .full{float:left; margin-top:-400px; width:800px; min-height:400px; background:#fff; padding:30px 112px 0 112px;}

.hd-wide {position:relative; width:100%; background: url('/images/structure/bg-header.png') 0 0 repeat-x; top:0; left:0; z-index: 999;}
#hd { position: relative; margin:0 auto; width:1024px; height: 131px; top:0; left:0; z-index: 999;}
#hd span.logo { position: relative; background: url('/images/structure/logo.png') 0 0 no-repeat; width: 200px; height: 48px; top: 20px; left: 412px; display: block;}
#hd span.logo a { position: absolute; width: 200px; height: 48px; display: block; text-indent:-9999em;}
#hd .phone {float:right; width:127px; height:21px; margin:-5px 12px 0 0;}

/* -- Home Page -- */
#homePanel {float:left; width:1024px; height:367px; margin-top:25px; background:#fff;}

#homeLeft { width: 775px; float: left; margin:-100px 0 0 0; padding:0;}
#homeLeft .content { float:left; width: 495px; padding:0 20px 0 33px;}
#homeLeft .content .header { padding-top:5px; font-size:22px; color:#8ea8ba;}
#homeLeft .news { float:left; width: 195px; padding-left:18px; border-left:2px solid #8ea8ba;}
#homeLeft .news .header { padding-top:5px; width: 195px; font-size:22px; color:#8ea8ba;}
#homeLeft .news .item { width: 195px;}
#homeLeft .news .item .summary {float:left; font-size:11px; line-height:14px; margin-top:3px;}

#sitAnalysis {float:left; position:relative; width:775px; height:130px; margin:0 0 10px 8px;}
#sitAnalysis .content {width:775px; height:130px; background: url('/images/ctas/bg-situational.png') left top no-repeat;}
#sitAnalysis .content .overview{float:left; width:300px; margin:45px 33px 0 -3px; font-size:13px; line-height:16px;}
#sitAnalysis .content .iam{float:left; width:173px; margin:45px 35px 0 0; font-size:11px; line-height:16px;}
#sitAnalysis .content .myobjective{float:left; width:160px; margin:45px 0 0 0; font-size:11px; line-height:16px;}
#sitAnalysis .content a{font-size:11px; line-height:17px; color:#fff;}
#sitAnalysis .content a:hover{color:#bce1e7;}

#homeRight { width: 241px; height:200px; float: left; padding:0; margin:-11px 0 0 0;}
#homeRight a.map {float:right; width:241px; height:120px; background: url('/images/map-home.png') 0 0 no-repeat; text-indent:-9999em; margin-bottom:10px;}
#homeRight a.map:hover {background-position:0 -120px;}
#homeRight a.competitive {float:right; width:241px; height:68px; background: url('/images/competitive-home.png') 0 0 no-repeat; text-indent:-9999em;}
#homeRight a.competitive:hover {background-position:0 -68px;}
#homeRight a.video {float:right; width:241px; height:68px; background: url('/images/video-home.png') 0 0 no-repeat; text-indent:-9999em;}
#homeRight a.video:hover {background-position:0 -68px;}

/* -- Secondary Pages -- */
#contentPanel {float:left; width:300px; height:335px; margin-top:25px; padding:20px; background:#fff;}
#projectPanel {float:left; width:344px; height:215px; margin-top:25px; padding:20px; background:#fff;}

#ctas {position:relative; float:left; width:277px; padding:0 16px; margin:-15px 0 0 15px; background: url('/images/ctas/bg-top.png') 0 0 no-repeat; }
#ctas .item {float:left; width:253px; padding:12px; background: url('/images/ctas/divider.gif') left bottom repeat-x;}
#ctas .item.last {background:none;}
#ctas .item .title {width:100%; display:block; margin-bottom:-20px;}
#ctas .bottom {float:left; margin:0 -16px -14px -16px; padding:0;}

#map {float:right; position:relative; z-index:10; margin:-20px 30px -229px 0;}

#frame {float:left; width:800px; height:756px; padding:22px 45px; background: url('/images/bg-available.gif') 0 0 no-repeat;}

/* -- Listing Items -- */
.imgwrap {float:left; width:137px; background: url('/images/bg-thumb-top.gif') left top no-repeat; margin-right: 10px;}
.imgwrapper {float:left; width:137px; background: url('/images/bg-thumb-top.gif') left top no-repeat; margin: -35px 10px 2px 0px;}
.imgwrapper .img{float: left; width: 117px; padding:10px; background: url('/images/bg-thumb-bottom.gif') left bottom no-repeat;}
.imgwrap .img{float: left; width: 117px; padding:10px; background: url('/images/bg-thumb-bottom.gif') left bottom no-repeat;}

.listingitem{border-bottom: 1px solid #dce1e4; padding-bottom: 10px; margin-bottom: 10px; width: 618px;}
.listingitem .address {float:left; width:259px; padding-right:15px; margin-right:25px; border-right: 1px solid #dce1e4;}
.listingitem .text{float: left; width: 618px;}
.listingitem .text.image {width:471px;}
.listingitem.last, .listingitem .address.last {border:none; margin-bottom:0; margin-right:0;}

/* -- Tab Controls -- */
#tabcontainer {}
#tabcontainer #tabs{margin: 0; padding: 0; }
#tabcontainer #tabs li{float:left; display: inline; width:117px; height:73px; margin-right:10px; padding:10px; list-style:none; background: url('/images/bg-thumb-projects.gif') left top no-repeat;}
#tabcontainer #tabs li a{float:left; width:117px; height:73px; overflow:hidden;}
#tabcontainer .tabbox{position:absolute; top:0; left:0; width:344px; height:215px; /*margin:-110px 0 0 -952px;*/ margin:-260px 0 0 22px; overflow:hidden;}


/* -- Accordion Controls -- 
#accordion{margin: 0; padding: 0;}
*/

/* -- Overlay -- */
#overlay { background:#fff; color:#000; width:618px; display:none; padding:50px; border: #ccc solid 1px;}
#overlay .contentWrap {width:618px; overflow:hidden;}
#overlay .close { background-image:url('/images/buttons/close.gif'); position:absolute; right:5px; top:5px; cursor:pointer; width:25px; height:25px;}

/* -- Forms -- */
.form{float:left; margin:0; width: 566px; padding: 26px 26px 0 26px; color:#747474; background: url('/images/form-top.gif') left top no-repeat;}
.form .ft {width: 618px; margin-left:-26px; }
.form.small {float:left; margin:25px 0 0 20px; width: 250px; background: url('/images/form-small-top.gif') left top no-repeat;}
.form.small .ft {width: 247px; margin-left:-26px;}

.form .title {width:100%; display:block; margin:-10px 0 -5px 0; background: url('/images/form-divider.gif') left bottom repeat-x;}

.form label{font-weight:bold; font-size:12px;}
.form label span{color: #ff0000; font-weight: bold;}
.formRow{ margin-top: 10px;}

.smallformItem { width: 260px; float: left;}
.smallformItem .textfield{ width: 240px;}
.smallformItem .textarea{ width: 244px;}

.formItem { width: 283px; float: left;}
.formItem .textfield{ width: 263px;}
.formItem .textarea{ width: 264px;}
.formItem .textfield-small{ width: 80px;}
.formItem .dropdown{ height: 23px;}

.formItemSmall{ width: 40px; float: left;}
.formItemSmall .textfield{ width: 30px;}

.formItemLong { width: 540px; float: left;}
.formItemLong .textfield{ width: 540px;}
.formItemLong .textfield2{ width: 200px;}
.formItemLong .textfield-small{ width: 50px;}
.formItemLong .textarea { width: 550px;}
.formItemLong .dropdown{ height: 23px;}

.required{color:#C00;}

.city{ width: 283px; float: left;}
.city .textfield{ width: 263px;}

.state{ width: 60px; float: left;}
.state .dropdown{ height: 23px;}

.zipcode{ width: 60px; float: left;}
.zipcode .textfield{ width: 50px;}

.phone{ width: 220px; float: left;}
.phone .textfield{ width: 30px;}
.phone .textfield2{ width: 35px;}

.checkbox {float:left; padding-right:10px; width:100%;}
.checkbox .box {float:left; margin:1px 5px 0 0;}


#msg{width: 566px; margin: 10px auto; padding: 26px;}
#msg .title {width:100%; display:block; margin:-5px 0 5px 0; background: url('/images/form-divider.gif') left bottom repeat-x;}
#msg.error .title {background: url('/images/error-divider.gif') left bottom repeat-x;}
.notice{background: #e0e44a; border: 1px solid #768422; border-left: none; border-right: none; font-weight: bold;}
.notice p{margin: 0; padding: 0;}

.success{background: url('/images/form-top.gif') left top no-repeat;}
.success .ft{background: url('/images/form-bottom.gif') left bottom no-repeat; width:618px; height:23px; margin:0 0 -26px -26px;}

.right .error{background: url('/images/error-top.gif') left top no-repeat; color: #fff;}
.error .ft{background: url('/images/error-bottom.gif') left bottom no-repeat; width:618px; height:23px; margin:0 0 -26px -26px;}
.error ul{margin-bottom: 0; padding-bottom: 0;}
.error ul li{background: url('/images/bullet-white.png') 0 3px no-repeat;}

#box .error  { background: none; }
#box .error { color: #494848; }


#msg-small{float:left; width: 250px; margin:25px 0 -10px 20px; padding: 26px;}

.success.small{background: url('/images/form-small-top.gif') left top no-repeat;}
.success.small .ft{background: url('/images/form-small-bottom.gif') left bottom no-repeat; width:618px; height:23px; margin:0 0 -26px -26px;}

.error.small{background: url('/images/error-small-top.gif') left top no-repeat; color: #fff;}
.error.small .ft{background: url('/images/error-small-bottom.gif') left bottom no-repeat; width:618px; height:23px; margin:0 0 -26px -26px;}


/* -- Footer -- */
#ft-wide{ position:relative; width:100%; background: url('/images/structure/bg-footer.gif') top left repeat-x; padding-left: 0; color: #ffffff; font-size: 11px; top:0; left:0;}
#ft-wide .ft { width: 984px; height:112px; margin: 0 auto; line-height:12px;}

#ft-wide .ft .social{float:right; width:102px; height:30px; margin-top:-35px;}
#ft-wide .ft .social a.facebook{background: url('/images/buttons/icon-facebook.png') top left no-repeat;}
#ft-wide .ft .social a.twitter{background: url('/images/buttons/icon-twitter.png') top left no-repeat;}
#ft-wide .ft .social a.blog{background: url('/images/buttons/icon-blog.png') top left no-repeat;}
#ft-wide .ft .social a {float:left; width:34px; height:30px; text-indent:-9999em;}
#ft-wide .ft .social a:hover{background-position:0 -30px;}

#ft-wide .ft .logo {float:left; width:360px; height:35px; background: url('/images/structure/logo-ft.gif') 0 3px no-repeat; margin-top:10px; padding-left:20px;}
#ft-wide .ft .links {float:right; width:220px; margin:10px 0 0 0; padding:0;}
#ft-wide .ft .links.hoa {width:458px; margin:-12px 0 0 0;}
#ft-wide .ft .links.hoa a {color:#959595; border-right:1px solid #959595;}
#ft-wide .ft .kuester-blog { margin: -15px 0 0 15px; padding: 10px 0 10px 38px; background: url(/images/i-blog.png) no-repeat left center; }
#ft-wide .ft .links ul{margin:0; padding:0;}
#ft-wide .ft .links ul li{display:inline; margin:0; padding:0; background:none;}
#ft-wide .ft .links ul li a{float: left; padding:0 8px 0 8px; margin:0; line-height:12px; border-right:1px solid #fff;}

#ft-wide .ft .links li a.last{border:none; padding:0 0 0 8px;}
#ft-wide .ft a{color: #ffffff; }
#ft-wide .ft a:hover{ color: #bce1e7; }
 
 
 /* -- Login Page --*/
#tabholder {}
#tabholder #tabs{float:left; position:relative; width:362px; height:41px; margin-bottom: -10px; padding: 0; z-index:10; }
#tabholder #tabs li{float:left; display: inline; width:178px; height:41px; margin-right:3px; padding:0; list-style:none;}
#tabholder #tabs li:hover {background-position:0 -41px;}
#tabholder #tabs li.active {background-position:0 -82px;}
#tabholder #tabs li a{float:left; width:178px; height:41px; overflow:hidden; text-indent:-9999em;}
#tabholder .tabbox{float:left; position:relative; width:618px; overflow:hidden; z-index:1;}

	#client {background:url('/images/buttons/tab-client.png') 0 0 no-repeat;}
	#resident {background:url('/images/buttons/tab-resident.png') 0 0 no-repeat;}

.hidden {display: none;}

/* -- Blog  --*/
.blogright { float: left; display: inline; width: 618px; padding: 20px 20px 0; }
	.blogright .listingitem .image { float: left; display: inline; margin: 4px 8px 8px 0;  }
		.blogright .listingitem .image img{ border: 2px solid #8c992a; width: 95px; }
	.blogright .listingitem .text { float: none; width: auto; }
	.blogright .comments { margin-top: 10px; background: #eff1f3; padding: 15px; }
	.blogright .comments .legend { font-size: 22px; color: #8c992a; padding-bottom: 10px; }
	.blogright .comments div { padding-top: 8px; border-bottom: 1px solid #ccc; }
	.blogright .comments div.commenthead { padding: 0; border: none; }
.blogSidebar { float: right; width: 324px; padding: 10px 20px;  }
	.blogSidebar .blogItems { margin: 0 0 0 10px; width: 261px; padding: 20px; background: url('/images/form-small-top.gif') left top no-repeat; }
	.blogSidebar .blogItems h2 { color: #747474; font-size: 22px; border-bottom: 1px solid #8F9C9E; margin-bottom: 4px; }
	.blogSidebar .blogItems .section { margin-bottom: 8px; }
	.blogSidebar .ft { margin-left: 10px; width: 247px; }

/* -- Competitive Analysis  --*/
#competitive .titles {color: #1f77af; font-weight: normal; font-size: 18px; line-height:28px;}
#competitive .category {color: #494949; font-weight: bold; font-size: 14px; line-height:normal; padding:5px 10px; border:1px solid #DCE1E4; width:576px; margin:20px 0 0 10px; background:#eff1f3 url('/images/download.png') 569px 4px no-repeat; }
#competitive .category a{display:block;}

#competitive table {float:left; width:598px; margin:0 0 20px 10px;}
#competitive table td {text-align:center; border-right:1px solid #DCE1E4; border-bottom:1px solid #DCE1E4; padding:5px 10px;}
#competitive table td.first {text-align:left; border-left:1px solid #DCE1E4; width:420px;}



	  #sticky_contact
      {
        background:transparent url('/images/sticky.png') no-repeat scroll 0px 0px;
        height:178px;
        float:right;
        position:fixed;
        top:210px;
        width:53px;
      }
      #sticky_contact:hover
      {
        background-position:-53px 0px;
      }
      #sticky_contact a
      {
        
        height:178px;
        width:53px;
      }
	  .sticky_div{
		  display:block;
	  }
	  
/* -- HOA pages  --*/

.charlotte_container{
	background-image:url('/images/charlotte_bg.jpg');
	background-repeat:no-repeat;

}

.charleston_container{
	background-image:url('/images/charleston_bg.jpg');
	background-repeat:no-repeat;

}

.boone_container{
	background-image:url('/images/boone_bg.jpg');
	background-repeat:no-repeat;

}

.myrtle_container{
	background-image:url('/images/myrtle_bg.jpg');
	background-repeat:no-repeat;

}

.wil_container{
	background-image:url('/images/wil_bg.jpg');
	background-repeat:no-repeat;

}

.hoa_contact {
	display: block;
	width: 228px;
	height: 89px;
	background: url('/images/hoa_contact.png');
	text-indent: -99999px;
	position:absolute;
	margin-top:220px;
	left:825px;

	
}
.hoa_contact:hover {
	background-position: 0 -89px;
}