/*********************************************
 *********************************************

		Author: Joe Edelmann
	   Website: www.steinerinc.com
	Copyright©: Joe Edelmann / teamDigital

 *********************************************
 *********************************************/

/***** RESET *****/
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
ol, ul, li { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; }
q:before, q:after { content:''; }
a { margin:0; padding:0; text-decoration:none; outline:none; border:0; }


/***** BASICS *****/
strong { font-weight:bold; }
em { font-style:italic; }
* a { position:relative; }
a img { padding:0; border:0; }

body { padding:20px 0 0; font-family:Arial, sans-serif; font-size:12px; color:#40545B; background:#DDD; }

h1 { width:243px; height:29px; position:absolute; top:24px; left:0; text-indent:-9999px; background:url(../images/h1-logo.png) no-repeat; }
h1 a { position:absolute; top:0; left:0; width:243px; height:29px; }

h2 { margin:0 0 12px; font-size:18px; font-weight:normal; color:#FFF; position:relative; }
	h2 span { position:absolute; right:0; bottom:1px; font-size:12px; }

body.projects h2 { margin:0 0 6px; padding:4px 0 0; font-size:11px; line-height:18px; text-transform:uppercase; }

p { margin:0 0 24px; line-height:18px; }


/***** LINKS *****/
a:link,a:visited { color:#B1C1CA; }
a:hover { color:#FF2D1A; }


/***** CONTAINERS *****/
#container { margin:0 auto; padding:0 50px 8px; width:800px; background:#FFF; }
#header { height:62px; border-bottom:4px solid #40545B; position:relative; }
#content { height:500px; }
#footer { padding:12px 8px; border-top:4px solid #40545B; }


/***** NAV *****/
#nav { position:absolute; bottom:-33px; right:0; width:432px; height:29px; }
#nav li { text-indent:-9999px; overflow:auto; }
#nav li a { position:absolute; top:0; height:29px; display:block; background:url(../images/sprite-nav.png) no-repeat; }

#nav li#nHome a { width:53px; left:0; background-position:0 0; }
#nav li#nHome a:hover { background-position:0 -29px; }
body.home #nav li#nHome a { background-position:0 -58px; }

#nav li#nAbout a { width:76px; left:53px; background-position:-53px 0; }
#nav li#nAbout a:hover { background-position:-53px -29px; }
body.about #nav li#nAbout a { background-position:-53px -58px; }

#nav li#nProjects a { width:131px; left:129px; background-position:-129px 0; }
#nav li#nProjects a:hover { background-position:-129px -29px; }
body.projects #nav li#nProjects a { background-position:-129px -58px; }

#nav li#nCommunities a { width:103px; left:260px; background-position:-260px 0; }
#nav li#nCommunities a:hover { background-position:-260px -29px; }
body.communities #nav li#nCommunities a { background-position:-260px -58px; }

#nav li#nContact a { width:69px; left:363px; background-position:-363px 0; }
#nav li#nContact a:hover { background-position:-363px -29px; }
body.contact #nav li#nContact a { background-position:-363px -58px; }


/***** HOME *****/
body.home #container { background:#FFF url(../images/bg-container-home.jpg) 384px 260px no-repeat; }
body.home #content { padding:100px 0 0 374px; height:400px; background:url(../images/img-home-front-door.jpg) left top no-repeat; }
body.home h2 { margin:0 auto 40px; width:197px; height:20px; text-indent:-9999px; background:url(../images/h2-welcome-home.png) no-repeat; }
body.home #content p { text-align:center; }

.showcase { padding:72px 0 0 23px; overflow:auto; }
.showcase li { margin:0 40px 0 0; width:100px; height:94px; float:left; }
.showcase li.end { margin:0; }
.showcase li img { display:block; width:100px; height:94px; }


/***** ABOUT US *****/
body.about #container { background:#FFF url(../images/bg-container-about.jpg) left bottom no-repeat; }
.about-images { margin:0 20px 0 0; padding:46px 0 0; width:373px; float:left; }
.about-images img { margin:0 0 10px 10px; float:left; }
.about-images img.about-image-2 { margin-left:30px; }

.about-us { padding:56px 0 0; }
.about-us p { font-size:11px; line-height:14px; margin:0 0 12px; }

.logos { padding:44px 0 0 20px; overflow:auto; }
.logos li { float:left; }
.logos li.green-building, .logos li.nahb { margin:0 60px 0 0; }
.logos li.energy-star { margin:0; }


/*****CURRENT PROJECTS *****/
body.projects #container { background:#FFF url(../images/bg-container-projects.jpg) left 50px no-repeat; }

#project-list-outer { margin:44px 0 0; width:350px; float:right; }
#project-list { margin:0 0 4px; height:414px; background:rgb(92,109,115); background:rgba(92,109,115,.85); }
#project-list li { margin:0 20px; padding:33px 0; color:#FFF; font-size:11px; text-align:center; border-bottom:3px solid #7199AB; clear:both; overflow:auto; }
#project-list li img { margin:0 0 0 12px; width:138px; height:132px; display:block; float:right; background:#FFF; border:3px solid #85C5E3; display:inline; }
#project-list li p { margin:0 0 8px; height:86px; line-height:14px; overflow:hidden; }
#project-list li p.realtor-link { margin:0; padding:0 0 2px; height:auto; font-size:10px; }
#project-list li a { color:#FFF; text-transform:uppercase; border-bottom:1px solid #FFF; }
#project-list li a:hover { border-bottom:2px solid #FF2D1A; }
#project-list li.bot { border:0; }

#pagination { margin:0; padding:8px 4px; height:auto; font-weight:bold; background:none; overflow:auto; float:right; }
	body.communities #pagination { padding:8px 32px; float:left; }
#pagination li { margin:0 0 0 4px; padding:2px 0; color:#40545B; float:left; border:0; clear:none; }
#pagination li a { padding:2px 4px; color:#FFF; background:#7199AB; border:0; }
#pagination li a:hover { background:#40545B; border:0; }
#pagination li.current { padding:2px 4px; color:#FFF; background:#FF2D1A; cursor:default; }

#project-images { padding:90px 0 0; width:440px; }
#project-images img { margin:0 0 10px 10px; float:left; }
#project-images img.project-image-1 { margin-left:0; }
#project-images img.project-image-2 { margin-top:75px; }
#project-images img.project-image-3 { margin-left:15px; clear:left; }


/***** COMMUNITIES *****/
body.communities #container { background:#FFF url(../images/bg-container-communities.jpg) right 282px no-repeat; }

#community-list { padding:62px 0 0 31px; overflow:auto; }
#community-list li { margin:0 5px 20px; width:236px; float:left; }
#community-list li img { width:236px; height:154px; display:block; }
#community-list li p { margin:0; padding:2px 0 0; font-size:10px; text-align:right; }


/***** CONTACT *****/
body.contact #container, body#manage #container, body.admin-login #container { background:#FFF url(../images/bg-container-contact.jpg) left bottom no-repeat; }
body.contact #content { color:#FBF9F9; font-size:11px; }
body.contact h2 { margin:0 0 40px; font-size:28px; color:#CDE9F4; font-weight:normal; line-height:28px; }
body.contact h3 { font-size:24px; color:#CDE9F4; font-weight:normal; line-height:24px; }
body.contact h4 { margin:0 0 4px; font-size:18px; color:#CDE9F4; font-weight:normal; }

#contact-form { margin:44px 38px 0 0; padding:20px; width:330px; background:rgb(92,109,115); background:rgba(92,109,115,.85); float:right; overflow:auto; position:relative; }
#contact-form form { width:188px; float:left; }

fieldset li { margin:0 0 12px; }
fieldset li label { margin:0 0 1px 2px; font-size:11px; color:#EEE; display:block; text-transform:lowercase; }
fieldset li input, fieldset li textarea { padding:2px 4px; width:180px; font-family:Arial, sans-serif; font-size:11px; color:#FFF; background:#8CA1A9; border:0; }
fieldset li textarea { height:146px; }
fieldset li#btn-submit { margin:-4px 0 0; text-align:right; }
fieldset li#btn-submit input, fieldset li#btn-submit a { padding:2px 4px; width:auto; font-size:12px; font-weight:bold; text-transform:lowercase; background:#8CA1A9; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border:0; cursor:pointer; }
fieldset li#btn-submit input:hover, fieldset li#btn-submit a:hover { background:#85C5E3; }
	fieldset li#btn-submit a { background:none; }
	fieldset li#btn-submit a:hover { background:#8CA1A9; }

#contact-info { margin:0 0 0 203px; padding:100px 0 0; }
#contact-info p { margin:0 0 12px; font-size:10px; color:#FBF9F9; line-height:13px; }
#contact-info p strong { font-size:11px; color:#CDE9F4; }

fieldset li label.err { color:#C00; font-weight:bold; }
p.errors { position:absolute; top:84px; left:20px; padding:2px 0; width:330px; font-size:11px; font-weight:bold; color:#FFF; text-align:center; background:#C00; }
body#manage p.errors { margin:0 0 8px; position:static; }

/***** FOOTER *****/
#footer { font-size:10px; }
#footer ul { text-align:right; }
#footer li { margin-left:14px; display:inline; }
#footer li a { color:#40545B; text-decoration:underline; }
#footer li a:hover { color:#FF2D1A; }


/***** OTHER *****/
body#manage #content { padding-bottom:20px; min-height:500px; height:auto !important; height:500px; overflow:auto; }
#content .inner { margin:44px 38px 0 0; padding:40px 20px 20px; width:330px; background:rgb(92,109,115); background:rgba(92,109,115,.85); float:right; overflow:auto; position:relative; }

#mNav { position:absolute; top:8px; right:14px; }
#mNav li { margin:0 4px 0 0; font-size:10px; text-transform:uppercase; float:left; cursor:default; }
#mNav li a { color:#FFF; }
#mNav li a:hover { color:#85C5E3; }
#mNav li a.current { color:#FF2D1A; }
#mNav li.end { margin:0; }
#mNav li span { color:#999; }

.edit-list { margin:20px 10px 0; }
.edit-list li { margin:0 0 8px; font-size:14px; }
.edit-list li a { padding:4px 4px 4px 8px; color:#FFF; display:block; background:#8CA1A9; border-left:8px solid #40545B; }
.edit-list li a:hover { background:#85C5E3; }

.entry-list { margin:0 0 12px; }
.entry-list li { margin:0; padding:2px 4px; height:auto; border-bottom:1px dashed #8CA1A9; clear:both; overflow:hidden; }
.entry-list li:hover { background:#8CA1A9 }
.entry-list li a { color:#FFF; float:left; }
.entry-list li a.del { float:right; }
.entry-list li a.del:hover { color:#FF2D1A; }
.entry-list li a:hover { color:#40545B; }

p.add-entry { margin:0 0 12px; clear:both; }
p.add-entry a { padding:4px 0; width:100%; color:#FFF; text-align:center; font-weight:bold; background:#8CA1A9; display:block; clear:both; }
p.add-entry a:hover { color:#FFF; background:#85C5E3; }

fieldset li#btn-submit { margin:0; text-align:left; }
fieldset li#btn-submit a { margin:0 0 0 8px; }
fieldset li#btn-submit a:hover { color:#FFF; }

body.proj-edit fieldset li textarea { height:60px; }

.error-list { margin:0 0 12px; padding:0 20px; }
.error-list li { list-style:square; font-size:11px; color:#C8492E; font-weight:bold; position:relative; }
.error-list li span { color:#FFF; }