/*
---------------------------------------------------------------------------------

	MARTEN/DAVIS REALTORS
	global screen styles

	created: june '09
	updated: ---
	
	design and code by:
	matthew brown / www.thingsthatarebrown.com

---------------------------------------------------------------------------------
*/

body { background: url('../img/calloutwide.png') top center no-repeat;}

#wrapper { font-family: georgia, "Times New Roman"; font-size: 16px; line-height: 22px; font-weight: 300; }


h1,h2,h3,h4 { margin: 0; padding: 0; line-height: 1em }
a { color: #990003 }
a:hover { text-decoration: none; }
li { list-style: disc }
small { font-size: 12px }


p.lead { font-size: 24px; line-height: 30px;}

#header { height: 42px; background: url('../img/top-bar-bg.png') repeat-x; }
#header h1,
#header h2 { font-size: 13px; color: #ccc; padding: 15px 0 0 0; font-weight: normal; }
#header a { color: #ccc; }
#header span { margin: 0 8px; }
#header #contact-info { float: right; text-align: right; }


#nav ul { margin: 0; padding: 0; }
#nav li { display: inline; float: left; margin: 0; padding: 0; }
#nav li a { display: block; float: left; color: black; margin: 0; padding: 8px 24px; border-right: 1px solid #444; text-decoration: none; letter-spacing: 0.5px; font-size: 20px; }
#nav li a:hover, #nav li a.active { background-color: #333; text-decoration: underline; }
#nav li#contact-us a { border: none }

#intro a.button { display:block; height: 36px; text-indent: -9999px; margin: -25px 10px 30px 30px; z-index: 99; position: relative; float: left; }
#intro a#vp { width: 200px; background: url('../img/button-view-prop.png') no-repeat; }
#intro a#vp:hover { background-position: bottom }
#intro a#git { width: 160px; background: url('../img/button-git.png') no-repeat; margin-left: 5px; }
#intro a#git:hover { background-position: bottom }

#intro h2 { text-indent: -9999px; }
#intro img { margin: 135px 0 10px -10px; position: relative; }

#firstchunk { padding: 20px 0; margin: 10px 0 30px 0; border: dotted #ccc; border-width: 1px 0; }
#firstchunk p.lead { margin: 0 0 0.75em 0; }
#firstchunk p { margin: 0; }

#callout { background: url('../img/tmp-mockup.png'); height: 354px; width: 559px; margin: 130px 0 0 -10px; position: relative; }

#extended-pitch h4 { margin-bottom: 8px; }


#ron-bio { background: url('../img/about-bg.png') no-repeat 0 295px }
#ron-bio #title { background: #222; color: #efefef; padding: 20px; margin: 0 0 20px 0; }
#ron-bio img { margin: 0 0 -6px 0; }
#ron-bio h2, #ron-bio h3 { font-weight: normal; }
#ron-bio h2 { font-size: 30px; margin-bottom: 4px; }
#ron-bio h3 { font-size: 15px; margin: 0; }
#ron-bio p { font-size: 13px; line-height: 18px; padding: 0 20px; }
#ron-bio p.lead { font-size: 15px; line-height: 21px; }

#footer { margin-top: 50px; padding-bottom: 180px; padding-top: 30px; border-top: 4px solid #e3e0d8; background: #eae9e6; }
#footer p, #footer table { font-size: 13px; font-weight: normal; color: #777777; line-height: 18px; }
#footer table { margin-left: 20px; }
#footer td.desc { width: 50px; font-weight: bold; padding-right: 8px; }

#sitelink { margin-top: 200px }
#sitelink iframe { border: 1px solid #ccc; padding: 0; margin: 0; }
#sitelink-info { margin-top: 330px }

#sidebar { background: #fffcf2; padding: 20px }
#sidebar.bold { border: solid #ded4b2; border-width: 4px 1px 1px 1px; padding-bottom: 30px; }

iframe { margin: auto; margin: 20px 0 0 0; border: 1px solid #666;  }

#ron-bio { margin-top: 150px }

/* sitelink page spacific */

a#backto { display: block; margin: 0 0 15px 40px; text-decoration: none; font-weight: bold }
a#backto:hover { text-decoration: underline }

#sitelink-info h2 { font-size: 20px; margin-bottom: 10px; }
#sitelink-info h3 { font-size: 17px;font-weight: normal; margin-bottom: 4px; }
#sitelink-info p { font-size: 14px; line-height: 16px;  }
#sitelink-info img { border: 1px solid #888; margin-bottom: 6px; }